#header-navigation ul.primary-menu { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: flex-start; -ms-align-items: flex-start; align-items: flex-start; } #header-navigation ul.primary-menu > li { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; flex: 0 1 auto; margin: 0; text-align: left; position: relative; } #header-navigation ul.primary-menu > li:last-child { padding-top: 19px; } #header-navigation ul.primary-menu > li:last-child:before { content: ''; display: block; position: absolute; left: 19px; top: 8px; width: 100%; height: 1px; background-color: #9E1917; pointer-events: none; } #header-navigation ul.primary-menu > li a, #header-navigation ul.primary-menu > li > span { display: block; text-transform: uppercase; padding: 11px 19px 12px 19px; width: 100%; text-decoration: none; font-weight: 700; font-size: 18px; font-size: 1.125rem; color: #9E1917; letter-spacing: -0.02em; position: relative; -webkit-transition: none; -o-transition: none; transition: none; } /* #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: #1B0201; } #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; padding-top: 24px; pointer-events: all; -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); } #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 { background: rgba(2,3,0,.82); 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: 18px; font-size: 1.05882rem; line-height: 1; font-weight: 700; 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; }