.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-07e3df4:#023061;--e-global-color-5adc012:#042F37;--e-global-color-b3561f7:#066273;--e-global-color-ffd1347:#0A8888;--e-global-color-8fcc99a:#4FBCC4;--e-global-color-559921e:#02B08A;--e-global-color-924300b:#F5F2EE;--e-global-color-e348535:#05122A;--e-global-color-ac27544:#30FD95;--e-global-typography-primary-font-family:"Figtree";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Figtree";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-e348535 );font-family:"Figtree", Sans-serif;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-ffd1347 );}.elementor-kit-6 a:hover{color:var( --e-global-color-8fcc99a );}.elementor-kit-6 h1{font-family:"Figtree", Sans-serif;font-size:28px;}.elementor-kit-6 h2{font-family:"Figtree", Sans-serif;font-size:20px;}.elementor-kit-6 h3{font-family:"Figtree", Sans-serif;font-size:28px;}.elementor-kit-6 h4{font-family:"Figtree", Sans-serif;font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ET lab rebrand 2026-10-14 start */
/* Emerald Tides – /lab/ dark-navy rebrand (matches FAQ id 67 / COAs id 198).
   Scope: .et-lab wrapper + lab page bodies only. "body" prefix beats the
   widget's own <style> (same .elementor-kit-6s, later in DOM). */

/* 1. Full-width page background for the 11 lab pages */
body.page-id-1069,body.page-id-1072,body.page-id-1075,body.page-id-1077,body.page-id-1079,body.page-id-1081,
body.page-id-1083,body.page-id-1085,body.page-id-1087,body.page-id-1089,body.page-id-1091{background:#05122A}
/* 2. Lab containers: navy, FAQ-like vertical padding */
body .elementor-1069>.e-con,body .elementor-1072>.e-con,body .elementor-1075>.e-con,body .elementor-1077>.e-con,
body .elementor-1079>.e-con,body .elementor-1081>.e-con,body .elementor-1083>.e-con,body .elementor-1085>.e-con,
body .elementor-1087>.e-con,body .elementor-1089>.e-con,body .elementor-1091>.e-con{background:#05122A;--padding-top:64px;--padding-bottom:64px}
/* 3. Base text: FAQ body style */
body .et-lab{font-family:"Montserrat",Figtree,Arial,sans-serif;font-size:15px;line-height:1.6;color:#CBD8FD}
/* 4. Headings: white Montserrat 700 */
body .et-lab h1,body .et-lab h2,body .et-lab h3,body .et-lab .faq dt{font-family:"Montserrat",sans-serif;font-weight:700;color:#FFFFFF}
/* 5. H1 size per FAQ (2.8rem, 1.3em) */
body .et-lab h1{font-size:2.8rem;line-height:1.3em}
/* 6. Lede: slightly brighter than body */
body .et-lab .lede{color:#E3EAFE}
/* 7. Small/muted text: #A9B8DE on #05122A ≈ 9:1 */
body .et-lab .meta,body .et-lab .foot,body .et-lab .card p{color:#A9B8DE}
/* 8. Kicker / card numbers: accent green */
body .et-lab .kicker,body .et-lab .card .num{color:#30FD95}
/* 9. Links */
body .et-lab a{color:#30FD95}
body .et-lab a:hover{color:#FFFFFF}
/* 10. Callout / answer boxes: lighter navy, green rule (FAQ divider) */
body .et-lab .answer,body .et-lab .callout{background:#0B1D3D;border-left:4px solid #30FD95;color:#CBD8FD}
/* 11. Notes (were cream #f9f5f0) */
body .et-lab .note{background:#0B1D3D;border:1px solid #18253B;color:#CBD8FD}
/* 12. Cards (were white) */
body .et-lab .card{background:#0B1D3D;border:1px solid #18253B;color:#CBD8FD}
body .et-lab .card:hover{border-color:#30FD95}
body .et-lab .card h3{color:#FFFFFF}
/* 13. Tables: dark header, dark striping */
body .et-lab th{background:#18253B;color:#FFFFFF}
body .et-lab td{border:1px solid #18253B;color:#CBD8FD;background:#05122A}
body .et-lab tr:nth-child(even) td{background:#0B1D3D}
/* 14. Buttons: COAs search-submit style (green bg, navy text; hover navy/white) */
body .et-lab .btn{background:#30FD95;color:#05122A!important;border:1px solid #30FD95;border-radius:4px;font-family:"Montserrat",sans-serif;font-weight:700}
body .et-lab .btn:hover{background:#05122A;color:#FFFFFF!important}
body .et-lab .btn.out{background:transparent;color:#FFFFFF!important;border:1px solid #30FD95}
body .et-lab .btn.out:hover{background:#30FD95;color:#05122A!important}
/* 15. Divider above footer note */
body .et-lab .foot{border-top-color:#18253B}
/* 16. Generic text elements inherit the light colour */
body .et-lab p,body .et-lab li,body .et-lab dd,body .et-lab strong{color:inherit}
/* 17. Page 1072 inline styles (override style="…"; the note box sits outside .et-lab) */
body .elementor-1072 [style*="background:#f9f5f0"]{background:#0B1D3D!important;border-color:#18253B!important;color:#CBD8FD!important;font-family:"Montserrat",sans-serif!important}
body .elementor-1072 [style*="color:#023061"]{color:#FFFFFF!important}
body .elementor-1072 [style*="color:#0b6e73"]{color:#30FD95!important}
/* 18. Mobile H1 per FAQ */
@media(max-width:767px){body .et-lab h1{font-size:24px;line-height:1.1em}}
/* 19. Links/bold inside the 1072 note box */
body .elementor-1072 [style*="background:#f9f5f0"] a{color:#30FD95!important}

/* ET lab rebrand 2026-10-14 end */

/* ET support rebrand 2026-10-14 start — scope: Support/Contact page 207 only */
/* 1. Page + section backgrounds (was cream #F5F2EE / white) */
body.page-id-207{background:#05122A}
body .elementor-207>.e-con{background-color:#05122A}
body .elementor-207 .elementor-element-c299961{background-color:#05122A!important;border-radius:0}
body .elementor-207 .elementor-element-8217739{background:#05122A!important;--background-overlay:none}
body .elementor-207 .elementor-element-8217739::before{display:none}
/* 2. Hero: keep DNA image, tint navy so it blends into the page */
body .elementor-207 .elementor-element-d5671b0{background-color:#05122A}
body .elementor-207 .elementor-element-d5671b0{--background-overlay:'';--overlay-opacity:.5}
body .elementor-207 .elementor-element-d5671b0::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(5,18,42,.35),rgba(5,18,42,.85))!important;opacity:1!important;z-index:0;pointer-events:none}
body .elementor-207 .elementor-element-d5671b0>*{position:relative;z-index:1}
body .elementor-207 .elementor-element-c0c7ea3 .elementor-heading-title{color:#FFFFFF!important;font-family:"Montserrat",sans-serif;font-weight:700}
/* 3. Headings + body copy */
body .elementor-207 .elementor-element-9d8eb0f .elementor-heading-title,
body .elementor-207 .elementor-element-376932e .elementor-heading-title,body .elementor-207 .elementor-heading-title .gsap-word{color:#FFFFFF!important;font-family:"Montserrat",sans-serif;font-weight:700}
body .elementor-207 .elementor-element-6bee454,body .elementor-207 .elementor-element-6bee454 p{color:#CBD8FD}
body .elementor-207 .elementor-element-8096825 .elementor-divider-separator{border-color:#30FD95!important}
/* 4. Trust icon list: navy tiles, green icons, white titles, muted descriptions */
body .elementor-207 .elementor-widget-icon-box .elementor-icon{background-color:#0B1D3D!important;border:1px solid #18253B;fill:#30FD95!important;color:#30FD95!important}
body .elementor-207 .elementor-widget-icon-box .elementor-icon svg,body .elementor-207 .elementor-widget-icon-box .elementor-icon svg *{fill:#30FD95!important}
body .elementor-207 .elementor-icon-box-title,body .elementor-207 .elementor-icon-box-title a{color:#FFFFFF!important}
body .elementor-207 .elementor-icon-box-description{color:#A9B8DE!important}
/* 5. Form card (was white) + inputs */
body .elementor-207 .elementor-element-1059410{background-color:#0B1D3D!important;border:1px solid #18253B;border-radius:4px}
body .elementor-207 .elementor-field-group>label,body .elementor-207 .elementor-field-label{color:#FFFFFF!important}
body .elementor-207 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#05122A!important;color:#FFFFFF!important;border:1px solid #2A3A5C!important;border-radius:4px}
body .elementor-207 .elementor-field-group .elementor-field::placeholder{color:#8E9AB6;opacity:1}
body .elementor-207 .elementor-field-group .elementor-field:focus{border-color:#30FD95!important;outline:0;box-shadow:0 0 0 2px rgba(48,253,149,.25)}
body .elementor-207 .e-form__buttons .elementor-button{background:#30FD95!important;background-image:none!important;color:#05122A!important;border:1px solid #30FD95;border-radius:4px;font-family:"Montserrat",sans-serif;font-weight:700;box-shadow:none}
body .elementor-207 .e-form__buttons .elementor-button:hover{background:#05122A!important;color:#FFFFFF!important}
body .elementor-207 .elementor-message-success{color:#30FD95}
body .elementor-207 .elementor-message-danger,body .elementor-207 .elementor-error .elementor-field{color:#FF8A8A}
/* 6. FAQ accordion: navy tiles, white titles, light answers, green icons */
body .elementor-207 .e-n-accordion-item-title{background-color:#0B1D3D!important;border:1px solid #18253B!important}
body .elementor-207 .e-n-accordion-item[open]>.e-n-accordion-item-title{border-color:#30FD95!important}
body .elementor-207 .e-n-accordion-item-title-text{color:#FFFFFF!important}
body .elementor-207 .e-n-accordion-item-title-icon svg,body .elementor-207 .e-n-accordion-item-title-icon svg path{fill:#30FD95!important}
body .elementor-207 .e-n-accordion-item>[role=region],body .elementor-207 .e-n-accordion-item .e-con{background-color:transparent!important}
body .elementor-207 .e-n-accordion .elementor-widget-text-editor,body .elementor-207 .e-n-accordion .elementor-widget-text-editor p{color:#CBD8FD!important}
body .elementor-207 .e-n-accordion a{color:#30FD95}
/* 7. "View All FAQs" button: same flat green as lab .btn */
body .elementor-207 .elementor-element-09bea7c .elementor-button{background:#30FD95!important;background-image:none!important;color:#05122A!important;border-color:#30FD95!important;border-radius:4px;font-family:"Montserrat",sans-serif;font-weight:700}
body .elementor-207 .elementor-element-09bea7c .elementor-button:hover{background:#05122A!important;color:#FFFFFF!important}
/* ET support rebrand 2026-10-14 end */

/* ET variations transparent 2026-10-15 start */
/* Rewritten 2026-10-15 (sizing root fix): template 422's background:white!important on .variations td/th was removed at the source, so no element-id scope or !important is needed for the cells. This only beats the theme's zebra tint (table tbody>tr:nth-child(odd)>td). */
body.single-product table.variations th,
body.single-product table.variations td{background-color:transparent}
/* Fallback plain select (no swatches): 422's add-to-cart widget style setting still sets select/td.value:before #FFFFFF at high specificity, so !important stays on these two only */
body.single-product table.variations td.value select{background-color:#0B1D3D!important;color:#F4F7FB!important;border:1px solid #18253B!important}
body.single-product table.variations td.value:before{background:transparent!important;border:0!important}
body.single-product table.variations td.value select option{background-color:#0B1D3D;color:#F4F7FB}
/* ET variations transparent 2026-10-15 end */

/* ET navy text fixes 2026-10-16 start — light text on the #05122A kit background. Scope: Woo product archives (shop + product categories), theme 404, home FAQ widget 1439c87 */
body.tax-product_cat .woocommerce-products-header__title,body.post-type-archive-product .woocommerce-products-header__title{color:#F4F7FB}
body.tax-product_cat .woocommerce-result-count,body.post-type-archive-product .woocommerce-result-count{color:#C9D3E3}
body.tax-product_cat .woocommerce-breadcrumb,body.post-type-archive-product .woocommerce-breadcrumb{color:#C9D3E3}
body.tax-product_cat .woocommerce-breadcrumb a,body.post-type-archive-product .woocommerce-breadcrumb a{color:#F4F7FB}
body.tax-product_cat .woocommerce-breadcrumb a:hover,body.post-type-archive-product .woocommerce-breadcrumb a:hover{color:#30FD95}
body.error404 .site-main{color:#C9D3E3}
body.error404 .site-main .page-header .entry-title{color:#F4F7FB}
body.error404 .site-main .page-content a{color:#30FD95}
body .elementor-204 .elementor-element.elementor-element-1439c87{--n-accordion-title-normal-color:#F4F7FB;--n-accordion-title-hover-color:#30FD95;--n-accordion-title-active-color:#30FD95;--n-accordion-icon-normal-color:#F4F7FB;--n-accordion-icon-hover-color:#30FD95;--n-accordion-icon-active-color:#30FD95}
/* Close (X) icon SVG has a hard-coded black path fill; let it take the icon colour */
body .elementor-204 .elementor-element.elementor-element-1439c87 .e-n-accordion-item-title-icon svg path{fill:inherit}
/* ET navy text fixes 2026-10-16 end *//* End custom CSS */