:root { --logo-max-width: 150px; } .site-title{ padding: 15px 0; } .site-header .site-header__wrapper .site-header__wrapper__center { flex-basis: 150px; } .site-nav__dropdown li, .inner .h4, .inner .h5 { text-align: left; } .template-index .header-section.sticky-header:not(.sticked) .overlay-header, .template-index .header-section:not(.sticky-header) .overlay-header, .template-list-collections .header-section.sticky-header:not(.sticked) .overlay-header, .template-list-collections .header-section:not(.sticky-header) .overlay-header, .contact-page .header-section.sticky-header:not(.sticked) .overlay-header, .contact-page .header-section:not(.sticky-header) .overlay-header { background-color: var(--hx-shade-04); } .overlay-header .grid--full { padding-left: 30px; padding-right: 30px; } .custom_pc_menu_list-1>.site-nav__link:before{ content:"Shop All"; } .custom_pc_menu_list-2>.site-nav__link:before{ content:"Hair Tools"; } .custom_pc_menu_list-3>.site-nav__link:before{ content:"Hair Care"; } .custom_pc_menu_list-4>.site-nav__link:before{ content:"Shop by Style"; } .custom_pc_menu_list-5>.site-nav__link:before{ content:" Sale"; } .custom_pc_menu_list-6>.site-nav__link:before{ content:"Bundle & Save"; } .custom_pc_menu_list-7>.site-nav__link:before{ content:"Brand Day"; } .custom_pc_menu_list-8>.site-nav__link:before{ content:"Support"; } .custom_pc_menu_list-9>.site-nav__link:before{ content:"Real Reviews"; } .custom_pc_menu_list>.site-nav__link:before{font-weight: bold;position: absolute;width: 120%;left: -10%;opacity:0;letter-spacing: 0;} .mega-menu-wrapper .nav-hover>.site-nav__link .site-nav--link-wrapper,.custom_pc_menu_list:hover>.site-nav__link .site-nav--link-wrapper {font-weight: bold;} @media only screen and (min-width: 768px) and (max-width: 1200px) { .overlay-header .grid--full { padding-left: 15px; padding-right: 15px; } } .template-index .overlay-header-wrapper, .template-list-collections .overlay-header-wrapper, .contact-page .overlay-header-wrapper { max-height: 0px !important; min-height: 0px !important; } .template-index .overlay-header.force-hover, .template-list-collections .overlay-header.force-hover .contact-page .overlay-header.force-hover { background-color: var(--hx-paper-01); } #shopify-section-header.sticky-header.fixed-section-header{position: fixed;} @media screen and (max-width: 768px) { .site-header__logo-image img, .site-header__logo-overlay-image img { width: 90px!important; } } @media screen and (max-width: 767px) { body.template-product #shopify-section-header.sticky-header.fixed-section-header{top:22px !important;} } html.iso-AU .mobile-nav__item.hair-dryer,html.iso-AU .site-nav__dropdown li.hair-dryer,html.iso-NZ .mobile-nav__item.hair-dryer,html.iso-NZ .site-nav__dropdown li.hair-dryer{display:none;} .pf-da00ce22.template-page .header-section.sticky-header:not(.sticked) .overlay-header .site-header__logo-image{display:none;} .pf-da00ce22.template-page .header-section.sticky-header:not(.sticked) .overlay-header, .pf-da00ce22.template-page .header-section:not(.sticky-header) .overlay-header {background-color: var(--hx-shade-04);} .pf-da00ce22.template-page .overlay-header-wrapper{max-height: 0px !important;min-height: 0px !important;} .pf-da00ce22.template-page .overlay-header.force-hover{background-color: var(--hx-paper-01);} .pf-da00ce22.template-page .site-header .overlay-header, .pf-da00ce22.template-page .site-header{background:transparent;} .pf-da00ce22.template-page .site-header .site-header__logo-overlay-image, .pf-da00ce22.template-page .mobile-nav-bar-wrapper .site-header__logo-overlay-image{filter: brightness(0) saturate(100%) invert(100%);} .pf-da00ce22.template-page .site-header:hover .site-header__logo-overlay-image, .pf-da00ce22.template-page .fixed-sticky-overlay-header .site-header__logo-overlay-image, .pf-da00ce22.template-page .mobile-nav-bar-wrapper.fixed-sticky-overlay-header .site-header__logo-overlay-image{filter:none;} .pf-da00ce22.template-page .site-header .site-header__nav-standalone{display:none;} .pf-da00ce22.template-page .new-blur-head.fixed-section-headerx .site-header .site-header__nav-standalone{display:block;} .pf-da00ce22.template-page .header-section .overlay-header .cart-item-count-header--total, .pf-da00ce22.template-page .header-section .overlay-header .site-header__logo-link, .pf-da00ce22.template-page .header-section .overlay-header .site-header__logo-link:visited, .pf-da00ce22.template-page .header-section .overlay-header .site-header__logo-overlay-link, .pf-da00ce22.template-page .header-section .overlay-header .top-links .top-links--icon-links a, .pf-da00ce22.template-page .header-section .overlay-header .top-links .top-links--icon-links a:active, .pf-da00ce22.template-page .header-section .overlay-header .top-links .top-links--icon-links a:hover, .pf-da00ce22.template-page .header-section .overlay-header .top-links a, .pf-da00ce22.template-page .header-section .overlay-header .top-links a:visited, .pf-da00ce22.template-page .header-section .overlay-header .top-links--icon-links select, .pf-da00ce22.template-page .header-section .overlay-header localization-form button, .pf-da00ce22.template-page .header-section .overlay-header .cart-item-count-header--total, .pf-da00ce22.template-page .header-section .overlay-header .site-header__logo-link, .pf-da00ce22.template-page .header-section .overlay-header .site-header__logo-link:visited, .pf-da00ce22.template-page .header-section .overlay-header .site-header__logo-overlay-link, .pf-da00ce22.template-page .header-section .overlay-header .top-links .top-links--icon-links a, .pf-da00ce22.template-page .header-section .overlay-header .top-links .top-links--icon-links a:active, .pf-da00ce22.template-page .header-section .overlay-header .top-links .top-links--icon-links a:hover, .pf-da00ce22.template-page .header-section .overlay-header .top-links a, .pf-da00ce22.template-page .header-section .overlay-header .top-links a:visited, .pf-da00ce22.template-page .header-section .overlay-header .top-links--icon-links select, .pf-da00ce22.template-page .header-section .overlay-header localization-form button{color:var(--hx-paper-01);} .pf-da00ce22.template-page .header-section:hover .overlay-header .cart-item-count-header--total, .pf-da00ce22.template-page .header-section:hover .overlay-header .site-header__logo-link, .pf-da00ce22.template-page .header-section:hover .overlay-header .site-header__logo-link:visited, .pf-da00ce22.template-page .header-section:hover .overlay-header .site-header__logo-overlay-link, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links .top-links--icon-links a, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links .top-links--icon-links a:active, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links .top-links--icon-links a:hover, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links a, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links a:visited, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links--icon-links select, .pf-da00ce22.template-page .header-section:hover .overlay-header localization-form button, .pf-da00ce22.template-page .header-section:hover .overlay-header .cart-item-count-header--total, .pf-da00ce22.template-page .header-section:hover .overlay-header .site-header__logo-link, .pf-da00ce22.template-page .header-section:hover .overlay-header .site-header__logo-link:visited, .pf-da00ce22.template-page .header-section:hover .overlay-header .site-header__logo-overlay-link, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links .top-links--icon-links a, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links .top-links--icon-links a:active, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links .top-links--icon-links a:hover, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links a, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links a:visited, .pf-da00ce22.template-page .header-section:hover .overlay-header .top-links--icon-links select, .pf-da00ce22.template-page .header-section:hover .overlay-header localization-form button, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .cart-item-count-header--total, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .site-header__logo-link, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .site-header__logo-link:visited, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .site-header__logo-overlay-link, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links .top-links--icon-links a, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links .top-links--icon-links a:active, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links .top-links--icon-links a:hover, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links a, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links a:visited, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links--icon-links select, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header localization-form button, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .cart-item-count-header--total, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .site-header__logo-link, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .site-header__logo-link:visited, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .site-header__logo-overlay-link, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links .top-links--icon-links a, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links .top-links--icon-links a:active, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links .top-links--icon-links a:hover, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links a, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links a:visited, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header .top-links--icon-links select, .pf-da00ce22.template-page .header-section.fixed-sticky-overlay-header .overlay-header localization-form button{color:var(--hx-paper-01);} .pf-da00ce22.template-page .site-header__logo-image{display:none;} .pf-da00ce22.template-page .overlay-header-wrapper:hover .site-nav--mobile i { } .site-header.logo_above { padding-bottom: 0; z-index: 1000; } .site-header.overlay-header .log-in-button svg *{fill: var(--hx-paper-01);} .template-index .site-header.overlay-header:hover .log-in-button svg *{fill:var(--nav-text-color);} #shopify-section-header.overhead.new-blur-head .site-header .log-in-button svg * {fill: var(--hx-ink-02);} .site-header.overlay-header .log-in-button:hover svg *{fill: var(--nav-text-hover)!important} @media (min-width: 767px){ .sticky-header.fixed-section-headerx {background-color: transparent;} .site-header.fixed-sticky-overlay-header {padding-bottom: 0;background: transparent !important;} #shopify-section-header.overhead .site-header{position: fixed !important;top: -100%;left: 0;z-index: 1000;background: transparent;width: 100%;} #shopify-section-header.overhead.new-blur-head:hover{background: var(--hx-paper-01);} #shopify-section-header.overhead.new-blur-head .site-header{top: 0;animation: headdown 0.3s forwards;} #shopify-section-header.overhead.new-blur-head .site-header:after, #shopify-section-header.overhead.scrolldown-head .site-header:after {content:""; backdrop-filter: blur(37.7px); background: var(--hx-scrim-03) !important; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; } #shopify-section-header.hoverSecondmenu.overhead.new-blur-head .site-header, #shopify-section-header.hoverSecondmenu.overhead.scrolldown-head{position: relative !important;} .new-product-tab-menu.fixed-section-menu{backdrop-filter: blur(37.7px);background: var(--hx-scrim-03) ;} .sbs-tab-slide-thumb-section.fixed-section-menu{background: transparent !important;} .sbs-tab-slide-thumb-section.fixed-section-menu .sbs-tab-slide-thumb-section-row {backdrop-filter: blur(37.7px); background: var(--hx-scrim-03) !important;} } .top-links--icon-links .fa-lg{font-size:20px;} .collection-tags-filter.fixed-section-menu{backdrop-filter: blur(37.7px); background: var(--hx-scrim-03) !important; padding-top:15px !important;} @media (max-width: 1200px) and (min-width: 1024px){ .site-header.logo_above { padding-top: 6px; } } @media (max-width: 1024px) and (min-width: 767px){ .site-header .site-header__wrapper .site-header__wrapper__center { flex-basis: 98px; } .site-header.logo_above { padding-top: 0; } } @media (max-width:767px){ .mobile-nav-bar-wrapper{position: relative; z-index: 9;transition: all 0.2s ease;} #shopify-section-header.overhead .mobile-nav-bar-wrapper{position: fixed !important;top: -100%;left: 0;z-index: 9999; width: 100%;} #shopify-section-header.overhead.new-blur-head .mobile-nav-bar-wrapper{top: 0; } #shopify-section-header.overhead.scrolldown-head .mobile-nav-bar-wrapper{top:-100%; } #shopify-section-header.hoverSecondmenu.overhead.new-blur-head .mobile-nav-bar-wrapper, #shopify-section-header.hoverSecondmenu.overhead.scrolldown-head{position: relative !important;} .pf-da00ce22.template-page #shopify-section-header.overhead.new-blur-head .mobile-nav-bar-wrapper .site-nav--mobile i {color: var(--hx-ink-03);} .weekly.mobile-nav__item a{color:var(--hx-brand-01);} .collection-tags-filter.fixed-section-menu{background: var(--hx-paper-01) !important; } .new-product-tab-menu, .collection-tags-filter, .product-menu-section, .tabs.two-product-menu{transition: all 0.3s ease; } .mobile-nav__item.weekly a{color:var(--hx-brand-01) !important;} } @keyframes headdown { 0% { top: -20px; } 100% { top: 0; } } @keyframes headup { 0% { top: 0; } 100% { top: -100%; } }