/** Stylesheet for Emmepi header section **/

.emmepi-header .et_menu_container{
    width: 95% !important;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    grid-column-gap: 15px;
    max-width: 95% !important;
}
.emmepi-header .logo_container{
    position: relative !important;
    height: auto !important;
    width: auto !important;
}
.emmepi-header .clearfix:after{
    content: '' !important;
    display: none !important;
}
.emmepi-header #et-top-navigation{
    padding-left: 0 !important;
    padding-top: 0 !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.emmepi-header .menu-buttons-desktop{
    display: flex;
    align-items: center;
    gap: 10px;
}
.emmepi-header #et-top-navigation #top-menu-nav ul{
    border: 1px solid #1d1d1d;
    border-radius: 50px;
}
.mobile_nav .mobile_menu_bar:before{
	color:#1d1d1d!important;
}
.emmepi-header .menu-button.promo{
    color:#fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    background-color: #e2241c;
}
.emmepi-header .menu-button.login{
    color:#CDCDCE;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    background-color: #1d1d1d;
}
.emmepi-header #et-top-navigation #top-menu-nav ul li,
.emmepi-header .menu-button{
    line-height: 45px;
    padding-left: 11px !important;
    padding-right: 11px !important;
    border-radius: 50px;
	transition-duration: .3s;
	transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
	height:45px!important;
	padding-bottom:0!important;
	margin-top:0!important;
}
.emmepi-header .mobile_menu_bar:before{
	content: ' ' !important;
	background-image: url(/wp-content/uploads/2025/01/icon-menu-mobile.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	background-position: center;
	display: block;
}
.emmepi-header .mobile_nav.opened .mobile_menu_bar{
	padding-top: 12px !important;
}
.emmepi-header .mobile-voice.menu{
	padding-top: 0 !important;
}
@media screen and (min-width: 981px) {
	li.current_page_item{
		background-color:#000!important;
        color:#fff !important;
	}
	li.current_page_item a{
		color:#fff!important;
		padding-bottom:0!important;
	}
	.et_pb_menu__menu>nav>ul>li{
		align-items:center!important;
		
	}
	.menu-item-object-page a,.menu-item-object-custom a{
		color:#bfbfbf!important;
	}
	.menu-contact{
		text-transform: capitalize!important;
	}
}
.et_mobile_menu{
    border-top: 3px solid #e2241c !important;
    padding-top: 30% !important;
    top: 0 !important;
    height: 100vh;
}
.et_header_style_left #et-top-navigation .mobile_menu_bar{
    z-index: 99999 !important;
}
.et_mobile_menu li{
	border-radius: 50px;
	margin-bottom: 5px;
}
.et_mobile_menu li:last-child{
	margin-bottom: 0 !important;
}
.et_mobile_menu li:not(.promo){
	background-color: #1d1d1d;
}
.et_mobile_menu .mobile-voice.menu{
    position: absolute;
    top: 25px;
    background: transparent;
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #1d1d1d;
    width: 90%;
    border-radius: 0;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}
.et_mobile_menu .mobile-voice.menu a{
    font-size: 24px;
    font-weight: 500;
    color: #1d1d1d;
    padding-left: 0;
}
.et_mobile_menu .mobile-voice.promo{
    background-color: #e2241c !important;
}
.et_mobile_menu .mobile-voice.promo a{
    color: #fff !important;
}
.mobile_nav.opened .mobile_menu_bar{
    padding-top: 35px !important;
}
@media screen and (max-width: 980px) {
	.menu-item-object-page a,.menu-item-object-custom a{
		color:#bfbfbf;
	}
    .emmepi-header .et_menu_container{
        display: block !important;
    }
    .menu-buttons-desktop{
        display: none !important;
    }
    .emmepi-header .mobile_menu_bar{
        padding-bottom: 12px !important;
        padding-top: 12px !important;
    }
    .emmepi-header .logo_container{
        position: absolute !important;
        height: auto !important;
        width: 100% !important;
    }
    .emmepi-header .et_menu_container{
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 5%;
        padding-right: 5%;
    }
}
@media screen and (min-width: 981px){
	.mobile-voice{
		display: none !important;
	}
}