.menu-underline #underline{
color:var(--noir) !important;
border-bottom: 3px solid var(--noir);
& path{
stroke: var(--noir) !important;
}
& #submenu a{
border-bottom:none !important;
}
}
.menu-underline #underline-burger{
color:var(--noir) !important;
}
header{
height:100px;
background-color:var(--orange);
display: flex;
justify-content: center;
}
.menu-active{
color:var(--noir) !important;
border-bottom: 3px solid var(--noir);
& path{
stroke: var(--noir) !important;
}
& li{
background-color: var(--blanc) !important;
}
#submenu a {
border-bottom:none !important;
}
}
@media screen and (max-width:1366px){
.menu-active{
color:var(--noir) !important;
border-bottom: none !important;
& li{
background: none !important;
color:var(--noir) !important;
}
}
}
.menu-active:has(> img) {
border-bottom:none !important;
}
.active-sub li{
background-color: var(--blanc) !important;
}
.header{
width:80%;
display:flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 10000;
background-color: var(--orange);
}
.header__logo{
width: 77px;
height: 68px;
}
.dropdownmenu{
width:100%;
display: flex;
justify-content: end;
}
.dropdownmenu ul, .dropdownmenu li {
margin: 0;
padding: 0;
}
.dropdownmenu ul {
list-style: none;
display: flex;
width: 100%;
justify-content: end;
}
.dropdownmenu li {
float: left;
position: relative;
width:auto;
margin: 0 15px;
height:25px;
}
.dropdownmenu a {
color: #FFFFFF;
font-family:'PoppinsExtraBold';
font-size:14px;
display: inline;
text-align: center;
text-decoration: none;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.dropdownmenu li:hover a {
color:var(--noir);
border-bottom: 3px solid var(--noir);
}
.dropdownmenu li:hover{
cursor:pointer;
}
.dropdownmenu li:hover path{
stroke:var(--noir);
transition: all .25s ease;
}
.chevron{
height: 16px;
width: 18px;
position: relative;
top: -2px;
right: 3px;
& path{
stroke:white;
stroke-width: 2;
transition: all .25s ease;
}
}
#submenu {
left: 0;
opacity: 0;
position: absolute;
visibility: hidden;
z-index: 2;
display: flex;
flex-direction: column;
cursor:pointer;
}
li:hover ul#submenu {
opacity: 1;
visibility: visible;
width:400px;
margin-top: 25.6%;
box-shadow: rgba(10, 1, 1, 0.08) 0px 0px 10px 1px;
}
#submenu li {
float: none;
font-family:'PoppinsBold';
width: 100%;
margin:0;
font-size:14px;
display: flex;
align-items: center;
height:62px;
background-color: white;
padding-left:20px;
&:hover{
background-color: var(--blanc);
}
}
#submenu a {
border: none;
}