.elementor-kit-4{--e-global-color-primary:#1F4D57;--e-global-color-secondary:#E3D1BF;--e-global-color-text:#171717;--e-global-color-accent:#8C7040;--e-global-color-cc8c3d0:#F8F2EB;--e-global-color-216630e:#FFFFFF;--e-global-typography-primary-font-family:"Lyon";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Whitney";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Whitney", Sans-serif;font-weight:500;line-height:1.75;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Whitney", Sans-serif;font-weight:500;color:var( --e-global-color-216630e );border-radius:4px 4px 4px 4px;padding:12px 16px 12px 16px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-216630e );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 p{margin-block-end:0px;}.elementor-kit-4 a{color:var( --e-global-color-accent );}.elementor-kit-4 a:hover{color:var( --e-global-color-primary );}.elementor-kit-4 h1{color:var( --e-global-color-primary );font-family:"Lyon Display", Sans-serif;font-size:42px;font-weight:300;line-height:120%;}.elementor-kit-4 h2{color:var( --e-global-color-primary );font-family:"Lyon Display", Sans-serif;font-size:38px;font-weight:300;line-height:120%;}.elementor-kit-4 h3{color:var( --e-global-color-primary );font-family:"Lyon Display", Sans-serif;font-size:26px;font-weight:300;line-height:120%;}.elementor-kit-4 h4{color:var( --e-global-color-primary );font-family:"Lyon Display", Sans-serif;font-size:20px;font-weight:300;line-height:120%;}.elementor-kit-4 h5{color:var( --e-global-color-primary );font-family:"Lyon Display", Sans-serif;font-size:20px;font-weight:300;line-height:120%;}.elementor-kit-4 h6{line-height:120%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:96px;--container-default-padding-right:4vw;--container-default-padding-bottom:96px;--container-default-padding-left:4vw;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-navigation ul.menu li a{color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-kit-4 h3{font-size:26px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:92vw;}.e-con{--container-max-width:92vw;--container-default-padding-top:64px;--container-default-padding-right:4vw;--container-default-padding-bottom:64px;--container-default-padding-left:4vw;}}@media(max-width:767px){.elementor-kit-4 h3{line-height:2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:86vw;}.e-con{--container-max-width:86vw;--container-default-padding-top:64px;--container-default-padding-right:4vw;--container-default-padding-bottom:64px;--container-default-padding-left:4vw;}}/* Start custom CSS *//* Spacing */ :is(p, ul, ol, h2, h3) + :is(p, ul, ol, h2, h3) { /* only when one of these follows another */ margin-block-start: 1em; } /* Spacing */ :is(p, ul, ol, h2, h3, blockquote) + :is(h2) { /* only when one of these follows another */ margin-block-start: 2em; } /* General */ .elementor-button.p0, .p0 p { padding: 0 !important; } .is-hidden { display:none; } @media (max-width: 767px) { .is-hidden-mobile { display: none; } } /* Contact Form */ /* Success check mark coloring to Avoa green */ .elementor-message-svg:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDExIj48cGF0aCBmaWxsPSIjMDA4QTIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTUgMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); /* same SVG but with fill="none" */ -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDExIj48cGF0aCBmaWxsPSIjMDA4QTIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTUgMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+); mask-repeat: no-repeat; mask-position: center; mask-size: contain; background-color: #004E58; background-image: none !important; content: ""; height: 1em; width: 1em; } /**************/ /* Navigation */ /**************/ nav ul li.elementor-button { margin-left: 20px; margin-right: 20px; } nav ul li.elementor-button:last-child { margin-right: 0px; } /* make the nav background transparent for tablet and desktop */ @media (min-width: 768px) { .elementor-176 .elementor-element.elementor-element-f06d519:not(.elementor-motion-effects-element-type-background), .elementor-176 .elementor-element.elementor-element-f06d519 > .elementor-motion-effects-container > .elementor-motion-effects-layer { background-color: transparent !important; } } /* MOBILE ONLY: kill the initial flash and keep the scroll fade */ @media (max-width: 767px) { /* 1) Before Elementor sticky initializes: lock the header transparent with high specificity */ html:not(.dom-ready) #site-header, html:not(.dom-ready) #site-header > .elementor-container, html:not(.dom-ready) #site-header > .e-con { background-color: transparent !important; } /* 2) Also disable transitions until DOM is ready, so nothing "fades in" on load */ html:not(.dom-ready) #site-header, html:not(.dom-ready) #site-header * { transition: none !important; } /* 3) After DOM is ready, allow smooth transitions */ html.dom-ready #site-header, html.dom-ready #site-header * { transition: background-color 300ms ease; } /* 4) Sticky state: apply your green only when sticky classes are present */ #site-header.elementor-sticky--effects, #site-header.elementor-sticky--active, #site-header.elementor-sticky--effects > .elementor-container, #site-header.elementor-sticky--active > .elementor-container, #site-header.elementor-sticky--effects > .e-con, #site-header.elementor-sticky--active > .e-con { background-color: #1e5f3a !important; /* your green */ } /* 5) Default (non-sticky) state stays transparent */ #site-header, #site-header > .elementor-container, #site-header > .e-con { background-color: transparent !important; } } /* Unsticky the nav when transitioning from mobile to dekstop */ @media (min-width: 768px) { .elementor-element-f06d519.elementor-sticky--active, .elementor-element-7ef2aa4.elementor-sticky--active { position: absolute !important; } } /* Blockquote */ blockquote.wp-block-quote { position: relative; padding-left: 2rem; margin: clamp(32px, 8vw, 80px); border: clamp(2rem, 5vw, 4rem) solid var(--e-global-color-cc8c3d0); font-size: larger; font-family: 'Lyon Display'; font-style: italic; background-color: var(--e-global-color-cc8c3d0); } @media (max-width: 767px) { blockquote.wp-block-quote { margin: 32px 0; border: 2rem solid var(--e-global-color-cc8c3d0); } } blockquote.wp-block-quote::before { content: '"'; display: block; float: left; position: absolute; left: 0; font-size: 3rem; line-height: 1; top: 0; font-family: cursive; color: var(--e-global-color-primary); } /* Blog */ /* When hovering the thumbnail, style the title link */ .elementor-post__thumbnail__link:hover ~ .elementor-post__text .elementor-post__title a { color: var(--e-global-color-primary); } /* ─── variables for easy theming ─────────────────────────────── */ :root{ --dd-bg : #fff; --dd-border : #8C7040; --dd-radius : 0; --dd-shadow : 0 2px 6px rgba(0,0,0,.1); --dd-width : 100%; /* fixed width → no wrap */ --dd-padding : .5rem .75rem; --dd-font : 14px/1.15 "Whitney", sans-serif; --dd-gray-700 : #171717; --dd-accent : #8C7040; } /* ─── root container ─────────────────────────────────────────── */ .dropdown{ position: relative; width : var(--dd-width); font : var(--dd-font); user-select: none; } /* ─── toggle button (closed state) ───────────────────────────── */ .dropdown__toggle{ all: unset; box-sizing: border-box; width : 100%; background-color: var(--dd-bg) !important; border: 0; border-radius: 0; padding: 4px !important; display: flex; flex-direction: column; justify-content: space-between; align-items: center; cursor: pointer; white-space: wrap; overflow: hidden; text-overflow: ellipsis; text-align: center } .dropdown__label { color: var(--e-global-color-text); } .dropdown__toggle:focus-visible{ outline: 2px solid var(--dd-accent); outline-offset: 2px; } /* down-arrow glyph */ .dropdown__arrow{ color: var(--e-global-color-text); margin-top: 4px; } /* ─── menu list ──────────────────────────────────────────────── */ .dropdown__menu{ position: absolute; z-index : 50; top: 100%; left: 0; width: 100%; margin: .25rem 0 0; padding: 0; background: var(--dd-bg); border: 1px solid var(--dd-border); border-radius: var(--dd-radius); box-shadow: var(--dd-shadow); display: none; /* hidden by default */ max-height: 200px; overflow-y: auto; } .dropdown__menu.is-open{ display:block; } /* menu options */ .dropdown__option{ padding: .5rem .75rem; cursor: pointer; white-space: normal; overflow: hidden; text-overflow: ellipsis; color: var(--dd-gray-700); } .dropdown__option:hover, .dropdown__option[aria-selected="true"]{ background: var(--dd-accent); color: #fff; } .is-selected::after{ /* ✓ on the chosen item */ /* content: '✓'; float: right; */ }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Whitney'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://www.avoahealth.com/wp-content/uploads/2025/06/Whitney-Light-Pro.woff2') format('woff2'), url('https://www.avoahealth.com/wp-content/uploads/2025/06/Whitney-Light-Pro.woff') format('woff'); } @font-face { font-family: 'Whitney'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://www.avoahealth.com/wp-content/uploads/2025/06/Whitney-Book-Pro_2.woff2') format('woff2'), url('https://www.avoahealth.com/wp-content/uploads/2025/06/Whitney-Book-Pro_2.woff') format('woff'); } @font-face { font-family: 'Whitney'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://www.avoahealth.com/wp-content/uploads/2025/06/Whitney-Medium.woff2') format('woff2'), url('https://www.avoahealth.com/wp-content/uploads/2025/06/Whitney-Medium.woff') format('woff'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Lyon Display'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://www.avoahealth.com/wp-content/uploads/2025/06/LyonDisplay-Light-Web.woff2') format('woff2'), url('https://www.avoahealth.com/wp-content/uploads/2025/06/LyonDisplay-Light-Web.woff') format('woff'); } @font-face { font-family: 'Lyon Display'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://www.avoahealth.com/wp-content/uploads/2025/06/LyonDisplay-Regular.woff') format('woff'); } /* End Custom Fonts CSS */