@charset "UTF-8";
/* CSS Document */

html,body{
	height: 100vh;
}
body{
	background: url("../images/bg.jpg") no-repeat left center fixed;
	background-size: cover;
	/*font-family: "Prompt", sans-serif !important;*/
	font-family: "Raleway", sans-serif !important;
  	font-weight: 400;
  	font-style: normal;
}
header, main, footer{
	box-sizing: border-box;
}
a{
	color: grey !important;
}
a:hover, a[aria-current="page"]{
	color: black !important;
}
button.hamburger{
	border: 0;
	background-color: transparent !important;
	position: absolute;
	top: 18px;
	left: 20px;
	transform: scale(0.5);
}
header.site-header{
	position: relative;
	padding: 0!important;
}
header .container{
	width: 100%;
}
.cb-header{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
}
a.site-logo{
	display: block;
	text-align: center;
	color: #E3B4AA;
	text-transform: uppercase;
	font-weight: normal;
}
a.site-logo h1{
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
	color: #E3B4AA;
}
a.site-logo h1:hover{
	color: black;
}
.cb-navigation {
  max-height: 0;
  padding: 0 48px;
  overflow: hidden;
  transition: max-height .5s ease-in-out; /* Animation fluide */
}
.cb-navigation.on {
  max-height: 50vh; /* Valeur > hauteur max réelle du contenu */
}
.cb-navigation nav:nth-of-type(1){
	text-transform: uppercase;
	margin-bottom: 20px
	/*font-weight: bold;*/
}
.cb-navigation nav:nth-of-type(2){
	text-transform: uppercase;
	margin-bottom: 20px
}
.cb-navigation nav:nth-of-type(2) a,  .socials a{
	color: #bbb !important;
}
.cb-navigation nav:nth-of-type(2) a:hover,  .socials a:hover, .cb-navigation nav:nth-of-type(2) a[aria-current="page"]{
	color: black !important;
}
.cb-navigation nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.cb-navigation nav li{
	padding: 3px 0;
}
main.site-main{
	height: calc(100vh - 80px);
}
@media (min-width: 1024px) {
	button.hamburger{
		display: none;
	}
	body{
		display: flex;
	}
	header.site-header{
		width:25vw!important;
		position: fixed;
	}
	main.site-main{
		margin-left:25vw;
		width:75vw!important;
		padding-top: 69px;
	}
	main.site-main.hp{
		padding-top: 0px;
	}
	.cb-header{
		justify-content: left;
	}
	a.site-logo{
		padding-left: 48px;
	}
	.cb-navigation{
		max-height: 100vh;
		height: auto; /* Valeur > hauteur max réelle du contenu */
	}
}