/** Shopify CDN: Minification failed Line 149:0 Unexpected "}" **/ .mega-menu { position: static; } .mega-menu__content { background-color: rgb(var(--color-background)); border-left: 0; border-radius: 0; border-right: 0; left: 0; overflow-y: auto; padding-bottom: 2.4rem; padding-top: 2.4rem; position: absolute; right: 0; top: 100%; } .shopify-section-header-sticky .mega-menu__content { max-height: calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem); } .header-wrapper--border-bottom .mega-menu__content { border-top: 0; } .js .mega-menu__content { opacity: 0; transform: translateY(-1.5rem); } .mega-menu[open] .mega-menu__content { opacity: 1; transform: translateY(0); } .mega-menu__list { display: grid; gap: 2.4rem 4rem; grid-template-columns: repeat(6, minmax(0, 1fr)); list-style: none; } .mega-menu__link { color: rgba(var(--color-foreground), 0.75); display: block; font-size: 1.3rem; line-height: calc(1 + 0.3 / var(--font-body-scale)); padding-bottom: 0.6rem; padding-top: 0.6rem; text-decoration: none; transition: text-decoration var(--duration-short) ease; word-wrap: break-word; } .mega-menu__link--level-2 { font-size: 1.4rem; } .mega-menu__link--level-2:not(:only-child) { margin-bottom: 0.8rem; } .header--top-center .mega-menu__list { display: flex; flex-wrap: wrap; column-gap: 0; } .header--top-center .mega-menu__list > li { width: 16%; padding-right: 2.4rem; } .mega-menu__link:hover, .mega-menu__link--active { color: rgb(var(--color-foreground)); } .mega-menu__link--active:hover { text-decoration-thickness: 0.2rem; } .mega-menu .mega-menu__list--condensed { display: block; } .mega-menu__list--condensed .mega-menu__link { font-weight: normal; } /* TEST OVERRIDE: if this doesn't change, your CSS isn't loading */ /* Make ALL level-2 headings look the same (with or without children) */ /* Normalize ALL mega menu column headings (with or without children) */ .mega-menu__content a.mega-menu__link--level-2 { font-weight: 800 !important; text-transform: uppercase !important; font-size: 1.4rem !important; letter-spacing: 0.08em !important; margin-bottom: 0.8rem !important; color: rgb(var(--color-foreground)) !important; } /* Remove Dawn's conditional spacing difference */ .mega-menu__content a.mega-menu__link--level-2:not(:only-child) { margin-bottom: 0.8rem !important; } .mega-menu__list > li { min-width: 180px; } /* Normalize ALL mega menu column headings (with and without submenus) */ .mega-menu__content .mega-menu__list > li > a, .mega-menu__content .mega-menu__list > li > details > summary > a { display: block; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; font-size: 2rem; margin-bottom: 0.8rem; color: rgb(var(--color-foreground)); text-decoration: none; } /* Normalize sub-links */ .mega-menu__content .mega-menu__list > li ul a { font-weight: 400; text-transform: none; letter-spacing: normal; font-size: 2rem; } /* FORCE mega menu to be left-aligned even when header is top-center */ .header--top-center .mega-menu__list { display: grid !important; justify-content: start !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 2.4rem 4rem !important; } .header--top-center .mega-menu__list > li { width: auto !important; padding-right: 0 !important; } }/* --- FIX: stop full-width green bars on mega menu sub-links --- */ .mega-menu__content .mega-menu__list ul li > a { display: inline-block !important; width: fit-content; max-width: max-content; } /* Hover / active highlight for sub-links */ .mega-menu__content .mega-menu__list ul li > a:hover, .mega-menu__content .mega-menu__list ul li > a[aria-current="page"] { background-color: #16c784; /* your green */ color: #ffffff; text-decoration: none !important; } /* Prevent mega-menu top-level child links from stretching full width */ .mega-menu__content .mega-menu__list > li > a.parallelogram { display: inline-block !important; width: fit-content !important; max-width: max-content !important; align-self: flex-start; } /* Ensure hover highlight only wraps text */ .mega-menu__content .mega-menu__list > li > a.parallelogram:hover, .mega-menu__content .mega-menu__list > li > a.parallelogram.parallelogram--active { text-decoration: none !important; } /* Remove parallelogram styling inside mega menu */ .mega-menu__content .parallelogram, .mega-menu__content .parallelogram-toggle { background: none !important; transform: none !important; padding: 0 !important; margin: 0 0 12px 0 !important; min-width: 0 !important; width: auto !important; text-align: left !important; justify-content: flex-start !important; } /* Unskew inner text */ .mega-menu__content .parallelogram span { transform: none !important; display: inline !important; } /* Left-align all mega menu links */ .mega-menu__content a, .mega-menu__content summary { text-align: left !important; } /* Remove any leftover centering from lists */ .mega-menu__content .mega-menu__list, .mega-menu__content .mega-menu__list li { justify-content: flex-start !important; align-items: flex-start !important; } /* Kill ALL parallelogram styling inside mega menu (all levels) */ .mega-menu__content .parallelogram, .mega-menu__content .parallelogram-toggle, .mega-menu__content .mega-menu__link { background: none !important; transform: none !important; padding: 0 !important; margin: 0 0 10px 0 !important; min-width: 0 !important; width: auto !important; box-shadow: none !important; text-decoration: none !important; } /* Unskew any nested spans */ .mega-menu__content .parallelogram span, .mega-menu__content .mega-menu__link span { transform: none !important; display: inline !important; } /* Ensure left alignment */ .mega-menu__content, .mega-menu__content * { text-align: left !important; }