header nav ul,header nav .header__menu,.header__menu,nav[role=navigation] ul{display:flex;align-items:center;gap:32px;margin:0;padding:0;list-style:none}header nav li,.header__menu-item,nav[role=navigation] li{margin:0;padding:0}header nav a,.header__menu-item a,nav[role=navigation] a{display:inline-block;padding:8px 12px;font-size:.9375rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:#000;transition:color .3s ease}header nav a:hover,.header__menu-item a:hover,nav[role=navigation] a:hover{color:#0a8c9e}header nav a[aria-current=page],.header__menu-item a[aria-current=page]{color:#0a8c9e}header.header,.shopify-section-group-header-group{position:sticky;top:0;z-index:100;background-color:#fff;box-shadow:0 2px 4px #0000001a}.header__wrapper,header>div{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:100%}.header__logo,.header a[href="/"]{flex-shrink:0;margin-right:40px}header nav,.header__navigation{flex-grow:1;display:flex;justify-content:center}.header__utilities,.header__icons{display:flex;align-items:center;gap:16px;flex-shrink:0}.header__icons button,.header__icons a{display:inline-flex;align-items:center;justify-content:center;padding:8px;border:none;background:transparent;cursor:pointer;transition:opacity .3s ease}.header__icons button:hover,.header__icons a:hover{opacity:.7}@media (max-width: 767px){header nav ul,.header__menu{gap:16px}header nav a,.header__menu-item a{padding:6px 8px;font-size:.8125rem}.header__wrapper,header>div{padding:8px 16px}.header__logo{margin-right:16px}.header__utilities,.header__icons{gap:8px}}@media (max-width: 480px){header nav ul,.header__menu{gap:8px}header nav a,.header__menu-item a{padding:4px 6px;font-size:.75rem}}@media (max-width: 749px){.menu-list--mobile .menu-list__list{flex-direction:column!important;align-items:center!important;width:100%!important}.header__row--mobile .menu-list__list{flex-direction:column!important;align-items:center!important}}@media (min-width: 750px){.header nav ul.overflow-list,nav[role=navigation] ul.overflow-list{flex-direction:row!important}}.header nav .overflow-list__item{margin:0!important}.header__navigation .overflow-list{gap:32px}@media (max-width: 767px){.header__navigation .overflow-list{gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vf_header-nav.css.map */