/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

@media (min-width: 768px) and (max-width: 1024px) {
	
	#menu-menu-principal a{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
}

/* FOOTER */

@media (max-width: 768px) {

	.pp-photo-container .pp-photo-align-left{
		text-align: center;
	}
	
	#footer-map h2{
		text-align: center !important;
	}
	
}

/* HOMEPAGE */

.fl-node-8xcrkuj17anl > .fl-col-content{
	background-size: 130px 108px !important;
}

@media (max-width: 768px) {

	#banner > .fl-row-content-wrap{
		max-height: 600px !important;
		min-height: auto;
	}

}

/* CONTACT */

#contact-form button, #contact-form input[type=button], #contact-form input[type=submit]{	
	background: #ffffff;
	border: 1px solid #FFFFFF;
	font-family: Montserrat;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #1C1D3D;
	width: 100%;
	line-height: 23px;
	transition: 0.4s;
}

#contact-form label{
	width: 100%;
}

#contact-form input[type=text], #contact-form input[type=password], #contact-form input[type=email], #contact-form input[type=tel], #contact-form input[type=date], #contact-form input[type=month], #contact-form input[type=week], #contact-form input[type=time], #contact-form input[type=number], #contact-form input[type=search], #contact-form input[type=url], #contact-form textarea,
#contact-form select{
	background-color: transparent !important;
	border: 1px solid #FFFFFF !important;
	font-family: Montserrat;
	font-size: 13px;
	font-weight: normal;
	line-height: 23px;
	color: #F9F9F9;	
	letter-spacing: 2px;
	width: 100%;
	text-align: center;
}

#contact-form input::placeholder, #contact-form textarea::placeholder {
	font-family: Montserrat;
	font-size: 13px;
	font-weight: normal;
	line-height: 23px;
	letter-spacing: 2px;
	color: #F9F9F9;	
}

#contact-form .wpcf7-spinner{
	display: none;
}

#contact-form .wpcf7 form.invalid .wpcf7-response-output, #contact-form .wpcf7 form.unaccepted .wpcf7-response-output, #contact-form .wpcf7 form.payment-required .wpcf7-response-output{
	border-color: red;
	color: red;
}

#contact-form .wpcf7 form.sent .wpcf7-response-output{
	color: green;
	text-transform: uppercase;
	font-weight: bold;
}

/* PAGES SERVICES */

.pink-h1{
	font: normal normal bold 55px/69px Montserrat !important;
	letter-spacing: 5.5px !important;
	color: #D484B0 !important;
}

.content-list ul li{
	padding-top: 15px !important;
}

	.content-list ul li::marker {
	  color: #EED060;
	}

#centered-ul{
	display: flex;
	justify-content: center;
}

@media (max-width: 768px) {

	#banner h1{
		font-size: 25px;
		line-height: 33px;
	}

	#banner .pink-h1{
		font: normal normal bold 39px/53px Montserrat !important;
		letter-spacing: 3.9px !important;	
	}
	
	.service-content h2{
		font-size: 20px !important;
		line-height: 30px !important;
		letter-spacing: 2px !important;
	}

	.techniques-title{
		margin-left: 0px !important;
	}
	
	.service-images > .fl-node-content{
		margin-left: 0!important;
		margin-right: 0!important;
	}
	
}

/* HOMEPAGE */

#voir-moins-bloc{
	display: none;
}

@media (max-width: 768px) {

	#voir-moins-bloc{ 
		padding-bottom: 40px;
	}
	
	#voir-moins-bloc > .fl-row-content-wrap{
		padding-top: 0 !important;
	}
	
	#voir-moins-text > .fl-module-content {
		margin-left: 9px !important;
	}
	
}