#header-navigation ul.primary-menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: center; -ms-align-items: stretch; align-items: stretch; padding: 0 40px; } #header-navigation ul.primary-menu > li { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; flex: 1 1 auto; margin: 0; text-align: left; position: relative; display: flex; justify-content: center; align-items: center; } #header-navigation ul.primary-menu > li a, #header-navigation ul.primary-menu > li > span { display: inline-block; text-transform: uppercase; padding: 23px 25px 22px 25px; width: auto; text-decoration: none; font-weight: 500; font-size: 17px; font-size: 1.0625rem; color: #FFFFFF; letter-spacing: -0.02em; position: relative; -webkit-transition: none; -o-transition: none; transition: none; } #header-navigation ul.primary-menu > li.btn a, #header-navigation ul.primary-menu > li.btn > span { background: var(--theme-color-light); padding-top: 6px; padding-bottom: 6px; border-radius: 99999px; color: #FFFFFF!important; } #header-navigation ul.primary-menu > li.btn a:hover, #header-navigation ul.primary-menu > li.btn span:hover { background: var(--theme-color-lighter); color: #FFFFFF!important; } /* #header-navigation ul.primary-menu > li a:before, #header-navigation ul.primary-menu > li span:before { content: ''; display: block; position: absolute; bottom: -18px; left: 50%; margin-left: -18px; pointer-events: none; border: 18px solid transparent; border-bottom-color: #FFFFFF; -webkit-transition: bottom .2s ease-in-out, margin-left .2s ease-in-out, border-width .2s ease-in-out; -o-transition: bottom .2s ease-in-out, margin-left .2s ease-in-out, border-width .2s ease-in-out; transition: bottom .2s ease-in-out, margin-left .2s ease-in-out, border-width .2s ease-in-out; } #header-navigation ul.primary-menu > li.menu-item-has-children > span:after, #header-navigation ul.primary-menu > li.menu-item-has-children > a:after, #header-navigation ul.primary-menu > li.menu-item-has-children > letter-spacing:after { content: ''; display: block; position: absolute; bottom: 18px; left: 50%; margin-left: 0px; pointer-events: none; border: 6px solid transparent; border-width: 0px; border-top-color: currentColor; -webkit-transition: bottom .2s ease-in-out, margin-left .2s ease-in-out, border-width .2s ease-in-out; -o-transition: bottom .2s ease-in-out, margin-left .2s ease-in-out, border-width .2s ease-in-out; transition: bottom .2s ease-in-out, margin-left .2s ease-in-out, border-width .2s ease-in-out; } #header-navigation ul.primary-menu > li.menu-item-has-children:hover > a:after, #header-navigation ul.primary-menu > li.menu-item-has-children:hover > span:after, #header-navigation ul.primary-menu > li.menu-item-has-children > a:hover:after, #header-navigation ul.primary-menu > li.menu-item-has-children > span:hover:after { border-width: 6px; margin-left: -6px; bottom: 12px; } */ #header-navigation ul.primary-menu li.current-product_cat-ancestor > a, #header-navigation ul.primary-menu li.current-menu-item > a, #header-navigation ul.primary-menu li.current-menu-parent > a, #header-navigation ul.primary-menu li.current-menu-ancestor > a, #header-navigation ul.primary-menu li.current-page-item > a, #header-navigation ul.primary-menu li.current-page-parent > a, #header-navigation ul.primary-menu li.current-page-ancestor > a, #header-navigation ul.primary-menu li.current-product_cat-ancestor > span, #header-navigation ul.primary-menu li.current-menu-item > span, #header-navigation ul.primary-menu li.current-menu-parent > span, #header-navigation ul.primary-menu li.current-menu-ancestor > span, #header-navigation ul.primary-menu li.current-page-item > span, #header-navigation ul.primary-menu li.current-page-parent > span, #header-navigation ul.primary-menu li.current-page-ancestor > span, #header-navigation ul.primary-menu li a:hover, #header-navigation ul.primary-menu li span:hover, #header-navigation ul.primary-menu li:hover > a, #header-navigation ul.primary-menu li:hover > span { color: var(--theme-color-lighter); } #header-navigation ul.primary-menu > li.current-product_cat-ancestor > a:before, #header-navigation ul.primary-menu > li.current-menu-item > a:before, #header-navigation ul.primary-menu > li.current-menu-parent > a:before, #header-navigation ul.primary-menu > li.current-menu-ancestor > a:before, #header-navigation ul.primary-menu > li.current-page-item > a:before, #header-navigation ul.primary-menu > li.current-page-parent > a:before, #header-navigation ul.primary-menu > li.current-page-ancestor > a:before, #header-navigation ul.primary-menu > li.current-product_cat-ancestor > span:before, #header-navigation ul.primary-menu > li.current-menu-item > span:before, #header-navigation ul.primary-menu > li.current-menu-parent > span:before, #header-navigation ul.primary-menu > li.current-menu-ancestor > span:before, #header-navigation ul.primary-menu > li.current-page-item > span:before, #header-navigation ul.primary-menu > li.current-page-parent > span:before, #header-navigation ul.primary-menu > li.current-page-ancestor > span:before { content: ''; width: 60px; height: 32px; display: block; position: absolute; top: -15px; left: 50%; margin-left: -30px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAgCAMAAAB5NuugAAAAq1BMVEUAAAAQCAAQCAAQCAAQCABwzFgQCAB3qWYSDQMQCAAQCAAQCACe4I44WSUuRhya24pvy1cXEghEXDNUkz8jMBI+US4kKxQuOx4pNRcQCACc3Yxy0VszRiF43WCP2Hxz01xxpGB+tG2KxXheqEguRhwvRx0/ZytQjDs0UiFLaDsQCAAQCABdhEwQCAAtRBt532Gn6pel6ZWG4nCS5X+O5HqL5Haf6I6Z54Z/4Wi9xJ9CAAAAL3RSTlMAURsKBekevRAtEzHzfXHv5yBcsGRXSlBNF/HuVP3v4rqyoJlycGpNS0lEQSwmJGYJbXEAAAEJSURBVDjLndLpdoIwEAXgtISC0VZpuoDafV9cIqC+/5OJHsM9muA4zv/v3MzNCCFjlZ2zJ1OBXNuk/XvGnr9WFlT4/7UzbRwzmzTM01dcYfXz0uXb8DOpkkVwkUYd48fN9rKtpFjr5Dryv7yg7Cb7Lup6sheEtfrWk22WlIV2WispC32/39r8OGtb6ztN0xat9Q0RDOvonR/Lj7XYG60tvfYd1tHDOtt47VUrhnVfbrMXtHV1um0tZ9qdOy/4Fnde8i3uvORb3HnBt7jznG/R2iPforXn8KG2vQ/HEnvrQW1vHEvurXtsC53qgbUMZ1sb6pBv0ZoOYdn6+y0dwTK1GmeBOHWkPFzzClohkGB65t8sAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: contain; background-position: center center; } #site-navigation__current-deco { position: absolute; left: 17px; top: 0; width: 4px; height: 7px; background-color: var(--theme-color-secondary); transition: top .4s cubic-bezier(.8,0,.2,1); } /* /* #header-navigation ul.primary-menu:has(li > a:hover) > li.current-product_cat-ancestor > a, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-menu-item > a, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-menu-parent > a, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-menu-ancestor > a, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-page-item > a, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-page-parent > a, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-page-ancestor > a, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-product_cat-ancestor > span, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-menu-item > span, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-menu-parent > span, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-menu-ancestor > span, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-page-item > span, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-page-parent > span, #header-navigation ul.primary-menu:has(li > a:hover) > li.current-page-ancestor > span, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-product_cat-ancestor > a, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-menu-item > a, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-menu-parent > a, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-menu-ancestor > a, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-page-item > a, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-page-parent > a, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-page-ancestor > a, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-product_cat-ancestor > span, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-menu-item > span, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-menu-parent > span, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-menu-ancestor > span, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-page-item > span, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-page-parent > span, #header-navigation ul.primary-menu:has(li > span:hover) > li.current-page-ancestor > span, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-product_cat-ancestor > a, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-menu-item > a, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-menu-parent > a, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-menu-ancestor > a, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-page-item > a, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-page-parent > a, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-page-ancestor > a, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-product_cat-ancestor > span, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-menu-item > span, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-menu-parent > span, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-menu-ancestor > span, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-page-item > span, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-page-parent > span, #header-navigation ul.primary-menu:has(li:hover > a) > li.current-page-ancestor > span, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-product_cat-ancestor > a, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-menu-item > a, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-menu-parent > a, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-menu-ancestor > a, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-page-item > a, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-page-parent > a, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-page-ancestor > a, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-product_cat-ancestor > span, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-menu-item > span, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-menu-parent > span, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-menu-ancestor > span, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-page-item > span, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-page-parent > span, #header-navigation ul.primary-menu:has(li:hover > span) > li.current-page-ancestor > span { color: #1B0201; background-color: transparent; } #header-navigation ul.primary-menu > li.current-product_cat-ancestor > a:hover, #header-navigation ul.primary-menu > li.current-menu-item > a:hover, #header-navigation ul.primary-menu > li.current-menu-parent > a:hover, #header-navigation ul.primary-menu > li.current-menu-ancestor > a:hover, #header-navigation ul.primary-menu > li.current-page-item > a:hover, #header-navigation ul.primary-menu > li.current-page-parent > a:hover, #header-navigation ul.primary-menu > li.current-page-ancestor > a:hover, #header-navigation ul.primary-menu > li.current-product_cat-ancestor > span:hover, #header-navigation ul.primary-menu > li.current-menu-item > span:hover, #header-navigation ul.primary-menu > li.current-menu-parent > span:hover, #header-navigation ul.primary-menu > li.current-menu-ancestor > span:hover, #header-navigation ul.primary-menu > li.current-page-item > span:hover, #header-navigation ul.primary-menu > li.current-page-parent > span:hover, #header-navigation ul.primary-menu > li.current-page-ancestor > span:hover, #header-navigation ul.primary-menu > li.current-product_cat-ancestor:hover > a, #header-navigation ul.primary-menu > li.current-menu-item:hover > a, #header-navigation ul.primary-menu > li.current-menu-parent:hover > a, #header-navigation ul.primary-menu > li.current-menu-ancestor:hover > a, #header-navigation ul.primary-menu > li.current-page-item:hover > a, #header-navigation ul.primary-menu > li.current-page-parent:hover > a, #header-navigation ul.primary-menu > li.current-page-ancestor:hover > a, #header-navigation ul.primary-menu > li.current-product_cat-ancestor:hover > span, #header-navigation ul.primary-menu > li.current-menu-item:hover > span, #header-navigation ul.primary-menu > li.current-menu-parent:hover > span, #header-navigation ul.primary-menu > li.current-menu-ancestor:hover > span, #header-navigation ul.primary-menu > li.current-page-item:hover > span, #header-navigation ul.primary-menu > li.current-page-parent:hover > span, #header-navigation ul.primary-menu > li.current-page-ancestor:hover > span { color: #FFFFFF!important; background-color: #000000!important; } /* #header-navigation ul.primary-menu > li.current-product_cat-ancestor > a:before, #header-navigation ul.primary-menu > li.current-menu-item > a:before, #header-navigation ul.primary-menu > li.current-menu-parent > a:before, #header-navigation ul.primary-menu > li.current-menu-ancestor > a:before, #header-navigation ul.primary-menu > li.current-page-item > a:before, #header-navigation ul.primary-menu > li.current-page-parent > a:before, #header-navigation ul.primary-menu > li.current-page-ancestor > a:before, #header-navigation ul.primary-menu > li.current-product_cat-ancestor > span:before, #header-navigation ul.primary-menu > li.current-menu-item > span:before, #header-navigation ul.primary-menu > li.current-menu-parent > span:before, #header-navigation ul.primary-menu > li.current-menu-ancestor > span:before, #header-navigation ul.primary-menu > li.current-page-item > span:before, #header-navigation ul.primary-menu > li.current-page-parent > span:before, #header-navigation ul.primary-menu > li.current-page-ancestor > span:before { bottom: 0; } #header-navigation ul.primary-menu > li.menu-item-has-children.current-product_cat-ancestor:hover > a:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-product_cat-ancestor:hover > span:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-product_cat-ancestor > a:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-product_cat-ancestor > span:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-item:hover > a:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-item:hover > span:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-item > a:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-item > span:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-parent:hover > a:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-parent:hover > span:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-parent > a:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-parent > span:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-ancestor:hover > a:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-ancestor:hover > span:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-ancestor > a:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-menu-ancestor > span:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-item:hover > a:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-item:hover > span:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-item > a:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-item > span:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-parent:hover > a:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-parent:hover > span:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-parent > a:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-parent > span:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-ancestor:hover > a:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-ancestor:hover > span:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-ancestor > a:hover:before, #header-navigation ul.primary-menu > li.menu-item-has-children.current-page-ancestor > span:hover:before { bottom: 18px; border-width: 0; margin-left: 0; } */ #site-navigation .site-navigation__close-button { display: none; } /** * SOUS-MENU */ #site-navigation .sub-menu-block { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); min-width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; pointer-events: none; overflow: hidden; width: 100vw; justify-content: center; -ms-align-items: center; align-items: center; pointer-events: none!important; } /* #site-navigation li:hover > .sub-menu-block, #site-navigation li > a:hover ~ .sub-menu-block, #site-navigation li > span:hover ~ .sub-menu-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } #site-navigation li > a:focus-visible ~ .sub-menu-block, #site-navigation li > span:focus-visible ~ .sub-menu-block, #site-navigation li:focus-within > .sub-menu-block { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } */ #site-navigation .sub-menu-block-inner { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; flex: 0 0 auto; overflow: hidden; position: relative; pointer-events: all; background-color: #000000; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: transform .4s cubic-bezier(.7,0,.3,1), margin-top .4s cubic-bezier(.7,0,.3,1); -o-transition: transform .4s cubic-bezier(.7,0,.3,1), margin-top .4s cubic-bezier(.7,0,.3,1); transition: transform .4s cubic-bezier(.7,0,.3,1), margin-top .4s cubic-bezier(.7,0,.3,1); border-left: 4px solid var(--theme-color-light); border-bottom: 4px solid var(--theme-color-light); border-right: 4px solid var(--theme-color-light); } #site-navigation li:hover > .sub-menu-block .sub-menu-block-inner, #site-navigation li > a:hover ~ .sub-menu-block .sub-menu-block-inner, #site-navigation li > span:hover ~ .sub-menu-block .sub-menu-block-inner { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } #site-navigation li > a:focus-visible ~ .sub-menu-block .sub-menu-block-inner, #site-navigation li > span:focus-visible ~ .sub-menu-block .sub-menu-block-inner, #site-navigation li:focus-within > .sub-menu-block .sub-menu-block-inner { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #site-navigation li:hover > .sub-menu-block .sub-menu-block-inner, #site-navigation li > a:hover ~ .sub-menu-block .sub-menu-block-inner, #site-navigation li > span:hover ~ .sub-menu-block .sub-menu-block-inner { pointer-events: all; } /* #site-navigation .sub-menu-block:before { content: ''; display: block; position: absolute; top: 0px; left: 0; width: 100%; height: 7px; } #site-navigation li:hover > .sub-menu-block:before, #site-navigation li > a:hover ~ .sub-menu-block:before, #site-navigation li > span:hover ~ .sub-menu-block:before { pointer-events: all; } #site-navigation li > a:focus-visible ~ .sub-menu-block:before, #site-navigation li > span:focus-visible ~ .sub-menu-block:before, #site-navigation li:focus-within > .sub-menu-block:before { pointer-events: all; } */ #site-navigation ul.sub-menu { max-width: 450px; position: relative; } /* #site-navigation ul.sub-menu:before { content: ''; display: block; position: absolute; top: -13px; left: 50%; margin-left: -17px; border-bottom: 13px solid rgba(2,3,0,.82); border-left: 17px solid transparent; border-right: 17px solid transparent; } #site-navigation ul.sub-menu:before { content: ''; display: block; height: 7px; width: 100%; position: absolute; left: 0; top: -7px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwMDkyNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDA5MjYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, rgba(32,9,38,1) 0%, rgba(32,9,38,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(32,9,38,1)), color-stop(100%, rgba(32,9,38,0))); background: -webkit-linear-gradient(left, rgba(32,9,38,1) 0%, rgba(32,9,38,0) 100%); background: -o-linear-gradient(left, rgba(32,9,38,1) 0%, rgba(32,9,38,0) 100%); background: -ms-linear-gradient(left, rgba(32,9,38,1) 0%, rgba(32,9,38,0) 100%); background: linear-gradient(to right, rgba(32,9,38,1) 0%, rgba(32,9,38,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#200926', endColorstr='#00200926',GradientType=1 ); -webkit-background-size: 100% auto; background-size: 100% auto; background-repeat: repeat-y; background-position: top left; } */ #site-navigation ul.sub-menu > li > a, #site-navigation ul.sub-menu > li > span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; text-transform: uppercase; pointer-events: all; color: #FFFFFF; font-size: 17px; font-size: 1.0625rem; line-height: 1; font-weight: 500; text-decoration: none; height: 100%; position: relative; padding: 16px 18px 14px 18px; text-align: left; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; overflow: hidden; } #site-navigation ul.sub-menu > li:first-child > a, #site-navigation ul.sub-menu > li:first-child > span { padding-top: 20px; } #site-navigation ul.sub-menu > li:last-child > a, #site-navigation ul.sub-menu > li:last-child > span { padding-bottom: 18px; } /* #site-navigation ul.sub-menu > li > a:after, #site-navigation ul.sub-menu > li > span:after { content: ''; display: block; position: absolute; left: -10px; margin-top: -10px; top: 50%; border: 10px solid transparent; border-left-color: #FFFFFF; -webkit-transition: left .3s ease-in-out; -o-transition: left .3s ease-in-out; transition: left .3s ease-in-out; } #site-navigation ul.sub-menu > li > a:hover:after, #site-navigation ul.sub-menu > li > span:hover:after, #site-navigation ul.sub-menu > li:hover > a:after, #site-navigation ul.sub-menu > li:hover > span:after { left: -5px; } #site-navigation ul.sub-menu > li > a:focus-visible:after, #site-navigation ul.sub-menu > li > span:focus-visible:after, #site-navigation ul.sub-menu > li:focus-within > a:after, #site-navigation ul.sub-menu > li:focus-within > span:after { left: -5px; } #site-navigation ul.sub-menu > li > a:hover, #site-navigation ul.sub-menu > li > span:hover { color: #5F6257; } #site-navigation ul.sub-menu > li > a:focus-visible, #site-navigation ul.sub-menu > li > span:focus-visible { color: #5F6257; } #site-navigation ul.sub-menu > li.current-product_cat-ancestor > a:after, #site-navigation ul.sub-menu > li.current-menu-item > a:after, #site-navigation ul.sub-menu > li.current-menu-parent > a:after, #site-navigation ul.sub-menu > li.current-menu-ancestor > a:after, #site-navigation ul.sub-menu > li.current-page-item > a:after, #site-navigation ul.sub-menu > li.current-page-parent > a:after, #site-navigation ul.sub-menu > li.current-page-ancestor > a:after, #site-navigation ul.sub-menu > li.current-product_cat-ancestor > span:after, #site-navigation ul.sub-menu > li.current-menu-item > span:after, #site-navigation ul.sub-menu > li.current-menu-parent > span:after, #site-navigation ul.sub-menu > li.current-menu-ancestor > span:after, #site-navigation ul.sub-menu > li.current-page-item > span:after, #site-navigation ul.sub-menu > li.current-page-parent > span:after, #site-navigation ul.sub-menu > li.current-page-ancestor > span:after { left: 0; } #site-navigation ul.sub-menu:hover > li.current-product_cat-ancestor > a:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-menu-item > a:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-menu-parent > a:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-menu-ancestor > a:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-page-item > a:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-page-parent > a:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-page-ancestor > a:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-product_cat-ancestor > span:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-menu-item > span:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-menu-parent > span:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-menu-ancestor > span:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-page-item > span:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-page-parent > span:not(:hover):after, #site-navigation ul.sub-menu:hover > li.current-page-ancestor > span:not(:hover):after { left: -5px; } #site-navigation ul.sub-menu:focus-within > li.current-product_cat-ancestor > a:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-menu-item > a:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-menu-parent > a:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-menu-ancestor > a:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-page-item > a:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-page-parent > a:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-page-ancestor > a:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-product_cat-ancestor > span:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-menu-item > span:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-menu-parent > span:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-menu-ancestor > span:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-page-item > span:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-page-parent > span:not(:focus-visible):after, #site-navigation ul.sub-menu:focus-within > li.current-page-ancestor > span:not(:focus-visible):after { left: -5px; }