/*
Theme Name: ROUGEVERT - chauffea
Author: rougevert communication
Text Domain: chauffea
*/

@font-face {
    font-family: 'komikazbaregular';
    src: url('./fonts/komikzba-webfont.woff2') format('woff2'),
         url('./fonts/komikzba-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* COULEURS */
.orange{color: #DE4D35;}
.cyan{color: #038DD1;}
.vert{color: #C4CB04;}
.gris-bleu-fonce{color: #182C38;}

/* GENERAL */
.container-fluid{
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.row {margin: 0px; padding: 0px;}

body{
color: #182C38;
font-family: roboto, sans-serif;
font-weight: 400;
font-style: normal;
}

h1{
font-family: 'komikazbaregular';
font-weight: normal;
font-style: normal;
font-size: 35px;
text-align: center;
margin-top: 15px;
}

h2, h2.elementor-heading-title.elementor-size-default{
font-family: 'komikazbaregular' !important;
font-size: 35px;
}

h3{
font-family: 'komikazbaregular' !important;
font-size: 25px;
color: #182C38;
}

label.gfield_consent_label a:hover {color: white;}

/* HEADER */
ul#menu-menu-preheader{list-style: none; text-align: center; padding: 10px 0; margin-bottom: 0;}

ul#menu-menu-preheader li{display: inline-block; padding: 0 2em;}

ul#menu-menu-preheader li a {color: #182C38; font-size: 20px; font-family: 'komikazbaregular';}

#second-header{
	background-color: #182C38;
	color: white;
	background-image: url(../chauffea/images/plan-chauffea-blanc.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: cover;
}

#logo-header {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 155px;
}

ul#menu-menu-droite{list-style: none; text-align: center; padding: 2em 0 0 0; margin-bottom: 0;}

ul#menu-menu-droite li{display: inline-block; padding: 0 10px;}

ul#menu-menu-droite li a{color: white; font-size: 20px;}

a.menu-image-title-after.menu-image-not-hovered img {height: 20px;  width: auto; padding-right: 0;}

#feuille-blanche-menu {background-size: contain; height: 20px; background-repeat: no-repeat;}

#fausse-li {padding-top: 2em; font-size: 20px; text-align: center;}

#fausse-li img {margin-right: 15px;}

ul#menu-menu-gauche{list-style: none; text-align: center;}

ul#menu-menu-gauche li{display: inline-block; padding: 0 10px;}

ul#menu-menu-gauche li a {color: white; font-size: 18px;}

li#menu-item-371 a {
	text-decoration: underline #DE4D35 3px solid !important;
	text-decoration-line: underline !important;
	-webkit-text-decoration-line: underline !important;
	text-decoration-color: #DE4D35;
	-webkit-text-decoration-color: #DE4D35;
	text-decoration-thickness: 3px !important;
	}

li#menu-item-289 a {
	text-decoration: underline #038DD1 3px solid !important;
	text-decoration-line: underline !important;
	-webkit-text-decoration-line: underline !important;
	text-decoration-color: #038DD1;
	-webkit-text-decoration-color: #038DD1;
	text-decoration-thickness: 3px !important;
	}

li#menu-item-384 a {
	text-decoration: underline #C4CB04 3px solid !important;
	text-decoration-line: underline !important;
	-webkit-text-decoration-line: underline !important;
	text-decoration-color: #C4CB04;
	-webkit-text-decoration-color: #C4CB04;
	text-decoration-thickness: 3px !important;
	}

li#menu-item-46, li#menu-item-45, li#menu-item-47 {display: none !important;}

li#menu-item-48 a {font-size: 28px !important;}

/* PAGE ACCUEIL */
#pele-mele {
    height: 45vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center bottom;
}

#continuite-header{
	background-color: #182C38;
	color: white;
	background-image: url(../chauffea/images/plan-chauffea-blanc.png);
	background-position: center top;
	background-repeat: repeat;
	background-size: cover;
	text-align: center;
	}
	
span#gros-titre {font-size: 57px;}
	
#entrees-directes {padding: 3em 0 0 0;}

.photo-entree-directe {
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 20px 0px 20px 20px;
    margin-bottom: 30px;
}

.bouton {
    background-color: gainsboro;
    text-align: center;
    padding: 5px 0px;
    background-color: rgba(40, 61, 74, 0.9);
    border-radius: 10px 0px 10px 10px;
    color: white;
    font-family: 'komikazbaregular';
    font-size: 25px;
    margin-bottom: 2em;
}

#entrees-directes a:hover{text-decoration: none;}

#entrees-directes a:hover .bouton{background-color: rgba(40, 61, 74, 1);}

div#tertiaire {box-shadow: 10px 10px #DE4D35;}
div#industrie {box-shadow: 10px 10px #038DD1;}
div#particulier {box-shadow: 10px 10px #C4CB04;}

.entree {padding: 0 30px;}

p.titre-entree,
h2.titre-entree {
    color: white;
    font-size: 30px;
    position: absolute;
    bottom: 0;
    font-family: 'komikazbaregular';
    text-shadow: 1px 1px 2px black;
}

.image-picto {
    height: 155px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 30px;
}

#encart-picto {padding: 3em 0; background-color: #E8E8E8;}

.bouton-picto {
    text-align: center;
    padding: 8px 15px;
    background-color: rgba(40, 61, 74, 0.85);
    border-radius: 10px 0px 10px 10px;
    color: white;
    font-family: 'komikazbaregular';
    font-size: 26px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* FOOTER */

footer {border-top: solid 10px #C4CB04;}

#logo-footer {
    height: 125px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

#infos-contact {
	padding: 1em 0;
	background-image: url(../chauffea/images/chauffea-trame.png);
	background-position: center center;
	background-repeat: repeat;
	background-size: cover;
	background-color: #182C38;
    color: white;
    text-align: center;
	}

span#contactez-nous{font-family: 'komikazbaregular'; font-size: 30px;}
	
#bloc-map {filter: grayscale(1);}

#map {padding: 0;}

ul#menu-menu-mentions{list-style: none; padding-left: 0; text-align: center; margin-bottom: 10px;} 

ul#menu-menu-mentions li{display: inline-block;}

ul#menu-menu-mentions li a {color: black; font-size: 14px;}

#menu-menu-mentions li::after {content: "•"; padding: 0 10px;}

#menu-menu-mentions li:last-child:after{content: none;}

footer a{color: white;}

input#gform_submit_button_1 {
    background-color: #C4CB04;
    border: none;
    color: white;
    text-transform: uppercase;
    border-radius: 8px 0px 8px 8px;
    padding: 5px 15px;
    font-family: 'komikazbaregular';
    font-size: 20px;
}

input#input_1_5, input#input_1_3, input#input_1_6, input#input_1_7, textarea#input_1_8{border-radius: 8px 0px 8px 8px; border: none;}

.gform_footer.top_label {margin-top: 0 !important;}

textarea#input_1_8 {margin-top: 13px;}

#contenu picture img {border-radius: 20px 0px 20px 20px;}

p#breadcrumbs a, #contenu a{color: #182C38;}

p#breadcrumbs{text-align: center;}

.page-id-273 #contenu a {color: #038DD1;}

figcaption.widget-image-caption.wp-caption-text {
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 20px 20px;
}

.page-id-41 #logo-footer{display: none;}

/* MENU RESPONSIVE */
#responsive-menu-container {margin-top: 210px !important;}

#responsive-menu-container li.responsive-menu-item a {padding: 0 !important;}

ul.responsive-menu-submenu.responsive-menu-submenu-depth-1.responsive-menu-submenu-open li a {padding-left: 0 !important;}

li#responsive-menu-item-1010 a {background-color: #DE4D35 !important;}
li#responsive-menu-item-1011 a{background-color: #038DD1 !important;}
li#responsive-menu-item-1011 a{background-color: #038DD1 !important;}
li#responsive-menu-item-1012 a{background-color: #C4CB04 !important;}
button#responsive-menu-button {background: transparent !important;}

img#savea {height: 30px; width: auto;}


/* MEDIAS QUERIES POUR LES DESKTOPS (SITE MOBILE FIRST) */
/* * * * * * * * * * * * * MEDIAS QUERIES* * * * * * * * * * * * * * * * * *  */
@media only screen and (min-width : 992px) {
	
	#entrees-directes {padding: 3em 0;}
	
	#logo-footer {background-position: left center;}
	
	#infos-contact {text-align: left;}
	
	.bouton-picto {right: 10%; padding: 8px 30px; font-size: 30px;}
	
	li#menu-item-46, li#menu-item-45, li#menu-item-47 {display: inline-block !important;}
	
	.page-id-7 h1 {  text-shadow: 1px 1px 2px black;}
	
	#continuite-header{padding-bottom: 3em;}
	
	#pele-mele {height: 65vh; background-position: center center;}
	
	h1{font-size: 55px;}
	
	span#gros-titre {font-size: 90px;}
	
	#logo-header, .image-picto {height: 200px;}
	
	.photo-entree-directe {height: 300px;}

	li#menu-item-48 a {font-size: 20px !important;}
	
	li#field_1_5, li#field_1_3, li#field_1_7, li#field_1_6 {display: inline-block; float: left; width: 50%; margin-top: 0;}
	
	.gform_wrapper ul li.gfield{clear: inherit !important;}
	
	input#input_1_5, input#input_1_3, input#input_1_6, input#input_1_7{width: 100%;}
	
	textarea#input_1_8 {margin-top: 20px; height: 150px;}
	
	input#gform_submit_button_1 {width: 98.5%;}
	
	ul#menu-1-79dbf87 {padding-left: 0; list-style: none;}
	
	ul#menu-1-79dbf87 li{
	display: inline-block;
	border: solid 2px #182C38;
    margin-right: 10px;
    border-radius: 8px 0 8px 8px;
	}
	
	ul#menu-1-79dbf87 li:hover {background-color: #182C38;}

	ul#menu-1-79dbf87 li a {color: #182C38; padding: 5px 8px !important; font-weight: 400;}
	
	ul#menu-1-79dbf87 li a:hover, ul#menu-1-79dbf87 li:hover a {color: white;	text-decoration: none;}
	
	.current_page_item a{text-decoration: underline;}
	
	#contenu {padding: 2em 0;}
	
	.page-id-273 li#menu-item-289 a, .page-id-273 h1, .page-id-273 ul#menu-1-79dbf87 li a{color: #038DD1;}
	
	.page-id-273 ul#menu-1-79dbf87 li {border: solid 2px #038DD1;}
	
	.page-id-273 ul#menu-1-79dbf87 li:hover {background-color: #038DD1;}
	
	ul#menu-1-79dbf87 li a:hover, ul#menu-1-79dbf87 li:hover a{color: white;}
	
	h1, p#breadcrumbs{text-align: left;}
	
	.page-id-7 h1{text-align: center;}
	
	.page-id-366 h1, .page-id-366 #contenu a, .page-id-366 li#menu-item-371 a {color: #DE4D35;}

	.page-id-366 ul#menu-1-79dbf87 li {border: solid 2px #DE4D35;}
	
	.page-id-366 ul#menu-1-79dbf87 li:hover {background-color: #DE4D35;}
	
	.page-id-379 li#menu-item-384 a, .page-id-379 h1, .page-id-379 #contenu a {color: #C4CB04;}
	
	.page-id-379 ul#menu-1-79dbf87 li {border: solid 2px #C4CB04;}
	
	.page-id-379 ul#menu-1-79dbf87 li:hover {background-color: #C4CB04;}
	
	.page-id-41 #logo-footer{display: block;}
	
	img#savea {height: 45px;}
		
}

@media screen and (min-width: 992px) and (max-width: 1199px){}

@media screen and (min-width: 992px) and (max-width: 1071px){
	
	ul#menu-menu-gauche li {padding: 0 5px;}
	
	ul#menu-menu-droite li {padding: 0;}
	
}

/* IPAD PORTRAIT */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
	li#field_1_5, li#field_1_3, li#field_1_7, li#field_1_6 {display: inline-block; float: left; width: 50%; margin-top: 0;}
	
	.gform_wrapper ul li.gfield{clear: inherit !important;}
	
	input#input_1_5, input#input_1_3, input#input_1_6, input#input_1_7{width: 100%;}
	
	textarea#input_1_8 {margin-top: 20px; height: 150px;}
	
	input#gform_submit_button_1 {width: 98.5%;}
	
}

/* IPAD HORIZONTAL */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	.photo-entree-directe {height: 155px;}
	
	.bouton-picto {
    right: 0;
    padding: 5px 10px;
    font-size: 25px;
	}
	
	.elementor-366 .elementor-element.elementor-element-8e93c0c {padding: 2% 0;}
	
}