header .top .logo svg{ width:100%; max-width:347px; display:block; }
header .top .logo svg a{display:inline-block; display:flex; align-items: center;}


/****************************************************************/
/*** Menu - Hamburger
/****************************************************************/  
#hamburger{ 
	display:none;
	width: 110px; 
	height: 110px;
	align-items:center; 
	display:none; 
	z-index: 2000000;
	justify-content: center;   
	position: absolute; 
	top: 0;
	right: 0;
	background-color: #fff;
}

#hamburger .wrap{   
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:100;
	cursor: pointer; 
	text-align:center; 
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	width:42px; 
	height: 52px;
	padding-top: 11px;
	padding-bottom: 11px;
}   
#hamburger .wrap .line{
	width: 36px;
	height: 2px;
	background-color: #000;
	display: block; 
	margin:auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:4;
	position:relative;
} 
#hamburger .wrap .line:nth-child(1){ margin-bottom:7px; margin-top:5px; }
#hamburger .wrap .line:nth-child(3){ margin-top:7px; margin-bottom:5px; }   
#hamburger .wrap.is-active .line:nth-child(2){ opacity: 0; }
#hamburger .wrap.is-active .line:nth-child(1){
	-webkit-transform: translateY(9px) rotate(45deg);
	-ms-transform: translateY(9px) rotate(45deg);
	-o-transform: translateY(9px) rotate(45deg);
	transform: translateY(9px) rotate(45deg);
}
#hamburger .wrap.is-active .line:nth-child(3){
	-webkit-transform: translateY(-9px) rotate(-45deg);
	-ms-transform: translateY(-9px) rotate(-45deg);
	-o-transform: translateY(-9px) rotate(-45deg);
	transform: translateY(-9px) rotate(-45deg);
}   




/****************************************************************/
/*** Overlay  
/****************************************************************/
.nav-overlay *{clear:both;}
.nav-overlay *:after{ clear: both; display: table; line-height: 0; content: ""; }
#page{ overflow: auto; }
.nav-overlay{
	overflow: hidden;
	display: flex;
	position: fixed;   
	top: 0;
	right: 0; 
	width: 100%;
	height: 100%;
	z-index:10000000000000000;   
	opacity: 0;  
	background: #fff; 
 


} 
.nav-overlay:before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	background-image: url(/wp-content/themes/atypictheme/assets/images/svgs/bg-dark-banner-responsive.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 2;
	display: flex;
}

/****************************************************************/
/*** Overlay - Main nav
/****************************************************************/
.nav-overlay .overlay-inner{ 
	flex: 1; 
	z-index: 4; 
	overflow: auto; 
	padding: 120px 20px 120px 20px;  

}

.nav-overlay #hamburger{z-index: 200;} 
.nav-overlay .overlay-inner .menu-principal-fr-container,
body .nav-overlay .overlay-inner .menu-secondaire-fr-container{display:block; width:100%; }  
.nav-overlay #hamburger:before{
	content: "";
	display: block;
	background-color: #fff;
	left:-1000px;
	right: 0;
	bottom: 0;
	top: 0;
	position: absolute;
}

.nav-overlay .overlay-inner .menu-primaire-container{position: relative; z-index: 3; padding-top:80px; width: 100%; } 


.nav-overlay ul li:before{display: none!important;}
.nav-overlay ul{padding: 0 0 0 0; margin: 0 0 0 0;}
.nav-overlay ul li{padding: 0 0 0 0; margin: 0 0 0 0;}
.nav-overlay ul ul{padding: 0 0 0 0; margin: 0 0 0 0;}
.nav-overlay .overlay-inner .nav-menu > li{padding-bottom: 26px;}
.nav-overlay .overlay-inner .nav-menu > li,
.nav-overlay .overlay-inner .nav-menu > li > a{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-transform: uppercase; 
	font-size: 16px;
	line-height: 20px;
} 
.nav-overlay .overlay-inner .nav-menu > li > ul{padding-top: 10px;}
.nav-overlay .overlay-inner .nav-menu > li > ul > li{padding-bottom: 5px;}
.nav-overlay .overlay-inner .nav-menu > li > ul > li, 
.nav-overlay .overlay-inner .nav-menu > li > ul > li > a{
	font-size: 17px;
	line-height: 19px;
	text-transform: initial; 
}


.nav-overlay .overlay-inner #menu-principal-fr.nav-menu{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0 20px; 
}

.nav-overlay .overlay-inner .nav-menu > li.current_page_parent > a,
.nav-overlay .overlay-inner .nav-menu > li.current-menu-parent > a,
.nav-overlay .overlay-inner .nav-menu > li.current-menu-ancestor > a,
.nav-overlay .overlay-inner .nav-menu > li.current-menu-item > a{   /*text-decoration: line-through;*/ }
 
.nav-overlay .overlay-inner .nav-menu > li > ul li.current-menu-item a{background-color: #05c3de; font-weight:500; font-family: "StRydeMedium";}

.nav-overlay .menu-secondaire-fr-container .nav-menu{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: flex;
	flex-direction: row ;
	position: absolute;
	
	left: 0px;
	right: 0;
	bottom: 0; 
}
.nav-overlay .menu-secondaire-fr-container .nav-menu li{
	border-radius: 0;
	border: 0px solid transparent;
}
.nav-overlay .menu-secondaire-fr-container .nav-menu li a{
	height: 100%; 
	width: 100%;
	border-radius: 0;
	border: 0px solid transparent;
}
.nav-overlay .menu-secondaire-fr-container .nav-menu li a:before{display: none!important}
.nav-overlay .menu-secondaire-fr-container .nav-menu li a{
	height: 100px; 
	background-color: #F50179!important;
	padding:20px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.nav-overlay .menu-secondaire-fr-container .nav-menu li:last-child a{background-color: #05C3DE!important;}

.nav-overlay .menu-secondaire-fr-container .nav-menu ul{padding: 0 0 0 0; margin: 0 0 0 0;}
.nav-overlay .menu-secondaire-fr-container .nav-menu ul li{padding: 0 0 0 0; margin: 0 0 0 0;}
.nav-overlay .menu-secondaire-fr-container .nav-menu > li, .nav-overlay .menu-secondaire-fr-container > li > a{padding: 0 0 0 0; margin: 0 0 0 0; width: initial; min-width: initial;}
.nav-overlay .menu-secondaire-fr-container .nav-menu li{flex: 1;}





/****************************************************************/
/*** Responsive
/****************************************************************/

@media screen and (max-width: 1150px){   
	header{height: 110px;}
	header{overflow:hidden; padding:0 110px 0 40px;} 
	header .p-80{padding-left: 0; padding-right: 0;}
	#hamburger{display:flex;}    
	header .top .menu-secondaire-fr-container{display: none;}
	header .top .logo a{display: flex;}
	header .bot{display: none!important;}
	header .top .logo{width: 280px;}
	header .top{padding-top: 0;}
	header{display: flex; align-items: center;}
	header{display: flex; align-items: center;} 
	.nav-overlay .overlay-inner .nav-menu > li.menuplfin > a{display: initial!important;}






.menuplfin > a {
    display: block!important;
}

.menuplfin:first-child{
    margin-top:5px!important;
}
.sub-menu .sub-menu, .sub-menu .sub-menu {
    display:block!important;
    position:relative!important;
    left:15px!important;
    top: 00px!important;
    background-color: #fff!important;
    width:auto!important;
    padding: 00px!important;
    margin: 0px!important;
}
.sub-menu .sub-menu > li.menuplfin, .sub-menu .sub-menu > li.menuplfin{margin:5px 0px!important;}
.sub-menu .sub-menu > li.menuplfin > a, .sub-menu .sub-menu > li.menuplfin > a{
	background-color:#fff!important;
	color:#002565!important;
	font-weight:normal!important;
	font-size:17px!important;
	line-height:17px!important;
	padding: 2px 0px!important;
	margin:5px 0px!important;
	font-family: "StRyde"!important;
	display:inline!important;
}

.sub-menu .menuplfin.current-menu-item > a, .sub-menu .menuplfin.current-menu-item > a {
    background-color: #05c3de!important;
    font-weight: 500;
    font-family: "StRydeMedium"!important;
}

.nav-overlay .overlay-inner .nav-menu > li > ul li.current-menu-item > a{
	background-color: #05c3de!important;
    font-weight: 500;
    font-family: "StRydeMedium"!important;
}


.nav-overlay .overlay-inner .nav-menu.primary-menu > li.current-menu-item > a{
	background-color: #05c3de!important;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}


/*.sub-menu .current-page-parent > a{
    text-decoration: line-through;
    font-family: "StRydeMedium"!important;
}*/

}

@media screen and (max-width: 900px){
.nav-overlay .overlay-inner #menu-principal-fr.nav-menu{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0 20px;  
	}
}


@media screen and (max-width: 600px){
	.nav-overlay .menu-secondaire-fr-container .nav-menu{flex-direction: column;}
	.nav-overlay .menu-secondaire-fr-container .nav-menu li a{height: 80px;}
	.nav-overlay .overlay-inner{padding-bottom: 180px;}
	.nav-overlay .overlay-inner #menu-principal-fr.nav-menu{
		display:flex;
		flex-direction: column; 
	}
}

@media screen and (max-width: 500px){
	.nav-overlay .overlay-inner ul#primary li a{font-size: 1.5em;}

	header{padding-left: 20px; height: 90px;}
	header .top .logo{width: 200px;}
	#hamburger{width: 80px; height: 90px;}
	.nav-overlay .overlay-inner{padding-top: 90px;}
}