header{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:700;box-sizing:border-box;box-shadow:0 2px 18px 0 rgba(0,0,0,.3);border-top:10px solid var(--color-blue);background:linear-gradient(90deg,#fff,#eae7ea);position:fixed;top:0;z-index:100;min-height:var(--site-min-height);padding:10px}header .logo{width:260px;height:auto}header .menu{gap:26px}header .menu,header .menu li{display:flex;flex-direction:row}header .menu li{align-items:center}header .menu li a,header .menu li span{font-family:var(--font-title)!important;font-size:20px;color:var(--color-blue);padding:20px 0;letter-spacing:.235px;cursor:pointer}header .menu li a:hover,header .menu li span:hover{font-weight:700;letter-spacing:0;color:var(--color-yellow)}header .menu li a.underline_link{transition:all .1s linear;padding:0}header .menu li.undermenu:hover span.underline_link{transition:all .2s linear;color:var(--color-yellow)}header .menu li .sousmenu:hover,header .menu li.undermenu:hover .sousmenu{display:flex;transition:all .2s linear}header .menu li .sousmenu{display:none;transition:all .2s linear;flex-direction:column;gap:8px;position:absolute;border:1px solid var(--color-blue);background-color:var(--color-gray);padding:20px;top:64px;transform:translateY(20px)}header #icons{cursor:pointer;display:none;font-size:24px;color:var(--color-blue)}@media screen and (max-width:1024px){header{align-items:center;justify-content:space-between;box-shadow:0;padding:0 8px}header #icons{display:block}header #icons:before{content:"☰"}header .menu{position:fixed;left:-100%;top:var(--site-min-height);display:flex;flex-direction:column;align-items:center;width:100%;background-color:#fff;box-shadow:0 2px 18px 0 rgba(0,0,0,.3);text-align:center;transition:.25s;gap:4px;padding:8px 0}header .menu li{padding:4px 0}header .menu li a,header .menu li a:hover{border-bottom:0;padding:0}header .menu li span.underline_link{display:none}header .menu li .sousmenu{display:flex;position:unset;background-color:transparent;border:0;gap:14px;padding:4px 0;transform:none}header.active #icons:before{content:"✕"}header.active ul{left:0}}