https://www.discovernavajo.com/about-us/

1<link rel="stylesheet" href="/configs/1000117/css/tokens.css" type="text/css" />
2
3
4<style type="text/css">@font-face {font-family:'Great Vibes';font-style:normal;font-weight:400;src:url(/cf-fonts/s/great-vibes/5.2.8/cyrillic-ext/400/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Great Vibes';font-style:normal;font-weight:400;src:url(/cf-fonts/s/great-vibes/5.2.8/vietnamese/400/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Great Vibes';font-style:normal;font-weight:400;src:url(/cf-fonts/s/great-vibes/5.2.8/cyrillic/400/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Great Vibes';font-style:normal;font-weight:400;src:url(/cf-fonts/s/great-vibes/5.2.8/greek-ext/400/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:'Great Vibes';font-style:normal;font-weight:400;src:url(/cf-fonts/s/great-vibes/5.2.8/latin-ext/400/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Great Vibes';font-style:normal;font-weight:400;src:url(/cf-fonts/s/great-vibes/5.2.8/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:400;src:url(/cf-fonts/v/montserrat/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:600;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:600;src:url(/cf-fonts/v/montserrat/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:600;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:600;src:url(/cf-fonts/v/montserrat/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:600;src:url(/cf-fonts/v/montserrat/5.2.8/latin-ext/wght/normal.woff2);

4unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/v/montserrat/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/v/montserrat/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/v/montserrat/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Montserrat';font-style:normal;font-weight:700;src:url(/cf-fonts/v/montserrat/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:200;src:url(/cf-fonts/v/raleway/5.2.8/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:200;src:url(/cf-fonts/v/raleway/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:200;src:url(/cf-fonts/v/raleway/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:200;src:url(/cf-fonts/v/raleway/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:200;src:url(/cf-fonts/v/raleway/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:400;src:url(/cf-fonts/v/raleway/5.2.8/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:400;src:url(/cf-fonts/v/raleway/5.2.8/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:400;src:url(/cf-fonts/v/raleway/5.2.8/latin-ext/wght/normal.woff2);unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:400;src:url(/cf-fonts/v/raleway/5.2.8/cyrillic-ext/wght/normal.woff2);

4unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:'Raleway';font-style:normal;font-weight:400;src:url(/cf-fonts/v/raleway/5.2.8/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}</style>
5<div class="navajo-contact-strip">
6<ul class="navajo-strip__contact">
7<li><i class="fa-solid fa-phone" aria-hidden="true"></i><a href="tel:9283576291">(928) 357-6291</a></li>
8<li><i class="fa-solid fa-location-dot" aria-hidden="true"></i><span>Window Rock, AZ</span></li>
9<li><i class="fa-regular fa-clock" aria-hidden="true"></i><span>Mon &ndash; Fri 8am &ndash; 5pm</span></li>
10</ul>
11<div class="navajo-strip__actions">
12<a href="https://www.facebook.com/DiscoverNavajo" target="_blank" rel="noopener noreferrer" class="navajo-strip__social" aria-label="Facebook"><i class="fa-brands fa-facebook" aria-hidden="true"></i></a>
13<a href="https://www.instagram.com/discover_navajo/" target="_blank" rel="noopener noreferrer" class="navajo-strip__social" aria-label="Instagram"><i class="fa-brands fa-instagram" aria-hidden="true"></i></a>
14<a href="https://www.youtube.com/channel/UCdcvfO7DPMYUOVqFegKBnRw" target="_blank" rel="noopener noreferrer" class="navajo-strip__social" aria-label="YouTube"><i class="fa-brands fa-youtube" aria-hidden="true"></i></a>
15<a href="https://www.tiktok.com/@discover_navajo" target="_blank" rel="noopener noreferrer" class="navajo-strip__social" aria-label="TikTok"><i class="fa-brands fa-tiktok" aria-hidden="true"></i></a>
16<button class="navajo-strip__translate translate" type="button" aria-label="Translate this page"><i class="fa-solid fa-language" aria-hidden="true"></i><span class="navajo-strip__translate-label">Translate</span></button>
17<div class="navajo-search">
18<input class="navajo-search__input" type="search" placeholder="Search and press enter" aria-label="Search the site" />
19<button class="navajo-strip__search" type="button" aria-label="Search" aria-expanded="false"><i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i></button>
20</div>
21</div>
22</div>
23<noscript><style>.navajo-contact-strip { opacity: 1 !important; }</style></noscript>
24<style>
25.translate-drawer-overlay {
26position: fixed;
27top: 0;
28left: 0;
29width: 100vw;
30height: 100vh;
31background: rgba(0,0,0,0.4);
32z-index: 499998;
33opacity: 0;
34pointer-events: none;
35transition: opacity 0.3s;
36}
37.translate-drawer-overlay.active {
38opacity: 1;
39pointer-events: auto;
40}
41.translate-drawer {
42position: fixed;
43top: 0;
44right: 0;
45height: 100vh;
46width: 400px;
47max-width: 95vw;
48background: #fff;
49box-shadow: -4px 0 24px 0 rgba(0,0,0,0.12);
50z-index: 499999;
51display: flex;
52flex-direction: column;
53transform: translateX(100%);
54transition: transform 0.3s cubic-bezier(.4,0,.2,1);
55}
56.translate-drawer.active {
57transform: translateX(0);
58}
59.translate-drawer-header {
60padding: 1.5rem 1.5rem 1rem 1.5rem;
61border-bottom: 1px solid #e5e7eb;
62display: flex;
63justify-content: space-between;
64align-items: center;
65background: #fff;
66box-shadow: 0 2px 8px 0 rgba(0,0,0,0.03);
67}
68.translate-drawer-title {
69font-size: 2.5rem;
70font-weight: 600;
71margin: 0;
72}
73.translate-drawer-close {
74cursor: pointer;
75padding: 0.5rem;
76border-radius: 0.25rem;
77transition: background-color 0.2s;
78font-size: 1.5rem;
79color: #333;
80background: none;
81border: none;
82}
83.translate-drawer-close:hover {
84background-color: #f3f4f6;
85}
86.translate-drawer-content {
87flex: 1 1 auto;
88display: flex;
89flex-direction: column;
90align-items: flex-start;
91padding: 2rem 1.5rem;
92background: #fafbfc;
93height: 100%;
94}
95.language-list {
96width: 100%;
97flex: 1 1 auto;
98max-height: calc(100vh - 10rem);
99overflow-y: auto;
100display: flex;
101flex-direction: column;
102gap: 0.5rem;
103padding-right: 1.5rem;
104}
105.language-btn {
106font-size: 1.25rem;
107font-weight: 500;
108padding: 0.75rem 1rem;
109border: none;
110border-radius: 0.375rem;
111background: #fff;
112color: #333;
113cursor: pointer;
114transition: background 0.15s, color 0.15s;
115text-align: left;
116display: flex;
117align-items: center;
118justify-content: space-between;
119}
120.language-btn:hover, .language-btn.active {
121background: var(--eps-color-3, #ccc);
122color: #fff;
123}
124.language-btn .checkmark {
125margin-left: 1rem;
126font-size: 1.25rem;
127color: inherit;
128opacity: 0.85;
129}
130@media (max-width: 600px) {
131.translate-drawer {
132width: 100vw;
133max-width: 100vw;
134}
135}
136</style>
137<div class="translate-drawer-overlay"></div>
138<div class="translate-drawer">
139<div class="translate-drawer-header">
140<h2 class="translate-drawer-title">Translate</h2>
141<button class="translate-drawer-close" title="Close">
142<i class="fa-solid fa-xmark"></i>
143</button>
144</div>
145<div class="translate-drawer-content">
146<div class="language-list">

147<!-- Add or adjust languages as needed -->
148<button class="language-btn" data-lang="en|en">English</button>
149<button class="language-btn" data-lang="es|es">Spanish</button>
150<button class="language-btn" data-lang="fr|fr">French</button>
151<button class="language-btn" data-lang="de|de">German</button>
152<button class="language-btn" data-lang="it|it">Italian</button>
153<button class="language-btn" data-lang="zh-CN|zh-CN">Chinese (Simplified)</button>
154<button class="language-btn" data-lang="ja|ja">Japanese</button>
155<button class="language-btn" data-lang="ru|ru">Russian</button>
156<button class="language-btn" data-lang="ko|ko">Korean</button>
157<button class="language-btn" data-lang="ar|ar">Arabic</button>
158<button class="language-btn" data-lang="pt|pt">Portuguese</button>
159<button class="language-btn" data-lang="nl|nl">Dutch</button>
160<button class="language-btn" data-lang="sv|sv">Swedish</button>
161<button class="language-btn" data-lang="pl|pl">Polish</button>
162<button class="language-btn" data-lang="tr|tr">Turkish</button>
163<button class="language-btn" data-lang="uk|uk">Ukrainian</button>
164<button class="language-btn" data-lang="vi|vi">Vietnamese</button>
165<button class="language-btn" data-lang="th|th">Thai</button>
166<button class="language-btn" data-lang="he|he">Hebrew</button>
167<!-- Add more as needed -->
168</div>
169</div>
170</div>

171<script type="48abc7965bab304e3111ca52-text/javascript">
172document.addEventListener('DOMContentLoaded', function() {
173const drawer = document.querySelector('.translate-drawer');
174const overlay = document.querySelector('.translate-drawer-overlay');
175const closeButton = document.querySelector('.translate-drawer-close');
176function showDrawer() {
177drawer.classList.add('active');
178overlay.classList.add('active');
179}
180function hideDrawer() {
181drawer.classList.remove('active');
182overlay.classList.remove('active');
183}
184document.querySelector('.navajo-strip__actions .translate').addEventListener('click', showDrawer);
185closeButton.addEventListener('click', hideDrawer);
186overlay.addEventListener('click', hideDrawer);
187document.addEventListener('keydown', function(e) {
188if (e.key === 'Escape' && drawer.classList.contains('active')) {
189hideDrawer();
190}
191});
192// Google Translate widget loader
193if (!window.googleTranslateScriptLoaded) {
194var gtScript = document.createElement('script');
195gtScript.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
196document.body.appendChild(gtScript);
197window.googleTranslateScriptLoaded = true;
198}
199// Helper to trigger Google Translate
200function doGTranslate(langPair) {
201if (typeof window.google !== 'undefined' && window.google.translate && window.google.translate.TranslateElement) {
202var select = document.querySelector('select.goog-te-combo');
203if (select) {
204select.value = langPair.split('|')[1];
205select.dispatchEvent(new Event('change'));
206}
207}
208}
209// Wait for Google Translate to load, then set up the hidden widget
210window.googleTranslateElementInit = function() {
211if (!document.getElementById('google_translate_element')) {
212var div = document.createElement('div');
213div.id = 'google_translate_element';
214div.style.display = 'none';
215document.body.appendChild(div);
216}
217new window.google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
218};
219// Helper to get current language from Google Translate widget
220function getCurrentLang() {
221var select = document.querySelector('select.goog-te-combo');
222if (select) {
223return select.value;
224}
225return 'en';
226}
227function updateActiveLanguageBtn() {
228var current = getCurrentLang();
229document.querySelectorAll('.language-btn').forEach(function(btn) {
230var btnLang = btn.getAttribute('data-lang').split('|')[1];
231if (btnLang === current) {
232btn.classList.add('active');
233if (!btn.querySelector('.checkmark')) {
234var icon = document.createElement('span');
235icon.className = 'checkmark';
236icon.innerHTML = '<i class="fa-solid fa-check"></i>';
237btn.appendChild(icon);
238}
239} else {
240btn.classList.remove('active');
241var icon = btn.querySelector('.checkmark');
242if (icon) btn.removeChild(icon);
243}
244});
245}
246document.querySelectorAll('.language-btn').forEach(function(btn) {
247btn.addEventListener('click', function() {
248doGTranslate(btn.getAttribute('data-lang'));
249setTimeout(updateActiveLanguageBtn, 500); // Wait for Google Translate to update
250});
251});
252// Update checkmark on load and when Google Translate changes
253setTimeout(updateActiveLanguageBtn, 1000);
254document.body.addEventListener('change', function(e) {
255if (e.target && e.target.classList.contains('goog-te-combo')) {
256updateActiveLanguageBtn();
257}
258});
259// On drawer open, update the checkmark immediately
260document.querySelector('.navajo-strip__actions .translate').addEventListener('click', function() {
261setTimeout(updateActiveLanguageBtn, 200);
262});
263});
264</script>

264
265<!DOCTYPE html>
266<html lang="en-US">
267<head>
268<base href="https://www.discovernavajo.com/">
269<link rel="canonical" href="https://www.discovernavajo.com/about-us/" />

270<script data-position="2" src="https://cdn.userway.org/widget.js" data-account="AMFqV6Z6Ij" type="48abc7965bab304e3111ca52-text/javascript"></script>

270
271<style>
272body div.uwy,
273body div.uwy.userway_p1,
274body div.uwy.userway_p2,
275body div.uwy.userway_p3 {
276z-index: 9999998 !important;
277}
278</style>
279<meta charset="UTF-8">
280<meta name="viewport" content="width=device-width, initial-scale=1">
281<link rel="icon" href="https://assets.earthdiver.com/media/partners-favicon-1000117.jpg?w=64&h=64&tick=1781287999569">

282<script src="/libs/jquery.js?v2" type="48abc7965bab304e3111ca52-text/javascript"></script>

282
283<title>About Us | Our Story, Mission, and Commitment to You</title>
284<meta name="description" content="Discover our story, mission, and the dedicated team behind our success. Learn how we provide top-tier solutions and value to all our clients. Read more today!">
285<meta name="keywords" content="about us, company mission, our story, business values, professional team, company history, corporate vision">
286<style type="text/css">
287</style>
288<style type="text/css">a.dropdown-item.active, a.dropdown-item:active {
289background-color: transparent;
290}
291body, * {
292box-sizing: border-box !important;
293}
294body > * {
295max-width: 100%;
296}
297body .ckbox-wrapper {
298position: relative;
299z-index: 9999999;
300}
301body .col dl span {
302display: block;
303}
304body .pac-container {
305z-index: 999999;
306}
307.platform_styles_test {
308font-size: 128px;
309}
310.actual_intro_text ul{
311margin-left:2rem;
312}
313.mod_tabs_accordion ul{
314margin-left:2rem;
315}
316.teaser ul{
317display: flex;
318flex-flow: column;
319margin-left:2rem;
320}
321body .flatpickr-calendar {
322display: none;
323}
324body .flatpickr-calendar.open {
325z-index: 999999999 !important;
326}
327body #ckf-modal {
328left: 50% !important;
329width: 100% !important;
330max-width: 80vw !important;
331transform: translate( -50%, -50% ) !important;
332top: 50% !important;
333z-index: 999999999 !important;
334}
335body #ckf-modal-body {
336width: 100% !important;
337}
338:root {
339--ck-color-base-active: hsl(208, 88%, 52%);
340--ck-color-image-caption-background: hsl(0, 0%, 97%);
341--ck-color-image-caption-text: hsl(0, 0%, 20%);
342--ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
343--ck-color-mention-text: hsl(341, 100%, 30%);
344--ck-color-table-caption-background: hsl(0, 0%, 97%);
345--ck-color-table-caption-text: hsl(0, 0%, 20%);
346--ck-color-table-column-resizer-hover: var(--ck-color-base-active);
347--ck-highlight-marker-blue: hsl(201, 97%, 72%);
348--ck-highlight-marker-green: hsl(120, 93%, 68%);
349--ck-highlight-marker-pink: hsl(345, 96%, 73%);
350--ck-highlight-marker-yellow: hsl(60, 97%, 73%);
351--ck-highlight-pen-green: hsl(112, 100%, 27%);
352--ck-highlight-pen-red: hsl(0, 85%, 49%);
353--ck-image-style-spacing: 1.5em;
354--ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
355--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
356--ck-table-column-resizer-width: 7px;
357--ck-todo-list-checkmark-size: 16px;
358--ck-z-default: 1;
359}
360;
361*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) ul {
362display: flex;
363flex-flow: column;
364margin-left: 2rem;
365}
366*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) ul li {
367margin-left: 2rem;
368}
369/* ckeditor5-block-quote/theme/blockquote.css */
370*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) blockquote {
371overflow: hidden;
372padding-right: 1.5em;
373padding-left: 1.5em;
374margin-left: 0;
375margin-right: 0;
376font-style: italic;
377border-left: solid 5px hsl(0, 0%, 80%);
378}
379/* ckeditor5-block-quote/theme/blockquote.css */
380*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text)[dir="rtl"] blockquote {
381border-left: 0;
382border-right: solid 5px hsl(0, 0%, 80%);
383}
384/* ckeditor5-image/theme/image.css */
385*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image {
386display: table;
387clear: both;
388text-align: center;
389margin: 0.9em auto;
390min-width: 50px;
391}
392/* ckeditor5-image/theme/image.css */
393*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image img {
394display: block;
395margin: 0 auto;
396max-width: 100%;
397min-width: 100%;
398width:100%;
399height:auto;
400aspect-ratio: attr(width) / attr(height);
401}
402/* ckeditor5-image/theme/image.css */
403*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-

403pages-intro-text) .image-inline {
404/*
405* Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
406* Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
407* This strange behavior does not happen with inline-flex.
408*/
409display: inline-flex;
410max-width: 100%;
411align-items: flex-start;
412}
413/* ckeditor5-image/theme/image.css */
414*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-inline picture {
415display: flex;
416}
417/* ckeditor5-image/theme/image.css */
418*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-inline picture,
419*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-inline img {
420flex-grow: 1;
421flex-shrink: 1;
422max-width: 100%;
423}
424/* ckeditor5-image/theme/imagecaption.css */
425*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image > figcaption {
426display: table-caption;
427caption-side: bottom;
428word-break: break-word;
429color: var(--ck-color-image-caption-text);
430background-color: var(--ck-color-image-caption-background);
431padding: .6em;
432font-size: .75em;
433outline-offset: -1px;
434}
435/* ckeditor5-image/theme/imageresize.css */
436*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image.image_resized {
437max-width: 100%;
438display: block;
439box-sizing: border-box;
440}
441/* ckeditor5-image/theme/imageresize.css */
442*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image.image_resized img {
443width: 100%;
444}
445/* ckeditor5-image/theme/imageresize.css */
446*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image.image_resized > figcaption {
447display: block;
448}
449/* ckeditor5-image/theme/imagestyle.css */
450*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-style-block-align-left,
451*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-style-block-align-right {
452max-width: calc(100% - var(--ck-image-style-spacing));
453}
454/* ckeditor5-image/theme/imagestyle.css */
455*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-style-align-left,
456*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-style-align-right {
457clear: none;
458}
459/* ckeditor5-image/theme/imagestyle.css */
460*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-style-side {
461float: right;
462margin-left: var(--ck-image-style-spacing);
463max-width: 50%;
464}
465/* ckeditor5-image/theme/imagestyle.css */
466*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-style-align-left {
467float: left;
468margin-right: var(--ck-image-style-spacing);
469}
470/* ckeditor5-image/theme/imagestyle.css */
471*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-

471pages-intro-text) .image-style-align-center {
472margin-left: auto;
473margin-right: auto;
474}
475/* ckeditor5-image/theme/imagestyle.css */
476*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-style-align-right {
477float: right;
478margin-left: var(--ck-image-style-spacing);
479}
480/* ckeditor5-image/theme/imagestyle.css */
481*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-style-block-align-right {
482margin-right: 0;
483margin-left: auto;
484}
485/* ckeditor5-image/theme/imagestyle.css */
486*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-style-block-align-left {
487margin-left: 0;
488margin-right: auto;
489}
490/* ckeditor5-image/theme/imagestyle.css */
491*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) p + .image-style-align-left,
492*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) p + .image-style-align-right,
493*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) p + .image-style-side {
494margin-top: 0;
495}
496/* ckeditor5-image/theme/imagestyle.css */
497*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-inline.image-style-align-left,
498*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-inline.image-style-align-right {
499margin-top: var(--ck-inline-image-style-spacing);
500margin-bottom: var(--ck-inline-image-style-spacing);
501}
502/* ckeditor5-image/theme/imagestyle.css */
503*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-inline.image-style-align-left {
504margin-right: var(--ck-inline-image-style-spacing);
505}
506/* ckeditor5-image/theme/imagestyle.css */
507*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .image-inline.image-style-align-right {
508margin-left: var(--ck-inline-image-style-spacing);
509}
510/* ckeditor5-table/theme/tablecaption.css */
511*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table > figcaption {
512display: table-caption;
513caption-side: top;
514word-break: break-word;
515text-align: center;
516color: var(--ck-color-table-caption-text);
517background-color: var(--ck-color-table-caption-background);
518padding: .6em;
519font-size: .75em;
520outline-offset: -1px;
521}
522/* ckeditor5-table/theme/table.css */
523*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table {
524margin: 0.9em auto;
525display: table;
526}
527/* ckeditor5-table/theme/table.css */
528*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table table {
529border-collapse: collapse;
530border-spacing: 0;
531width: 100%;
532height: 100%;
533}
534/* ckeditor5-table/theme/table.css */
535*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table table td,
536*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-

536pages-intro-text) .table table th {
537min-width: 2em;
538padding: .4em;
539}
540body .table td, body .table th {
541border-top: none;
542}
543/* ckeditor5-table/theme/table.css */
544*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table table th {
545font-weight: bold;
546background: hsla(0, 0%, 0%, 5%);
547}
548/* ckeditor5-table/theme/table.css */
549*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text)[dir="rtl"] .table th {
550text-align: right;
551}
552/* ckeditor5-table/theme/table.css */
553*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text)[dir="ltr"] .table th {
554text-align: left;
555}
556/* ckeditor5-table/theme/tablecolumnresize.css */
557*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table table {
558overflow: hidden;
559table-layout: fixed;
560}
561/* ckeditor5-table/theme/tablecolumnresize.css */
562*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table td,
563*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table th {
564position: relative;
565}
566/* ckeditor5-table/theme/tablecolumnresize.css */
567*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table .table-column-resizer {
568position: absolute;
569top: -999999px;
570bottom: -999999px;
571right: var(--ck-table-column-resizer-position-offset);
572width: var(--ck-table-column-resizer-width);
573cursor: col-resize;
574user-select: none;
575z-index: var(--ck-z-default);
576}
577/* ckeditor5-table/theme/tablecolumnresize.css */
578*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table[draggable] .table-column-resizer {
579display: none;
580}
581/* ckeditor5-table/theme/tablecolumnresize.css */
582*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table .table-column-resizer:hover,
583*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .table .table-column-resizer__active {
584background-color: var(--ck-color-table-column-resizer-hover);
585opacity: 0.25;
586}
587/* ckeditor5-table/theme/tablecolumnresize.css */
588*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text)[dir=rtl] .table .table-column-resizer {
589left: var(--ck-table-column-resizer-position-offset);
590right: unset;
591}
592/* ckeditor5-table/theme/tablecolumnresize.css */
593*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text).ck-read-only .table .table-column-resizer {
594display: none;
595}
596/* ckeditor5-code-block/theme/codeblock.css */
597*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) pre {
598padding: 1em;
599color: hsl(0, 0%, 20.8%);
600background: hsla(0, 0%, 78%, 0.3);
601border: 1px solid hsl(0, 0%, 77%);
602border-radius: 2px;
603text-align: left;
604direction: ltr;
605tab-size: 4;
606white-space: pre-wrap;
607font-style: normal;
608min-width: 200px;
609}
610/* ckeditor5-code-block/theme/codeblock.css */
611*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-

611pages-intro-text) pre code {
612background: unset;
613padding: 0;
614border-radius: 0;
615}
616/* ckeditor5-horizontal-line/theme/horizontalline.css */
617*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) hr {
618margin: 15px 0;
619height: 4px;
620background: hsl(0, 0%, 87%);
621border: 0;
622}
623/* ckeditor5-mention/theme/mention.css */
624*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .mention {
625background: var(--ck-color-mention-background);
626color: var(--ck-color-mention-text);
627}
628@media print {
629/* ckeditor5-page-break/theme/pagebreak.css */
630*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .page-break {
631padding: 0;
632}
633/* ckeditor5-page-break/theme/pagebreak.css */
634*:is(.rte_tinyMCE, .intro_text, .footer_text, .page_section, .title_and_description, .description, .tab_body, .accordion, .section_intro_text, .data-pages-intro-text) .page-break::after {
635display: none;
636}
637}
638figure.media{
639display: block;
640margin: 0 auto;
641max-width: 100%;
642width: 50%;
643}
644@media screen and ( max-width: 1000px ) {
645figure.media{
646margin: 0 auto;
647max-width: 100%;
648width: 100%;
649}
650}
651.youtube-video-container {
652position: relative;
653overflow: hidden;
654width: 100%;
655}
656.youtube-video-container::after {
657display: block;
658content: "";
659padding-top: 56.25%;
660}
661.youtube-video-container iframe {
662position: absolute;
663top: 0;
664left: 0;
665width: 100%;
666height: 100%;
667}
668body .ck-body-wrapper {
669position: relative;
670position: static !important;
671}
672body .ck.ck-balloon-panel {
673z-index: 9999999999 !important;
674}
675body .ck.ck-dialog-overlay.ck-dialog-overlay__transparent {
676z-index: 99999999 !important;
677}
678body .rte_tinyMCE img {
679max-width: 100% !important;
680}
681.results > a[data-ids='0']{
682opacity: .25 !important;
683}
684.results > a[data-ids='2']{
685opacity: .25 !important;
686}
687.results > a[data-ids='3']{
688opacity: .25 !important;
689}
690.results > a[data-ids='4']{
691opacity: .25 !important;
692}
693.results > a[data-ids='5']{
694opacity: .25 !important;
695}
696.results > a[data-ids='6']{
697opacity: .25 !important;
698}
699.results > a[data-ids='7']{
700opacity: .25 !important;
701}
702.results > a[data-ids='8']{
703opacity: .25 !important;
704}
705.results > a[data-ids='9']{
706border: 2px solid red;
707opacity: .25 !important;
708}
709.attribution {
710align-self: fles-end;
711display: flex;
712flex-flow: column;
713gap: 0 !important;
714position: absolute;
715bottom: 1rem;
716right: 1rem;
717left: auto !important;
718top: auto !important;
719transform: none !important;
720justify-content: flex-end;
721z-index: 99999 !important;
722}
723body .carousel-control-next, body .carousel-control-prev {
724height: 80%;
725padding-top: 15%;
726}
727body .mod_carousels_basic .attribution:not(.show) > span:last-child {
728display: none !important;
729}
730body .mod_carousels_basic .attribution span {
731padding: 0 !important;
732}
733.mod_carousels_basic .attribution.show > span:last-child {
734background-color: transparent;
735}
736.mod_carousels_basic .attribution.show > span:last-child a {
737color: #fff;
738}
739/* 02/19/24: New CKBox tooltip overrides */
740.ck.ck-balloon-panel.ck-tooltip {
741background-color: transparent !important;
742}
743.ck-tooltip__text {
744border: 1px solid #000 !important;
745color: #000 !important;
746padding: .25rem .5rem !important;
747}</style>
748<style type="text/css">
749[v-cloak] { display:none; }
750body .fcms { max-width: 800px !important; }
751img.delayed_load {
752display: none;
753}
754</style>

755<script type="48abc7965bab304e3111ca52-text/javascript">
756setTimeout( function( ){
757try {
758$( "img.delayed_load" ).each( function( i, e ){
759let $e = $( e );
760let src = $e.attr( 'data-src' );
761if( $e.hasClass( 'delayed_bg' ) ){
762$e.css( 'background-image', `url(${src})` );
763} else {
764setTimeout( function( ){
765console.log( `Loading ${i}: ${src}` );
766$e.attr( 'src', src );
767}, i != 0 ? 250 * i : 1 );
768}
769$e.removeClass( 'delayed_load' );
770} );
771} catch( e ) {
772console.log( e );
773}
774}, 1000 );
775</script>

775
776<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
777<link async defer rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
778<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/main.min.css" >
779<link rel="stylesheet" type="text/css" href="/libs/slick.css?v">
780<link rel="stylesheet" type="text/css" href="/libs/slick-theme.css?v">
781<style type="text/css">
782html, body, * { font-family: 'Montserrat', sans-serif; }
783.secondary_font { font-family: '', sans-serif !important; }
784body, section, div, ul, li { margin: 0; padding: 0; }
785body { font-size: 22px; }
786*:focus:not(:focus-visible) { outline: none; }
787*:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
788</style>
789<style type="text/css">
790@media only screen and ( min-width: 1101px ){
791body .hide_on_desktop {
792display: none;
793}
794}
795</style>

796<script src="https://kit.fontawesome.com/37b3c736a4.js" crossorigin="anonymous" type="48abc7965bab304e3111ca52-text/javascript"></script>

796
797<!-- CSS -->
798<style type="text/css"></style>
799<link rel="stylesheet" href="https://use.typekit.net/ycg0mbc.css">

800<script type="48abc7965bab304e3111ca52-text/javascript">

800(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
801new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
802j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
803'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
804})(window,document,'script','dataLayer','

804GTM-M42379M

804');

804</script>

804
805<!-- End Google Tag Manager --><!-- Global site tag (gtag.js) - Google Analytics -->

806<script async src=https://www.googletagmanager.com/gtag/js?id=UA-1476372-1 type="48abc7965bab304e3111ca52-text/javascript"></script>

806

807<script type="48abc7965bab304e3111ca52-text/javascript">

808window.dataLayer = window.dataLayer || [];
809function gtag(){dataLayer.push(arguments);}
810gtag('js', new Date());
811gtag('config', '

811UA-1476372-1

811');

812</script>

812
813<style type="text/css">
814.mod_nav_top .dropdown-menu {
815/* border: 1px solid #772218;*/
816align-items: stretch;
817top: 90%;
818}
819.mod_nav_top .dropdown-menu * {
820color: #772218;
821}
822.mod_nav_top .dropdown-menu a {
823font-size: 20px;
824}
825.mod_nav_top .navbar {
826background: #fff;
827margin: 0 auto;
828max-width: calc( 100vw - 4rem );
829}
830.mod_nav_top .navbar .navbar-nav {
831margin-left: auto !important;
832margin-right: 0 !important;
833}
834.mod_nav_top .nav-link {
835color: #CC8A00!important;
836font-size: 25px !important;
837font-weight: 600;
838}
839.mod_nav_top .row_2 {
840margin-top: -.75rem;
841}
842.mod_nav_top .row_1 a.nav-link {
843font-size: 25px;
844font-weight: normal;
845}
846.mod_nav_top .row_1 li.nav-item a.nav-link {
847color: #4F2C1D !important;
848position: relative;
849}
850.mod_nav_top .row_2 li.nav-item a.nav-link {
851position: relative;
852}
853.mod_nav_top li.nav-item:not(:last-child) {
854margin-right: 0;
855}
856.mod_nav_top .dropdown-toggle::after {
857display: none;
858}
859.mod_nav_top .navbar-collapse {
860justify-content: center;
861}
862.mod_nav_top .navbar-nav {
863align-items: center !important;
864margin-right: 0 !important;
865}
866@media only screen and ( max-width: 900px ){
867.mod_nav_top .navbar-nav {
868align-items: flex-start !important;
869}
870.mod_nav_top .row_1 {
871margin: 1rem 0;
872}
873.mod_nav_top .nav-link {
874padding: 0 1rem;
875}
876}
877</style><style type="text/css">
878body ul {
879list-style: disc;
880}
881body > .fcms *:not(i):not(strong) {
882font-size: 16px;
883}
884body *:not(i):not(strong){
885}
886body .heading1, body .heading1 *:not(i) {
887}
888body .heading2, body .heading2 *:not(i) {
889}
890body .heading3, body .heading3 *:not(i) {
891}
892body .text-huge, body .text-huge *:not(i) {
893}
894body .text-big, body .text-big *:not(i) {
895}
896body .text-small, body .text-small *:not(i) {
897}
898body .text-tiny, body .text-tiny *:not(i) {
899}
900body:not(.dashboard) .gen_2_page_title,
901body:not(.dashboard) .data-pages-title,
902body:not(.dashboard) .data-pages-title * {
903}
904body:not(.dashboard) .gen_2_page_subtitle,
905body:not(.dashboard) .data-pages-subtitle,
906body:not(.dashboard) .data-pages-subtitle span {
907}
908body:not(.dashboard) .page_section_title_added_for_potato,
909body:not(.dashboard) .text-page-section-title {
910}
911body:not(.dashboard) *.skin-page-title {
912}
913body:not(.dashboard) *.data-pages-subtitle,
914body:not(.dashboard) *.data-pages-subtitle span,
915body:not(.dashboard) *.skin-page-subtitle {
916}
917body:not(.dashboard) *.text-page-section-title {
918}
919body:not(.dashboard) > *:not(.sticky-nav-container):not(footer):not(.fcms):not(.social_strip_targetz):not(.link-protected) a:not(.link-protected),
920body:not(.dashboard) > *:not(.sticky-nav-container):not(footer):not(.fcms):not(.social_strip_targetz):not(.link-protected) a:not(.link-protected) * {
921}
922body:not(.dashboard) > *:not(.sticky-nav-container):not(footer):not(.fcms):not(.link-protected) a:hover {
923}
924body:not(.dashboard) .top_promos *.promo,
925body:not(.dashboard) .top_promos a.promo,
926body:not(.dashboard) .top_promos a.promo * {
927}
928body:not(.dashboard) .bottom_promos *.promo,
929body:not(.dashboard) .bottom_promos a.promo,
930body:not(.dashboard) .bottom_promos a.promo * {
931}
932body:not(.dashboard) .tiles-container *.spot-1,
933body:not(.dashboard) .tiles-container *.spot-1 * {
934}
935body:not(.dashboard) .tiles-container *.spot-2,
936body:not(.dashboard) .tiles-container *.spot-2 * {
937}
938body:not(.dashboard) .tiles-container *.spot-1,
939body:not(.dashboard) .tiles-container *.spot-1 * {
940}
941.mod_promos_basic .static_promo .promo_title {
942}
943</style><style type="text/css">
944.intro_msg .fa-heart {
945color: #aaaaaa;
946}
947body .cappable + .mod_add_on_features_trip_builder_tabs .meta_details {
948padding-right: .5rem !important;
949}
950.new_controls {
951bottom: 10rem !important;
952}
953.button_submit_for_coloring {
954background: #b26822;
955}
956.mod_add_on_features_trip_builder_2024 .day .day_header {
957background-color: #af3b2f !important;
958}
959.pinnable_imagez {
960left: 1rem;
961}
962.results_expansion_button {
963margin-bottom: 4rem !important;
964}
965.planner_trips_overlay .trip:before {
966background-color: rgba( 0, 0, 0, .25 );
967content: "";
968height: 100%;
969left: 0;
970position: absolute;
971top: 0;
972width: 100%;
973}
974.planner_trips_overlay .trip:hover::before {
975background-color: rgba( 0, 0, 0, .75 );
976}
977.mod_add_on_features_trip_builder_2024 .planner_container .planned_item .img_bg {
978max-width: 72px !important;
979min-width: 72px !important;
980width: 72px !important;
981}
982.trip-builder .strip_icon_links {
983padding-right: 2rem;
984}
985body.temp_master .title_container_for_centering i.fa-heart {
986color: #aaa;
987}
988body.temp_master .title_container_for_centering .pinnable_item.saved i.fa-heart {
989color: #ff7869;
990}
991a.pinnable_item:not(.saved) i.fa-heart {
992color: #aaa;
993}
994.result.saved .fa-heart {
995color: #ff7869 !important;
996}
997a.pinnable_item.saved i.fa-heart, .favorites_container i.fa-heart {
998color: #ff7869;
999}
1000.pinnable_promo:not(.saved) i.fa-heart {
1001color: #aaa;
1002}
1003.pinnable_promo.saved .fa-heart {
1004color: #ff7869 !important;
1005}
1006.pinnable_promo.saved i.fa-heart, .pinnable_promo i.fa-heart {
1007color: #ff7869;
1008}
1009.subapp .span2 {
1010display: none !important;
1011}
1012@media screen and ( min-width: 901px ){
1013.subapp .trip_meta_header_area {
1014background: #fff;
1015z-index: 99999999 !important;
1016}
1017}
1018@media screen and ( max-width: 900px ){
1019.trip_overlay + .label_col {
1020padding-left: 82px !important;
1021}
1022.previously_imported_popup h1 {
1023font-size: 28px !important;
1024}
1025.previously_imported_popup div {
1026font-size: 18px !important;
1027}
1028.previously_imported_popup button {
1029font-size: 14px !important;
1030}
1031body .mod_add_on_features_trip_builder_2024 {
1032padding-bottom: 4rem !important;
1033}
1034body .itin_tiles .time_meta {
1035}
1036body .itin_tiles .loc {
1037background-color: transparent !important;
1038text-align: center;
1039}
1040body .itin_tiles .notes {
1041background-color: transparent !important;
1042text-align: center;
1043}
1044body .itin_tiles > * {
1045display: flex;
1046flex-flow: column;
1047gap: 0 !important;
1048padding: .5rem 0;
1049margin: .5rem auto !important;
1050width: 90vw !important;
1051}
1052body .itin_tiles > * .title {
1053font-size: 18px !important;
1054line-height: 1.2 !important;
1055text-align: center;
1056}
1057body .itin_tiles > * .img {
1058flex-basis: 100% !important;
1059margin: 0 auto !important;
1060min-height: 200px !important;
1061width: 80% !important;
1062}
1063body .itin_tile .time_meta {
1064display: flex;
1065flex-basis: auto !important;
1066gap: .25rem;
1067justify-content: center;
1068width: 100% !important;
1069}
1070body .itin_tile .time_meta > *:first-child {
1071border-right: 1px solid #212529;
1072padding-right: .25rem;
1073}
1074body .title_and_description > h1:has(.button_share) {
1075display: flex;
1076flex-flow: column;
1077}
1078body .button_share {
1079font-size: 11px;
1080margin-top: .5rem;
1081padding: .25rem .5rem !important;
1082}
1083body .button_share * {
1084font-size: 14px;
1085}
1086body .mod_add_on_features_trip_builder_tabs .day_detail {
1087min-width: 10% !important;
1088max-width: 100% !important;
1089width: 100% !important;
1090}
1091body .planner_nav_tabs {
1092flex-flow: column;
1093margin: -1rem .5rem 0 .5rem !important;
1094}
1095body .planner_nav_tabs li {
1096margin: 0 !important;
1097}
1098body .planner_nav_bodies .image img {
1099max-width: 100vw !important;
1100min-width: 10px;
1101width: 100%;
1102}
1103.import_or_discard_popup {
1104min-width: 90vw;
1105}
1106body .mod_add_on_features_trip_builder_2024 .nav_row .swap_strip ul {
1107gap: .25rem !important;
1108}
1109.btn_discard_trip, .btn_import_trip {
1110font-size: 12px !important;
1111margin: 0 0 !important;
1112padding: .15rem .5rem !important;
1113}
1114.btn_import_trip {
1115margin-right: .25rem !important;
1116}
1117.btn_discard_trip i, .btn_import_trip i {
1118display: none !important;
1119}
1120body .swappable_bodies .favorites_container .tiles {
1121padding-bottom: 4rem !important;
1122}
1123.previously_imported_popup {
1124min-width: 90vw;
1125}
1126.flow_vert {
1127flex-flow: column !important;
1128}
1129.mod_add_on_features_trip_builder_2024 .swappable_bodies > .body[data-index='2'] {
1130margin-bottom: 4rem !important;
1131padding-bottom: 10rem !important;
1132}
1133body .mod_add_on_features_trip_builder_2024 .active_trip_label{
1134display: inline-block !important;
1135line-height: 1.1 !important;;
1136}

1137.render_on_desktop_only {
1138display: none !important;
1139}
1140.mod_add_on_features_trip_builder_2024 .favorites_container .tiles {
1141height: auto !important;
1142margin-bottom: 4rem !important;
1143max-height: 10000vh !important;
1144gap: .25rem;
1145}
1146.mod_add_on_features_trip_builder_2024 .planner_container .days {
1147height: auto !important;
1148margin-bottom: 3rem !important;
1149}
1150body .mod_add_on_features_trip_builder_2024 .swappable_bodies .img_bg,
1151body .plannable_area .trip-entry .trip-entry-img-cont img {
1152min-height: 72px !important;
1153max-height: 72px !important;
1154min-width: 72px !important;
1155max-width: 72px !important;
1156height: 72px !important;
1157width: 72px !important;
1158object-fit: cover !important;
1159background-size: cover !important;
1160background-position: center !important;
1161}
1162.mod_add_on_features_trip_builder_2024 .controls {
1163max-width: 35px !important;
1164min-width: 35px !important;
1165width: 35px !important;
1166}
1167.plus_minus {
1168padding-top: .5rem;
1169width: 100%;
1170}
1171.plus_minus .w_i_t_a_f {
1172margin-left: auto;
1173}
1174.plus_minus * {
1175font-size: 100% !important;
1176}
1177.controls .fa-times::before {
1178content: "\f056" !important;
1179}
1180.login_item {
1181margin-left: 0 !important;
1182padding-bottom: 8rem !important;
1183}
1184.login_item .dropdown-menu {
1185left: 0 !important;
1186position: relative !important;
1187transform: none !important;
1188}
1189.login_item .dropdown-menu > * {

1190font-weight: 700;
1191transform: translateX( -20px ) !important;
1192}
1193.login_item .dropdown-menu span, .login_item .dropdown-menu i {
1194color: #af3b2f !important;
1195}
1196.login_item .dropdown-toggle {
1197display: none !important;
1198}
1199.login_item .dropdown-menu a {
1200margin-left: 0 !important;
1201}
1202body[data-url='homepage'] .page_section[data-section='3'] h2 {
1203font-size: 25px !important;
1204}
1205.teaser {
1206flex-flow: column;
1207}
1208.mod_add_on_features_trip_builder_2024_modal_login_underlay {
1209top: 0 !important;
1210left: 0 !important;
1211transform: translate( 0, 0 ) !important;
1212height: 100% !important;
1213width: 100% !important;
1214}
1215.mod_add_on_features_trip_builder_2024_modal_login_underlay {
1216top: 0 !important;
1217left: 0 !important;
1218transform: translate( 0, 0 ) !important;
1219height: 100% !important;
1220width: 100% !important;
1221}
1222.mod_add_on_features_trip_builder_2024_modal_login {
1223top: 50% !important;
1224left: 50% !important;
1225transform: translate( -50%, -50% ) !important;
1226}
1227body .trip-entry-delete {
1228display: none !important;
1229}
1230body .trip-builder-main .meta_details {
1231display: none !important;
1232}
1233body .top_strip .fa-times-circle {
1234font-size: 24px !important
1235}
1236body .mod_add_on_features_trip_builder_2024_modal_login .subpanels {
1237height: 100% !important;
1238}
1239.mod_add_on_features_trip_builder_2024_modal_login .subpanel {
1240border: none !important;
1241}
1242.mod_add_on_features_trip_builder_2024_modal_login .top_strip .logo img,
1243.share_your_trip_popup .top_strip .logo img {
1244max-height: 50px !important;
1245}
1246body .mod_add_on_features_trip_builder_2024_modal_login .top_strip {
1247margin-bottom: 0 !important;
1248}
1249body .mod_add_on_features_trip_builder_2024_modal_login h2 {
1250font-size: 28px !important;
1251}
1252/*
1253.mod_add_on_features_trip_builder_2024_modal_login {
1254height: 85vh !important;
1255max-height: 85vh !important;
1256} */
1257body .flow_vertically {
1258flex-flow: column !important;
1259}
1260body .trip_link_to_share {
1261font-size: 13px;
1262}
1263body .share_your_trip_popup {
1264align-items: center;
1265flex-flow: column !important;
1266min-width: 100px !important;
1267padding: 1rem !important;
1268}
1269body .share_your_trip_popup:not(.hidden) {
1270display: flex !important;
1271}
1272body .share_your_trip_popup > * {
1273min-width: 10px;
1274max-width: 100% !important;
1275}
1276body .share_your_trip_popup {
1277min-width: 10px !important;
1278width: 90vw !important;
1279}
1280body .mod_add_on_features_trip_builder_2024 .favorites_container .controls {
1281padding: 0 .5rem;
1282}
1283body .mod_add_on_features_trip_builder_2024 .favorites_container .fa-heart {
1284display: none !important;
1285}
1286body .mod_add_on_features_trip_builder_2024 .favorites_container .fa-circle-minus {
1287display: block !important;
1288}
1289body .mod_add_on_features_trip_builder_2024 .favorites_container .subtext {
1290display: none !important;
1291}
1292body .mod_add_on_features_trip_builder_2024 .favorites_container .planned_item {
1293border-radius: 0 !important;
1294}
1295body .mod_add_on_features_trip_builder_2024 .img_bg {
1296border-radius: 0 !important;
1297height: 100% !important;
1298}
1299body .mod_add_on_features_trip_builder_2024 .swappable_bodies .img_bg {
1300border-radius: 0 !important;
1301height: 72px !important;
1302}
1303.mod_add_on_features_trip_builder_2024 .favorites_container .tiles {
1304width: 100%;
1305}
1306.mod_add_on_features_trip_builder_2024 .planned_item {
1307width: 100%;
1308}
1309body .mod_add_on_features_trip_builder_2024 .favorites_container {
1310padding: 0 !important;
1311}
1312.controls i:not(.fa-times) {
1313display: none !important;
1314}
1315body .trip-entries {
1316background: transparent !important;
1317}
1318.mod_add_on_features_trip_builder_2024 .planned_item {
1319border: 1px solid #ccc !important;
1320}
1321.mod_add_on_features_trip_builder_2024 .plannable_area {
1322border-left: none !important;
1323border-right: none !important;
1324}
1325.planned_item .img_bg {
1326height: 70px;
1327}
1328.mod_add_on_features_trip_builder_2024 .controls i.btn_out {
1329color: #000 !important;
1330}
1331.plannable_area {
1332height: auto !important;
1333overflow: visible !important;
1334}
1335.mod_add_on_features_trip_builder_2024_modal_login {
1336min-width: 100px !important;
1337}
1338.mod_add_on_features_trip_builder_2024.render_as_overlay {
1339height: 100vh !important;
1340max-height: 100vh !important;
1341}
1342.instructions > h1 {
1343margin-top: 1rem !important;
1344}
1345.close_the_new_planner_system {
1346margin-left: .5rem !important;
1347}
1348.mod_add_on_features_trip_builder_2024 .planner_container {
1349border: none !important;
1350}
1351.mod_add_on_features_trip_builder_2024 .planner_container .days {
1352border: 1px solid #ccc !important;
1353}
1354.planner_container .days {
1355grid-template-columns: 1fr !important;
1356}
1357.mod_add_on_features_trip_builder_2024 .day {

1358border-right: none !important;
1359overflow: visible !important;
1360width: 100% !important;
1361}
1362.mod_add_on_features_trip_builder_2024 .day .day_header {
1363background-color: #af3b2f;
1364padding: .15rem .5rem !important;
1365}
1366body .mod_add_on_features_trip_builder_2024 .active_trip_label {
1367font-size: 18px;
1368text-transform: none !important;
1369}
1370.mod_add_on_features_trip_builder_2024 .nav_row .swap_strip {
1371text-align: right;
1372width: 150px;
1373}
1374.mod_add_on_features_trip_builder_2024 .nav_row .swap_strip ul > li {
1375margin-right: 0 !important;
1376}
1377.mod_add_on_features_trip_builder_2024 .nav_row .swap_strip ul {
1378gap: .5rem !important;
1379justify-content: flex-end;
1380}
1381.mod_add_on_features_trip_builder_2024 .swappable_bodies > .body_3.active {
1382max-height: 100% !important;
1383}
1384.swappable_bodies {
1385padding: 0 1rem !important;
1386}
1387.planner_trips_overlay > div {
1388justify-content: center;
1389}
1390.nav_row {
1391flex-flow: row !important;
1392justify-content: space-between
1393}
1394.nav_row .swap_strip i {
1395font-size: 20px !important;
1396}
1397.active_trip_label_decom > i {
1398display: none;
1399}
1400.active_trip_label_decom > i.fa-pencil {
1401display: none !important;
1402}
1403.day_planner_pre_strip {
1404align-items: center !important;
1405flex-flow: column;
1406}
1407.day_planner_pre_strip .instructions {
1408order: -1;
1409}
1410.day_planner_pre_strip .date_picker_container {
1411display: none;
1412}
1413.strip_icon_links li a i {
1414display: none;
1415}
1416.swap_strip li a *:not(i){
1417display: none;
1418}
1419.strip_icon_links li a *:not(i){
1420display: none;
1421}
1422.trip-builder-inner .working_trip_title, .trip-builder-inner .working_trip_title + * {
1423font-size: 12px;
1424}
1425.intro_msg {
1426font-size: 12px;
1427}
1428.trip-builder-main {
1429height: 50px;
1430}
1431.trip-entries {
1432padding: 0 10px !important;
1433}
1434.trip-details {
1435display: none;
1436}
1437body .trip-entry {
1438max-width: 32vw !important;
1439}
1440body .trip-entry-title {
1441font-size: 11px;
1442}
1443body .trip-entry-img-cont {
1444height: 30px;
1445width: 30px;
1446}
1447.trip-builder-left-right span {
1448height: 15px;
1449width: 15px;
1450}
1451}
1452</style><style type="text/css">
1453/* Google Translate banner (.skiptranslate iframe): Google pins it to the top
1454(top:0) and pushes the page down with body{top:40px}, which drops it OVER our
1455tier-1 nav. Move the banner to the bottom of the viewport on every screen size
1456and cancel the top offset so the nav is never covered. */
1457/* Google Translate top banner: hidden, not relocated. Navajo drives Google
1458Translate from its own drawer (modal.translate.cfm) via the hidden
1459select.goog-te-combo, and the "English" button reverts to the original, so
1460Google's banner ("Show original / Options") is pure redundant chrome. Google
1461offers no option to remove or move it, so we suppress it in CSS. The combo lives
1462in the separate hidden #google_translate_element div and is NOT affected.
1463:not(#goog-gt-tt) leaves the hover-tooltip alone. */
1464body > div.skiptranslate:not( #goog-gt-tt ) {
1465display: none !important;
1466}
1467/* Hide Google's "Rate this translation" hover tooltip (#goog-gt-tt — the popup
1468with Original text + thumbs up/down). It floats over content on hover and
1469interferes with navigation. !important beats the inline display:block Google
1470toggles on hover. (This is why the banner rule above excludes it — it's killed
1471here instead, outright.) */
1472#goog-gt-tt {
1473display: none !important;
1474}
1475/* Kill the highlight box Google draws around translated text on hover (the other
1476half of the "looks awful on hover" problem) — neutralize its background/shadow
1477and the box-decoration it adds, without hiding the text itself. */
1478.goog-text-highlight {
1479background-color: transparent !important;
1480background: none !important;
1481box-shadow: none !important;
1482box-decoration-break: clone;
1483}
1484/* Google sets body{top:40px} to make room for the top banner — undo it now that
1485the banner lives at the bottom (harmless when translate is inactive). */
1486body {
1487top: 0 !important;
1488}
1489body[data-url='download-brochures'] .test {
1490align-items: center;
1491display: flex;
1492flex-wrap: wrap;
1493}
1494body[data-url='lodging'] .nonfeatured_tiles + #map_mod_search_1 {
1495display: none !important;
1496}
1497body:not(.dashboard) .cols li {
1498word-wrap: break-word !important; /* Ensures long words wrap */
1499overflow-wrap: break-word !important; /* Ensures proper wrapping */
1500white-space: normal !important; /* Allows wrapping */
1501word-break: keep-all !important; /* Prevents mid-word breaks */
1502hyphens: none !important; /* Disables hyphenation */
1503}
1504.col {
1505word-break: break-word; /* For older browsers */
1506word-break: break-all; /* Ensures breaking at any point */
1507}
1508.auto_form_submission_successful a:hover {

1509font-weight: normal !important;
1510}
1511.auto_form_submission_successful button {
1512display: block !important;
1513margin: 1rem auto 0 auto !important
1514}
1515.itin_tile .notes {
1516background-color: transparent;
1517}
1518.mod_add_on_features_trip_builder_tabs .planner_nav_tabs li.active_tab {
1519background-color: #C4622D;
1520}
1521.mod_add_on_features_trip_builder_2024, .mod_add_on_features_trip_builder_2024 .swappable_bodies {
1522background-color: transparent !important;
1523background-color: #fff !important;
1524}
1525body[data-url='trails'] .filters_container {
1526align-items: center !important;
1527gap: 1rem !important;
1528justify-content: center !important;
1529}
1530body[data-url='trails'] .search_form {
1531max-width: 100% !important;
1532}
1533body[data-url='trails'] .filt_1_1_46 {
1534transform: translateY(-4px) !important;
1535}
1536body[data-url='trails'] .mod_search .filters .filter.filt_1_1_46 {
1537padding: 0 1.5rem !important;
1538}
1539.col:has(div > dl > a){
1540max-width: 500px;
1541width: 500px !important;
1542}
1543.col div dl a {
1544word-wrap: break-word;
1545}
1546#map_mod_search, .map_mod_search {
1547min-height: 600px
1548}
1549a:hover {
1550color: #ac2e22;
1551font-weight: 700;
1552text-decoration: none;
1553}
1554.plus_minus span {
1555font-size: 20px;
1556}
1557.plus_minus i:not(.do_not_colorize) {
1558color: #af3b2f;
1559font-size: 180%;
1560}
1561.mod_add_on_features_trip_builder_2024_modal_login h2 {
1562color: #af3b2f !important;
1563font-size: 35px;
1564}
1565.mod_add_on_features_trip_builder_2024_modal_login .instructions {
1566font-family: "novel-sans-pro-extra-condens",sans-serif !important;
1567font-size: 18px;
1568}
1569.mod_add_on_features_trip_builder_2024_modal_login label {
1570color: gray;
1571font-family: "novel-sans-pro-extra-condens",sans-serif !important;
1572font-size: 24px;
1573}
1574.mod_add_on_features_trip_builder_2024_modal_login .links a {
1575color: #000;
1576font-family: "novel-sans-pro-extra-condens",sans-serif !important;
1577font-size: 17px;
1578}
1579.mod_nav_top .user_dropdown .dropdown-menu a:hover, .mod_nav_top .user_dropdown .dropdown-menu a:hover * {
1580color: #000 !important;
1581}
1582.tip_cols {
1583justify-content: space-between;
1584/* padding-left: 3rem; */
1585width: 100%;
1586}
1587.swappable_bodies .body {
1588padding: 0 2rem;
1589}
1590.pinnable_image {
1591position: absolute;
1592}
1593.pinnable_promo {
1594position: relative;
1595}
1596.not_pinnable_image {
1597color: #fff;
1598cursor: pointer;
1599font-size: 28px;
1600position: absolute;
1601left: 1rem;
1602top: 1rem;
1603z-index: 9999 !important;;
1604}
1605/*
1606body .result:not(.saved):hover i {
1607color: #aaa !important;
1608} */
1609a:not(.saved) .not_pinnable_image.fa-heart {
1610color: #aaa;
1611}
1612.saved .not_pinnable_image.fa-heart {
1613color: #ff7869 !important;
1614}
1615.trip-builder .exhibit_droppability .intro_msg {
1616display: block !important;
1617}
1618.trip-builder .trip-entries {
1619display: flex;
1620}
1621.trip-builder .exhibit_droppability .trip-entries {
1622display: none !important;
1623}
1624body .body_5 .results {
1625max-height: calc( 100vh - 29rem );
1626overflow: auto;
1627}
1628.topic_picker > * {
1629cursor: pointer;
1630}
1631.results .template {
1632display: none;
1633}
1634body .mod_add_on_features_trip_builder_2024 .favorites_container {
1635padding: 2rem 4rem;
1636}
1637body .mod_add_on_features_trip_builder_2024 *:not(i) {
1638font-family: "novel-sans-pro-extra-condens",sans-serif !important;
1639}
1640body .mod_add_on_features_trip_builder_2024_close_button {
1641color: #fff;
1642}
1643body .mod_add_on_features_trip_builder_2024.render_as_overlay {
1644padding: 0 !important;
1645z-index: 99999997 !important;
1646}
1647body .image_candy_thing + div.active_trip_label {
1648justify-content: space-between;
1649margin: 0 auto;
1650max-width: 1280px;
1651}
1652body .mod_add_on_features_trip_builder_2024 .nav_row {
1653justify-content: space-between;
1654margin: 0 auto;
1655max-width: 1280px;
1656padding: .5rem 1rem;
1657}
1658body .mod_add_on_features_trip_builder_2024 .active_trip_label {
1659/* color: #af3b2f !important; */
1660font-weight: 700;
1661text-transform: uppercase;
1662}
1663body .mod_add_on_features_trip_builder_2024 .nav_row .swap_strip ul li a {
1664color: #fff;
1665font-weight: normal !important;
1666opacity: .5;
1667}
1668body .mod_add_on_features_trip_builder_2024 .nav_row .swap_strip ul li.active a {
1669/* color: #af3b2f !important */
1670color: #fff;
1671font-weight: 700 !important;
1672opacity: 1;
1673}
1674body .mod_add_on_features_trip_builder_2024 {
1675padding: 8rem 4rem 4rem 2rem;
1676}
1677a.pinnable_item:not(.saved) i.fa-heart {
1678color: #aaa;
1679}
1680.result.saved .fa-heart {
1681color: #ff7869 !important;
1682}
1683a.pinnable_item.saved i.fa-heart, .favorites_container i.fa-heart {
1684color: #ff7869;
1685}
1686/*
1687.share_container {
1688display: none !important;
1689}
1690*/
1691.nav_row {
1692margin-bottom: 5rem;
1693}
1694.instructions h1 {
1695color: #af3b2f !important
1696}
1697.trip-builder-tab {
1698background-color: #C4622D
1699}
1700</style><style type="text/css">
1701@media screen and ( max-width: 900px ){
1702body[data-url='homepage'] .page_section[data-section='3'] h2 {
1703font-size: 25px !important;
1704}
1705}
1706body[data-url='homepage'] .intro_text_wrapper {
1707margin-bottom: 4rem !important;
1708max-width: 100vw !important;
1709padding: 50px;
1710}
1711body[data-url='homepage'] .intro_text_wrapper > *, body[data-url='homepage'] .intro_text_wrapper > .intro_text {
1712margin: 0 auto !important;
1713max-width: 1240px;
1714text-align: center;
1715}
1716body[data-url="homepage"] .page_section:not([data-section='3']) > h2[data-section-title="true"], body[data-url="homepage"] .page_section:not([data-section='3']) * {
1717color: #fff !important;
1718}
1719/* Canyon section-1 decoration REMOVED for navajo: the #c3853d orange band,
1720the max-width:100vw full-bleed, and the gld-top.png / gld-bot.png gold/orange
1721border bars (from /configs/71/) do not belong to the navajo homepage design.

1722New promo-section styling lives in configs/1000117/css/homepage.cfm. */
1723@media screen and ( max-width: 900px ){
1724body[data-url='homepage'] div.intro_text_wrapper {
1725padding-bottom: 2rem;
1726padding-top: 2rem;
1727}
1728body[data-url='homepage'] .intro_text_wrapper::before {
1729top: -7px; /* Adjust this value to match the height of your image */
1730}
1731body[data-url='homepage'] .intro_text_wrapper::after {
1732bottom: -20px; /* Adjust this value to match the height of your image */
1733}
1734body[data-url='homepage'] div.page_section[data-section='1'] {
1735margin-bottom: 2rem !important;
1736margin-top: 2rem !important;
1737padding-bottom: 2rem !important;
1738padding-top: 2rem !important;
1739}
1740body[data-url='homepage'] .page_section[data-section='1']::before {
1741top: -6px; /* Adjust this value to match the height of your image */
1742}
1743body[data-url='homepage'] .page_section[data-section='1']::after {
1744}
1745}
1746.mod_carousels_slick_robust_captions .tile {
1747transition: 200ms all;
1748}
1749body[data-url='homepage'] .mod_carousels_slick_robust_captions .tile img {
1750/*height: 500px;
1751width: 700px;*/
1752aspect-ratio: 8/5;
1753object-fit: cover;
1754}
1755.mod_carousels_slick_robust_captions .tile:hover {
1756filter: brightness(1.15) !important;
1757}
1758@media only screen and ( min-width: 1200px ) and ( max-width: 1280px ) {
1759.mod_nav_top .navbar {
1760padding: 0 2rem 0 1rem !important;
1761}
1762.mod_nav_top .nav-link {
1763font-size: 16px !important;
1764}
1765.mod_nav_top .logo {
1766max-width: 100px !important;
1767}
1768}
1769body .contact_strip .col .btn_pdc {
1770border: none;
1771border-radius: 7px;
1772color: #fff;
1773cursor: pointer;
1774padding: .5rem .75rem;
1775}
1776/*	.filter.slider_width {
1777min-width: 250px;
1778}*/
1779body[data-url='multitopic-filtering-pilot'] .nonfeatured_tiles tr:first-child th:first-child,
1780body[data-url='trails'] .nonfeatured_tiles tr:first-child th:first-child {
1781width: 30%;
1782}
1783body[data-url='multitopic-filtering-pilot'] .nonfeatured_tiles tr:first-child th:nth-child(2),
1784body[data-url='trails'] .nonfeatured_tiles tr:first-child th:nth-child(2) {
1785width: 35%;
1786}
1787body[data-url='multitopic-filtering-pilot'] .nonfeatured_tiles tr:first-child th:nth-child(3),
1788body[data-url='trails'] .nonfeatured_tiles tr:first-child th:nth-child(3) {
1789width: 35%;
1790}
1791body .slider_width {
1792display: flex;
1793flex-flow: column;
1794justify-content: center;
1795min-width: 300px;
1796padding-top: 0 !important;
1797text-align: center;
1798}
1799body .slider_width > * {
1800width: 100% !important;
1801}
1802body .slider_width .rs-container .rs-scale span {
1803}
1804.search_tab_buttons {
1805display: flex;
1806justify-content: center;
1807margin: 1.5rem 0 1rem 0;
1808}
1809.search_tab_buttons > *:not(:last-child) {
1810}
1811/*
1812.search_tab_buttons > *:not(.active) {
1813opacity: .15;
1814}
1815.search_tab_buttons > *:not(.active) {
1816opacity: .15;
1817}
1818.search_tab_buttons > *:not(.active):hover {
1819opacity: .85 !important;
1820}*/
1821.search_tab_buttons > * {
1822cursor: pointer;
1823padding: .5rem 1rem;
1824}
1825.search_tab_buttons > * i {
1826margin-right: .75rem;
1827}
1828.search_tab_buttons > * {
1829background-color: #ce3526;
1830color: #fff;
1831}
1832.search_tab_buttons > *:hover {
1833opacity: .75 !important;
1834}
1835.search_tab_buttons > *:not(.active) {
1836background-color: #868686;
1837color: #fff;
1838}
1839.search_tabs > *:not(.active){
1840display: none;
1841}
1842.mod_search .results .result .title {
1843color: #fff;
1844}
1845#mmapbox {
1846box-shadow: none;
1847border: 4px solid #eee;
1848height: 400px;
1849max-height: 400px !important;
1850margin: 0;
1851width: 100% !important;
1852}
1853/*
1854#mapbox_buttons {
1855top: 100px !important;
1856}*/
1857.option_selector_container.scroll_select .status_indicator {
1858display: block;
1859}
1860.mod_search .filters.unprocessed_changes {
1861background-color: transparent !important;
1862}
1863.results > a[data-ids='0']{
1864opacity: .25 !important;
1865}
1866.results > a[data-ids='2']{
1867opacity: .25 !important;
1868}
1869.results > a[data-ids='3']{
1870opacity: .25 !important;
1871}
1872.results > a[data-ids='4']{
1873opacity: .25 !important;
1874}
1875.results > a[data-ids='5']{
1876opacity: .25 !important;
1877}
1878.results > a[data-ids='6']{
1879opacity: .25 !important;
1880}
1881.results > a[data-ids='7']{
1882opacity: .25 !important;
1883}
1884.results > a[data-ids='8']{
1885opacity: .25 !important;
1886}
1887.results > a[data-ids='9']{
1888border: 2px solid red;
1889opacity: .25 !important;
1890}
1891body .btn_pdc.pdf {
1892border: 0;
1893border-radius: 7px;
1894cursor: pointer;
1895padding: .25rem .75rem;
1896}
1897body .map_legend {
1898z-index: 1 !important;
1899}
1900body .search_form .option_selector_container.hoverable:hover div.opts {
1901z-index: 999999 !important;
1902}
1903.mod_promos_checkerboard .promo .body .title a, .mod_services_global_search_rewrite .label, .mod_services_global_search_rewrite h4 span {
1904color: #AF3B2F;
1905}
1906.weather_dropdown {
1907background-color: transparent !important;
1908position: relative !important;
1909right: auto !important;
1910top: auto !important;
1911}
1912.weather_dropdown .day_by_day {
1913background-color: #eee !important
1914}
1915.weather_dropdown .smaller {
1916color: #333;
1917/*font-size: 14px !important;*/
1918}
1919.weather_dropdown .current_conditions {
1920color: #ce3527 !important;
1921}
1922.title_and_description ul {
1923display: flex;
1924flex-flow: column;
1925margin-left: 0;
1926}
1927.title_and_description ul li {
1928margin-left: 2rem;
1929}
1930.mod_services_global_search .label {
1931color: #000;
1932}
1933.mod_services_global_search h4 span {
1934color: #000;
1935}
1936.mod_services_global_search .description, .mod_services_global_search .description * {
1937color: #444;
1938}
1939body .dropdown-menu::after {
1940content: "";
1941border-left: 25px solid transparent;
1942border-right: 25px solid transparent;
1943border-bottom: 25px solid #b93c27;
1944position: absolute;
1945left: 50%;
1946top: -10px;
1947transform: translateX(-50%);
1948z-index: -1;
1949}
1950body .dropdown-menu.i5::after {
1951transform: translateX(90px);
1952}
1953body .dropdown-menu.i6 > div {
1954min-width: 230px;
1955}
1956body .dropdown-menu.i6::after {
1957transform: translateX(60px);
1958}
1959body .dropdown-menu.i7::after {
1960transform: translateX(140px);
1961}
1962body .slick-list {
1963overflow: visible;
1964}
1965body .col dl span {
1966display: block;
1967}
1968.tile_nonfeatured > *:first-child {
1969width: 50%;
1970}
1971body[data-url='ev-charging'] .tile_nonfeatured > *:first-child {
1972width: 25%;
1973}
1974body[data-url='ev-charging'] .gm-style-iw {
1975display: flex;
1976flex-flow: row !important;
1977flex-direction: reverse-row !important;
1978}
1979body[data-url='ev-charging'] .gm-style-iw .gm-style-iw-chr {
1980order: 10 !important;
1981}
1982body[data-url="weather"] .tab_heads {
1983justify-content: center;
1984}

1985body[data-url="events"] .no_results, body[data-url="events"] div.results[data-topic="x_90"] {
1986display: none;
1987}
1988/*body .mod_carousels_basic .carousel-indicators {
1989justify-content: flex-end;
1990}
1991*/
1992.mod_search .results .result .title {
1993color: #000 !important;
1994line-height: 1.2;
1995}
1996.mod_search.search_results_type_2 .results .result .title {
1997color: #fff !important;
1998}
1999.mod_search .results .result .title, .mod_search .results .result .middle_column .spot_secondary {
2000font-family: "myriad-pro", sans-serif !important;
2001}
2002.mod_promos_checkerboard .promo .img img {
2003object-fit: cover;
2004}
2005.mod_promos_checkerboard .promo .img span {
2006color: rgba( 255, 255, 255, .8 );
2007font-family: "myriad-pro", sans-serif;
2008font-size: 110px;
2009font-weight: 700;
2010text-shadow: 0 4px 5px rgba( 0, 0, 0, .25 );
2011text-transform: uppercase;
2012z-index: 1;
2013}
2014body .title_container_for_centering a {
2015color: #144b4a;
2016text-decoration: none;
2017}
2018body .micro_dips .title_container_for_centering a {
2019color: #000 !important;
2020font-size: 44px !important;
2021font-weight: 700 !important;
2022}
2023body .intro_text, body.temp_search_page .mod_text_page_intro {
2024margin: 0 !important;
2025max-width: 100vw;
2026padding: 0;
2027position: relative;
2028}
2029body .intro_text .actual_intro_text, body.temp_search_page .mod_text_page_intro {
2030margin: 0 auto;
2031max-width: 1240px;
2032padding-bottom: calc( 120px - 1rem );
2033padding-top: 120px;
2034}
2035body .intro_text .actual_intro_text p:last-child {
2036margin-bottom: 0;
2037}
2038body.temp_search_page .mod_text_page_intro {
2039padding-bottom: 0 !important;
2040padding-top: 0 !important;
2041}
2042body .intro_text h1, body.temp_search_page .mod_text_page_intro h1 {
2043color: rgba( 255, 255, 255, .8 );
2044font-family: "myriad-pro", sans-serif;
2045font-size: 110px;
2046font-weight: 700;
2047left: 1rem;
2048position: absolute;
2049text-shadow: 0 4px 5px rgba( 0, 0, 0, .25 );
2050text-transform: uppercase;
2051top: -140px;
2052z-index: 1;
2053}
2054/* Boss request: show the page title exactly as typed in the CMS — no forced
2055uppercase. Counters the text-transform:uppercase on .intro_text h1 above. */
2056body h1.gen_2_page_title,
2057body h1 span.title_container_for_centering {
2058text-transform: none !important;
2059}
2060body.temp_search_page .mod_text_page_intro h1 {
2061top: -200px;
2062}
2063/* ── Interior (non-homepage) pages: tidy title / subtitle / intro / sections ──
2064The base .intro_text rules above are tuned for a big overlay title + tall centered
2065intro; on content pages that leaves the subtitle unstyled at the far left and a huge
2066gap above a floating intro. These overrides line everything up in one left-aligned
20671240px column. Scoped to non-homepage so the homepage layout is untouched. */
2068/* Title: centered over the header photo, horizontally and vertically
2069(the base rule anchors it at top:-140px, which sits at the photo's bottom).
2070Long titles (e.g. "Window Rock Navajo Tribal Park & Veterans Memorial") used to
2071render at a fixed 110px on one over-wide line that wrapped and spilled past the
2072photo bottom. Now: constrain to the 1240px column so it wraps, balance the lines,
2073shrink the font responsively, and lift it higher so multi-line titles have room. */
2074body:not([data-url='homepage']) .intro_text h1 {
2075left: 0 !important;
2076right: 0 !important;
2077width: 100% !important;
2078max-width: 1240px !important;
2079margin-left: auto !important;
2080margin-right: auto !important;
2081text-align: center !important;
2082font-size: clamp( 3rem, 6.5vw, 75px ) !important;
2083line-height: 1.02 !important;
2084text-wrap: balance !important;
2085/* Anchor the block's VERTICAL CENTER (with translateY(-50%)) on the header photo's
2086center so multi-line titles grow symmetrically up/down and stay centered in the
2087photo instead of spilling below it or sliding up under the nav.
2088The header photo is full-bleed and responsive (width:100%, height:auto,
2089object-fit:contain — see the .mod_carousels_basic rule below), so its rendered
2090height = imageAspect x 100vw and scales with the viewport. A fixed px anchor only
2091hits the photo's center at ONE width (-550px ≈ centered at ~2260px wide, which is
2092why it looked right on wide monitors but rode up under the nav on narrower screens).
2093The header image aspect is ~577/1185 ≈ 0.487, so the photo is ~48.7vw tall and its
2094center sits ~24.35vw above .intro_text's top — express the anch

2094or in vw so it
2095tracks the photo at every width. */
2096top: -24.35vw !important;
2097transform: translateY( -50% ) !important;
2098}
2099/* Kicker sub-line under the interior-page title, over the header photo.
2100The rule above positions .intro_text h1 absolutely; .navajo-title-stack
2101(wrapper added in temps/partner/page.cfm, navajo-only) takes over that
2102positioning so the title + kicker flow together and the kicker always sits
2103directly beneath the title — even when a long title wraps to two lines.
2104Mirrors the original site: small Raleway sub-line + short orange accent rule. */
2105body:not([data-url='homepage']) .navajo-title-stack {
2106left: 0 !important;
2107right: 0 !important;
2108margin: 0 auto !important;
2109max-width: 1240px !important;
2110position: absolute !important;
2111text-align: center !important;
2112top: -24.35vw !important;
2113transform: translateY( -50% ) !important;
2114width: 100% !important;
2115z-index: 1;
2116}
2117/* Hand positioning to the wrapper; keep the h1's font/colour/shadow (those come
2118from the .intro_text h1 rules above and still apply inside the stack). */
2119body:not([data-url='homepage']) .navajo-title-stack .gen_2_page_title {
2120left: auto !important;
2121margin: 0 auto !important;
2122position: static !important;
2123right: auto !important;
2124top: auto !important;
2125transform: none !important;
2126}
2127/* inline-flex so the flanking hairlines hug the text; the parent stack is
2128text-align:center, which centers this inline-level box. */
2129body:not([data-url='homepage']) .navajo-page-kicker {
2130align-items: center;
2131color: #fff;
2132display: inline-flex;
2133font-family: "Raleway", sans-serif;
2134font-size: clamp( 1.1rem, 2vw, 1.6rem );
2135font-weight: 300;
2136gap: 0.85rem;
2137letter-spacing: 0.14em;
2138margin-top: 0.7rem;
2139text-shadow: 0 1px 6px rgba( 0, 0, 0, 0.5 );
2140}
2141/* Subtle flourish: short, faint hairlines framing the kicker (not an underline). */
2142body:not([data-url='homepage']) .navajo-page-kicker::before,
2143body:not([data-url='homepage']) .navajo-page-kicker::after {
2144background: rgba( 255, 255, 255, 0.55 );
2145content: "";
2146display: block;
2147height: 1px;
2148width: clamp( 22px, 3vw, 40px );
2149}
2150/* Generic search/intro-MOD titles (real /search/ results pages, etc.):
2151mirror just the HORIZONTAL centering — these have no hero photo so leave
2152the vertical offset to the temp_search_page rules (top:-200px/-170px). */
2153body:not([data-url='homepage']) .mod_text_page_intro h1 {
2154left: 0 !important;
2155right: 0 !important;
2156width: 100% !important;
2157max-width: 1240px !important;
2158margin-left: auto !important;
2159margin-right: auto !important;
2160text-align: center !important;
2161}
2162/* The Events page (/events, data-url="our-events") routes through
2163search_page.cfm, so its body carries .temp_search_page and it renders its
2164title through the page_intro MOD (.mod_text_page_intro h1.title_2024)
2165rather than the standard .intro_text .gen_2_page_title. The generic
2166temp_search_page offsets (top:-200px etc.) are tuned for the real /search/
2167results pages, which have NO hero photo — on Events (which DOES have a hero
2168carousel) that left the title pinned bottom-left of the header image.
2169Scope JUST to the Events page (data-url + .temp_search_page raises
2170specificity above the generic temp_search_page top overrides further down)
2171and reproduce the interior-title look exactly: base appearance
2172(color/font/shadow from .intro_text h1) + the absolute centering and
2173vw-based vertical anchor used by .gen_2_page_title, which tracks the
2174full-bleed hero's center at every viewport width. Leaves real search pages
2175untouched. */
2176/* The intro MOD's container is capped at 1240px and pinned to the viewport's
2177left edge (max-width:1240 above), so the title — centered WITHIN that box —
2178landed left of the full-bleed hero's center. The box holds no flow content
2179on Events (the title is absolute, intro text is empty), so stretch it to the
2180full viewport width; the h1 below then centers across the whole hero. */
2181body[data-url='our-events'].temp_search_page .mod_text_page_intro {
2182max-width: 100vw !important;
2183width: 100% !important;
2184margin: 0 !important;
2185left: 0 !important;
2186right: 0 !important;
2187}
2188body[data-url='our-events'].temp_search_page .mod_text_page_intro h1 {
2189color: rgba( 255, 255, 255, .8 ) !important;
2190font-family: "myriad-pro", sans-serif !important;

2191font-weight: 700 !important;
2192text-shadow: 0 4px 5px rgba( 0, 0, 0, .25 ) !important;
2193text-transform: none !important;
2194z-index: 1;
2195position: absolute !important;
2196left: 0 !important;
2197right: 0 !important;
2198width: 100% !important;
2199max-width: 1240px !important;
2200margin: 0 auto !important;
2201text-align: center !important;
2202font-size: clamp( 3rem, 6.5vw, 75px ) !important;
2203line-height: 1.02 !important;
2204text-wrap: balance !important;
2205top: -24.35vw !important;
2206transform: translateY( -50% ) !important;
2207}
2208/* Subtitle: turquoise Great Vibes cursive, left-aligned, sitting above the intro text */
2209body:not([data-url='homepage']) .intro_text .gen_2_page_subtitle {
2210color: #2bb8b8 !important;
2211font-family: "Great Vibes", cursive !important;
2212font-size: 3rem !important;
2213font-weight: 400 !important;
2214line-height: 1 !important;
2215/* Breathing room on both sides: the cursive subtitle was pinched between the
2216header photo above (only 1.5rem) and the first section's divider rule below
2217(0). Give it a clear gap from the photo and real separation before the rule. */
2218margin: 2.5rem auto 1.75rem auto !important;
2219max-width: 1240px !important;
2220padding: 0 2rem !important;
2221position: static !important;
2222text-align: left !important;
2223width: 100% !important;
2224}
2225/* Intro text: drop the tall overlay gap (was 120px) and left-align it, but keep
2226a comfortable breathing space below the header photo. */
2227body:not([data-url='homepage']) .intro_text .actual_intro_text {
2228padding: 3rem 2rem 2rem 2rem !important;
2229text-align: left !important;
2230}
2231/* When a cursive subtitle precedes the intro text, it already supplies the gap
2232below the header (2.5rem top margin), so collapse the intro's own top padding
2233to avoid doubling the space. (Title h1 is absolutely positioned / out of flow,
2234so the subtitle is the real preceding sibling here.) */
2235body:not([data-url='homepage']) .intro_text .gen_2_page_subtitle ~ .actual_intro_text {
2236padding-top: 0.5rem !important;
2237}
2238/* ������������������������������������������������������������������������
2239PASTED-CONTENT GUARDRAILS (WordPress / foreign markup)
2240������������������������������������������������������������������������
2241Most body copy here is cut-and-pasted from other sites (WordPress / WPBakery
2242"wpb_*" / Mikado "mkdf-*"), arriving with inline widths, background colors and
2243font-family declarations plus foreign theme classes. The editor's
2244GeneralHtmlSupport keeps ALL of it, so a single pasted `width:950px` can drag
2245the whole document wider than a phone screen — which stretches the fixed nav and
2246slides the hamburger/social off-screen — while stray backgrounds/fonts clash with
2247the design. We normalize that here, at render time, so it also repairs content
2248already saved in the DB (no re-paste needed).
2249Scope = the rich-text BODIES only, never whole .page_section: a blanket clamp
2250across a section would also pin the carousel mods' intentionally-wide slide
2251tracks and break them. Our own design never puts inline style="" on body copy,
2252so keying the color/font resets off [style] is safe — they can only ever match
2253pasted markup, not our class-based styling. ── see memory: navajo paste guardrails */
2254/* (1) Containment: no descendant may exceed its column. Plain max-width (no
2255!important) still beats a non-important inline width:Npx. */
2256body .navajo-tab-text *,
2257body .navajo-column-text *,
2258body .navajo-card-blurb *,

2259body .data-pages-intro-text *,
2260body .actual_intro_text * {
2261max-width: 100%;
2262}
2263/* Break long unbroken strings (pasted URLs) rather than letting them overflow. */
2264body .navajo-tab-text,
2265body .navajo-column-text,
2266body .navajo-card-blurb,
2267body .data-pages-intro-text,
2268body .actual_intro_text {
2269overflow-wrap: break-word;
2270}
2271/* (2) Scrollable fallback for anything still too wide (e.g. a fixed-layout table):
2272it scrolls inside its own box instead of widening the page. SECTION bodies only —
2273NOT the intro body, whose overlay <h1> title is absolutely positioned far above it
2274(top:-24.35vw) and would be clipped by an overflow context here. */
2275body .navajo-tab-text,
2276body .navajo-column-text,
2277body .navajo-card-blurb {
2278overflow-x: auto;
2279}
2280/* (3) Strip inline background colors/images carried over from the source site.
2281EXCEPT anchors: the Insert Button RTE plugin (rte_button_plugin.js) emits an
2282<a> with an intentional inline background (e.g. the navajo preset's white->orange
2283fill-on-hover). Without :not(a) this rule would force that button transparent and
2284defeat its hover JS (inline JS can't beat a stylesheet !important), leaving a
2285"white button that turns white on hover". Pasted backgrounds live on div/span,
2286not links, so exempting anchors is safe. */
2287body .navajo-tab-text [style*="background"]:not(a),
2288body .navajo-column-text [style*="background"]:not(a),
2289body .navajo-card-blurb [style*="background"]:not(a),
2290body .data-pages-intro-text [style*="background"]:not(a),
2291body .actual_intro_text [style*="background"]:not(a) {
2292background-color: transparent !important;
2293background-image: none !important;
2294}
2295/* (4) Drop inline font-family so pasted text matches our typography. */
2296body .navajo-tab-text [style*="font-family"],
2297body .navajo-column-text [style*="font-family"],
2298body .navajo-card-blurb [style*="font-family"],
2299body .data-pages-intro-text [style*="font-family"],
2300body .actual_intro_text [style*="font-family"] {
2301font-family: inherit !important;
2302}
2303/* (5) Manual entry separator for long mixed text+image fields.
2304In a single rich-text field holding many stacked entries (heading + copy +
2305a float:right "image-style-side" photo + button), a tall image bleeds past
2306its own entry and overruns the next one's heading/text. Drop this between
2307entries in the editor (Insert HTML / source view):
2308<div class="raw-html-embed"><hr></div>
2309CKEditor's HtmlEmbed wraps raw HTML in .raw-html-embed; clear:both forces the
2310rule (and everything after it) BELOW any floated image above, so each entry's
2311image is walled into its own entry and can never extend past the line. The top
2312margin makes the image stop a bit short of the rule rather than touching it. */
2313body .navajo-tab-text .raw-html-embed,
2314body .navajo-column-text .raw-html-embed,
2315body .navajo-card-blurb .raw-html-embed,
2316body .data-pages-intro-text .raw-html-embed,
2317body .actual_intro_text .raw-html-embed {
2318clear: both;
2319margin: 1rem 0;
2320}
2321body .raw-html-embed hr {
2322border: 0;
2323border-top: 1px solid #cccccc;
2324margin: 0;
2325}
2326/* (6) Lists in rich-text bodies. The CKEditor content stylesheet styles .page_section
2327descendants (see the figure note above) and leaves ul/ol/li sized larger than our
232824px body copy, with no bullets/indent. Normalize them to match paragraph text and
2329restore standard markers + indentation. Scoped to the rich-text bodies only. */
2330body .navajo-tab-text ul,
2331body .navajo-column-text ul,
2332body .navajo-card-blurb ul,
2333body .data-pages-intro-text ul,
2334body .actual_intro_text ul {
2335list-style: disc outside;
2336margin: 1rem 0;
2337padding-left: 2rem;
2338}
2339body .navajo-tab-text ol,
2340body .navajo-column-text ol,
2341body .navajo-card-blurb ol,
2342body .data-pages-intro-text ol,
2343body .actual_intro_text ol {
2344list-style: decimal outside;
2345margin: 1rem 0;
2346padding-left: 2rem;
2347}
2348body .navajo-tab-text li,
2349body .navajo-column-text li,
2350body .navajo-card-blurb li,
2351body .data-pages-intro-text li,
2352body .actual_intro_text li {
2353font-size: inherit;
2354line-height: 1.6;
2355margin: .25rem 0;
2356}
2357/* ── Overview page promo grid (flexigrid style 7) ──
2358Style 7 is a plain uniform grid with no special box spans, so override the
2359stretched 4×1fr columns with fixed 300×280 tiles. auto-fit + center lets them

2360reflow on narrower viewports without leaving the layout lopsided. */
2361body[data-url='overview'] .mod_grids_flexible_7.count_12 .wrapper {
2362grid-template-columns: repeat( auto-fit, 300px ) !important;
2363justify-content: center;
2364}
2365body[data-url='overview'] .mod_grids_flexible_7.count_12 .promo {
2366height: 280px !important;
2367min-height: 280px !important;
2368width: 300px;
2369/* Hover affordance: these tiles are links, so lift + shadow on hover (and a
2370subtle background zoom) make that obvious. */
2371overflow: hidden;
2372transition: transform 0.25s ease, box-shadow 0.25s ease, background-size 0.4s ease;
2373}
2374body[data-url='overview'] .mod_grids_flexible_7.count_12 .promo:hover {
2375background-size: 110%;
2376box-shadow: 0 10px 24px rgba( 0, 0, 0, 0.28 );
2377transform: translateY( -4px );
2378}
2379/* TODO: revisit the promo TITLE text on these tiles (.promo .text_row) — we may
2380want to restyle it (size/weight/position/overlay) later to better match the
2381design. Left as-is for now. */
2382/* Sections (incl. tabs/grid) share the same centered 1240px column + vertical spacing,
2383so buttons and section content line up with the subtitle and intro text. A thin grey
2384rule separates each section (matches the source site). */
2385body:not([data-url='homepage']) .page_section {
2386border-top: 1px solid #cccccc !important;
2387margin: 0 auto !important;
2388max-width: 1240px !important;
2389padding: 2.5rem 2rem !important;
2390width: 100% !important;
2391}
2392/* A section that follows a title-only "heading" section (tabs.cfm / grid.cfm add
2393.navajo-grouped) drops the separator + top gap so the heading hugs it as one unit. */
2394body:not([data-url='homepage']) .page_section.navajo-grouped {
2395border-top: none !important;
2396padding-top: 0 !important;
2397}
2398/* The separator above is meant to divide sections FROM EACH OTHER, but the first
2399section (data-section='1') would also draw a line directly under the intro text —
2400reading as a stray <hr> between the intro and the page's first/only section (e.g.
2401/vehicle-jeep-tours/). A separator shouldn't sit above the topmost section, so drop
2402the border there. Sections 2+ keep their dividers. (charlie_2026 sequential.cfm tags
2403each section data-section="i"; the homepage is already excluded by :not above.) */
2404body:not([data-url='homepage']) .page_section[data-section='1'] {
2405border-top: none !important;
2406}
2407/* ������������������������������������������������������������������������
2408VISITORS GUIDE (page id 27671) — consent checkbox alignment
2409������������������������������������������������������������������������
2410This page renders via the LEGACY partner template (body._temps_partner_page)
2411with an attached "auto_form" (mods/forms/form_builder), NOT the e4 fbv2
2412builder. The Consent field is one checkbox + a long agreement label, both
2413inline-block inside a ~320px .checkboxes box — so the checkbox lands alone
2414on line 1 and the whole paragraph wraps to line 2 beneath it. Flex them onto
2415one row so the agreement text sits right beside the checkbox.
2416Gated on body[data-id='27671'] (the page id; body carries
2417data-id="request.json.core.id" — see _html.start.charlie_2026.cfm — stable
2418across URL/slug changes). This page has only the one checkbox field, so
2419multi-option checkbox groups on other pages/partners are untouched. */
2420body[data-id='27671'] .form_builder .checkboxes {
2421align-items: flex-start;
2422display: flex;
2423gap: 0.5rem;
2424}
2425body[data-id='27671'] .form_builder .checkboxes input[type="checkbox"] {
2426flex: 0 0 auto;
2427margin-top: 0.3rem;
2428width: auto;
2429}
2430body[data-id='27671'] .form_builder .checkboxes label {
2431flex: 1 1 auto;
2432width: auto;
2433}
2434/* Consent is authored as a HALF-width field (.form_row "10", no .full_row), so
2435automatic_form_builder.cfm's `.form_row > * { width:50% }` pins it to ~252px and
2436the agreement text wraps into a tall narrow block. Promote the row that holds the
2437checkbox to full width so the text flows wide like the inputs above it. */
2438body[data-id='27671'] .auto_form .form_row:has( .checkboxes ) > *,
2439body[data-id='27671'] .auto_form .form_row:has( .checkboxes ) fieldset,
2440body[data-id='27671'] .auto_form .form_row:has( .checkboxes ) .checkboxes {
2441width: 100%;
2442}
2443/* The content image was authored as a 2-column section with the guide cover in the
2444first column and the SECOND COLUMN EMPTY, so the cover only fills half the left
2445column. Collapse the section to a single column so the image fills the column and
2446reads larger. */
2447body[data-id='27671'] .first_half .navajo-columns {
2448display: block;
2449}
2450body[data-id='27671'] .first_half .navajo-column,
2451body[data-id='27671'] .first_half figure.image,
2452body[data-id='27671'] .first_half figure.image img {
2453width: 100%;
2454}
2455/* ────────────────────────────────────────────────────────────────────────
2456VISITORS GUIDE (page id 27671) — image-left / form-right two columns
2457────────────────────────────────────────────────────────────────────────
2458On this page the auto_form is buffered and rendered as a .visitors-guide-form-col
2459inside the .flexer (see temps/partner/page.cfm, gated on request.json.core.id
2460eq 27671). Here we just flex that flexer into columns: .first_half (the content
2461image) on the left, the form on the right. The empty promos sidebar is hidden so
2462it doesn't claim a middle column. Stacks back to one column below 900px. */
2463@media (min-width: 900px) {
2464body[data-id='27671'] .flexer.cappable {
2465align-items: flex-start;
2466display: flex;
2467flex-direction: row;
2468gap: 2.5rem;
2469margin: 0 auto;
2470max-width: 1240px;
2471padding: 0 2rem;
2472}
2473body[data-id='27671'] .flexer.cappable .first_half {
2474flex: 1 1 0;
2475min-width: 0;
2476}
2477body[data-id='27671'] .flexer.cappable .visitors-guide-form-col {
2478flex: 1 1 0;
2479min-width: 0;
2480}
2481body[data-id='27671'] .flexer.cappable .promos_col.target_sidebar {
2482display: none;
2483}
2484}
2485body .gm-style-iw-d {
2486padding: 0 12px;
2487overflow: hidden !important;
2488}
2489body .gm-style .gm-style-iw-c {
2490padding: 30px 0 !important;
2491}
2492body .gm-style-iw-d > div > .marker_tile img {
2493margin-bottom: 1rem;
2494}
2495body .gm-style-iw-d > div > .marker_tile a {
2496font-size: 22px !important;
2497}
2498body[data-url="homepage"] .mod_divisors_section_title .buttons i {
2499color: #e4bd00;
2500}
2501body[data-url="homepage"] .mod_carousels_slick_robust_captions .slider {
2502padding: 0 !important;
2503}
2504body[data-url="homepage"] .mod_carousels_slick_robust_captions .cslick-prev i,
2505body[data-url="homepage"] .mod_carousels_slick_robust_captions .cslick-next i {
2506/* display: none !important;*/
2507color: #fff;
2508font-size: 84px;
2509opacity: .9;
2510}
2511body[data-url="homepage"] .mod_carousels_slick_robust_captions .cslick-prev {

2512padding-left: 1.5rem;
2513}
2514body[data-url="homepage"] .mod_carousels_slick_robust_captions .cslick-next {
2515padding-right: 1.5rem;
2516}
2517body .mod_carousels_slick_robust_captions .tile {
2518background-color: transparent;
2519background-image: none;
2520box-shadow: none;
2521height: 530px;
2522height: auto !important;
2523}
2524body .mod_carousels_slick_robust_captions .tile .caption {
2525background-color: transparent;
2526padding: .5rem 0;
2527position: relative;
2528}
2529body .mod_carousels_slick_robust_captions .tile .caption button {
2530display: none;
2531}
2532body .mod_carousels_slick_robust_captions .tile .category {
2533background-color: #333;
2534color: #fff;
2535display: inline-block;
2536font-size: 17px;
2537margin: .25rem 0;
2538padding: .15rem .5rem;
2539}
2540body .mod_carousels_slick_robust_captions .tile .caption_title {
2541color: #000;
2542font-family: "myriad-pro", sans-serif;
2543font-size: 26px;
2544font-weight: 700;
2545line-height: 1.1;
2546margin: .5rem 0;
2547text-transform: uppercase;
2548}
2549body .mod_carousels_slick_robust_captions .tile .caption_body {
2550color: #111;
2551font-family: "myriad-pro", sans-serif;
2552font-size: 20px;
2553}
2554body .search_form button {
2555background-color: #ce3526;
2556}
2557/* ── Event result tiles (events page grid: .mod_search .results.style_2) ──────
2558Canyon (navajo's parent) shipped a 300px full-bleed image card with white
2559text overlaid and the REAL photo hidden (display:none) because it pushed the
2560background onto .middle_column. The current shared event-tile template
2561(mods/search/results/include.result.tile.event.vue.cfm) instead paints the
2562photo on .img.zowzo and leaves .middle_column transparent — so the canyon
2563rules were hiding the image entirely. Rebuilt as a clean white card: photo
2564banner on top, a corner date badge, category chip + title below.
2565Brand: orange #ff681a accents, Raleway, hairline border, hover lift.
2566Tile WIDTH is left to the existing flex-basis rules in the media queries
2567below (~lines 2708 / 2712 / 2777); this block only governs the card itself. */
2568body .results.style_2 .result {
2569background: #fff;
2570border: 1px solid #e6e6e6 !important;
2571border-radius: 10px !important;
2572height: auto;
2573justify-content: flex-start;
2574overflow: hidden;
2575padding: 0 !important;
2576position: relative;
2577transition: box-shadow 160ms, transform 160ms;
2578}
2579body .results.style_2 .result:hover {
2580box-shadow: 0 8px 22px rgba( 0, 0, 0, .12 );
2581transform: translateY( -3px );
2582}
2583body .results.style_2 .result *:not(i) {
2584font-family: Raleway, sans-serif !important;
2585}
2586/* Photo banner — re-show the .img the canyon rule hid. The background-image
2587(real photo OR the missing-media fallback) is set inline by the template. */
2588body .results.style_2 .result .img {
2589align-self: stretch !important;
2590background-position: center !important;
2591background-repeat: no-repeat !important;
2592background-size: cover !important;
2593display: block !important;
2594height: 190px;
2595min-height: 190px !important;
2596width: 100%;
2597}
2598/* Missing-media fallback: the template swaps the background to the WHITE
2599transparent Navajo logo and tags the tile .no_event_image. Render it as a
2600TURQUOISE brand block with the logo contained + centered. Turquoise (not the
2601header's orange) so the placeholder doesn't double up with the orange date
2602badge that sits on the same tile. (Higher specificity + !important beats the
2603cover rule above.) */
2604body .results.style_2 .result .img.no_event_image {
2605background-color: #2bb8b8 !important;
2606background-position: center !important;
2607background-repeat: no-repeat !important;
2608background-size: auto 48% !important;
2609}
2610/* Text column sits below the photo (no longer an overlay). */
2611body .results.style_2 .result .middle_column {
2612align-self: stretch !important;
2613background: none !important;
2614justify-content: flex-start;
2615padding: 1rem 1.1rem 1.2rem !important;
2616}
2617body .results.style_2 .result .spot_1.title {
2618color: #1c1c1c !important;
2619font-size: 1.25rem !important;
2620font-weight: 700 !important;
2621line-height: 1.2;
2622text-shadow: none !important;
2623}
2624body .results.style_2 .result:hover .spot_1.title {
2625color: #ff681a !important;
2626}
2627/* ── Event-tile meta under the title ──────────────────────────────────
2628Mirror the original site: rely on WEIGHT + PLACEMENT, not icons. Stack
2629the secondary fields in one column beneath the title — the venue/location
2630(spot_2) reads as a bold, dark line directly under the title; the phone
2631and any other details (spot_3/4/5) sit below it in a lighter, muted
2632weight. display:contents on .left_half lifts the title + .contact(phone)
2633into the same column so we can order them title → location → phone.
2634Everything is centered so a tile with only ONE populated field doesn't