/*  
Theme Name: Viaduc de la Souleuvre
Theme URI: www.viaducdelasouleuvre.com
Description: Thème Wordpress pour Viaduc de la Souleuvre
Author: aprim
Author URI: www.viaducdelasouleuvre.com
*/

header .container {
	width:100%;
	background-color:#fff;
	max-width:none;
	padding-left:0;
	padding-right:0;
}
.navbar {
	height: 90px;
	border-radius: 0px;
	border:0px;
	padding:0px;
	position: fixed;
	top:0px;
	z-index: 20;
	width: 100%;
	background-color:#fff;
	transition: background-color 0.4s ease-in;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
	box-shadow:0px 2px 4px 0px rgba(0,0,0,0.10);
}
.page, .new-page {
	margin-top:90px;
}
@media (min-width: 768px) {
	.navbar {
		height:90px;
	}
	.page, .new-page {
		margin-top:90px;
	}
}
@media (min-width: 992px) {
}

.logo-menu-container {
	width:20%;
	height:90px;
}
.logo-menu-container .sitename {
	display:none;
}
.navbar h1,
.navbar .h1 {
	float:left;
	margin:0px;
}
.navbar-brand {
	vertical-align:top;
	height:90px;
	width:150px;
	text-align:center;
	padding:2px 0px 0px 15px;
	margin-right:0;
}
.navbar .logo {
	display:inline-block;
	vertical-align:top;
  transition: opacity 0.4s ease-in;
	max-width:130px;
	max-height:60px;
}

.menu-responsive {
	display:none;
	opacity:0;
}
.menu-burger {
	background-color:#0000fe;
	height:90px;
	float:right;	
}
.menu-burger button {
	background-color:#0000fe;
	height:100%;
	text-align:center;
	font-family: 'arvo-bold', sans-serif;
	font-size:18px;
	text-transform:uppercase;
	color:#fff;
	border:none;
	padding:0 40px;
	cursor:pointer;
}


@media (max-width: 1200px) {
	.navbar .logo {
		max-width: 180px;
		max-height: 70px;
		margin-top: 0px;
	}
}

@media (max-width: 991px) {
	.navbar .logo {
		max-width: 120px;
		max-height: 60px;
		margin-top: 0px;
	}
}

.navbar h1, 
.navbar h2 {
	width:auto;
}
.navbar .navbar-brand {
	float:left;
	margin-right:0px;
	width:120px;
	position:relative;
}
.navbar .logo {
	float:left;
	max-width:180px;
	max-height:84px;
}
.menu-responsive {
	position:fixed;
	width:100%;
	z-index:1000;
	right:-2000px;
	display:none;
	opacity:0;
	top:90px;
}	
@media (min-width:768px) {
	.menu-responsive {
		width:300px;
	}
}

.menu-responsive .menu-responsive-container {
	margin-top:0px;
}
.menu-responsive-container ul {
	list-style:none;
	margin:0px;
	padding:0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.menu-responsive-container ul.sub-menu {
	display:none;
	opacity:0;
}
.menu-responsive-container li {
	padding:0px 0;
	font-size:16px;
	font-family: 'arvo-bold',sans-serif;
	text-transform:uppercase;
}
.menu-responsive-container li:first-child {
	padding-top:0px;
}
.menu-responsive-container li:last-child {
	padding-bottom:0px;
}
.menu-responsive-container li a {
	color:#0000fe;
	background-color: #fff;
	height:100px;
	display:flex;
	flex-direction: column;
	justify-content: space-around;
}
.menu-responsive-container li a:hover,
.menu-responsive-container .current-menu-item a {
	color:#fff;
	background-color: #0000fe;
}