/* ======================================== LOAD DAL BRAND FALLBACK FONTS Gotham ? Montserrat Futura Light ? Jost ======================================== */@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300&family=Montserrat:wght@400;700&display=swap');/* ======================================== DAL TYPOGRAPHY SYSTEM ======================================== *//* ---------------------------------------- BODY Gotham Book ? Montserrat Regular 16–18px / 1.65 / Sentence Case ---------------------------------------- */body,p,li,input,textarea,select{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif !important;}body,.wpb_text_column,.wpb_text_column p{font-size:16px;line-height:1.65;font-weight:400;letter-spacing:0;text-transform:none;}/* ---------------------------------------- DISPLAY HEADINGS Gotham Bold ? Montserrat Bold 48–64px / ALL CAPS / Tracking 0 Use:dal-display-heading ---------------------------------------- */.dal-display-heading,.dal-display-heading .vcex-heading-inner{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif !important;font-size:clamp(48px,5vw,64px) !important;font-weight:700 !important;line-height:1.1;letter-spacing:0;text-transform:uppercase;}/* ---------------------------------------- SECTION HEADINGS Gotham Bold ? Montserrat Bold 22–28px / ALL CAPS / Tracking +20 ---------------------------------------- */.vcex-heading,.dal-section-heading,.dal-section-heading .vcex-heading-inner{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif !important;font-size:clamp(22px,2vw,28px);font-weight:700 !important;line-height:1.2;letter-spacing:0.02em;text-transform:uppercase;}/* ---------------------------------------- SUB / KICKER Futura Light ? Jost Light 14–19px / ALL CAPS / Tracking +300 Use:dal-kicker ---------------------------------------- */.dal-kicker,.dal-kicker .vcex-heading-inner{font-family:"Jost","Century Gothic",sans-serif !important;font-size:clamp(14px,1.4vw,19px);font-weight:300 !important;line-height:1.4;letter-spacing:0.3em;text-transform:uppercase;}/* ---------------------------------------- LABEL / CAPTION Futura Light ? Jost Light 10–12px / ALL CAPS / Tracking +200 Use:dal-label or dal-caption ---------------------------------------- */.dal-label,.dal-caption{font-family:"Jost","Century Gothic",sans-serif !important;font-size:clamp(10px,1vw,12px);font-weight:300 !important;line-height:1.4;letter-spacing:0.2em;text-transform:uppercase;}/* ---------------------------------------- BUTTONS ---------------------------------------- */.theme-button,.vcex-button,.vcex-multi-buttons >a{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif !important;font-weight:700;text-transform:uppercase;}/* ---------------------------------------- MAIN NAVIGATION ---------------------------------------- */#site-navigation,#site-navigation a,#site-navigation .link-inner{font-family:"Montserrat","Helvetica Neue",Arial,sans-serif !important;}/* ---------------------------------------- MOBILE ---------------------------------------- */@media (max-width:767px){.dal-display-heading,.dal-display-heading .vcex-heading-inner{font-size:clamp(36px,10vw,48px) !important;}.vcex-heading,.dal-section-heading,.dal-section-heading .vcex-heading-inner{font-size:clamp(22px,7vw,26px);}body,.wpb_text_column,.wpb_text_column p{font-size:16px;line-height:1.65;}}/* ======================================== DAL BRAND COLOR ROLES ======================================== */:root{--dal-seafoam:#46BAA4;--dal-signal-teal:#1B9792;--dal-deep-teal:#028187;--dal-ink:#2A3132;--dal-graphite:#424242;--dal-paper:#FFFFFF;--dal-livemix-blue:#3B93D1;--dal-interface-cyan:#00A7E5;}/* BODY TEXT Brand guide:Ink #2A3132 */body,p,.wpb_text_column,.entry-content{color:var(--dal-ink);}/* HEADINGS Parent-brand headings use Ink */h1,h2,h3,h4,h5,h6,.vcex-heading{color:var(--dal-ink);}/* TEXT LINKS Brand guide:Interface Cyan */.entry-content p a:not(.theme-button),.wpb_text_column p a:not(.theme-button){color:var(--dal-interface-cyan);}.entry-content p a:not(.theme-button):hover,.wpb_text_column p a:not(.theme-button):hover{color:var(--dal-deep-teal);}/* ACCESSIBLE FOCUS STATE */a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--dal-interface-cyan);outline-offset:3px;}/* DARK SECTIONS Add "dal-dark-section" as WPBakery Extra Class */.dal-dark-section{background-color:var(--dal-ink) !important;color:var(--dal-paper);}.dal-dark-section h1,.dal-dark-section h2,.dal-dark-section h3,.dal-dark-section h4,.dal-dark-section h5,.dal-dark-section h6,.dal-dark-section p{color:var(--dal-paper);}/* LIVEMIX PRO BRANDING ONLY */.dal-livemix-brand{color:var(--dal-livemix-blue) !important;}.dal-livemix-bg{background-color:var(--dal-livemix-blue) !important;}/* WORDMARK ON LIGHT BACKGROUND */.dal-wordmark-light{color:var(--dal-graphite) !important;}/* WHITE / REVERSE ELEMENTS */.dal-reverse,.dal-reverse a{color:var(--dal-paper) !important;}/* Make buttons a little smaller */:root{--wpex-btn-font-size:13px;}/* Add border to header when overlay is enabled */body.has-overlay-header #site-header.dyn-styles #site-header-inner{border-bottom:1px solid rgba(255,255,255,.4);}/* Add offset for mobile menu to hide the overlay header border */body.has-overlay-header .mobile-toggle-nav.wpex-togglep-absolute{margin-top:-1px;}/* Footer links color */#footer-builder{--wpex-link-color:#fff;--wpex-hover-link-color:#fff;}/* Tweak shop and archives button size */.entries .theme-button,.woocommerce .button,.woocommerce .added_to_cart{font-size:12px;}/* Product entry price size */.products .product .price{font-size:18px;}/* Product entry price weight */.products .product .price,.woocommerce .product .summary .price{font-weight:700;}/* Tweak related cards style */.bryce-related-posts .wpex-card-blog_7 .wpex-card-footer{display:none;}/* Add a little extra spacing before footer on some pages */body.page-id-25 #footer-builder,body.page:not(.has-composer) #footer-builder,body.single-product #footer-builder,body.woocommerce-page #footer-builder{margin-top:50px;}/* Some tweaks for small devices */@media only screen and (max-width:600px){.wpex-card-blog_10 .wpex-card-title.wpex-text-4xl{font-size:1.5em;}}/* ======================================== DAL BRAND SYSTEM ======================================== */:root{/* Parent Brand */--dal-seafoam:#46BAA4;--dal-signal-teal:#1B9792;--dal-deep-teal:#028187;/* Neutrals */--dal-ink:#2A3132;--dal-graphite:#424242;--dal-paper:#FFFFFF;/* Product / Interface */--dal-livemix-blue:#3B93D1;--dal-interface-cyan:#00A7E5;/* Primary CTA */--dal-gradient:linear-gradient( 180deg,var(--dal-seafoam) 0%,var(--dal-signal-teal) 50%,var(--dal-deep-teal) 100% );/* Horizontal decorative gradient */--dal-gradient-horizontal:linear-gradient( 90deg,var(--dal-seafoam) 0%,var(--dal-signal-teal) 50%,var(--dal-deep-teal) 100% );/* Spacing */--dal-space-40:40px;--dal-space-72:72px;--dal-space-120:120px;}/* ======================================== DAL RESPONSIVE SPACING ======================================== */@media (max-width:767px){:root{--dal-space-40:24px;--dal-space-72:48px;--dal-space-120:72px;}}/* ======================================== DAL HOMEPAGE MOBILE SPACING ======================================== */@media only screen and (max-width:767px){body.home .vc_row.vc_custom_1788187259429{padding-top:var(--dal-space-120) !important;padding-bottom:var(--dal-space-40) !important;}body.home .vc_row.vc_custom_1788187284518{padding-top:var(--dal-space-120) !important;padding-bottom:var(--dal-space-120) !important;}body.home .vc_row.vc_custom_1788187309822{padding-top:var(--dal-space-120) !important;padding-bottom:var(--dal-space-120) !important;}}/* ======================================== DAL GLOBAL BUTTON GRADIENT ======================================== */a.theme-button,a.theme-button.flat,a.vcex-button.theme-button,.vcex-multi-buttons >a.theme-button{background-color:transparent !important;background-image:var(--dal-gradient) !important;color:var(--dal-paper) !important;border:none !important;transition:transform 0.45s cubic-bezier(0.22,1,0.36,1),box-shadow 0.45s ease,filter 0.45s ease !important;}/* Button hover */a.theme-button:hover,a.theme-button.flat:hover,a.vcex-button.theme-button:hover,.vcex-multi-buttons >a.theme-button:hover{background-color:transparent !important;background-image:var(--dal-gradient) !important;color:var(--dal-paper) !important;transform:translateY(-2px);box-shadow:0 6px 14px rgba(2,129,135,0.25);filter:brightness(1.08);}/* Button click */a.theme-button:active,a.theme-button.flat:active,.vcex-multi-buttons >a.theme-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(2,129,135,0.20);}/* ======================================== DAL — WPBAKERY READ MORE BUTTONS Target VCExt buttons rendered as spans ======================================== */span.vcex-button.theme-button.inline{background-color:transparent !important;background-image:var(--dal-gradient) !important;color:var(--dal-paper) !important;border:none !important;font-family:"Montserrat","Helvetica Neue",Arial,sans-serif !important;font-weight:700 !important;text-transform:uppercase !important;transition:transform 0.45s cubic-bezier(0.22,1,0.36,1),box-shadow 0.45s ease,filter 0.45s ease !important;}/* Keep the inner label transparent so the gradient shows */span.vcex-button.theme-button.inline .vcex-button-inner{background:transparent !important;color:inherit !important;}/* Hover */span.vcex-button.theme-button.inline:hover{background-color:transparent !important;background-image:var(--dal-gradient) !important;color:var(--dal-paper) !important;transform:translateY(-2px);box-shadow:0 6px 14px rgba(2,129,135,0.25);filter:brightness(1.08);}/* Active */span.vcex-button.theme-button.inline:active{transform:translateY(0);box-shadow:0 2px 6px rgba(2,129,135,0.20);}/* ======================================== ACTIVE CAMPAIGN FORM BUTTON ======================================== */#_form_3_submit{background-color:transparent !important;background-image:var(--dal-gradient) !important;border:0 !important;color:var(--dal-paper) !important;transition:transform 0.45s cubic-bezier(0.22,1,0.36,1),box-shadow 0.45s ease,filter 0.45s ease !important;}#_form_3_submit:hover{background-color:transparent !important;background-image:var(--dal-gradient) !important;color:var(--dal-paper) !important;transform:translateY(-2px);box-shadow:0 6px 14px rgba(2,129,135,0.25);filter:brightness(1.08);}/* ======================================== DAL HEADING GRADIENT LINES ======================================== */.vcex-heading.vcex-heading-bottom-border-w-color{position:relative;border-bottom:0 !important;}.vcex-heading.vcex-heading-bottom-border-w-color::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--dal-gradient-horizontal) !important;}.vcex-heading.vcex-heading-bottom-border-w-color .vcex-heading-inner{border-bottom:0 !important;}/* ======================================== DAL ACCORDION — LEFT TO RIGHT GRADIENT ======================================== *//* Remove existing borders that create the teal strip */.support-accordion .vc_tta-panel,.support-accordion .vc_tta-panel-heading{border-color:transparent !important;}/* Create ONE gradient divider */.support-accordion .vc_tta-panel-heading{border:0 !important;border-radius:0 !important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient( 90deg,#46BAA4 0%,#1B9792 50%,#028187 100% ) border-box !important;border-bottom:5px solid transparent !important;}/* ======================================== DAL HEADER NAVIGATION ======================================== *//* Prepare top-level menu labels */#site-navigation .main-navigation-ul >li >a .link-inner{position:relative;display:inline-block;}/* Hidden gradient indicator */#site-navigation .main-navigation-ul >li >a .link-inner::after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--dal-gradient-horizontal);transform:scaleX(0);transform-origin:left center;transition:transform 0.35s ease;}/* Top-level text transition */#site-navigation .main-navigation-ul >li >a{transition:color 0.35s ease !important;}/* Hover */#site-navigation .main-navigation-ul >li:hover >a{color:var(--dal-seafoam) !important;}#site-navigation .main-navigation-ul >li:hover >a .link-inner::after{transform:scaleX(1);}/* Current page / parent */#site-navigation .main-navigation-ul >li.current-menu-item >a,#site-navigation .main-navigation-ul >li.current_page_item >a,#site-navigation .main-navigation-ul >li.current-menu-ancestor >a{color:var(--dal-seafoam) !important;}#site-navigation .main-navigation-ul >li.current-menu-item >a .link-inner::after,#site-navigation .main-navigation-ul >li.current_page_item >a .link-inner::after,#site-navigation .main-navigation-ul >li.current-menu-ancestor >a .link-inner::after{transform:scaleX(1);}/* ======================================== DAL DROPDOWN NAVIGATION ======================================== */#site-navigation .sub-menu a{transition:color 0.3s ease,background-color 0.3s ease !important;}#site-navigation .sub-menu a:hover{color:var(--dal-signal-teal) !important;}/* ======================================== DAL NAV — MEDIUM DESKTOP ======================================== */@media only screen and (min-width:1151px) and (max-width:2150px){#site-navigation .main-navigation-ul{gap:0 !important;}#site-navigation .main-navigation-ul >li{margin:0 !important;}#site-navigation .main-navigation-ul >li >a{font-size:9px !important;padding-left:3px !important;padding-right:3px !important;}#site-navigation .main-navigation-ul >li >a .link-inner{letter-spacing:0.03em !important;white-space:nowrap !important;}}/* ======================================== DAL NAV — VERY SMALL DESKTOP Just before hamburger ======================================== */@media only screen and (min-width:1025px) and (max-width:1150px){#site-navigation .main-navigation-ul{gap:0 !important;}#site-navigation .main-navigation-ul >li{margin:0 !important;}#site-navigation .main-navigation-ul >li >a{font-size:8px !important;padding-left:1px !important;padding-right:1px !important;}#site-navigation .main-navigation-ul >li >a .link-inner{letter-spacing:0 !important;white-space:nowrap !important;}}/* ======================================== WP STORE LOCATOR SEARCH BUTTON ======================================== */#wpsl-search-btn{background-color:transparent !important;background-image:var(--dal-gradient) !important;color:#FFFFFF !important;border:none !important;font-family:"Montserrat","Helvetica Neue",Arial,sans-serif !important;font-weight:700 !important;text-transform:uppercase;transition:transform 0.45s cubic-bezier(0.22,1,0.36,1),box-shadow 0.45s ease,filter 0.45s ease !important;}#wpsl-search-btn:hover{background-color:transparent !important;background-image:var(--dal-gradient) !important;color:#FFFFFF !important;transform:translateY(-2px);box-shadow:0 6px 14px rgba(2,129,135,0.25);filter:brightness(1.08);}#wpsl-search-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(2,129,135,0.20);}/* ======================================== DAL TEXT LINKS Signal Teal ? Deep Teal ======================================== *//* Standard content links */.entry-content p a:not(.theme-button),.wpb_text_column p a:not(.theme-button),/* WP Store Locator / Dealer links */#wpsl-wrap a{color:var(--dal-signal-teal) !important;transition:color 0.3s ease;}/* Hover */.entry-content p a:not(.theme-button):hover,.wpb_text_column p a:not(.theme-button):hover,#wpsl-wrap a:hover{color:var(--dal-deep-teal) !important;}/* Hide only the right-side product image column on mobile */@media screen and (max-width:1024px){.wpb_column.dal-hide-product-mobile{display:none !important;}}