/** * CSS for mobile menu panel * **/ /** * MENU TOGGLE **/ #masthead #masthead-menu-toggle { position: absolute; left: 0; top: 0; z-index: auto; width: 50%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; justify-content: flex-start; -ms-align-items: stretch; align-items: stretch; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } #masthead #masthead-menu-toggle #masthead-menu-toggle-button { display: block; -webkit-flex: 0 1 400px; -moz-flex: 0 1 400px; -ms-flex: 0 1 400px; -o-flex: 0 1 400px; flex: 0 1 400px; -webkit-flex: 1 0 100px; -moz-flex: 1 0 100px; -ms-flex: 1 0 100px; -o-flex: 1 0 100px; flex: 1 0 100px; max-width: 400px; margin-left: 0; margin-right: auto; text-align: center; } #masthead #masthead-menu-toggle label { display: block; height: 156px; width: 69px; margin: 0 auto; background-color: #CD445B; /* Contrast color from #F25C75 */ display: block; border-bottom: 7px solid #AB3246; /* Contrast color from #D2475E */ cursor: pointer; text-transform: uppercase; color: #FFFFFF; font-weight: 700; font-size: 17px; line-height: 1; padding-top: 66px; text-align: center; position: relative; z-index: 2; } #masthead #masthead-menu-toggle label > i { display: block; height: 3px; width: 39px; margin: 0 auto 31px auto; background-color: #FFFFFF; border-radius: 999px; position: relative; display: none; } #masthead #masthead-menu-toggle label > i:before, #masthead #masthead-menu-toggle label > i:after { content: ''; display: block; width: 100%; height: 100%; background-color: inherit; border-radius: inherit; position: absolute; left: 0; } #masthead #masthead-menu-toggle label > i:before { top: -9px; } #masthead #masthead-menu-toggle label > i:after { top: 9px; } #masthead #masthead-menu-toggle:after { content: ''; pointer-events: none; opacity: 0; display: block; width: 475px; -webkit-flex: 0 1 475px; -moz-flex: 0 1 475px; -ms-flex: 0 1 475px; -o-flex: 0 1 475px; flex: 0 1 475px; height: 200px; } /** * MENU */ #site-navigation { position: absolute; left: -29vh; top: 0; width: 100%; height: 100%; z-index: 90000; pointer-events: none; -webkit-transition: left .7s cubic-bezier(.2,.4,.2,1); -o-transition: left .7s cubic-bezier(.2,.4,.2,1); transition: left .7s cubic-bezier(.2,.4,.2,1); } @media (prefers-reduced-motion: reduce) { #site-navigation { -webkit-transition: none; -o-transition: none; transition: none; } } #site #site-navigation:focus-within { left: 0; /*pointer-events: all;*/ } body.primary-menu-open #site #site-navigation { left: 0; /*pointer-events: all;*/ } #site-navigation ::-webkit-scrollbar { width: 10px; border-radius: 9999px; overflow: hidden; } #site-navigation ::-webkit-scrollbar-track { background: #9BB7BE; border-radius: 9999px; } #site-navigation ::-webkit-scrollbar-thumb { background: #0B1624; border-radius: 9999px; } #site-navigation ::-webkit-scrollbar-thumb:hover { background: #2F4662; cursor: pointer; } #site-navigation #site-navigation-block { position: absolute; left: 0; top: 0; height: 100%; max-width: 80vw; width: 416px; padding-right: 7px; z-index: 3; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform .7s cubic-bezier(.2,.4,.2,1); -o-transition: transform .7s cubic-bezier(.2,.4,.2,1); transition: transform .7s cubic-bezier(.2,.4,.2,1); display: block; overflow: visible; background-color: rgba(235,247,250,.93); background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22300%22%20height%3D%22500%22%20viewBox%3D%220%200%20300%20500%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23C2D6E0%22%20opacity%3D%220.3%22%20d%3D%22M0%2C250.435C48.421%2C302.452%2C268.171%2C235.663%2C300%2C0v500H0V250.435z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22320%22%20height%3D%22620%22%20viewBox%3D%220%200%20320%20620%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.3%22%20d%3D%22M0%2C620h194.711C223.85%2C552.919%2C240%2C478.993%2C240%2C401.326C240%2C243.361%2C173.227%2C100.854%2C66.128%2C0H0V620z%22%2F%3E%3C%2Fsvg%3E"), -moz-linear-gradient(top, hsla(192, 60%, 95%, .93) 0%, hsla(var(--theme_color_hue), 60%, 95%, .93) 100%); background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22300%22%20height%3D%22500%22%20viewBox%3D%220%200%20300%20500%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23C2D6E0%22%20opacity%3D%220.3%22%20d%3D%22M0%2C250.435C48.421%2C302.452%2C268.171%2C235.663%2C300%2C0v500H0V250.435z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22320%22%20height%3D%22620%22%20viewBox%3D%220%200%20320%20620%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.3%22%20d%3D%22M0%2C620h194.711C223.85%2C552.919%2C240%2C478.993%2C240%2C401.326C240%2C243.361%2C173.227%2C100.854%2C66.128%2C0H0V620z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsla(192, 60%, 95%, .93)), color-stop(100%, hsla(var(--theme_color_hue), 60%, 95%, .93))); background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22300%22%20height%3D%22500%22%20viewBox%3D%220%200%20300%20500%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23C2D6E0%22%20opacity%3D%220.3%22%20d%3D%22M0%2C250.435C48.421%2C302.452%2C268.171%2C235.663%2C300%2C0v500H0V250.435z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22320%22%20height%3D%22620%22%20viewBox%3D%220%200%20320%20620%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.3%22%20d%3D%22M0%2C620h194.711C223.85%2C552.919%2C240%2C478.993%2C240%2C401.326C240%2C243.361%2C173.227%2C100.854%2C66.128%2C0H0V620z%22%2F%3E%3C%2Fsvg%3E"), -webkit-linear-gradient(top, hsla(192, 60%, 95%, .93) 0%, hsla(var(--theme_color_hue), 60%, 95%, .93) 100%); background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22300%22%20height%3D%22500%22%20viewBox%3D%220%200%20300%20500%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23C2D6E0%22%20opacity%3D%220.3%22%20d%3D%22M0%2C250.435C48.421%2C302.452%2C268.171%2C235.663%2C300%2C0v500H0V250.435z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22320%22%20height%3D%22620%22%20viewBox%3D%220%200%20320%20620%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.3%22%20d%3D%22M0%2C620h194.711C223.85%2C552.919%2C240%2C478.993%2C240%2C401.326C240%2C243.361%2C173.227%2C100.854%2C66.128%2C0H0V620z%22%2F%3E%3C%2Fsvg%3E"), -o-linear-gradient(top, hsla(192, 60%, 95%, .93) 0%, hsla(var(--theme_color_hue), 60%, 95%, .93) 100%); background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22300%22%20height%3D%22500%22%20viewBox%3D%220%200%20300%20500%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23C2D6E0%22%20opacity%3D%220.3%22%20d%3D%22M0%2C250.435C48.421%2C302.452%2C268.171%2C235.663%2C300%2C0v500H0V250.435z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22320%22%20height%3D%22620%22%20viewBox%3D%220%200%20320%20620%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.3%22%20d%3D%22M0%2C620h194.711C223.85%2C552.919%2C240%2C478.993%2C240%2C401.326C240%2C243.361%2C173.227%2C100.854%2C66.128%2C0H0V620z%22%2F%3E%3C%2Fsvg%3E"), -ms-linear-gradient(top, hsla(192, 60%, 95%, .93) 0%, hsla(var(--theme_color_hue), 60%, 95%, .93) 100%); background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22300%22%20height%3D%22500%22%20viewBox%3D%220%200%20300%20500%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23C2D6E0%22%20opacity%3D%220.3%22%20d%3D%22M0%2C250.435C48.421%2C302.452%2C268.171%2C235.663%2C300%2C0v500H0V250.435z%22%2F%3E%3C%2Fsvg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22320%22%20height%3D%22620%22%20viewBox%3D%220%200%20320%20620%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20opacity%3D%220.3%22%20d%3D%22M0%2C620h194.711C223.85%2C552.919%2C240%2C478.993%2C240%2C401.326C240%2C243.361%2C173.227%2C100.854%2C66.128%2C0H0V620z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, hsla(192, 60%, 95%, .93) 0%, hsla(var(--theme_color_hue), 60%, 95%, .93) 100%); background-repeat: no-repeat, no-repeat, repeat-x; background-size: 0 0, 0 0, auto 100%; background-position: -999999px -999999px, -999999px -999999px, bottom center; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; } @media (prefers-reduced-motion: reduce) { #site-navigation #site-navigation-block { -webkit-transition: none; -o-transition: none; transition: none; } } /* #site-navigation #site-navigation-block:after { content: ''; display: block; width: 100%; padding-left: 29vh; height: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; right: 0; top: 0; z-index: 1; background-color: #9A1B1B; opacity: .56; /* WCAG 3:1 contrast on brightest pixels * opacity: .74; /* WCAG 4.5:1 contrast on brightest pixels * -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; -webkit-transform: skewX(-16deg); -ms-transform: skewX(-16deg); -o-transform: skewX(-16deg); transform: skewX(-16deg); }*/ #site #site-navigation:focus-within #site-navigation-block { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } body.primary-menu-open #site #site-navigation #site-navigation-block { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } #site-navigation #site-navigation-close { width: 100%; height: 100%; display: block; position: relative; cursor: pointer; z-index: 1; opacity: 0; text-indent: -9999px; -webkit-transition: opacity .7s cubic-bezier(.2,.4,.2,1); -o-transition: opacity .7s cubic-bezier(.2,.4,.2,1); transition: opacity .7s cubic-bezier(.2,.4,.2,1); display: none; } @media (prefers-reduced-motion: reduce) { #site-navigation #site-navigation-close { -webkit-transition: none; -o-transition: none; transition: none; } } #site #site-navigation:focus-within #site-navigation-close { opacity: 1; } body.primary-menu-open #site #site-navigation #site-navigation-close { opacity: 1; } #site-navigation #site-navigation-close:before, #site-navigation #site-navigation-close:after { display: none; } #site-navigation #site-navigation-block-outer { width: auto; height: auto; flex: 0 1 auto; overflow: hidden; position: relative; pointer-events: all; z-index: 2; padding-top: 30px; padding-bottom: 40px; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #site-navigation #site-navigation-block-wrapper { width: 100%; max-height: 100%; overflow: visible; transition: height .7s cubic-bezier(.7,0,.3,1); } /* body[data-menu_nb_items="0"] #site-navigation #site-navigation-block-wrapper { height: 0px; } body[data-menu_nb_items="1"] #site-navigation #site-navigation-block-wrapper { height: 52px; } body[data-menu_nb_items="2"] #site-navigation #site-navigation-block-wrapper { height: 104px; } body[data-menu_nb_items="3"] #site-navigation #site-navigation-block-wrapper { height: 156px; } body[data-menu_nb_items="4"] #site-navigation #site-navigation-block-wrapper { height: 208px; } body[data-menu_nb_items="5"] #site-navigation #site-navigation-block-wrapper { height: 260px; } body[data-menu_nb_items="6"] #site-navigation #site-navigation-block-wrapper { height: 312px; } body[data-menu_nb_items="7"] #site-navigation #site-navigation-block-wrapper { height: 364px; } body[data-menu_nb_items="8"] #site-navigation #site-navigation-block-wrapper { height: 416px; } body[data-menu_nb_items="9"] #site-navigation #site-navigation-block-wrapper { height: 468px; } body[data-menu_nb_items="10"] #site-navigation #site-navigation-block-wrapper { height: 520px; } body[data-menu_nb_items="11"] #site-navigation #site-navigation-block-wrapper { height: 572px; } body[data-menu_nb_items="12"] #site-navigation #site-navigation-block-wrapper { height: 624px; } body[data-menu_nb_items="13"] #site-navigation #site-navigation-block-wrapper { height: 676px; } body[data-menu_nb_items="14"] #site-navigation #site-navigation-block-wrapper { height: 728px; } body[data-menu_nb_items="15"] #site-navigation #site-navigation-block-wrapper { height: 780px; } body[data-menu_nb_items="16"] #site-navigation #site-navigation-block-wrapper { height: 832px; } body[data-menu_nb_items="17"] #site-navigation #site-navigation-block-wrapper { height: 884px; } body[data-menu_nb_items="18"] #site-navigation #site-navigation-block-wrapper { height: 936px; } body[data-menu_nb_items="19"] #site-navigation #site-navigation-block-wrapper { height: 988px; } */ #site-navigation #site-navigation-block-inner { position: relative; width: 100%; height: 100%; max-height: 100vh; left: 0; z-index: 2; -webkit-transition: left .7s cubic-bezier(.7,0,.3,1); -o-transition: left .7s cubic-bezier(.7,0,.3,1); transition: left .7s cubic-bezier(.7,0,.3,1); -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } body.menu-open-by-js #site-navigation #site-navigation-block-inner { -webkit-transition: left .4s cubic-bezier(.7,0,.3,1); -o-transition: left .4s cubic-bezier(.7,0,.3,1); transition: left .4s cubic-bezier(.7,0,.3,1); } @media (prefers-reduced-motion: reduce) { #site-navigation #site-navigation-block-inner, body.menu-open-by-js #site-navigation #site-navigation-block-inner { -webkit-transition: none; -o-transition: none; transition: none; } } #site-navigation.depth-0-open #site-navigation-block-inner { left: -100%; } #site-navigation.depth-1-open #site-navigation-block-inner { left: -200%; } #site-navigation.depth-2-open #site-navigation-block-inner { left: -300%; } #site-navigation.depth-3-open #site-navigation-block-inner { left: -400%; } #site-navigation.depth-4-open #site-navigation-block-inner { left: -500%; } #site-navigation.depth-5-open #site-navigation-block-inner { left: -600%; } #site-navigation.depth-6-open #site-navigation-block-inner { left: -700%; } #site-navigation.depth-7-open #site-navigation-block-inner { left: -800%; } #site-navigation.depth-8-open #site-navigation-block-inner { left: -900%; } #site-navigation #site-navigation-menu { display: table-cell; vertical-align: middle; width: 100%; height: auto; margin: 0; padding: 0; position: static; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: auto; overflow-x: hidden; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; flex: 0 1 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-start; -ms-align-items: stretch; align-items: stretch; } #site-navigation #site-navigation-menu:before { content: ''; display: block; -webkit-flex: 1 1 35%; -moz-flex: 1 1 35%; -ms-flex: 1 1 35%; -o-flex: 1 1 35%; flex: 1 1 35%; } #site-navigation #site-navigation-menu:after { content: ''; display: block; -webkit-flex: 1 1 65%; -moz-flex: 1 1 65%; -ms-flex: 1 1 65%; -o-flex: 1 1 65%; flex: 1 1 65%; } #site-navigation ul > li { list-style-type: none; display: table; width: 100%; line-height: 0; 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; justify-content: flex-start; -ms-align-items: center; align-items: center; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; flex: 0 0 auto; } /* Ecrart de padding entre item : 13.763778516423px */ /* #site-navigation ul > li:nth-child(1):nth-last-child(1) { padding-right: 73px; } #site-navigation ul > li:nth-child(1):nth-last-child(2) { padding-right: 67px; } #site-navigation ul > li:nth-child(2):nth-last-child(1) { padding-right: 81px; } #site-navigation ul > li:nth-child(1):nth-last-child(3) { padding-right: 67px; } #site-navigation ul > li:nth-child(2):nth-last-child(2) { padding-right: 81px; } #site-navigation ul > li:nth-child(3):nth-last-child(1) { padding-right: 94px; } #site-navigation ul > li:nth-child(1):nth-last-child(4) { padding-right: 58px; } #site-navigation ul > li:nth-child(2):nth-last-child(3) { padding-right: 72px; } #site-navigation ul > li:nth-child(3):nth-last-child(2) { padding-right: 85px; } #site-navigation ul > li:nth-child(4):nth-last-child(1) { padding-right: 99px; } #site-navigation ul > li:nth-child(1):nth-last-child(5) { padding-right: 53px; } #site-navigation ul > li:nth-child(2):nth-last-child(4) { padding-right: 67px; } #site-navigation ul > li:nth-child(3):nth-last-child(3) { padding-right: 80px; } #site-navigation ul > li:nth-child(4):nth-last-child(2) { padding-right: 94px; } #site-navigation ul > li:nth-child(5):nth-last-child(1) { padding-right: 108px; } #site-navigation ul > li:nth-child(1):nth-last-child(6) { padding-right: 49px; } #site-navigation ul > li:nth-child(2):nth-last-child(5) { padding-right: 63px; } #site-navigation ul > li:nth-child(3):nth-last-child(4) { padding-right: 76px; } #site-navigation ul > li:nth-child(4):nth-last-child(3) { padding-right: 90px; } #site-navigation ul > li:nth-child(5):nth-last-child(2) { padding-right: 104px; } #site-navigation ul > li:nth-child(6):nth-last-child(1) { padding-right: 118px; } #site-navigation ul > li:nth-child(1):nth-last-child(7) { padding-right: 44px; } #site-navigation ul > li:nth-child(2):nth-last-child(6) { padding-right: 58px; } #site-navigation ul > li:nth-child(3):nth-last-child(5) { padding-right: 71px; } #site-navigation ul > li:nth-child(4):nth-last-child(4) { padding-right: 85px; } #site-navigation ul > li:nth-child(5):nth-last-child(3) { padding-right: 99px; } #site-navigation ul > li:nth-child(6):nth-last-child(2) { padding-right: 113px; } #site-navigation ul > li:nth-child(7):nth-last-child(1) { padding-right: 126px; } #site-navigation ul > li:nth-child(1):nth-last-child(8) { padding-right: 39px; } #site-navigation ul > li:nth-child(2):nth-last-child(7) { padding-right: 53px; } #site-navigation ul > li:nth-child(3):nth-last-child(6) { padding-right: 66px; } #site-navigation ul > li:nth-child(4):nth-last-child(5) { padding-right: 80px; } #site-navigation ul > li:nth-child(5):nth-last-child(4) { padding-right: 94px; } #site-navigation ul > li:nth-child(6):nth-last-child(3) { padding-right: 108px; } #site-navigation ul > li:nth-child(7):nth-last-child(2) { padding-right: 121px; } #site-navigation ul > li:nth-child(8):nth-last-child(1) { padding-right: 135px; } #site-navigation ul > li:nth-child(1):nth-last-child(9) { padding-right: 35px; } #site-navigation ul > li:nth-child(2):nth-last-child(8) { padding-right: 49px; } #site-navigation ul > li:nth-child(3):nth-last-child(7) { padding-right: 62px; } #site-navigation ul > li:nth-child(4):nth-last-child(6) { padding-right: 76px; } #site-navigation ul > li:nth-child(5):nth-last-child(5) { padding-right: 90px; } #site-navigation ul > li:nth-child(6):nth-last-child(4) { padding-right: 104px; } #site-navigation ul > li:nth-child(7):nth-last-child(3) { padding-right: 117px; } #site-navigation ul > li:nth-child(8):nth-last-child(2) { padding-right: 131px; } #site-navigation ul > li:nth-child(9):nth-last-child(1) { padding-right: 145px; } #site-navigation ul > li:nth-child(1):nth-last-child(10) { padding-right: 30px; } #site-navigation ul > li:nth-child(2):nth-last-child(9) { padding-right: 44px; } #site-navigation ul > li:nth-child(3):nth-last-child(8) { padding-right: 57px; } #site-navigation ul > li:nth-child(4):nth-last-child(7) { padding-right: 71px; } #site-navigation ul > li:nth-child(5):nth-last-child(6) { padding-right: 85px; } #site-navigation ul > li:nth-child(6):nth-last-child(5) { padding-right: 99px; } #site-navigation ul > li:nth-child(7):nth-last-child(4) { padding-right: 112px; } #site-navigation ul > li:nth-child(8):nth-last-child(3) { padding-right: 126px; } #site-navigation ul > li:nth-child(9):nth-last-child(2) { padding-right: 140px; } #site-navigation ul > li:nth-child(10):nth-last-child(1) { padding-right: 154px; } #site-navigation ul > li:nth-child(1):nth-last-child(11) { padding-right: 25px; } #site-navigation ul > li:nth-child(2):nth-last-child(10) { padding-right: 39px; } #site-navigation ul > li:nth-child(3):nth-last-child(9) { padding-right: 52px; } #site-navigation ul > li:nth-child(4):nth-last-child(8) { padding-right: 67px; } #site-navigation ul > li:nth-child(5):nth-last-child(7) { padding-right: 80px; } #site-navigation ul > li:nth-child(6):nth-last-child(6) { padding-right: 94px; } #site-navigation ul > li:nth-child(7):nth-last-child(5) { padding-right: 107px; } #site-navigation ul > li:nth-child(8):nth-last-child(4) { padding-right: 121px; } #site-navigation ul > li:nth-child(9):nth-last-child(3) { padding-right: 135px; } #site-navigation ul > li:nth-child(10):nth-last-child(2) { padding-right: 149px; } #site-navigation ul > li:nth-child(11):nth-last-child(1) { padding-right: 163px; } #site-navigation ul > li:nth-child(1):nth-last-child(12) { padding-right: 20px; } #site-navigation ul > li:nth-child(2):nth-last-child(11) { padding-right: 34px; } #site-navigation ul > li:nth-child(3):nth-last-child(10) { padding-right: 47px; } #site-navigation ul > li:nth-child(4):nth-last-child(9) { padding-right: 61px; } #site-navigation ul > li:nth-child(5):nth-last-child(8) { padding-right: 75px; } #site-navigation ul > li:nth-child(6):nth-last-child(7) { padding-right: 89px; } #site-navigation ul > li:nth-child(7):nth-last-child(6) { padding-right: 102px; } #site-navigation ul > li:nth-child(8):nth-last-child(5) { padding-right: 116px; } #site-navigation ul > li:nth-child(9):nth-last-child(4) { padding-right: 130px; } #site-navigation ul > li:nth-child(10):nth-last-child(3) { padding-right: 144px; } #site-navigation ul > li:nth-child(11):nth-last-child(2) { padding-right: 158px; } #site-navigation ul > li:nth-child(12):nth-last-child(1) { padding-right: 171px; } #site-navigation ul > li:nth-child(1):nth-last-child(13) { padding-right: 15px; } #site-navigation ul > li:nth-child(2):nth-last-child(12) { padding-right: 29px; } #site-navigation ul > li:nth-child(3):nth-last-child(11) { padding-right: 42px; } #site-navigation ul > li:nth-child(4):nth-last-child(10) { padding-right: 56px; } #site-navigation ul > li:nth-child(5):nth-last-child(9) { padding-right: 70px; } #site-navigation ul > li:nth-child(6):nth-last-child(8) { padding-right: 84px; } #site-navigation ul > li:nth-child(7):nth-last-child(7) { padding-right: 97px; } #site-navigation ul > li:nth-child(8):nth-last-child(6) { padding-right: 111px; } #site-navigation ul > li:nth-child(9):nth-last-child(5) { padding-right: 125px; } #site-navigation ul > li:nth-child(10):nth-last-child(4) { padding-right: 139px; } #site-navigation ul > li:nth-child(11):nth-last-child(3) { padding-right: 153px; } #site-navigation ul > li:nth-child(12):nth-last-child(2) { padding-right: 166px; } #site-navigation ul > li:nth-child(13):nth-last-child(1) { padding-right: 180px; } #site-navigation ul > li:nth-child(1):nth-last-child(14) { padding-right: 11px; } #site-navigation ul > li:nth-child(2):nth-last-child(13) { padding-right: 25px; } #site-navigation ul > li:nth-child(3):nth-last-child(12) { padding-right: 38px; } #site-navigation ul > li:nth-child(4):nth-last-child(11) { padding-right: 52px; } #site-navigation ul > li:nth-child(5):nth-last-child(10) { padding-right: 66px; } #site-navigation ul > li:nth-child(6):nth-last-child(9) { padding-right: 80px; } #site-navigation ul > li:nth-child(7):nth-last-child(8) { padding-right: 93px; } #site-navigation ul > li:nth-child(8):nth-last-child(7) { padding-right: 107px; } #site-navigation ul > li:nth-child(9):nth-last-child(6) { padding-right: 121px; } #site-navigation ul > li:nth-child(10):nth-last-child(5) { padding-right: 135px; } #site-navigation ul > li:nth-child(11):nth-last-child(4) { padding-right: 149px; } #site-navigation ul > li:nth-child(12):nth-last-child(3) { padding-right: 162px; } #site-navigation ul > li:nth-child(13):nth-last-child(2) { padding-right: 176px; } #site-navigation ul > li:nth-child(14):nth-last-child(1) { padding-right: 190px; } #site-navigation ul > li:nth-child(1):nth-last-child(15) { padding-right: 8px; } #site-navigation ul > li:nth-child(2):nth-last-child(14) { padding-right: 22px; } #site-navigation ul > li:nth-child(3):nth-last-child(13) { padding-right: 35px; } #site-navigation ul > li:nth-child(4):nth-last-child(12) { padding-right: 49px; } #site-navigation ul > li:nth-child(5):nth-last-child(11) { padding-right: 63px; } #site-navigation ul > li:nth-child(6):nth-last-child(10) { padding-right: 77px; } #site-navigation ul > li:nth-child(7):nth-last-child(9) { padding-right: 90px; } #site-navigation ul > li:nth-child(8):nth-last-child(8) { padding-right: 104px; } #site-navigation ul > li:nth-child(9):nth-last-child(7) { padding-right: 118px; } #site-navigation ul > li:nth-child(10):nth-last-child(6) { padding-right: 132px; } #site-navigation ul > li:nth-child(11):nth-last-child(5) { padding-right: 146px; } #site-navigation ul > li:nth-child(12):nth-last-child(4) { padding-right: 159px; } #site-navigation ul > li:nth-child(13):nth-last-child(3) { padding-right: 173px; } #site-navigation ul > li:nth-child(14):nth-last-child(2) { padding-right: 187px; } #site-navigation ul > li:nth-child(15):nth-last-child(1) { padding-right: 201px; } #site-navigation ul.primary-menu > li:last-child:nth-child(n+3) { margin-top: 48px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(3) { padding-right: 64px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(2) { padding-right: 77px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(1) { padding-right: 91px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(4) { padding-right: 55px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(3) { padding-right: 68px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(2) { padding-right: 82px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(1) { padding-right: 96px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(5) { padding-right: 50px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(4) { padding-right: 63px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(3) { padding-right: 77px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(2) { padding-right: 91px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(1) { padding-right: 104px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(6) { padding-right: 46px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(5) { padding-right: 59px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(4) { padding-right: 73px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(3) { padding-right: 87px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(2) { padding-right: 101px; } #site-navigation ul.primary-menu > li:nth-child(6):nth-last-child(1) { padding-right: 113px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(7) { padding-right: 41px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(6) { padding-right: 54px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(5) { padding-right: 68px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(4) { padding-right: 82px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(3) { padding-right: 96px; } #site-navigation ul.primary-menu > li:nth-child(6):nth-last-child(2) { padding-right: 109px; } #site-navigation ul.primary-menu > li:nth-child(7):nth-last-child(1) { padding-right: 137px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(8) { padding-right: 36px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(7) { padding-right: 49px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(6) { padding-right: 63px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(5) { padding-right: 77px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(4) { padding-right: 91px; } #site-navigation ul.primary-menu > li:nth-child(6):nth-last-child(3) { padding-right: 104px; } #site-navigation ul.primary-menu > li:nth-child(7):nth-last-child(2) { padding-right: 118px; } #site-navigation ul.primary-menu > li:nth-child(8):nth-last-child(1) { padding-right: 146px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(9) { padding-right: 32px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(8) { padding-right: 45px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(7) { padding-right: 59px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(6) { padding-right: 73px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(5) { padding-right: 87px; } #site-navigation ul.primary-menu > li:nth-child(6):nth-last-child(4) { padding-right: 100px; } #site-navigation ul.primary-menu > li:nth-child(7):nth-last-child(3) { padding-right: 114px; } #site-navigation ul.primary-menu > li:nth-child(8):nth-last-child(2) { padding-right: 128px; } #site-navigation ul.primary-menu > li:nth-child(9):nth-last-child(1) { padding-right: 154px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(10) { padding-right: 27px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(9) { padding-right: 40px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(8) { padding-right: 54px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(7) { padding-right: 68px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(6) { padding-right: 82px; } #site-navigation ul.primary-menu > li:nth-child(6):nth-last-child(5) { padding-right: 95px; } #site-navigation ul.primary-menu > li:nth-child(7):nth-last-child(4) { padding-right: 109px; } #site-navigation ul.primary-menu > li:nth-child(8):nth-last-child(3) { padding-right: 123px; } #site-navigation ul.primary-menu > li:nth-child(9):nth-last-child(2) { padding-right: 137px; } #site-navigation ul.primary-menu > li:nth-child(10):nth-last-child(1) { padding-right: 163px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(11) { padding-right: 22px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(10) { padding-right: 35px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(9) { padding-right: 49px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(8) { padding-right: 63px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(7) { padding-right: 77px; } #site-navigation ul.primary-menu > li:nth-child(6):nth-last-child(6) { padding-right: 90px; } #site-navigation ul.primary-menu > li:nth-child(7):nth-last-child(5) { padding-right: 104px; } #site-navigation ul.primary-menu > li:nth-child(8):nth-last-child(4) { padding-right: 118px; } #site-navigation ul.primary-menu > li:nth-child(9):nth-last-child(3) { padding-right: 132px; } #site-navigation ul.primary-menu > li:nth-child(10):nth-last-child(2) { padding-right: 146px; } #site-navigation ul.primary-menu > li:nth-child(11):nth-last-child(1) { padding-right: 173px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(12) { padding-right: 17px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(11) { padding-right: 30px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(10) { padding-right: 44px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(9) { padding-right: 58px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(8) { padding-right: 72px; } #site-navigation ul.primary-menu > li:nth-child(6):nth-last-child(7) { padding-right: 85px; } #site-navigation ul.primary-menu > li:nth-child(7):nth-last-child(6) { padding-right: 99px; } #site-navigation ul.primary-menu > li:nth-child(8):nth-last-child(5) { padding-right: 113px; } #site-navigation ul.primary-menu > li:nth-child(9):nth-last-child(4) { padding-right: 127px; } #site-navigation ul.primary-menu > li:nth-child(10):nth-last-child(3) { padding-right: 141px; } #site-navigation ul.primary-menu > li:nth-child(11):nth-last-child(2) { padding-right: 154px; } #site-navigation ul.primary-menu > li:nth-child(12):nth-last-child(1) { padding-right: 182px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(13) { padding-right: 12px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(12) { padding-right: 25px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(11) { padding-right: 39px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(10) { padding-right: 53px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(9) { padding-right: 66px; } #site-navigation ul.primary-menu > li:nth-child(6):nth-last-child(8) { padding-right: 80px; } #site-navigation ul.primary-menu > li:nth-child(7):nth-last-child(7) { padding-right: 94px; } #site-navigation ul.primary-menu > li:nth-child(8):nth-last-child(6) { padding-right: 108px; } #site-navigation ul.primary-menu > li:nth-child(9):nth-last-child(5) { padding-right: 122px; } #site-navigation ul.primary-menu > li:nth-child(10):nth-last-child(4) { padding-right: 136px; } #site-navigation ul.primary-menu > li:nth-child(11):nth-last-child(3) { padding-right: 149px; } #site-navigation ul.primary-menu > li:nth-child(12):nth-last-child(2) { padding-right: 163px; } #site-navigation ul.primary-menu > li:nth-child(13):nth-last-child(1) { padding-right: 191px; } #site-navigation ul.primary-menu > li:nth-child(1):nth-last-child(14) { padding-right: 8px; } #site-navigation ul.primary-menu > li:nth-child(2):nth-last-child(13) { padding-right: 21px; } #site-navigation ul.primary-menu > li:nth-child(3):nth-last-child(12) { padding-right: 35px; } #site-navigation ul.primary-menu > li:nth-child(4):nth-last-child(11) { padding-right: 49px; } #site-navigation ul.primary-menu > li:nth-child(5):nth-last-child(10) { padding-right: 63px; } #site-navigation ul.primary-menu > li:nth-child(6):nth-last-child(9) { padding-right: 76px; } #site-navigation ul.primary-menu > li:nth-child(7):nth-last-child(8) { padding-right: 90px; } #site-navigation ul.primary-menu > li:nth-child(8):nth-last-child(7) { padding-right: 104px; } #site-navigation ul.primary-menu > li:nth-child(9):nth-last-child(6) { padding-right: 118px; } #site-navigation ul.primary-menu > li:nth-child(10):nth-last-child(5) { padding-right: 132px; } #site-navigation ul.primary-menu > li:nth-child(11):nth-last-child(4) { padding-right: 145px; } #site-navigation ul.primary-menu > li:nth-child(12):nth-last-child(3) { padding-right: 159px; } #site-navigation ul.primary-menu > li:nth-child(13):nth-last-child(2) { padding-right: 173px; } #site-navigation ul.primary-menu > li:nth-child(14):nth-last-child(1) { padding-right: 202px; } */ #site-navigation li.back-item > .site-navigation__submenu-label, #site-navigation a, #site-navigation li > span, #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus { text-decoration: none; display: block; position: relative; pointer-events: all; text-align: left; display: inline-flex; justify-content: flex-start; align-items: center; z-index: 1; text-transform: uppercase; font-weight: 500; font-size: 20px; font-size: 1.11111rem; line-height: 0; color: #0B1624; letter-spacing: -0.015em; padding: 11px 0px 8px 50px!important; width: auto; height: auto; outline: 0; /*background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiM2MzA5MDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MSUiIHN0b3AtY29sb3I9IiM2MzA5MDkiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzA5MDkiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, rgba(99,9,9,1) 66%, rgba(99,9,9,0.5) 84%, rgba(99,9,9,0) 96%); background: -webkit-gradient(linear, left top, right top, color-stop(66%, rgba(99,9,9,1)), color-stop(84%, rgba(99,9,9,0.5)), color-stop(96%, rgba(99,9,9,0))); background: -webkit-linear-gradient(left, rgba(99,9,9,1) 66%, rgba(99,9,9,0.5) 84%, rgba(99,9,9,0) 96%); background: -o-linear-gradient(left, rgba(99,9,9,1) 66%, rgba(99,9,9,0.5) 84%, rgba(99,9,9,0) 96%); background: -ms-linear-gradient(left, rgba(99,9,9,1) 66%, rgba(99,9,9,0.5) 84%, rgba(99,9,9,0) 96%); background: linear-gradient(to right, rgba(99,9,9,1) 66%, rgba(99,9,9,0.5) 84%, rgba(99,9,9,0) 96%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#630909', endColorstr='#00630909',GradientType=1 ); -webkit-background-size: 100% 100%; background-size: 100% 100%; background-repeat: repeat-y; background-position: right 100% top; -webkit-transition: background-position .5s cubic-bezier(.8,0,.2,1); -o-transition: background-position .5s cubic-bezier(.8,0,.2,1); transition: background-position .5s cubic-bezier(.8,0,.2,1); } @media (prefers-reduced-motion: reduce) { #site-navigation li.back-item > label, #site-navigation a { -webkit-transition: none; -o-transition: none; transition: none; } } #site-navigation li.back-item > label:hover, #site-navigation a:hover, #site-navigation li:hover > a[href="#"] { background-position: right top; } #site-navigation li.back-item > label:focus-visible, #site-navigation a:focus-visible, #site-navigation li:focus-visible > a[href="#"] { background-position: right top;*/ } #site-navigation li.back-item:hover > .site-navigation__submenu-label, #site-navigation a:hover, #site-navigation li:hover > span, #site-navigation li:hover > .site-navigation__submenu-label > span.label-aria-focus, #site-navigation li > .site-navigation__submenu-label:hover { color: #61788f; } /* #site-navigation li.color-blue > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item:hover > .site-navigation__submenu-label, #site-navigation li.color-blue > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item > .site-navigation__submenu-label:hover, #site-navigation li.back-item.color-blue:hover > .site-navigation__submenu-label, #site-navigation li.color-blue > a:hover, #site-navigation li.color-blue:hover > span, #site-navigation li.color-blue:hover > .site-navigation__submenu-label > span.label-aria-focus, #site-navigation li.color-blue > .site-navigation__submenu-label:hover { color: #61788f; } #site-navigation li.color-orange > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item:hover > .site-navigation__submenu-label, #site-navigation li.color-orange > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item > .site-navigation__submenu-label:hover, #site-navigation li.back-item.color-orange:hover > .site-navigation__submenu-label, #site-navigation li.color-orange > a:hover, #site-navigation li.color-orange:hover > span, #site-navigation li.color-orange:hover > .site-navigation__submenu-label > span.label-aria-focus, #site-navigation li.color-orange > .site-navigation__submenu-label:hover { color: #592D1F; } #site-navigation li.color-brown > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item:hover > .site-navigation__submenu-label, #site-navigation li.color-brown > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item > .site-navigation__submenu-label:hover, #site-navigation li.back-item.color-brown:hover > .site-navigation__submenu-label, #site-navigation li.color-brown > a:hover, #site-navigation li.color-brown:hover > span, #site-navigation li.color-brown:hover > .site-navigation__submenu-label > span.label-aria-focus, #site-navigation li.color-brown > .site-navigation__submenu-label:hover { color: #594A3D; } #site-navigation li.color-green > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item:hover > .site-navigation__submenu-label, #site-navigation li.color-green > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item > .site-navigation__submenu-label:hover, #site-navigation li.back-item.color-green:hover > .site-navigation__submenu-label, #site-navigation li.color-green > a:hover, #site-navigation li.color-green:hover > span, #site-navigation li.color-green:hover > .site-navigation__submenu-label > span.label-aria-focus, #site-navigation li.color-green > .site-navigation__submenu-label:hover { color: #38594A; } #site-navigation li.color-red > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item:hover > .site-navigation__submenu-label, #site-navigation li.color-red > .sub-menu-block > .sub-menu-block-inner > ul > li.back-item > .site-navigation__submenu-label:hover, #site-navigation li.back-item.color-red:hover > .site-navigation__submenu-label, #site-navigation li.color-red > a:hover, #site-navigation li.color-red:hover > span, #site-navigation li.color-red:hover > .site-navigation__submenu-label > span.label-aria-focus, #site-navigation li.color-red > .site-navigation__submenu-label:hover { color: #59130E; } */ #site-navigation li > a, #site-navigation li > span { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; -o-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; /*white-space: nowrap;*/ } #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus { color: transparent!important; max-width: 80vw; max-width: calc(80vw - 7px); width: 409px; /*white-space: nowrap;*/ /*border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: fixed !important; width: 1px; word-wrap: normal !important; word-break: normal; color: transparent; white-space: nowrap;*/ } #site-navigation li.back-item > .site-navigation__submenu-label > span.label-aria-focus { padding: 0; width: 0; display: inline-block; outline: 0 !important; } #site-navigation .site-navigation__submenu-label:focus-visible > span.label-aria-focus span, #site-navigation li.back-item > .site-navigation__submenu-label:focus-visible > span.back-item-label, #site-navigation a:focus-visible span { outline: 2px dotted #0B1624; outline-offset: 4px; } #site-navigation a[href="#"], #site-navigation a[href="#"] > span, #site-navigation li > span, #site-navigation li > span > span { pointer-events: none; } #site-navigation li.back-item > .site-navigation__submenu-label > span.back-item-label, #site-navigation a > span, #site-navigation li > span > span { position: relative; display: inline-block; color: inherit; } #site-navigation li.back-item > .site-navigation__submenu-label > span.back-item-label, #site-navigation a > span, #site-navigation li > span > span, #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus span { line-height: 1.1; display: inline-block; padding: 6px 6px 5px 6px; } #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus span { padding-right: 31px; margin-right: -25px; } #site-navigation li.back-item > .site-navigation__submenu-label > span.back-item-label { white-space: nowrap; } #site-navigation li.back-item > .site-navigation__submenu-label svg { transform: rotate(180deg); position: relative; margin-right: 5px; left: 0; transition: left .3s ease-in-out; } #site-navigation li.back-item > .site-navigation__submenu-label:hover svg { left: -5px; } /* #site-navigation li.back-item > .site-navigation__submenu-label > span.back-item-label:after, #site-navigation a > span:before, #site-navigation li > span > span:before { content: ''; display: block; position: absolute; left: -33px; top: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 4px; height: 0; padding: 0; background-color: #E20028; } /* #site-navigation li.back-item > label:hover > span:after, #site-navigation li.back-item > label:focus > span:after, #site-navigation a:hover > span:before, #site-navigation a:focus > span:before, #site-navigation li:hover > a[href="#"] > span:before, #site-navigation li:focus > a[href="#"] > span:before { width: 100%; } #site-navigation li:focus-within > a[href="#"] > span:before { width: 100%; } */ #site-navigation li.current-menu-item:before, #site-navigation li.current-page-item:before { content: ''; display: inline-block; vertical-align: middle; width: 6px; height: 25px; margin-left: 34px; margin-right: -40px; background-color: #8EA0B6; margin-top: 2px; flex: 0 0 6px; } #site-navigation li.current-product_cat-ancestor > a, #site-navigation li.current-menu-item > a, #site-navigation li.current-menu-parent > a, #site-navigation li.current-menu-ancestor > a, #site-navigation li.current-page-item > a, #site-navigation li.current-page-parent > a, #site-navigation li.current-page-ancestor > a, #site-navigation li.current-product_cat-ancestor > span, #site-navigation li.current-menu-item > span, #site-navigation li.current-menu-parent > span, #site-navigation li.current-menu-ancestor > span, #site-navigation li.current-page-item > span, #site-navigation li.current-page-parent > span, #site-navigation li.current-page-ancestor > span { font-weight: 700; } /* #site-navigation li.current-product_cat-ancestor > a > span:before, #site-navigation li.current-menu-item > a > span:before, #site-navigation li.current-menu-parent > a > span:before, #site-navigation li.current-menu-ancestor > a > span:before, #site-navigation li.current-page-item > a > span:before, #site-navigation li.current-page-parent > a > span:before, #site-navigation li.current-page-ancestor > a > span:before, #site-navigation li.current-product_cat-ancestor > span > span:before, #site-navigation li.current-menu-item > span > span:before, #site-navigation li.current-menu-parent > span > span:before, #site-navigation li.current-menu-ancestor > span > span:before, #site-navigation li.current-page-item > span > span:before, #site-navigation li.current-page-parent > span > span:before, #site-navigation li.current-page-ancestor > span > span:before { height: 100%; padding-top: 10px; padding-bottom: 8px; top: -10px; } #site-navigation li.back-item > .site-navigation__submenu-label > span.back-item-label:before, #site-navigation li.menu-item-has-children > a[href="#"] > span:after, #site-navigation li.menu-item-has-children > span > span:after, #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus span:after { content: ''; display: inline-block; width: 8px; height: 8px; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; -webkit-transform: translateX(-.04em) rotate(-45deg); -ms-transform: translateX(-.04em) rotate(-45deg); -o-transform: translateX(-.04em) rotate(-45deg); transform: translateX(-.04em) rotate(-45deg); position: relative; top: -3px; left: 0; margin-left: 8px; margin-right: 2px; -webkit-transition: margin-left .5s cubic-bezier(.8,0,.2,1), margin-right .5s cubic-bezier(.8,0,.2,1); -o-transition: margin-left .5s cubic-bezier(.8,0,.2,1), margin-right .5s cubic-bezier(.8,0,.2,1); transition: margin-left .5s cubic-bezier(.8,0,.2,1), margin-right .5s cubic-bezier(.8,0,.2,1); } #site-navigation li.back-item > .site-navigation__submenu-label > span.back-item-label:before { -webkit-transform: translateX(.04em) rotate(135deg); -ms-transform: translateX(.04em) rotate(135deg); -o-transform: translateX(.04em) rotate(135deg); transform: translateX(.04em) rotate(135deg); margin-right: 8px; margin-left: 5px; } #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus span:after { border-right-color: transparent; border-bottom-color: transparent; } @media (prefers-reduced-motion: reduce) { #site-navigation li.menu-item-has-children > a[href="#"] > span:after, #site-navigation li.menu-item-has-children > span > span:after { -webkit-transition: none; -o-transition: none; transition: none; } } #site-navigation li.back-item > .site-navigation__submenu-label:hover > span.back-item-label:before, #site-navigation li.back-item:hover > .site-navigation__submenu-label > span.back-item-label:before { margin-right: 13px; margin-left: 0; } #site-navigation li.back-item > .site-navigation__submenu-label:focus-visible > span.back-item-label:before, #site-navigation li.back-item:focus-visible > .site-navigation__submenu-label > span.back-item-label:before { margin-right: 13px; margin-left: 0; } #site-navigation li.menu-item-has-children > a[href="#"]:hover > span:after, #site-navigation li.menu-item-has-children:hover > a[href="#"] > span:after, #site-navigation li.menu-item-has-children > span:hover > span:after, #site-navigation li.menu-item-has-children:hover > span > span:after { margin-left: 13px; } #site-navigation li.menu-item-has-children > a[href="#"]:focus-visible > span:after, #site-navigation li.menu-item-has-children:focus-visible > a[href="#"] > span:after, #site-navigation li.menu-item-has-children > span:focus-visible > span:after, #site-navigation li.menu-item-has-children:focus-visible > span > span:after { margin-left: 13px; } /** * SOUS-MENU **/ #site-navigation li > .sub-menu-block { display: block; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; padding: 0; pointer-events: none; z-index: 1; opacity: 0; -webkit-transition: opacity 0s linear .7s; -o-transition: opacity 0s linear .7s; transition: opacity 0s linear .7s; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; } #site-navigation li > .sub-menu-block > .sub-menu-block-inner { height: 100%; width: 100%; display: table; position: relative; left: 0; top: auto; border: none; background-color: transparent; z-index: auto; -webkit-transform: none; -ms-transform: none; transform: none; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: left .7s cubic-bezier(.7,0,.3,1); -o-transition: left .7s cubic-bezier(.7,0,.3,1); transition: left .7s cubic-bezier(.7,0,.3,1); -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; -o-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-start; -ms-align-items: stretch; align-items: stretch; } #site-navigation li > .sub-menu-block > .sub-menu-block-inner:before { display: none; } #site-navigation li > .sub-menu-block:before { display: none; } #site-navigation li > .sub-menu-block > .sub-menu-block-inner > ul { flex: 1 1 auto; overflow: hidden; } #site-navigation.depth-0-open li > .sub-menu-block.sub-menu-depth-0 > .sub-menu-block-inner > ul, #site-navigation.depth-1-open li > .sub-menu-block.sub-menu-depth-1 > .sub-menu-block-inner > ul, #site-navigation.depth-2-open li > .sub-menu-block.sub-menu-depth-2 > .sub-menu-block-inner > ul, #site-navigation.depth-3-open li > .sub-menu-block.sub-menu-depth-3 > .sub-menu-block-inner > ul, #site-navigation.depth-4-open li > .sub-menu-block.sub-menu-depth-4 > .sub-menu-block-inner > ul, #site-navigation.depth-5-open li > .sub-menu-block.sub-menu-depth-5 > .sub-menu-block-inner > ul, #site-navigation.depth-6-open li > .sub-menu-block.sub-menu-depth-6 > .sub-menu-block-inner > ul, #site-navigation.depth-7-open li > .sub-menu-block.sub-menu-depth-7 > .sub-menu-block-inner > ul, #site-navigation.depth-8-open li > .sub-menu-block.sub-menu-depth-8 > .sub-menu-block-inner > ul, #site-navigation.depth-9-open li > .sub-menu-block.sub-menu-depth-9 > .sub-menu-block-inner > ul { overflow-y: auto; overflow-x: hidden; } /* #site-navigation li > .sub-menu-block > .sub-menu-block-inner > ul { display: table-cell; vertical-align: middle; padding: 0; position: static; height: 100%; max-height: 100vh; overflow: auto; overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: flex-start; -ms-align-items: stretch; align-items: stretch; } */ #site-navigation li > .sub-menu-block > .sub-menu-block-inner:before, #site-navigation li > .sub-menu-block > .sub-menu-block-inner:after { content: ''; display: block; -webkit-flex: 1 1 0; -moz-flex: 1 1 0; -ms-flex: 1 1 0; -o-flex: 1 1 0; flex: 1 1 0; } /* Bouton Sous-menu */ #site-navigation li > .site-navigation__submenu-label { padding: 0; line-height: 0; position: relative; text-align: right; display: inline-block; display: table-cell; width: auto; cursor: pointer; pointer-events: all; z-index: 2; width: 0; height: 52px; outline: 0; -webkit-order: -1; -moz-order: -1; -ms-order: -1; -o-order: -1; order: -1; -webkit-flex: 0 0 0px; -moz-flex: 0 0 0px; -ms-flex: 0 0 0px; -o-flex: 0 0 0px; flex: 0 0 0px; -webkit-appearance: none; appearance: none; border: none; background-color: transparent; background-image: none; background: none; } #site-navigation li > .site-navigation__submenu-label .submenu-toggle { display: inline-block; width: 60px; height: auto; min-height: 100%; padding: 10px 0 8px 0; line-height: 1.12rem; color: transparent; text-indent: -9999px; position: absolute; left: 0; top: 0; text-align: right; cursor: pointer; } @supports (aspect-ratio: 1/1) { #site-navigation li > .site-navigation__submenu-label .submenu-toggle { width: auto; aspect-ratio: 1/1; } } #site-navigation li > a[href="#"] ~ .site-navigation__submenu-label .submenu-toggle, #site-navigation li > span ~ .site-navigation__submenu-label .submenu-toggle { max-width: 85vw; width: calc(50vw - 327px); aspect-ratio: auto; max-width: calc(85vw - min(-107.52951965955px, max(-5.9738621077267vw, -13.763778516423vh))); width: calc(calc(50vw - 327px) - min(-107.52951965955px, max(-5.9738621077267vw, -13.763778516423vh))); } #site-navigation li > .site-navigation__submenu-label svg path, #site-navigation li > .site-navigation__submenu-label svg line, #site-navigation li > .site-navigation__submenu-label svg rect, #site-navigation li > .site-navigation__submenu-label svg circle, #site-navigation li > .site-navigation__submenu-label svg polyline { stroke: #0B1624; } #site-navigation li > .site-navigation__submenu-label:hover svg path, #site-navigation li > .site-navigation__submenu-label:hover svg line, #site-navigation li > .site-navigation__submenu-label:hover svg rect, #site-navigation li > .site-navigation__submenu-label:hover svg circle, #site-navigation li > .site-navigation__submenu-label:hover svg polyline { stroke: #61788f; } /* #site-navigation li.color-blue > .site-navigation__submenu-label:hover svg path, #site-navigation li.color-blue > .site-navigation__submenu-label:hover svg line, #site-navigation li.color-blue > .site-navigation__submenu-label:hover svg rect, #site-navigation li.color-blue > .site-navigation__submenu-label:hover svg circle, #site-navigation li.color-blue > .site-navigation__submenu-label:hover svg polyline { stroke: #61788f; } #site-navigation li.color-orange > .site-navigation__submenu-label:hover svg path, #site-navigation li.color-orange > .site-navigation__submenu-label:hover svg line, #site-navigation li.color-orange > .site-navigation__submenu-label:hover svg rect, #site-navigation li.color-orange > .site-navigation__submenu-label:hover svg circle, #site-navigation li.color-orange > .site-navigation__submenu-label:hover svg polyline { stroke: #592D1F; } #site-navigation li.color-brown > .site-navigation__submenu-label:hover svg path, #site-navigation li.color-brown > .site-navigation__submenu-label:hover svg line, #site-navigation li.color-brown > .site-navigation__submenu-label:hover svg rect, #site-navigation li.color-brown > .site-navigation__submenu-label:hover svg circle, #site-navigation li.color-brown > .site-navigation__submenu-label:hover svg polyline { stroke: #594A3D; } #site-navigation li.color-green > .site-navigation__submenu-label:hover svg path, #site-navigation li.color-green > .site-navigation__submenu-label:hover svg line, #site-navigation li.color-green > .site-navigation__submenu-label:hover svg rect, #site-navigation li.color-green > .site-navigation__submenu-label:hover svg circle, #site-navigation li.color-green > .site-navigation__submenu-label:hover svg polyline { stroke: #38594A; } #site-navigation li.color-red > .site-navigation__submenu-label:hover svg path, #site-navigation li.color-red > .site-navigation__submenu-label:hover svg line, #site-navigation li.color-red > .site-navigation__submenu-label:hover svg rect, #site-navigation li.color-red > .site-navigation__submenu-label:hover svg circle, #site-navigation li.color-red > .site-navigation__submenu-label:hover svg polyline { stroke: #59130E; } */ /* #site-navigation li > .site-navigation__submenu-label .submenu-toggle:before { content: ''; display: block; width: 1px; height: 70%; position: absolute; left: 0; top: 15%; background-color: #721623; opacity: .3; } #site-navigation li > a[href="#"] ~ .site-navigation__submenu-label .submenu-toggle:before { display: none; } #site-navigation li > .site-navigation__submenu-label .submenu-toggle:after { content: ''; display: block; position: absolute; border-right: 3px solid #5F0112; border-bottom: 3px solid #5F0112; width: 10px; height: 10px; top: 50%; right: 30px; margin-right: -4px; margin-top: -5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #site-navigation li > .site-navigation__submenu-label:hover .submenu-toggle:after, #site-navigation li > .site-navigation__submenu-label:focus .submenu-toggle:after { border-color: #A91427; } #site-navigation li.back-item > .site-navigation__submenu-label > span:before { content: ''; display: inline-block; vertical-align: middle; border-left: 3px solid currentColor; border-bottom: 3px solid currentColor; width: 10px; height: 10px; margin-right: 15px; margin-top: -2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } */ /** * HOMEPAGE OPEN * @media screen and (min-width: 1770px) { body.page-template-homepage label[for="menu-mobile-open-chk"] { display: none!important; } body.page-template-homepage #header-label-menu-mobile { display: none!important; } body.page-template-homepage #menu-mobile-open-chk ~ #site #site-navigation #site-navigation-block { pointer-events: all; } #site-navigation { max-width: 85%; width: 400px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: box-shadow .7s cubic-bezier(.2,.4,.2,1), transform .7s cubic-bezier(.2,.4,.2,1); -o-transition: box-shadow .7s cubic-bezier(.2,.4,.2,1), transform .7s cubic-bezier(.2,.4,.2,1); transition: box-shadow .7s cubic-bezier(.2,.4,.2,1), transform .7s cubic-bezier(.2,.4,.2,1); -webkit-box-shadow: 0 0 7px -7px rgba(0,0,0,.4); box-shadow: 0 0 7px -7px rgba(0,0,0,.4); background: -moz-linear-gradient(top, rgba(255,255,255,1) 15%, rgba(255,255,255,.5) 65%, rgba(255,255,255,0) 100%), -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 35%, rgba(255,255,255,1) 85%), -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%), -moz-linear-gradient(left, rgba(255,255,255,.5) 0%, rgba(255,255,255,.5) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 15%, rgba(255,255,255,.5) 65%, rgba(255,255,255,0) 100%), -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 35%, rgba(255,255,255,1) 85%), -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%), -webkit-linear-gradient(left, rgba(255,255,255,.5) 0%, rgba(255,255,255,.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 15%, rgba(255,255,255,.5) 65%, rgba(255,255,255,0) 100%), linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 35%, rgba(255,255,255,1) 85%), linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%), linear-gradient(to right, rgba(255,255,255,.5) 0%, rgba(255,255,255,.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); background-repeat: repeat-x, repeat-x, no-repeat, repeat; -webkit-background-size: auto 24%, auto 37%, 100% 100%, 100% 100%; background-size: auto 24%, auto 37%, 100% 100%, 100% 100%; background-position: top 6px center, bottom center, top 6px left, center center; } #site #site-navigation:focus-within { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 7px 0 7px -7px rgba(0,0,0,.4); box-shadow: 7px 0 7px -7px rgba(0,0,0,.4); } body.page-template-homepage #menu-mobile-open-chk ~ #site #site-navigation, #menu-mobile-open-chk:checked ~ #site #site-navigation { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 7px 0 7px -7px rgba(0,0,0,.4); box-shadow: 7px 0 7px -7px rgba(0,0,0,.4); } body.page-template-homepage #site-navigation { pointer-events: all; } #site #site-navigation:focus-within #site-navigation-block { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background-image: none; background: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; max-width: none; } #site-navigation #site-navigation-block, #menu-mobile-open-chk:checked ~ #site #site-navigation #site-navigation-block { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; background-image: none; background: none; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; max-width: none; } #site-navigation:before { right: 0px; left: auto; -webkit-transition: right .7s cubic-bezier(.2,.4,.2,1); -o-transition: right .7s cubic-bezier(.2,.4,.2,1); transition: right .7s cubic-bezier(.2,.4,.2,1); } #site #site-navigation:focus-within:before { right: -80px; } body.page-template-homepage #menu-mobile-open-chk ~ #site #site-navigation:before, #menu-mobile-open-chk:checked ~ #site #site-navigation:before { right: -80px; } } */ @media screen and (max-width:1630px) { #site-navigation li.back-item > .site-navigation__submenu-label, #site-navigation a, #site-navigation li > span, #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus { padding-left: 25px; font-size: 18px; font-size: 1.0588235294117647rem; } #site-navigation #site-navigation-menu::before, #site-navigation #site-navigation-menu::after { flex-basis: 50%; } }