.locations-row > div { max-width: 300px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 0 } @media (min-width:768px) { .locations-row > div { width: 740px; max-width: 100%; padding: 50px 0; position: relative } } @media (min-width:992px) { .locations-row > div { width: 940px } } @media (min-width:1200px) { .locations-row > div { padding-top: 80px; width: 1140px } } @media (min-width:1600px) { .locations-row > div { width: 1500px; padding-left: 50px } } .locations-row__map-wrapper { padding-top: 30px } @media (min-width:768px) { .locations-row__map-wrapper { padding-top: 30px; position: absolute; top: 98px; right: 0; width: 180px } } @media (min-width:992px) { .locations-row__map-wrapper { width: 310px } } @media (min-width:1200px) { .locations-row__map-wrapper { top: 176px; right: 0; padding-top: 0; width: 410px } } @media (min-width:1600px) { .locations-row__map-wrapper { top: 176px; width: 660px } } .locations-row__map-wrapper #map { width: 100%; height: 230px } @media (min-width:768px) { .locations-row__map-wrapper #map { height: 330px } } @media (min-width:1200px) { .locations-row__map-wrapper #map { height: 356px } } @media (min-width:1600px) { .locations-row__map-wrapper #map { height: 500px } } .locations-row__title { font-family: Oswald; color: #767676; text-transform: capitalize; font-weight: 400; text-align: center; font-size: 32px; line-height: 1.2 } @media (min-width:768px) { .locations-row__title { text-align: left; display: block; width: 100%; font-size: 40px; margin-bottom: 30px } } @media (min-width:1200px) { .locations-row__title { font-size: 55px } } @media (min-width:1600px) { .locations-row__title { font-size: 60px; margin-bottom: 70px } } @media (min-width:768px) { .locations-row__locations { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; width: 100%; border-bottom: 1px solid #d0d0d0; padding-bottom: 70px } } @media (min-width:1600px) { .locations-row__locations { padding-bottom: 150px } } .locations-row__locations .parent-nav { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-around; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 20px } @media (min-width:768px) { .locations-row__locations .parent-nav { flex-direction: column; align-items: flex-start; border-bottom: 0; padding-bottom: 0; margin-bottom: 0; border-right: 1px solid #e0e0e0; width: 130px } } @media (min-width:1200px) { .locations-row__locations .parent-nav { width: 160px } } @media (min-width:1200px) { .locations-row__locations .parent-nav li { line-height: 1.3 } } @media (min-width:1200px) { .locations-row__locations .parent-nav li { line-height: 1.5 } } .locations-row__locations .parent-nav li a { transition: color ease-in-out 0.2s; text-decoration: none !important; font-family: Oswald; font-size: 22px; font-weight: 500; color: black; padding: 0 5px } @media (min-width:1200px) { .locations-row__locations .parent-nav li a { font-size: 26px } } .locations-row__locations .parent-nav li a.active { color: #ff2c3b } @media (min-width:768px) { .locations-row__locations .parent-tabs { width: calc(100% – 310px); padding-left: 20px; margin-right: auto } } @media (min-width:992px) { .locations-row__locations .parent-tabs { width: calc(100% – 440px) } } @media (min-width:1200px) { .locations-row__locations .parent-tabs { width: calc(100% – 570px) } } @media (min-width:1600px) { .locations-row__locations .parent-tabs { padding-left: 40px; width: calc(100% – 820px) } } @media (min-width:768px) { .locations-row__locations .parent-tabs .tab-content { align-items: flex-start; padding-left: 20px } } @media (min-width:1200px) { .locations-row__locations .parent-tabs .tab-content { padding-left: 30px } } @media (min-width:1600px) { .locations-row__locations .parent-tabs .tab-content { padding-left: 40px } } .locations-row__locations .parent-tabs ul.nav.nav-tabs { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-around; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 20px } @media (min-width:768px) { .locations-row__locations .parent-tabs ul.nav.nav-tabs { flex-direction: column; align-items: flex-start; border-bottom: 0; padding-bottom: 0; margin-bottom: 0; width: 160px; position: relative } } @media (min-width:1200px) { .locations-row__locations .parent-tabs ul.nav.nav-tabs { width: 220px } } @media (min-width:768px) { .locations-row__locations .parent-tabs ul.nav.nav-tabs:after { content: “”; position: absolute; right: 0; top: 0; height: 316px; border-right: 1px solid #e0e0e0 } } @media (min-width:1200px) { .locations-row__locations .parent-tabs ul.nav.nav-tabs li { line-height: 1.4 } } @media (min-width:1200px) { .locations-row__locations .parent-tabs ul.nav.nav-tabs li { line-height: 1.5 } } .locations-row__locations .parent-tabs ul.nav.nav-tabs li a { transition: color ease-in-out 0.2s; text-decoration: none !important; font-family: Oswald; font-size: 16px; font-weight: 400; color: #767676; padding: 0 5px; letter-spacing: -0.03em } @media (min-width:768px) { .locations-row__locations .parent-tabs ul.nav.nav-tabs li a { font-size: 17px } } @media (min-width:1200px) { .locations-row__locations .parent-tabs ul.nav.nav-tabs li a { font-size: 20px } } .locations-row__locations .parent-tabs ul.nav.nav-tabs li a.active { color: #ff2c3b } .locations-row__locations .parent-tabs .tab-pane.fade { display: none } @media (min-width:768px) { .locations-row__locations .parent-tabs .tab-pane.fade { align-items: flex-start } } .locations-row__locations .parent-tabs .tab-pane.fade.active { display: block } @media (min-width:768px) { .locations-row__locations .parent-tabs .tab-pane.fade.active { display: flex } } .locations-row__location-info h3 { font-family: Oswald; text-transform: capitalize; color: black; font-weight: 500; font-size: 18px; margin-bottom: 0 } @media (min-width:1200px) { .locations-row__location-info h3 { font-size: 20px; margin-bottom: 5px } } .locations-row__location-info h4 { font-family: Oswald; font-weight: 500; color: black; font-size: 16px; margin-bottom: 10px } @media (min-width:1200px) { .locations-row__location-info h4 { font-size: 18px } } .locations-row__location-info p { font-family: Oswald; margin-bottom: 0; line-height: 1.2; color: #767676 } @media (min-width:1200px) { .locations-row__location-info p { font-size: 16px } } .locations-row__location-info p a { text-transform: uppercase; color: #222; text-decoration: none !important } .locations-row__location-info p a:hover { color: #ff2c3b } .locations-row__location-info > div { margin-bottom: 15px } .locations-row__location-cta { transition: all ease-in-out 0.2s; background-color: #ff2c3b; font-family: Oswald; text-transform: uppercase; display: flex; align-items: center; justify-content: center; width: 140px; height: 35px; border-radius: 7px; text-decoration: none !important; color: white; margin-left: 0; margin-right: auto; font-size: 14px; margin-top: 30px } .locations-row__location-cta:hover { background-color: #001755; color: white } body:not(.home) #main #content .inner-page.locations .inner-page__header { background-image: url(“/wp-content/uploads/2023/07/locations-heroshot-bg.jpg”) } (g => { var h, a, k, p = “The Google Maps JavaScript API”, c = “google”, l = “importLibrary”, q = “__ib__”, m = document, b = window; b = b[c] || (b[c] = {}); var d = b.maps || (b.maps = {}), r = new Set, e = new URLSearchParams, u = () => h || (h = new Promise(async (f, n) => { await (a = m.createElement(“script”)); e.set(“libraries”, […r] + “”); for (k in g) e.set(k.replace(/[A-Z]/g, t => “_” + t[0].toLowerCase()), g[k]); e.set(“callback”, c + “.maps.” + q); a.src = `https://maps.${c}apis.com/maps/api/js?` + e; d[q] = f; a.onerror = () => h = n(Error(p + ” could not load.”)); a.nonce = m.querySelector(“script[nonce]”)?.nonce || “”; m.head.append(a) })); d[l] ? console.warn(p + ” only loads once. Ignoring:”, g) : d[l] = (f, …n) => r.add(f) && u().then(() => d[l](f, …n)) })({ key: “AIzaSyC0XbH1o7sZccfYuvaba-Fo-t0hYvRKjI0”, v: “beta” }); let map; var markersarray = []; var styles = [{ “featureType”: “landscape”, “elementType”: “labels”, “stylers”: [{ “visibility”: “off” }] }, { “featureType”: “transit”, “elementType”: “labels”, “stylers”: [{ “visibility”: “off” }] }, { “featureType”: “poi”, “elementType”: “labels”, “stylers”: [{ “visibility”: “off” }] }, { “featureType”: “water”, “elementType”: “labels”, “stylers”: [{ “visibility”: “off” }] }, { “featureType”: “road”, “elementType”: “labels.icon”, “stylers”: [{ “visibility”: “off” }] }, { “stylers”: [{ “hue”: “#00aaff” }, { “saturation”: -100 }, { “gamma”: 2.15 }, { “lightness”: 12 }] }, { “featureType”: “road”, “elementType”: “labels.text.fill”, “stylers”: [{ “visibility”: “on” }, { “lightness”: 24 }] }, { “featureType”: “road”, “elementType”: “geometry”, “stylers”: [{ “lightness”: 57 }] }]; async function initMap() { const { Map } = await google.maps.importLibrary(“maps”); const { AdvancedMarkerView } = await google.maps.importLibrary(“marker”); map = new Map(document.getElementById(“map”), { zoom: 8 }); map.setOptions({ styles: styles }); var icon = { url: “../wp-content/uploads/2023/07/marker.png”, scaledSize: new google.maps.Size(32, 32), origin: new google.maps.Point(0, 0), anchor: new google.maps.Point(0, 0) }; var lat = 35.1945414; var lon = -101.7299528; const position = { lat: lat, lng: lon }; const markerx = new google.maps.Marker({ position, map, icon: icon }); const center = new google.maps.LatLng(lat, lon); markerx.setMap(map); map.panTo(center); markersarray.push(markerx); } initMap(); jQuery(“ul.nav.nav-tabs.parent-nav > li > a”).click(function() { var target = jQuery(this).attr(“href”).split(“#”)[1]; jQuery(“#” + target + ” ul.nav.nav-tabs li:first-child a”).click(); }); jQuery(document).ready(function() { jQuery(“.nav.nav-tabs:not(.parent-nav) li > a”).click(function() { for (var i = 0; i < markersarray.length; i++) markersarray[i].setMap(null); markersarray.pop(); var icon = { url: '../wp-content/uploads/2023/07/marker.png', scaledSize: new google.maps.Size(32, 32), origin: new google.maps.Point(0, 0), anchor: new google.maps.Point(0, 0) }; var lat = jQuery(this).data('latitude'); var lon = jQuery(this).data('longitude'); const position = { lat: lat, lng: lon }; const marker = new google.maps.Marker({ position, map, icon: icon }); const center = new google.maps.LatLng(lat, lon); marker.setMap(map); map.panTo(center); markersarray.push(marker); }); }); jQuery(document).ready(function() { if (window.location.href.indexOf(“?”) != -1) { var locationname = window.location.href.split(“?”)[1].split(“=”)[1]; var city = window.location.href.split(“?”)[1].split(“&”)[0].split(“=”)[1]; var state = window.location.href.split(“?”)[1].split(“&”)[1].split(“=”)[1]; if (state != “”) { if(city != “”){ setTimeout(function() { jQuery(‘a[href=”#’ + state.toLowerCase() + ‘”]’).click(); jQuery(‘a[href=”#’ + city.toLowerCase() + ‘”]’).click(); }, 500); } } } else { setTimeout(function() { jQuery(‘a[href=”#newmexico”]’).click(); jQuery(‘a[href=”#albuquerque”]’).click(); }, 50); } jQuery(“ul.nav.nav-tabs.parent-nav > li > a”).click(function() { var target = jQuery(this).attr(“href”).split(“#”)[1]; jQuery(“#” + target + ” ul.nav.nav-tabs li:first-child a”).click(); }); });