/*
Theme Name: eglux
Description: eglux Theme personnalisé
Author: Jonathan
Author URI: http://www.dev4u.lu
Template: twentyseventeen 
Version: 0.1.0
*/

body *{
	color: #fff;
}

h1{
	font-size: 26px;
	font-size: 1.625rem;
	font-weight: bold;
}
h2{
	font-size: 20px;
	font-size: 1.5rem;
	font-weight: bold;
}

/*FRONTPAGE*/
.home header#masthead, .home a.skip-link.screen-reader-text{
	/*display: none;*/
}
#frontpage{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 5;
	top: 0;
	left: 0;
}
#eglux, #renover{
	filter: grayscale(1);
	transition: ease-in all 0.40s;
}
#eglux:hover, #eglux:focus, #eglux:active, #renover:hover, #renover:focus, #renover:active{
	filter: grayscale(0);
	transition: ease-in all 0.40s;
}
#eglux{
	position: absolute;
	left:0;
	height: 100%;
	width: 50%;
	display: inline-block;
	background: url(./assets/images/hp-eglux.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#renover{
	position: absolute;
	right: 0;
	height: 100%;
	width: 50%;
	display: inline-block;
	background: url(./assets/images/hp-renover.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#eglux a, #renover a{
	width: 100%;
	height: 100%;
	float: left;
}
/*FRONTPAGE*/


/*NAV*/
#sitebrand img{
	max-width: 100%;
}
#sitebrand{
	display: inline-block;
	max-width: 100%;
	width: 100%;
	text-align: center;
}
.menu-menu-principal-container{
	display: inline-block;
	max-width: 100%;
	width: 100%;
	vertical-align: text-bottom;
}
.navigation-top{
	background: transparent;
	border: none;

	font-size: 18px;
	font-size: 1.125rem;
}
.home .navigation-top{
	background: transparent;
}
.navigation-top a{
	font-weight: normal;
}
.main-navigation a{
	display: initial;
	padding: 0;
}
.main-navigation a, 
.main-navigation a:hover,
.navigation-top .current-menu-item > a, 
.navigation-top .current_page_item > a {
	/*color: #fff;*/
	color: #000;
}
.page-id-32 .main-navigation a, 
.page-id-32 .main-navigation a:hover,
.page-id-32 .navigation-top .current-menu-item > a, 
.page-id-32 .navigation-top .current_page_item > a {
	color: #000;
}
.navigation-top .wrap-custom {
	padding: 0;
}
/*
.main-navigation a {
	padding: 1em 1.25em;
}
*/
/*NAV*/


/*IMAGE NAV*/
.single-featured-image-header{
	position: relative;
	background-color: #fafafa;
	border-bottom: none;
}
.single-featured-image-header img{
	max-height: 99.94vh;
}
/*IMAGE NAV*/


/*CONTENT*/
img{
	max-width: 100%;
}
.blog:not(.has-sidebar) #primary article, 
.archive:not(.page-one-column):not(.has-sidebar) #primary article, 
.search:not(.has-sidebar) #primary article, 
.error404:not(.has-sidebar) #primary .page-content, 
.error404.has-sidebar #primary .page-content, 
body.page-two-column:not(.archive) #primary .entry-content, 
body.page-two-column #comments{
	float: left;
	width: 100%;
}

.site-content-contain a{
	color: #ffdc43!important;
}
.site-content-contain a:hover{
	color: #fff!important;
}

.site-content-contain{
	background: #0a0b0b;
	color: #fff;
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding-left: 2em;
	padding-right: 2em;
}
.wrap #main ul{
	list-style:none;
}
.wrap #main ul li{
	background: url(./assets/images/puces.png) no-repeat 0 2.5px; 
	padding-left: 20px; 
	margin: 3px 0;
}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	color: gray;
	max-width: 140px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea,
body .cf7-style.cf7-style-77 textarea{
	color: #fff!important;
}
/*CONTENT*/


/*MEDIA QUERIES*/
/*min-width: 768*/
@media screen and (min-width: 48em) {
	.site-header{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background:transparent; 
		z-index: 10;
		z-index: 400;
	}
	/*PAGE DE CONTACT*/
	.site-header{
		background: rgba(255,255,255,0.35);
	}
	.page-id-32 .site-header{
		background: rgba(255,255,255,0.5);
	}
	.page-id-32 .leaflet-map{
		height: 100vh!important;
	}
	/*PAGE DE CONTACT*/
	.navigation-top .wrap-custom {
		padding: 2.5em 2em;
	}

	#sitebrand{
		max-width: 20%;
	}
	.menu-menu-principal-container{
		max-width: 77%;
	}
	.main-navigation a {
		/*padding: 0.60em 0.5em;*/
		font-size: 16px;
		/*font-size: 0.9375rem;*/

		/*font-size: 15px;*/
		/*font-size: 0.9375rem;*/
	}

	.main-navigation li:NOT(:last-child){
		margin-right: 0;
	}
	.main-navigation li{
		width: 24.5%;
		text-align: center;
		padding: 0.60em 0;
	}
	.main-navigation a{
		text-align: center;
	}

	.navigation-top .current-menu-item > a:after, 
	.navigation-top .current_page_item > a:after {
		content: url('./assets/images/activeMenuItem.png');
		position: absolute;
		color: #fff;
		bottom: -15px;
		left: 50%;
		transform: scale(0.5) translate(-50%,0);
	}

	.navigation-top .menu-menu-principal-container a:hover:after, 
	.navigation-top .menu-menu-principal-container a:hover:after {
		content: url('./assets/images/moveMenuItem.png');
		position: absolute;
		color: #fff;
		bottom: -15px;
		left: 50%;
		transform: scale(0.5) translate(-50%,0);
		transition: ease-in all 0.40s;
	}

	.wrap {
		max-width: 1400px;
		padding-left: 3em;
		padding-right: 3em;
	}

	#qsn_activite{
		border-left: solid #ffdc43 4px;
	}
	
	#coordonnees:after{
		position: absolute;
		content: "";
		top: 0;
		right: 0px;
		height: 100%;
		border-right: solid #ffdc43 4px;
	}

	.logged-in div.wpcf7{
		margin-top: 0;
	}
}

/*min-width: 1072px*/
@media screen and (min-width: 67em) {
	.navigation-top .wrap-custom {
		padding: 2.5em 2em;
	}

	#sitebrand{
		/*max-width: 15%;*/
		max-width: calc(15.5% - 1em);
	}
	.menu-menu-principal-container{
		/*max-width: 83%;*/
		max-width: calc(86% - 1em);
	}
	.main-navigation li {
		padding: 0.75em 0;
	}
	.main-navigation a {
		/*padding: 0.75em 0;*/
		font-size: 18px;
		font-size: 1.125rem;
	}

	.navigation-top .current-menu-item > a:after, 
	.navigation-top .current_page_item > a:after {
		transform: scale(0.99) translate(-50%,0);
	}

	.navigation-top .menu-menu-principal-container a:hover:after, 
	.navigation-top .menu-menu-principal-container a:hover:after {
		transform: scale(0.99) translate(-50%,0);
	}

	#coordonnees::after {
		right: 20px;
	}
}

@media screen and (max-width: 66.99em) {
	#sitebrand{
		max-width: 100%;
		padding: 1.5em 0;
	}
	.menu-menu-principal-container{
		max-width: 100%;
	}
}



@media (max-width: 47.99em) {
	h1{
		font-size: 20px;
		font-size: 1.25rem;
	}
	h2{
		font-size: 16px;
		font-size: 1rem;
	}
	body, button, input, select, textarea {
		font-size: 15px;
		font-size: 0.9375rem;
	}
	.page:NOT(.page-id-32) .site-header{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background:transparent;
		z-index: 10;  
	}
	.page.page-id-32 .site-header{
		position: relative;
		width: 100%;
		background:transparent;
		z-index: 10;  
	}
	#sitebrand{
		padding: 0;
	}
	.main-navigation a, 
	.main-navigation a:hover, 
	.navigation-top .current-menu-item > a, 
	.navigation-top .current_page_item > a {
		color: #000;
	}
	.navigation-top .current-menu-item > a:after, 
	.navigation-top .current_page_item > a:after {
		content: url('./assets/images/moveMenuItem.png');
		position: absolute;
		color: #fff;
		top: 30%;
		left: -15px;
		transform: rotate(90deg) scale(0.5) translate(0,-50%);
	}
	.navigation-top .menu-menu-principal-container a:hover:after, 
	.navigation-top .menu-menu-principal-container a:hover:after {
		content: url('./assets/images/moveMenuItem.png');
		position: absolute;
		color: #fff;
		top: 30%;
		left: -15px;
		transform: rotate(90deg) scale(0.5) translate(0,-50%);
	}
	.main-navigation a {
		display: block;
		padding: 1em 1.25em;
	}
	.icon {
		height: 2.4em;
		width: 2.4em;
		background: rgba(0,0,0,0.45);
		box-shadow: 0 0 12px #000;
		padding: 5px;
	}
	.menu-toggle {
		color: #fff;
		font-size: 16px;
		padding: 0.25em;
	}
	.menu-toggle:hover, 
	.menu-toggle:active, 
	.menu-toggle:focus{
		border: none;
		outline: none;
	}

	body .cf7-style.cf7-style-77 input,
	body .cf7-style.cf7-style-77 textarea,
	body .cf7-style.cf7-style-77 input[type="submit"]{
		width: 100%!important
	}

	#coordonnees{
		border-bottom: solid #ffdc43 4px;
	}
	#coordonnees *{
		text-align: center;
	}
}
@media (max-width: 479px) {
	
}

@media screen and (min-width: 1550px) {
	.main-navigation li{
		width: auto;
	}
	.main-navigation li:NOT(:last-child){
		margin-right: 2.5%;
	}
	.menu-menu-principal-container{
		margin-bottom: 14px;
	}
}
@media screen and (min-width: 1600px) {
	.main-navigation li:NOT(:last-child){
		margin-right: 3%;
	}
}
/*MEDIA QUERIES*/