{"id":2075,"date":"2024-01-08T20:09:08","date_gmt":"2024-01-08T20:09:08","guid":{"rendered":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/?post_type=avada_portfolio&#038;p=2075"},"modified":"2024-03-19T19:16:31","modified_gmt":"2024-03-19T19:16:31","slug":"pinal-county","status":"publish","type":"avada_portfolio","link":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/portfolio-items\/pinal-county\/","title":{"rendered":"Pinal County"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--link_hover_color: #434549;--link_color: #141617;--awb-border-sizes-top:0px;--awb-border-sizes-bottom:0px;--awb-border-sizes-left:0px;--awb-border-sizes-right:0px;--awb-border-color:#fcf4ec;--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-padding-top:19px;--awb-padding-right:30px;--awb-padding-bottom:0px;--awb-padding-left:30px;--awb-padding-top-small:60px;--awb-padding-bottom-small:60px;--awb-margin-top:-50px;--awb-margin-bottom:0px;--awb-background-color:#fcf4ec;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-justify-content-center fusion-flex-content-wrap\" style=\"max-width:calc( 1170px + 100px );margin-left: calc(-100px \/ 2 );margin-right: calc(-100px \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-animated\" style=\"--awb-padding-right:57px;--awb-padding-left:59px;--awb-padding-right-small:0px;--awb-padding-left-small:0px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0px;--awb-margin-bottom-large:16px;--awb-spacing-left-large:0px;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0px;--awb-spacing-left-medium:0px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:50px;--awb-margin-bottom-small:60px;--awb-spacing-left-small:50px;\" data-animationType=\"fadeInUp\" data-animationDuration=\"1.3\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-title-center fusion-title-text fusion-title-size-one\" style=\"--awb-text-color:#141617;--awb-margin-top:2px;--awb-margin-bottom:-50px;--awb-margin-top-small:10px;--awb-margin-right-small:0px;--awb-margin-bottom-small:-20px;--awb-margin-left-small:0px;--awb-sep-color:#fcf4ec;--awb-font-size:65px;\"><div class=\"title-sep-container title-sep-container-left\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:#fcf4ec;\"><\/div><\/div><span class=\"awb-title-spacer\"><\/span><h1 class=\"fusion-title-heading title-heading-center\" style=\"font-family:&quot;Unna&quot;;font-style:normal;font-weight:400;margin:0;text-transform:var(--awb-typography1-text-transform);font-size:1em;line-height:1.2;\"><h2 class=\"fusion-title-heading title-heading-left fusion-live-editable fusion-responsive-typography-calculated medium-editor-element\" role=\"textbox\" contenteditable=\"true\" spellcheck=\"true\" data-inline-parent-cid=\"10\" data-inline-override-color=\"text_color\" data-inline-override-font-size=\"font_size\" data-inline-override-line-height=\"line_height\" data-inline-override-letter-spacing=\"letter_spacing\" data-inline-override-tag=\"size\" data-toolbar=\"full\" data-param=\"element_content\" data-fontsize=\"26\" data-lineheight=\"28.8667px\" data-medium-editor-element=\"true\" aria-multiline=\"true\" data-medium-editor-editor-index=\"1\" data-placeholder=\"Your Content Goes Here\" data-medium-focused=\"true\">Pinal County<\/h2><\/h1><span class=\"awb-title-spacer\"><\/span><div class=\"title-sep-container title-sep-container-right\"><div class=\"title-sep sep- sep-solid\" style=\"border-color:#fcf4ec;\"><\/div><\/div><\/div><div class=\"fusion-text fusion-text-1 fusion-text-no-margin\" style=\"--awb-content-alignment:center;--awb-font-size:15px;--awb-line-height:24px;--awb-letter-spacing:0px;--awb-text-transform:var(--awb-typography4-text-transform);--awb-text-color:#141617;--awb-margin-right:0px;--awb-margin-bottom:0px;--awb-margin-left:0px;--awb-text-font-family:&quot;Montserrat&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p style=\"text-align: left;\">Throughout the region, newcomers will find a diversity of terrain, from volcanic-ash formations and high desert valleys. Ghost towns, old mining camps, and beautiful terrain contrast with friendly small communities. Recreation, seasonal residents and tourism play major roles in many of the town and city economies, fueled by the region&#8217;s pristine environment and international reputation for world-class birding and recreation opportunities. Pinal County has a rich and colorful history in large part due to its humble beginning in the mining and agricultural industries.<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column fusion-animated\" style=\"--awb-padding-right:37px;--awb-padding-left:8px;--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:calc( 0.051 * calc( 100% - 100px ) );--awb-margin-bottom-large:80px;--awb-spacing-left-large:50px;--awb-width-medium:33.333333333333%;--awb-order-medium:0;--awb-spacing-right-medium:calc( 0.153 * calc( 100% - 100px ) );--awb-spacing-left-medium:50px;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:50px;--awb-margin-bottom-small:40px;--awb-spacing-left-small:50px;\" data-animationType=\"fadeInUp\" data-animationDuration=\"1.3\" data-animationOffset=\"top-into-view\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-2\"><p><strong><a href=\"https:\/\/www.pinalcountyaz.gov\/\">Pinal County Offices<\/a><\/strong><br \/>\n520-509-3555<\/p>\n<p><strong><a href=\"https:\/\/www.apachejunctionaz.gov\/\">City of Apache Junction<\/a><\/strong><br \/>\n480-982-8002<\/p>\n<p>The City of Apache Junction is located just a short 30 miles east of Downtown Phoenix and borders the City of Mesa. It has quick and easy access to the sights and sounds of the Downtown Phoenix area via the Superstition Freeway. Apache Junction is a community that is spread out around the Historic Apache Trail and serves as a gateway to many of the most popular outdoor sites for residents of the Greater Phoenix Area. Those sights include the Spectacular Superstition Mountains Wilderness Area and the chain of Salt River Lakes. The city is very popular with Arizona\u2019s seasonal visitors who easily double the city\u2019s winter population. The area around Apache Junction is experiencing a steady growth rate thanks to a lower cost of real estate than some of the other nearby communities outside of Phoenix. The City is also experiencing solid growth in retail and the other amenities that new residents look for, all while maintaining its old west feel and charm.<\/p>\n<p><strong>Arizona City<\/strong><br \/>\n520-466-5141<\/p>\n<p>Arizona City is a master-planned community of over 4,500 residents, located mid-way between Phoenix and Tucson along the I-10 corridor in the Santa Cruz Valley. It was formed in 1953 when a local developer decided to build a planned community on 2 \u00bd acres of land. It is unincorporated and as such has no local government. The area around Arizona City is very productive agricultural land and also home to one of the states purest underground water sources. Arizona City itself has grown considerably from that small acreage to its current population. Arizona City offers its residents all of the benefits of living in a planned community including such amenities as a 48-acre manmade lake, an 18-hole golf course, and several parks and restaurants. Nearby attractions offer hiking, horseback riding, and even rock hounding gems. Its central location means that residents have quick access to either Phoenix or Tucson for the arts or professional sporting events and quick access to all of the services of nearby Casa Grande.<\/p>\n<p><strong><a href=\"https:\/\/casagrandeaz.gov\/\">Casa Grande<\/a><\/strong><br \/>\n520-421-8600<\/p>\n<p>Casa Grande was founded in 1879 and is located just 40 minutes from Downtown Phoenix to the north and 60 minutes from Tucson to the southeast. Casa Grande is named after a Hohokam Indian ruin, that is located about 20 minutes north and east. It is the second largest community in the county with a year-round population of more than 35,000 residents. Like any major city, Casa Grande offers many facilities and activities that residents and visitors would expect, including museums, libraries, fitness clubs, and golf courses. The city also boasts more than 15 local parks and three major regional parks. The City is also home to the state-of-the-art Casa Grande Regional Medical Center. There are also outstanding school districts, including a new high school. Casa Grande is famous in the Phoenix metropolitan area for its shopping, including its unique and historic downtown shops and the Outlets at Casa Grande. All of these things combine to offer a quality of life that takes full advantage of the city\u2019s uniquely southwestern flair.<\/p>\n<p><strong><a href=\"https:\/\/www.coolidgeaz.com\/\">Coolidge<\/a><\/strong><br \/>\n520-723-5361<\/p>\n<p>Coolidge is a small city located almost exactly halfway between Phoenix and Tucson and is the heart of Arizona\u2019s cotton industry. The city was founded in 1930 on an 80-acre site after the Coolidge dam was dedicated by the town namesake President Coolidge. The city was incorporated in 1945 and now has more than 8,000 residents who call it home. The area is extremely popular with winter visitors who enjoy the beautiful climate throughout the winter months. The town is also the home of the famous Casa Grande Ruins National Monument, a prehistoric Hohokam Indian village site highlighted by the four-story tall \u201cCasa Grande\u201d structure. A short drive from Coolidge are the Gila River Indian Reservation and the Papago Indian Reservation.<\/p>\n<p><strong><a href=\"https:\/\/eloyaz.gov\/\">Eloy<\/a><\/strong><br \/>\n520-466-9201<\/p>\n<p>Eloy is a quiet rural city located in an area known for its agricultural past, something most visitors don\u2019t expect in the Sonoran desert. This city is surrounded by an agricultural area with cotton, vegetable, fruit, nut, and ostrich farms. Eloy is a fine example of small-town America with an active main street, new local library, and beautiful town center with its own city park and gazebo. Eloy is also surrounded by some of the most beautiful mountains in the region including Picacho Peak, the site of the only Civil War battle in Arizona. There are numerous opportunities for outdoor recreation including, hiking, biking, and even fishing in Picacho Reservoir.<\/p>\n<p><strong><br \/>\n<a href=\"http:\/\/www.florenceaz.gov\">Florence<\/a><\/strong><br \/>\n520-868-7500<\/p>\n<p>Florence is located midway between Phoenix and Tucson at the junction of State Highway 79 and State Highway 287. The town grew in the 1870s with the discovery of silver in the Silver King Mine. The town became the commercial hub for area mines with ranching and farming developing over time. Florence is the Pinal County Seat and is one of the oldest developed towns in the state. The town is a national Main Street Town with more than 130 buildings listed on the National Historic register. The lifestyle for residents in Florence has changed dramatically in its long history. The area is now experiencing a booming residential growth pattern. There are multiple master-planned communities currently planned that will add more than 60,000 residential units to the area over the next several years. The first of those communities, Anthem at Merrill Ranch, is already underway. Florence offers residents the benefits of small-town living, wonderful climate, and a bright and growing future.<\/p>\n<p><strong><a href=\"https:\/\/goldcanyon.net\/\">Gold Canyon<\/a><\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Gold Canyon is an unincorporated community located in the far eastern part of the Phoenix Metro area. It is located in Pinal County. The number of total residents is about 6,000 but this does fluctuate seasonally. The community is made up of several home communities. It is located adjacent to the Superstition Mountain Wilderness, at the foothills of the Superstition Mountains, which offer thousands of square miles of public land for hiking, bike riding, photography, camping, or hunting. There are five 18-hole championship length golf courses within the community and many more within a short drive. The view of the Superstition Mountains and the beautiful surrounding desert make this one of the most picturesque communities in the area.<\/p>\n<p><strong><a href=\"https:\/\/www.kearnyaz.gov\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kearny<\/a><\/strong><br \/>\n520-363-5547<\/p>\n<p>Kearny is located in eastern Pinal County approximately an hour from the Phoenix Metro Area and 30 minutes from the town of Globe in Gila County. The Town is a planned community, with tree-lined streets and a quiet small-town lifestyle. The town is located at the base of the Steamboat Mountain Foothills and boasts a year-round average temperature of 73 degrees. This climate combined with the location of town leads to the rare ability of residents to enjoy outdoor activities year-round. In the springtime, visitors flock to the area to enjoy bird watching along the Gila River. Visitors are also awestruck at the sight of the Ray Mine, one of the nation\u2019s largest open pit mines. The town offers residents many amenities, while giving them the opportunity to enjoy a comfortable pace of life.<\/p>\n<p><strong><a href=\"https:\/\/townofmammoth.us\/\">Town of Mammoth<\/a><\/strong><br \/>\n520-487-2331<\/p>\n<p>Mammoth is an incorporated town of approximately 2000 residents. Mammoth along with San Manuel and Oracle make up what is known as the Tri-Community area. Mammoth is located along highway 77 and the San Pedro River which flows underground northward from Mexico and winds its way between the Santa Catalina Mountains to the south and the Galiuro Mountains to the Northeast. Mammoth took its name from the Mammoth Mine. It was said the gold deposits were of mammoth proportions so the town was given the name. Mammoth is known for its natural beauty and mild climate. The town has transitioned from a mining-related economy to one which is focused on services, light industry, and tourism. Residents enjoy an easy pace of life with a small-town atmosphere. The community offers all the basic necessities of daily life, with all of the excitement of Tucson nearby.<\/p>\n<p><strong><a href=\"https:\/\/www.maricopa-az.gov\">City of Maricopa<\/a><\/strong><br \/>\n520-568-9098<\/p>\n<p>Maricopa is located 20 miles south of Phoenix and about 20 miles northwest of the City of Casa Grande. Maricopa was incorporated in 2003, prior to that it was an unincorporated community whose history revolved around farming. The City is one of the most productive farm communities in the state of Arizona, with crops of cotton, grain, fruit, and vegetables. Maricopa\u2019s growth has been spurred by the development of master-planned communities that overflow from the development in the southernmost part of the City of Phoenix and the Ahwatukee Foothills. The city is expected to grow in population to more than 100,000 residents over the next 5 years. The current population is around 30,000. In addition to its residential growth, Maricopa is home to many wonderful amenities, including golf courses, parks, and the popular Estrella Mountains, where hiking, biking, and horseback riding can be enjoyed by all.<\/p>\n<p><strong><a href=\"https:\/\/www.olhoracle.com\/\">Oracle\/San Manuel<br \/>\n<\/a><\/strong>520-896-3300<\/p>\n<p>Oracle and San Manuel are both unincorporated communities in Pinal County. They have no local government offices and instead abide by the laws of the county government. Both communities (along with Mammoth) sit between the San Pedro River Valley, the Galiuro Mountain Range, and the Catalina foothills. They are located just a short 40 miles from Tucson and 150 miles from Metro Phoenix. Oracle sits at an elevation of 4500 feet and its hilly countryside is covered with mesquite, scrub oak, Manzanita, bear grass, prickly pear, and cholla cactus. The climate is moderate with summer days averaging in the mid-90s and winter offering cool days and chilly evenings. This mountainside location and the mild dry climate made Oracle a favorite spot for those looking to get out of the heat of lower elevations and in the early days it was a popular spot for doctors to send patients with respiratory issues. The main business in the area was mining and farming. Oracle is also famous for its many fine artists whose work can still be seen at the Rancho Linda Vista art community gallery. San Manuel was originally founded as a mining company town around 1953 \u2013 by the Magna mining company to take advantage of the copper deposits that are so common in Arizona. The town was built by the mining company to house the miners and their families \u2013 which literally meant that all of the buildings in town were owned by the mining company. In the 1990s the mining company finally decided to sell all of the buildings to private owners. The San Manuel mine is no longer in operation, and the current owner of the mine claim is restoring the area to its original condition. This storied history gives the residents of San Manuel an interesting past and bond with each other. Many of the local residents \u2013 still live in the houses that they used when employed by the mine. Both of these communities offer their residents a unique combination of wonderful natural beauty, mild desert climates, and the peace and comfort of true small-town living \u2013 all within a short drive from the urban oasis of Tucson.<\/p>\n<p><strong><a href=\"https:\/\/www.santanvalley.com\/\">San Tan Valley<\/a><\/strong><br \/>\n480-788-7516<\/p>\n<p>San Tan Valley is the newest \u201ccommunity\u201d in Pinal County. It was formed by a vote of local residents and politicians that wanted to group together all of the varied subdivisions and housing developments in the area (more than 70.) In June of 2009, by a vote, local residents chose the name of San Tan Valley. This is not an incorporated town or city (although residents will vote on that in an election.) What this new community is, however, is a total of approximately 80,000 residents occupying a large geographic area \u2013 making it the largest community in the county. New Residents to this area will find a broad choice of housing options ranging from older ranch-style homes in mature sub-divisions to new construction homes in youthful new developments featuring all of the amenities a resident could want. And of course, all of the recreational, shopping, and social opportunities of the county and the Metro Phoenix area are available and nearby.<\/p>\n<p><strong><a href=\"http:\/\/superioraz.gov\">Town of Superior<\/a><\/strong><br \/>\n520-689-5752<\/p>\n<p>Superior is located a little more than 6 miles east of Metro Phoenix on U.S. 60 at the junction of State Highway 177. The town is at an elevation of 2,882 feet surrounded by peaks such as Iron Mountain at a little over 6,000 ft. The towns\u2019 history and development are based in the mining industry. With the town laid out in 1900 under the name of Hastings which was later changed to Superior. The town was incorporated in 1976. Superior is a small town with many families that have been residents for more than three generations. Superior is world-renowned for one of its most famous landmarks, the Boyce Thompson Desert Arboretum. This botanical garden is situated at the edge of beautiful Picket Post Mountain and contains more than 10,000 specimens of cacti. The Arboretum draws thousands of visitors every year. In addition to the arboretum, Superior is located just south of the famous Apache Trail \u2013 a 98-mile section of Route 88 that drives through some of Arizona\u2019s most beautiful and historic terrain.<\/p>\n<p><strong><a href=\"https:\/\/www.queencreekaz.gov\/\">Queen Creek<\/a><\/strong><br \/>\n480-358-3000<\/p>\n<p>While Queen Creek takes great pride in its friendly, rural atmosphere and rich history, the town is welcoming a surge of residential growth. Civic planners in the Queen Creek area are determined to meet this expansion with a balance of amenities and services that preserve open spaces and the rural character of the landscape. Local amenities that add to the high quality of life include a community center and youth center, a branch library, and an 18-hole golf course. The nearby San Tan Mountain Regional Park encourages outdoor adventure and exploration. Queen Creek attracts thousands of visitors each year to its u-pick fruit and vegetable crops and seasonal celebrations. The annual Country Thunder music festival draws crowds to camp sites with live musical entertainment. Many newcomers are drawn to this outlying community for exceptional home values, breathtaking mountain views, and the blend of residential neighborhoods with panoramic ranches and recreational activities. Unique opportunities within the Queen Creek area include one-acre home sites that appeal to aviators and equestrians. Local residents can enjoy the freedom and enjoyment of airpark living that includes horse privileges and easy access to nearby bridle trails in a setting of natural beauty.<\/p>\n<\/div><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Yelp Store Locator<\/title>\n<style>\nbody {\n    font-family: Arial, sans-serif;\n    margin: 0;\n    padding: 0;\n    background: #f8f8f8; \/* Slight grey background *\/\n}\n\n\/* Flex container for the whole page content *\/\n.form-wrapper {\n    display: flex;\n    justify-content: space-around; \/* Evenly distribute space around items *\/\n    flex-wrap: wrap; \/* Allow items to wrap if not enough space *\/\n    margin: 20px;\n}\n\n\/* Search form and results container *\/\n.form-wrapper .form-container {\n    flex-basis: 47%;\n    margin-bottom: 20px;\n}\n\n\/* Search bar at the top *\/\n.search-top {\n    margin-top: 20px;\n}\n.search-bar {\n    max-width: 1024px;\n    padding:0 20px;\n    padding: 10px;\n    border-radius: 4px;\n    margin: 0 auto 20px;\n}\n.search-bar #searchForm {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: rgba(0,0,0,0.15) 0px 2px 18px 0px;\n}\n.search-field {\n    flex: 1;\n}\n.search-field.desc {\n    position: relative;\n}\n.search-field.desc::after {\n    content: '';\n    position: absolute;\n    top: 10px;\n    bottom: 10px;\n    right: 0;\n    width: 2px;\n    background-color: rgba(0, 0, 0, 0.2);\n}\n#searchForm .search-field input {\n    border: 0;\n  \n}\n.search-field.category-dropdown select {\n    width: auto;\n    background: transparent;\n    margin-top:15px;\n}\n.search-field input[type=\"text\"],\n.search-field select {\n    width: 100%; \/* Full width of parent *\/\n    padding: 15px 10px;\n    border: 1px solid #ddd;\n    font-size: 14px;\n    box-sizing: border-box;\n}\n\n\/* Search button styling *\/\n.search-button button {\n    padding: 17px 20px;\n    background-color: #ff0000; \/* Yelp red *\/\n    color: #fff;\n    border: none;\n    border-radius: 4px;\n    cursor: pointer;\n    text-transform: uppercase;\n    font-weight: bold;\n}\n\n\/* Style the pagination buttons *\/\n.pagination{\n    border-top: 1px solid #e3d8d8;\n    padding: 15px 0;\n    margin-top: 20px;\n    border-bottom: 1px solid #e3d8d8;\n}\n\n\n.pagination button {\n    background: none;\n    padding: 5px 10px;\n    border-radius: 4px;\n    margin-right: 5px;\n    border: none;\n    cursor: pointer;\n    font-size: 16px;\n}\n\n.pagination button.active,\n.pagination button:hover {\n    font-weight: bold;\n}\n\n\/* Map container styling *\/\n#map {\n    flex: 1;\n    height: 700px; \/* Adjusted height for consistency *\/\n    border-radius: 4px; \/* Rounded corners *\/\n    overflow: hidden; \/* Clip the content *\/\n    margin-left: 20px; \/* Space from the form container *\/\n}\n\n\/* Search results card styles *\/\n.card {\n    display: flex;\n    background: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n    border-radius: 4px;\n    overflow: hidden;\n    align-items: center;\n    padding: 0 15px;\n    border-bottom: 1px solid #eee;\n}\n\n.card img {\n    width: 200px; \/* Slightly smaller images *\/\n    height: 200px;\n    object-fit: cover;\n}\n\n.card-content {\n    padding: 15px;\n    flex-grow: 1;\n}\n\n\/* Loader style adjustments *\/\n#loader {\n    display: none; \/* Hide by default, show when loading *\/\n    position: fixed; \/* Or absolute, depending on use-case *\/\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    text-align: center;\n}\n\n#loader img {\n    width: 50px; \/* Adjust as needed *\/\n    height: 50px; \/* Adjust as needed *\/\n    \/* Animation for spinning *\/\n    animation: spin 1s linear infinite;\n}\n\n\/* Loader animation *\/\n@keyframes spin {\n    0% { transform: translate(-50%, -50%) rotate(0deg); }\n    100% { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n@media (max-width: 768px) {\n    .form-wrapper {\n        flex-direction: column; \/* Stack on smaller screens *\/\n    }\n\n    .form-container,\n    #map {\n        width: 100%;\n        max-width: none;\n        margin-left: 0; \/* Remove margin for full width *\/\n    }\n\n    #map {\n        order: -1; \/* Map comes before search results on small screens *\/\n    }\n}\n\n\/* Add responsive design for very small screens *\/\n@media (max-width: 480px) {\n    .search-bar {\n        flex-direction: column; \/* Stack form fields vertically *\/\n    }\n\n    .search-field,\n    .search-button button {\n        width: 100%; \/* Full width for small screens *\/\n        margin: 5px 0; \/* Add space between stacked items *\/\n    }\n}\n\n\/* Style the dropdown button *\/\n.dropbtn {\n    background-color: transparent;\n    color: black;\n    padding: 16px;\n    font-size: 16px;\n    border: none;\n    cursor: pointer;\n}\n\n\/* The container <div> - needed to position the dropdown content *\/\n.dropdown {\n    position: relative;\n    display: inline-block;\n    margin: 10px 0;\n}\n\n\/* Dropdown Content (Hidden by Default) *\/\n.dropdown-content {\n    display: none;\n    position: absolute;\n    background-color: #f9f9f9;\n    min-width: 240px;\n    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n    z-index: 1;\n    gap: 20px;\n    padding: 0 10px;\n}\n\n\/* Links inside the dropdown *\/\n.dropdown-content span {\n    color: black;\n    padding: 16px 0;\n    text-decoration: none;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n}\n\n.dropdown-content .flex-links{\n        padding: 12px 0\n}\n\n\/* Icon styling *\/\n.icon {\n    margin-right: 10px;\n    \/* You can use SVGs or Font Icons like FontAwesome, or background-image with sprites *\/\n}\n\n\/* Change color of dropdown links on hover *\/\n.dropdown-content span:hover {background-color: #ddd;}\n\n\/* Show the dropdown menu on hover *\/\n.dropdown:hover .dropdown-content {\n    \/* display: block; *\/\n    display: flex;\n}\n\n\/* Show the dropdown menu on focus *\/\n.dropdown:focus-within .dropdown-content {\n    display: block;\n}\n\n\/* Other styles for icons can be added here, using the specific class names *\/\n.dry-cleaning-icon {\n    \/* Add background-image or other styling for the dry cleaning icon *\/\n}\n\n.pagination, #loader {\n    display: none; \/* Hidden by default *\/\n}\n\n.autocomplete-results {\n    display: none;\n    position: absolute;\n    background: white;\n    border: 1px solid #ddd;\n    border-top: none;\n    z-index: 2;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.autocomplete-suggestion {\n    padding: 10px;\n    border-bottom: 1px solid #ddd;\n    cursor: pointer;\n}\n\n.autocomplete-suggestion:last-child {\n    border-bottom: none;\n}\n\n.autocomplete-suggestion:hover {\n    background-color: #f8f8f8;\n}\n\n\n\/* Similarly add specific icon styles for other menu items *\/\n<\/style>\n<\/head>\n<body>\n<div class=\"search-top\">\n    <div class=\"search-bar\">\n        <form id=\"searchForm\" action=\"\/yelp-store-locator\" method=\"get\">\n            <div class=\"search-field desc\">\n                <input type=\"text\" id=\"searchDescription\" name=\"searchDescription\" placeholder=\"Search description\">\n                <div id=\"autocomplete-results\" class=\"autocomplete-results\"><\/div>\n            <\/div>\n            \n            <div class=\"search-field location\">\n                <input type=\"text\" id=\"locationQuery\" name=\"location\" placeholder=\"Enter search location\" value=\"Apache Junction\" required>\n            <\/div>\n            <div class=\"search-button\">\n                <button type=\"submit\">Search<\/button>\n            <\/div>\n        <\/form>\n\n        <div class=\"dropdown\">\n            <span class=\"dropbtn\">More \u25bc<\/span>\n            <div class=\"dropdown-content\">\n                <div class=\"flex-links\">\n                    <span>\n                        <i class=\"icon dry-cleaning-icon\"><\/i> Restaurants\n                    <\/span>\n                    <span>\n                        <i class=\"icon hair-salons-icon\"><\/i> Coffee Shops\n                    <\/span>\n                    <span>\n                        <i class=\"icon phone-repair-icon\"><\/i> Grocery Stores\n                    <\/span>\n                    <span>\n                        <i class=\"icon phone-repair-icon\"><\/i> Nightlife\n                    <\/span>\n                <\/div>\n                <div class=\"flex-links\">\n                    <span>\n                        <i class=\"icon phone-repair-icon\"><\/i> Medical\n                    <\/span>\n                    <span>\n                        <i class=\"icon phone-repair-icon\"><\/i> Activities\n                    <\/span>\n                    <span>\n                        <i class=\"icon phone-repair-icon\"><\/i> Schools\n                    <\/span>\n                    <span>\n                        <i class=\"icon phone-repair-icon\"><\/i> Hair Salon\n                    <\/span>\n                <\/div>\n                <!-- Add other menu items here -->\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"form-wrapper\">\n    <div class=\"form-container\">\n        <div id=\"searchResults\"><\/div>\n        <div class=\"pagination\"><\/div>\n    <\/div>\n    <!-- Map Container -->\n    <div id=\"map\"><\/div>\n<\/div>\n\n<!-- Loader HTML -->\n<!-- <div id=\"loader\">Loading...<\/div> -->\n<div id=\"loader\">\n    <img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-content\/plugins\/yelp-store-locator\/assets\/images\/loader.png\" alt=\"Loading...\" \/>\n<\/div>\n\n\n<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.5.1\/jquery.min.js\"><\/script>\n<script>\n    $(document).ready(function () {\n        var yelpAutocompleteUrl = \"https:\/\/api.yelp.com\/v3\/autocomplete\";\n\n        $('#searchDescription').on('input', function() {\n            var searchText = $(this).val();\n        \n            \/\/ Make sure the search text is not empty\n            if (searchText.length > 0) {\n                $.ajax({\n                    url: '\/wp-content\/plugins\/yelp-store-locator\/proxy\/yelp-autocomplete-proxy.php',\n                    method: 'GET',\n                    data: {\n                        text: searchText \/\/ text entered by the user\n                    },\n                    success: function(data) {\n                        \/\/ Clear previous suggestions\n                        $('#autocomplete-results').empty();\n                        \n                        \/\/ Process the response and append suggestions\n                        if(data.terms && data.terms.length > 0) {\n                            data.terms.forEach(function(term) {\n                                $('#autocomplete-results').append('<div class=\"autocomplete-suggestion\">' + term.text + '<\/div>');\n                            });\n                            $('#autocomplete-results').show();\n                        }\n                    },\n                    error: function(jqXHR, textStatus, errorThrown) {\n                        console.error(\"Error with Autocomplete API:\", textStatus, errorThrown);\n                    }\n                });\n            } else {\n                \/\/ If the search text is empty, clear and hide suggestions\n                $('#autocomplete-results').empty().hide();\n            }\n        });\n\n        \/\/ Listener for clicking on an autocomplete suggestion\n        $('#autocomplete-results').on('click', '.autocomplete-suggestion', function() {\n            \/\/ Set the input to the clicked suggestion and hide suggestions\n            $('#searchDescription').val($(this).text());\n            $('#autocomplete-results').empty().hide();\n        });\n    \n        \/\/ Initially hide pagination and loader\n        $('.pagination').hide();\n        $('#loader').hide();\n\n        var map; \/\/ Declare map variable globally\n        var markers = []; \/\/ Array to store markers\n        var currentPage = 1;\n        var resultsPerPage = 5;\n        var totalResults = 0;\n\n        \/\/ Event handler for category selection\n        $('.dropdown-content span').on('click', function() {\n            \/\/ Get the text of the clicked category\n            var categoryText = $(this).text().trim();\n\n            \/\/ Set the value of the searchDescription input\n            $('#searchDescription').val(categoryText);\n\n            \/\/ Close the dropdown if needed\n            $('.dropdown-content').hide();\n\n            \/\/ Optionally, you could submit the form automatically after selection\n            \/\/ $('#searchForm').submit();\n        });\n\n        \/\/ Toggle dropdown content on click\n        $('.dropbtn').on('click', function() {\n            \/\/ Use slideToggle for a simple animation\n            $('.dropdown-content').slideToggle();\n        });\n\n        \/\/ Close the dropdown if clicked outside\n        $(document).on('click', function(e) {\n            if (!$(e.target).closest('.dropdown').length) {\n                $('.dropdown-content').hide();\n            }\n        });\n\n        \/\/ Populate search description initially\n        $('#searchDescription').val($('#category').find('option:selected').text());\n\n        \/\/ Update search description when category changes\n        $('#category').change(function() {\n            $('#searchDescription').val($(this).find('option:selected').text());\n        });\n\n        \/\/ Check if the location is provided and trigger search\n        if ($('#locationQuery').val() !== '') {\n            setTimeout(function() {\n                $('#searchForm').submit();\n            }, 500);\n        }\n\n        $('#searchForm').submit(function (event) {\n            event.preventDefault();\n            $('#loader').show(); \/\/ Show loader here when the search starts\n            $('.pagination').hide(); \/\/ Hide pagination during loading\n\n            var locationQuery = $('#locationQuery').val();\n            \/\/ Use the value from the search description input\n            var searchDescription = $('#searchDescription').val();\n            var apiUrl = 'https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-content\/plugins\/yelp-store-locator\/proxy\/proxy.php?location=' + encodeURIComponent(locationQuery) + '&term=' + encodeURIComponent(searchDescription);\n\n            \/\/ Hide search results and map\n            $('#searchResults').hide();\n            $('#map').hide();\n            \/\/ Show loader before making the API request\n            $('#loader').show();\n\n            fetch(apiUrl)\n            .then(response => {\n                if (!response.ok) {\n                    throw new Error('Network response was not ok');\n                }\n                return response.json(); \/\/ Parse JSON response\n            })\n            .then(data => {\n                if (data && data.businesses && data.businesses.length > 0) {\n                    $('.pagination').show();\n                } else {\n                    $('.pagination').hide();\n                }\n                $('#loader').hide(); \/\/ Hide loader after data is processed\n                \/\/ ...Display results...\n                totalResults = data.businesses.length;\n\n                \/\/ Clear previous search results\n                $('#searchResults').empty();\n\n                \/\/ Initialize map\n                map = new google.maps.Map(document.getElementById('map'), {\n                    center: { lat: 0, lng: 0 }, \/\/ Default center\n                    zoom: 12 \/\/ Default zoom level\n                });\n\n                \/\/ Clear previous markers\n                markers.forEach(marker => marker.setMap(null));\n                markers = [];\n\n                \/\/ Create a LatLngBounds object to encompass all markers\n                var bounds = new google.maps.LatLngBounds();\n\n                \/\/ Calculate pagination values\n                var startIndex = (currentPage - 1) * resultsPerPage;\n                var endIndex = startIndex + resultsPerPage;\n                endIndex = endIndex > totalResults ? totalResults : endIndex;\n\n                \/\/ Iterate over each business in the response data for the current page\n                for (var i = startIndex; i < endIndex; i++) {\n                    var business = data.businesses[i];\n\n                    \/\/ Create card element to display business information\n                    var cardHtml = '<div class=\"card\">';\n                    cardHtml += '<img class=\"lazyload\" decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-orig-src=\"' + business.image_url + '\" alt=\"' + business.name + '\">';\n                    cardHtml += '<div class=\"card-content\">';\n                    cardHtml += '<h3><a href=\"' + business.url + '\">' + business.name + '<\/a><\/h3>';\n                    cardHtml += '<p><strong>Rating:<\/strong> ' + business.rating + '<\/p>';\n                    cardHtml += '<p><strong>Review Count:<\/strong> ' + business.review_count + '<\/p>';\n                    if (business.categories.length > 0) {\n                        cardHtml += '<p><strong>Category:<\/strong> ' + business.categories[0].title + '<\/p>';\n                    }\n                    cardHtml += '<p><strong>Address:<\/strong> ' + business.location.address1 + ', ' + business.location.city + ', ' + business.location.state + ' ' + business.location.zip_code + '<\/p>';\n                    cardHtml += '<p><strong>Phone:<\/strong> ' + business.display_phone + '<\/p>';\n                    cardHtml += '<\/div><\/div>';\n\n                    \/\/ Append the card HTML to the searchResults div\n                    $('#searchResults').append(cardHtml);\n\n                    \/\/ Display coordinates if available\n                    if (business.coordinates) {\n                        \/\/ Add marker to the map for each business\n                        var marker = new google.maps.Marker({\n                            position: { lat: business.coordinates.latitude, lng: business.coordinates.longitude },\n                            map: map,\n                            title: business.name\n                        });\n\n                        markers.push(marker);\n\n                        \/\/ Extend the bounds to include the marker's position\n                        bounds.extend(marker.getPosition());\n                    }\n                }\n\n                \/\/ Adjust map bounds to fit all markers\n                map.fitBounds(bounds);\n\n                \/\/ Hide loader after request is completed\n                $('#loader').hide();\n                \/\/ Show search results and map\n                $('#searchResults').show();\n                $('#map').show();\n\n                \/\/ Generate pagination controls\n                generatePaginationControls();\n            })\n            .catch(error => {\n                console.error('There was a problem with the fetch operation:', error);\n\n                $('#loader').hide(); \/\/ Ensure to hide loader on error as well\n                $('.pagination').hide(); \/\/ Hide pagination if there's an error\n                \/\/ Show search results and map\n                $('#searchResults').show();\n                $('#map').show();\n            });\n        });\n\n        \/\/ Function to generate pagination controls\n        function generatePaginationControls() {\n            var totalPages = Math.ceil(totalResults \/ resultsPerPage);\n            $('.pagination').empty();\n\n            for (var i = 1; i <= totalPages; i++) {\n                var button = $('<button>').text(i);\n                if (i === currentPage) {\n                    button.addClass('active');\n                }\n                button.click(function() {\n                    currentPage = parseInt($(this).text());\n                    $('#searchForm').submit();\n                });\n                $('.pagination').append(button);\n            }\n        }\n    });\n<\/script>\n\n<!-- Include Google Maps JavaScript API with your API key -->\n<script async defer src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyDdc1Kke8as6XyfJRAv1veZfIqxp-ioDMo&callback=initMap\"><\/script>\n\n<\/body>\n<\/html><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":2386,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"portfolio_category":[37],"portfolio_skills":[],"portfolio_tags":[],"class_list":["post-2075","avada_portfolio","type-avada_portfolio","status-publish","format-standard","has-post-thumbnail","hentry","portfolio_category-pinal-county"],"_links":{"self":[{"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/avada_portfolio\/2075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/avada_portfolio"}],"about":[{"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/types\/avada_portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/comments?post=2075"}],"version-history":[{"count":0,"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/avada_portfolio\/2075\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/media\/2386"}],"wp:attachment":[{"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/media?parent=2075"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/portfolio_category?post=2075"},{"taxonomy":"portfolio_skills","embeddable":true,"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/portfolio_skills?post=2075"},{"taxonomy":"portfolio_tags","embeddable":true,"href":"https:\/\/sunraycityguide.com\/PhoenixAZ-LawyersTitle\/wp-json\/wp\/v2\/portfolio_tags?post=2075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}