/** * CSS for mobile menu panel * **/ /** * MENU */ #site-navigation { position: absolute; left: 0; top: 0; width: 100%; height: 540px; z-index: 900; pointer-events: none; } #site-navigation #site-navigation-block, #site-navigation #site-navigation-block:before, #site-navigation #site-navigation-block:after { width: 52%; min-width: 800px; height: 100%; z-index: 3; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: clip-path .7s cubic-bezier(1,0,.8,1); -o-transition: clip-path .7s cubic-bezier(1,0,.8,1); transition: clip-path .7s cubic-bezier(1,0,.8,1); -webkit-transition-delay: 0; -o-transition-delay: 0; transition-delay: 0; display: block; overflow: visible; background-color: #CCCACA; clip-path: polygon(0 0, calc(0% - 132px) 0, 0% 100%, 0 100%); } #site-navigation #site-navigation-block:before, #site-navigation #site-navigation-block:after { content: ''; position: absolute; left: 0; top: 0; background-image: none; background: none; } #site-navigation #site-navigation-block:before { background-color: #FAF8F8; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22750%22%20height%3D%22280%22%20viewBox%3D%220%200%20750%20280%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%23000000%22%20opacity%3D%220.03%22%20d%3D%22M9.107%2C243.453c-1.053-4.509-0.227-9.479%2C2.484-14.882c2.703-5.409%2C6.91-10.221%2C12.622-14.432c5.707-4.211%2C12.176-5.706%2C19.392-4.508c2.709%2C0.609%2C5.484%2C1.045%2C8.345%2C1.348c2.849%2C0.304%2C5.931%2C0.607%2C9.247%2C0.901c7.812-15.329%2C15.705-30.505%2C23.671-45.547c7.962-15.025%2C15.336-28.783%2C22.103-41.26c6.759-12.473%2C12.548-22.844%2C17.36-31.125c4.805-8.26%2C7.958-13.145%2C9.467-14.648c4.208-3.613%2C9.25-6.464%2C15.113-8.572c5.86-2.09%2C11.271-3.374%2C16.229-3.828c4.963-0.453%2C8.942%2C0%2C11.954%2C1.346c3.003%2C1.349%2C3.754%2C3.83%2C2.256%2C7.441c-1.505%2C3.009-4.892%2C9.016-10.15%2C18.045c-5.259%2C9.02-11.65%2C19.77-19.163%2C32.243c-7.515%2C12.479-15.86%2C26.156-25.03%2C41.032c-9.175%2C14.889-18.264%2C29.844-27.281%2C44.873c19.235-1.204%2C39.903-3.531%2C62.01-6.986c22.093-3.451%2C44.709-7.733%2C67.866-12.842c3.906-24.364%2C4.584-46.014%2C2.032-64.959c-2.555-18.93-7.742-34.413-15.561-46.448c-7.823-12.007-18.034-20.214-30.661-24.569c-12.629-4.349-26.916-3.834-42.847%2C1.582c-14.136%2C4.809-25.858%2C10.588-35.173%2C17.361c-9.323%2C6.77-16.464%2C14.354-21.422%2C22.758c-4.96%2C8.438-7.973%2C17.606-9.018%2C27.523c-1.06%2C9.902-0.38%2C20.291%2C2.029%2C31.112c0%2C2.416-0.608%2C4.211-1.801%2C5.41c-1.209%2C1.204-2.712%2C1.811-4.514%2C1.811c-1.808%2C0-3.54-0.751-5.187-2.253c-1.653-1.517-2.786-4.063-3.379-7.683c-3.313-12.017-4.059-24.71-2.263-38.094c1.805-13.374%2C5.936-26.23%2C12.407-38.56c6.462-12.33%2C15.254-23.592%2C26.382-33.828c11.117-10.208%2C24.352-18.033%2C39.684-23.445c23.148-8.412%2C44.268-11.345%2C63.362-8.789c19.09%2C2.553%2C34.344%2C10.675%2C45.775%2C24.353c11.413%2C13.681%2C18.258%2C32.991%2C20.518%2C57.94c2.251%2C24.959-1.733%2C55.471-11.952%2C91.557l-4.513%2C16.233c-5.411%2C17.136-12.329%2C35.323-20.744%2C54.564c-3.455%2C7.892-7.175%2C16.023-11.133%2C24.37h-19.346c3.36-7.819%2C6.465-15.501%2C9.284-23.028c6.315-16.819%2C11.276-32.918%2C14.88-48.247c-30.368%2C7.818-57.496%2C14.287-81.395%2C19.394c-23.907%2C5.114-45.031%2C9.322-63.366%2C12.623c-6.922%2C11.121-13.454%2C21.648-19.614%2C31.563c-1.645%2C2.647-3.231%2C5.209-4.769%2C7.695H28.22c4.752-10.15%2C10.18-21.424%2C16.292-33.832c-4.517%2C0.592-8.875%2C1.189-13.085%2C1.797c-4.209%2C0.604-7.971%2C1.063-11.271%2C1.349C13.842%2C249.923%2C10.154%2C247.965%2C9.107%2C243.453z%20M742.685%2C144.486c-0.503-1.11-1.411-1.907-2.721-2.415c-1.311-0.503-2.873-0.459-4.688%2C0.142c-5.841%2C2.221-12.485%2C4.59-19.939%2C7.107c-7.455%2C2.52-15.462%2C5.039-24.022%2C7.552c-8.564%2C2.527-17.473%2C5.046-26.738%2C7.558c-9.265%2C2.522-18.538%2C4.981-27.799%2C7.396c6.846-24.169%2C9.514-44.609%2C8.007-61.329c-1.503-16.729-6.098-29.66-13.747-38.833c-7.66-9.167-17.88-14.601-30.67-16.32c-12.797-1.702-26.94%2C0.256-42.457%2C5.886c-10.268%2C3.639-19.142%2C8.882-26.59%2C15.726c-7.448%2C6.838-13.343%2C14.398-17.675%2C22.66c-4.332%2C8.269-7.097%2C16.87-8.31%2C25.832c-1.205%2C8.966-0.705%2C17.485%2C1.511%2C25.533c0.402%2C2.423%2C1.157%2C4.127%2C2.266%2C5.138c1.107%2C1.009%2C2.269%2C1.514%2C3.48%2C1.514c1.206%2C0%2C2.206-0.407%2C3.019-1.21c0.807-0.805%2C1.21-2.015%2C1.21-3.631c-1.616-7.246-2.067-14.198-1.362-20.852c0.702-6.64%2C2.722-12.787%2C6.044-18.424c3.325-5.631%2C8.11-10.728%2C14.348-15.27c6.25-4.527%2C14.104-8.408%2C23.57-11.624c10.684-3.626%2C20.251-3.974%2C28.706-1.055c8.463%2C2.917%2C15.311%2C8.411%2C20.55%2C16.47c5.237%2C8.061%2C8.704%2C18.425%2C10.425%2C31.119c1.712%2C12.695%2C1.263%2C27.186-1.366%2C43.512c-15.511%2C3.425-30.66%2C6.294-45.466%2C8.601c-14.811%2C2.32-28.665%2C3.892-41.554%2C4.698c6.045-10.074%2C12.13-20.099%2C18.28-30.08c6.149-9.967%2C11.739-19.138%2C16.773-27.484c5.038-8.365%2C9.313-15.572%2C12.839-21.605c3.526-6.045%2C5.792-10.078%2C6.803-12.09c1.004-2.426%2C0.502-4.082-1.508-4.989c-2.02-0.907-4.687-1.212-8.011-0.907c-3.325%2C0.295-6.948%2C1.166-10.877%2C2.568c-3.93%2C1.41-7.307%2C3.327-10.123%2C5.737c-1.012%2C1.02-3.129%2C4.29-6.348%2C9.825c-3.22%2C5.542-7.1%2C12.494-11.634%2C20.847c-4.53%2C8.362-9.471%2C17.575-14.804%2C27.646c-5.339%2C10.079-10.627%2C20.254-15.865%2C30.531c-2.216-0.21-4.278-0.406-6.193-0.617c-1.914-0.189-3.776-0.5-5.591-0.902c-2.142-0.355-4.179-0.336-6.123%2C0.019c0.042-0.199%2C0.093-0.401%2C0.13-0.599c1.339-7.077%2C0.134-12.912-3.61-17.504c-3.743-4.581-9.563-8.18-17.444-10.795c-7.896-2.61-16.919-4.421-27.079-5.392c-10.17-0.984-20.932-1.367-32.298-1.161c-11.366%2C0.222-22.533%2C0.773-33.494%2C1.652c-17.385%2C1.293-30.359%2C0.653-38.914-1.964c-8.56-2.626-12.433-6.552-11.63-11.786c0.8-5.231%2C6.614-11.341%2C17.451-18.316c10.829-6.985%2C27.071-14.29%2C48.736-21.931c21.923-7.407%2C40.047-11.881%2C54.361-13.409c14.302-1.523%2C24.937-1.143%2C31.893%2C1.149c6.948%2C2.286%2C10.491%2C6.009%2C10.631%2C11.115c0.134%2C5.131-2.882%2C10.531-9.031%2C16.205c-2.94%2C2.608-4.349%2C4.9-4.211%2C6.872c0.134%2C1.958%2C1.137%2C3.321%2C3.006%2C4.085c1.874%2C0.763%2C4.28%2C0.811%2C7.222%2C0.167c2.942-0.653%2C5.885-2.398%2C8.827-5.235c5.081-5.017%2C8.765-10.961%2C11.032-17.836c2.27-6.879%2C2.741-13.521%2C1.399-19.96c-1.338-6.428-4.68-12.264-10.023-17.499c-5.351-5.235-13.036-8.729-23.066-10.475c-10.031-1.744-22.532-1.41-37.507%2C0.989c-14.983%2C2.397-32.764%2C8.072-53.356%2C17.01c-27.548%2C11.774-48.134%2C23.608-61.775%2C35.496c-13.64%2C11.892-20.66%2C22.419-21.065%2C31.575c-0.396%2C9.16%2C5.685%2C16.253%2C18.25%2C21.266c12.576%2C5.012%2C31.294%2C6.548%2C56.167%2C4.586c21.391-1.536%2C38.51-1.688%2C51.35-0.495c12.839%2C1.202%2C21.994%2C3.602%2C27.477%2C7.197c5.48%2C3.596%2C7.357%2C8.189%2C5.613%2C13.734c-1.736%2C5.568-6.617%2C11.727-14.637%2C18.493c-6.154%2C5.231-13.907%2C10.15-23.265%2C14.725c-9.37%2C4.583-19.529%2C8.62-30.491%2C12.111c-10.977%2C3.478-22.205%2C6.38-33.698%2C8.668c-11.499%2C2.281-22.334%2C3.768-32.496%2C4.404c-10.163%2C0.669-19.125%2C0.392-26.873-0.817c-7.762-1.197-13.44-3.587-17.051-7.198c-3.612-3.598-4.611-8.387-3.01-14.382c1.604-6.011%2C6.82-13.481%2C15.646-22.415c1.607-1.745%2C2.408-3.434%2C2.408-5.063c0-1.647-0.603-2.958-1.802-3.94c-1.205-0.979-2.813-1.475-4.819-1.475c-2.002%2C0-4.083%2C0.77-6.22%2C2.296c-1.602%2C0.879-4.073%2C2.945-7.422%2C6.219c-3.348%2C3.264-6.957%2C7.251-10.828%2C11.938c-3.881%2C4.692-7.559%2C9.872-11.031%2C15.546c-3.479%2C5.67-5.956%2C11.396-7.423%2C17.168c-1.475%2C5.786-1.602%2C11.449-0.399%2C17.022c1.202%2C5.558%2C4.476%2C10.397%2C9.829%2C14.554c2.416%2C1.969%2C5.385%2C3.613%2C8.895%2C4.938h74.308c6.729-1.259%2C13.623-2.785%2C20.698-4.608c15.242-3.93%2C30.088-8.883%2C44.523-14.884c14.443-5.997%2C27.944-12.94%2C40.521-20.783c12.364-7.722%2C22.513-16.295%2C30.479-25.703c1.267%2C0.898%2C3.098%2C1.249%2C5.529%2C1.012c2.213-0.193%2C4.731-0.494%2C7.556-0.894c2.817-0.408%2C5.739-0.807%2C8.762-1.222c-6.247%2C12.701-11.438%2C23.62-15.563%2C32.787c-4.126%2C9.178-6.295%2C14.654-6.497%2C16.466c-0.403%2C2.818-0.201%2C4.885%2C0.607%2C6.204c0.8%2C1.305%2C1.859%2C2.011%2C3.177%2C2.106c1.302%2C0.105%2C2.664-0.294%2C4.079-1.2c1.401-0.906%2C2.511-2.169%2C3.317-3.792c0-0.198%2C0.954-1.856%2C2.872-4.977c1.91-3.128%2C4.429-7.254%2C7.557-12.386c3.119-5.137%2C6.745-11.037%2C10.877-17.678c4.127-6.638%2C8.507-13.695%2C13.142-21.147c12.29-2.224%2C26.444-5.036%2C42.455-8.461c16.011-3.419%2C34.195-7.758%2C54.541-12.993c-2.421%2C10.271-5.738%2C21.057-9.969%2C32.324c-4.235%2C11.283-9.371%2C23.071-15.415%2C35.354c-1.209%2C2.208-1.616%2C4.131-1.209%2C5.748c0.398%2C1.615%2C1.209%2C2.768%2C2.419%2C3.476c1.207%2C0.693%2C2.619%2C0.799%2C4.23%2C0.296c1.612-0.501%2C3.021-1.954%2C4.231-4.376c7.652-14.706%2C14.299-28.509%2C19.94-41.4c5.634-12.892%2C10.271-25.084%2C13.903-36.56c15.108-4.034%2C31.522-8.715%2C49.244-14.053c17.729-5.34%2C36.163-11.233%2C55.301-17.677c2.011-0.603%2C3.373-1.555%2C4.074-2.864C743.083%2C146.803%2C743.181%2C145.587%2C742.685%2C144.486z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: auto; background-position: bottom center; z-index: 2; clip-path: polygon(0 0, calc(0% - 152px) 0, calc(0% - 20px) 100%, 0 100%); } #site-navigation #site-navigation-block:after { z-index: 1; background-color: #BF4848; clip-path: polygon(0 0, calc(0% - 142px) 0, calc(0% - 10px) 100%, 0 100%); } @media (prefers-reduced-motion: reduce) { #site-navigation #site-navigation-block { -webkit-transition: none; -o-transition: none; transition: none; } } #site-navigation #site-navigation-block #site-navigation-content { width: 100vw; width: calc(100vw - var(--scrollbar-width, 20px)); height: 100%; position: absolute; left: 0; top: 0; z-index: 3; padding: 0 320px; } #site-navigation #site-navigation-block #site-navigation-content-inner { width: 100%; max-width: 816px; margin: 0 auto; height: 100%; padding: 89px 10px 0 56px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #site-navigation #site-navigation-block #site-navigation-content-inner svg { width: 206px; max-width: 100%; height: 283px; } #site #site-navigation:focus-within #site-navigation-block, body.primary-menu-open #site #site-navigation #site-navigation-block { clip-path: polygon(0 0, calc(100% - 208px) 0, 100% 100%, 0 100%); -webkit-transition: clip-path .7s cubic-bezier(.2,0,0,1); -o-transition: clip-path .7s cubic-bezier(.2,0,0,1); transition: clip-path .7s cubic-bezier(.2,0,0,1); -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } #site #site-navigation:focus-within #site-navigation-block:before, body.primary-menu-open #site #site-navigation #site-navigation-block:before { clip-path: polygon(0 0, calc(100% - 228px) 0, calc(100% - 20px) 100%, 0 100%); -webkit-transition: clip-path .7s cubic-bezier(.2,0,0,1); -o-transition: clip-path .7s cubic-bezier(.2,0,0,1); transition: clip-path .7s cubic-bezier(.2,0,0,1); -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } #site #site-navigation:focus-within #site-navigation-block:after, body.primary-menu-open #site #site-navigation #site-navigation-block:after { clip-path: polygon(0 0, calc(100% - 218px) 0, calc(100% - 10px) 100%, 0 100%); -webkit-transition: clip-path .7s cubic-bezier(.2,0,0,1); -o-transition: clip-path .7s cubic-bezier(.2,0,0,1); transition: clip-path .7s cubic-bezier(.2,0,0,1); -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } #site-navigation #site-navigation-block-outer { position: absolute; left: 0; right: 0; top: 0; width: 100%; max-width: 1342px; margin: 0 auto; height: 100%; overflow: hidden; pointer-events: all; z-index: 3; padding: 129px 30px 77px 30px; } #site-navigation #site-navigation-block-wrapper { width: 100%; max-width: 272px; height: 100%; overflow: hidden; position: relative; } #site-navigation #site-navigation-block-inner { position: relative; width: 100%; height: 100%; 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); } 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%; } /* Trait droite */ #site-navigation #site-navigation-block-wrapper:after { content: ''; display: block; position: absolute; right: 0; top: 10px; width: 2px; height: 100%; background-color: #DB9B9B; -webkit-transition: height .7s cubic-bezier(.7,0,.3,1); -o-transition: height .7s cubic-bezier(.7,0,.3,1); transition: height .7s cubic-bezier(.7,0,.3,1); } /* Main menu (50*data-default-linesheight)+66 -161 */ #site-navigation[data-default-linesheight="1"] #site-navigation-block-wrapper:after { height: 116px; } #site-navigation[data-default-linesheight="2"] #site-navigation-block-wrapper:after { height: 166px; } #site-navigation[data-default-linesheight="3"] #site-navigation-block-wrapper:after { height: 55px; } #site-navigation[data-default-linesheight="4"] #site-navigation-block-wrapper:after { height: 105px; } #site-navigation[data-default-linesheight="5"] #site-navigation-block-wrapper:after { height: 155px; } #site-navigation[data-default-linesheight="6"] #site-navigation-block-wrapper:after { height: 205px; } #site-navigation[data-default-linesheight="7"] #site-navigation-block-wrapper:after { height: 255px; } #site-navigation[data-default-linesheight="8"] #site-navigation-block-wrapper:after { height: 305px; } #site-navigation[data-default-linesheight="9"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="10"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="11"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="12"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="13"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="14"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="15"] #site-navigation-block-wrapper:after { height: 35px; } #site-navigation[data-default-linesheight="16"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="17"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="18"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="19"] #site-navigation-block-wrapper:after { height: 355px; } #site-navigation[data-default-linesheight="20"] #site-navigation-block-wrapper:after { height: 355px; } /* Sub menu (50*data-linesheight)+50 */ #site-navigation[data-linesheight="1"] #site-navigation-block-wrapper:after { height: 100px; } #site-navigation[data-linesheight="2"] #site-navigation-block-wrapper:after { height: 150px; } #site-navigation[data-linesheight="3"] #site-navigation-block-wrapper:after { height: 200px; } #site-navigation[data-linesheight="4"] #site-navigation-block-wrapper:after { height: 250px; } #site-navigation[data-linesheight="5"] #site-navigation-block-wrapper:after { height: 300px; } #site-navigation[data-linesheight="6"] #site-navigation-block-wrapper:after { height: 350px; } #site-navigation[data-linesheight="7"] #site-navigation-block-wrapper:after { height: 400px; } #site-navigation[data-linesheight="8"] #site-navigation-block-wrapper:after { height: 450px; } #site-navigation[data-linesheight="9"] #site-navigation-block-wrapper:after { height: 500px; } #site-navigation[data-linesheight="10"] #site-navigation-block-wrapper:after { height: 550px; } #site-navigation[data-linesheight="11"] #site-navigation-block-wrapper:after { height: 600px; } #site-navigation[data-linesheight="12"] #site-navigation-block-wrapper:after { height: 650px; } #site-navigation[data-linesheight="13"] #site-navigation-block-wrapper:after { height: 700px; } #site-navigation[data-linesheight="14"] #site-navigation-block-wrapper:after { height: 750px; } #site-navigation[data-linesheight="15"] #site-navigation-block-wrapper:after { height: 800px; } #site-navigation[data-linesheight="16"] #site-navigation-block-wrapper:after { height: 850px; } #site-navigation[data-linesheight="17"] #site-navigation-block-wrapper:after { height: 900px; } #site-navigation[data-linesheight="18"] #site-navigation-block-wrapper:after { height: 950px; } #site-navigation[data-linesheight="19"] #site-navigation-block-wrapper:after { height: 1000px; } #site-navigation[data-linesheight="20"] #site-navigation-block-wrapper:after { height: 1050px; } /* Menu list */ #site-navigation #site-navigation-menu { display: table-cell; vertical-align: middle; width: 100%; height: 100%; 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 ul > li { list-style-type: none; display: table; width: 100%; height: 35px; min-height: 35px; 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; color: #878787; font-weight: 500; box-sizing: content-box; } #site-navigation ul > li.ecart-haut { padding-top: 18px; } #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; z-index: 1; text-transform: uppercase; font-weight: inherit; font-size: 15px; font-size: .9375rem; color: inherit; line-height: 0; letter-spacing: 0.035em; padding: 0 12px 0 12px; width: auto; height: 100%; outline: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; -ms-align-items: center; align-items: center; position: relative; } #site-navigation li > a, #site-navigation li > span { -webkit-flex: 0 1 100%; -moz-flex: 0 1 100%; -ms-flex: 0 1 100%; -o-flex: 0 1 100%; flex: 0 1 100%; white-space: nowrap; } #site-navigation li > a:hover { color: #BF4848; } #site-navigation li > a:focus-visible { color: #BF4848; } #site-navigation li.menu-item-has-children > a, #site-navigation li.menu-item-has-children > span { -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; flex: 0 1 auto; } #site-navigation li.menu-item-type-icons { padding: 42px 0 15px 4px; color: #676765; } #site-navigation li.menu-item-type-icons > * { display: inline-block; vertical-align: middle; padding: 0; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -o-flex: 0 0 auto; flex: 0 0 auto; } #site-navigation li.menu-item-type-icons > a, #site-navigation li.menu-item-type-icons > span { width: 40px; height: 40px; padding: 0; flex-basis: 40px; margin: 0; position: relative; display: inline-flex; justify-content: center; align-items: center; } #site-navigation li.menu-item-type-icons > .menu-item-icons-separator { width: 2px; height: 24px; flex-basis: 2px; background-color: currentColor; margin: 0 7px; opacity: 0.3; } #site-navigation li.menu-item-type-icons svg[aria-labelledby="menu-icon-link-access-title"] path { stroke: currentColor; stroke-width: 58; fill: transparent; } #site-navigation li.menu-item-type-icons svg[aria-labelledby="menu-icon-link-phone-title"] path { stroke: currentColor; stroke-width: 5; } #site-navigation li.menu-item-type-icons > #menu-icon-phone { pointer-events: all; } #site-navigation li.menu-item-type-icons #header-phone-tooltip { position: absolute; top: 62px; opacity: 0; transition: top .3s ease-in-out, opacity .3s ease-in-out; padding: 8px 17px; border-radius: 8px; background-color: #DDDDDD; color: #434343; filter: drop-shadow(0 0 2px rgba(0,0,0,.5)); } #site-navigation li.menu-item-type-icons #header-phone-tooltip:has(a) { padding: 0; } #site-navigation li.menu-item-type-icons #header-phone-tooltip > a { padding: 8px 17px; } #site-navigation li.menu-item-type-icons #header-phone-tooltip:before { content: ''; position: absolute; top: -16px; left: 50%; margin-left: -8px; border: 8px solid transparent; border-bottom-color: #DDDDDD; } #site-navigation li.menu-item-type-icons > #menu-icon-phone:hover #header-phone-tooltip { pointer-events: all; opacity: 1; top: 48px; } body.page-template-contact #site-navigation li.menu-item-type-icons > a:nth-child(1), body.page-template-acces #site-navigation li.menu-item-type-icons > a:nth-child(2) { color: #BF4848; } #site-navigation li.menu-item-type-icons svg { width: 28px; height: 28px; } #site-navigation li.menu-item-type-icons svg path { fill: currentColor; } #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: .85; display: inline-block; padding: 0; white-space: normal; } #site-navigation li.back-item > .site-navigation__submenu-label > span.back-item-label { white-space: nowrap; } /* Current */ #site-navigation li.current-product_cat-ancestor, #site-navigation li.current-menu-item, #site-navigation li.current-menu-parent.menu-item-submenu-no-parent, #site-navigation li.current-menu-ancestor.menu-item-submenu-no-parent/*, #site-navigation li.current-page-item, #site-navigation li.current-page-parent, #site-navigation li.current-page-ancestor*/ { font-weight: 700; color: #BF4848; } /* #site-navigation li.current-product_cat-ancestor:after, #site-navigation li.current-menu-item:after, #site-navigation li.current-menu-parent:after, #site-navigation li.current-menu-ancestor:after, #site-navigation li.current-page-item:after, #site-navigation li.current-page-parent:after, #site-navigation li.current-page-ancestor:after { content: ''; display: block; position: absolute; left: 11px; right: 0; margin-top: 39px; height: 2px; background-color: #BF4848; pointer-events: none; } *//* #site-navigation li.current-product_cat-ancestor:before, #site-navigation li.current-menu-item:before, #site-navigation li.current-menu-parent:before, #site-navigation li.current-menu-ancestor:before, #site-navigation li.current-page-item:before, #site-navigation li.current-page-parent:before, #site-navigation li.current-page-ancestor:before { content: ''; display: block; position: absolute; right: 0; margin-top: 28px; width: 0; height: 0; border: 5px solid transparent; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; pointer-events: none; } */ /** * 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; overflow: auto; -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; } /* Bouton Sous-menu */ #site-navigation li > .site-navigation__submenu-label { padding: 0; line-height: 0; position: relative; text-align: left; display: inline-block; 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; cursor: pointer; pointer-events: all; z-index: 2; width: auto; height: 35px; outline: 0; color: inherit; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; flex: 1 1 auto; -webkit-appearance: none; appearance: none; border: none; background-color: transparent; background-image: none; background: none; right: 0; } #site-navigation li.menu-item-submenu-no-parent > .site-navigation__submenu-label { position: absolute; width: 100%; } #site-navigation li.menu-item-submenu-no-parent:hover { color: #BF4848; } #site-navigation li.menu-item-submenu-no-parent:focus-visible { color: #BF4848; } #site-navigation li.menu-item-submenu-no-parent:focus-within { color: #BF4848; } #site-navigation li > .site-navigation__submenu-label:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 25px; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; -o-flex: 1 1 auto; flex: 1 1 auto; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%201000%201000%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%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23878787%22%20stroke-width%3D%22135%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22321.393%2C141.947%20679.167%2C499.72%20320.833%2C858.053%20%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; -webkit-background-size: auto; background-size: auto; background-position: left 10px top 47%; } #site-navigation li > .site-navigation__submenu-label:hover:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%201000%201000%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%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23BF4848%22%20stroke-width%3D%22135%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22321.393%2C141.947%20679.167%2C499.72%20320.833%2C858.053%20%22%2F%3E%3C%2Fsvg%3E"); } #site-navigation li > .site-navigation__submenu-label:focus-visible:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%201000%201000%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%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23BF4848%22%20stroke-width%3D%22135%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22321.393%2C141.947%20679.167%2C499.72%20320.833%2C858.053%20%22%2F%3E%3C%2Fsvg%3E"); } #site-navigation li.current-product_cat-ancestor > .site-navigation__submenu-label:after, #site-navigation li.current-menu-parent > .site-navigation__submenu-label:after, #site-navigation li.current-menu-ancestor > .site-navigation__submenu-label:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%201000%201000%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%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23BF4848%22%20stroke-width%3D%22135%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22321.393%2C141.947%20679.167%2C499.72%20320.833%2C858.053%20%22%2F%3E%3C%2Fsvg%3E"); } /* Bouton retour */ #site-navigation li.back-item > .site-navigation__submenu-label { padding-left: 30px; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%201000%201000%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%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23878787%22%20stroke-width%3D%22135%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22678.607%2C858.053%20320.833%2C500.279%20679.167%2C141.947%20%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; -webkit-background-size: auto; background-size: auto; background-position: left 10px top 47%; } #site-navigation li.back-item > .site-navigation__submenu-label:after { display: none; } #site-navigation li.back-item > .site-navigation__submenu-label:hover { color: #BF4848; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%201000%201000%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%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23BF4848%22%20stroke-width%3D%22135%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22678.607%2C858.053%20320.833%2C500.279%20679.167%2C141.947%20%22%2F%3E%3C%2Fsvg%3E"); } #site-navigation li.back-item > .site-navigation__submenu-label:focus-visible { color: #BF4848; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%201000%201000%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%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%22135%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20points%3D%22678.607%2C858.053%20320.833%2C500.279%20679.167%2C141.947%20%22%2F%3E%3C%2Fsvg%3E"); } /* Bouton retour aria */ #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus { color: transparent; white-space: nowrap; padding-right: 0; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; -o-flex: 0 1 auto; flex: 0 1 auto; position: absolute; } #site-navigation li.menu-item-submenu-no-parent > .site-navigation__submenu-label > span.label-aria-focus { position: relative; } #site-navigation li.back-item > .site-navigation__submenu-label > span.label-aria-focus { padding: 0; width: 0; display: inline-block; outline: 0 !important; position: absolute; } #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 #FFF; outline-offset: 4px; } /** * 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; display: block; border-bottom: 7px solid #AB3246; 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; } /* #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%; min-height: 30px; } #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%; min-height: 30px; } */ /* 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 > 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-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; } /* #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; min-height: 30px; -webkit-flex: 1 1 50%; -moz-flex: 1 1 50%; -ms-flex: 1 1 50%; -o-flex: 1 1 50%; flex: 1 1 50%; } /* #site-navigation li > .site-navigation__submenu-label:before { content: ''; display: block; position: absolute; left: 3px; top: 50%; margin-top: -3px; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #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 .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%; } } */ /* #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; } */