/*
Theme Name: Divi Child
Theme URI: https://eatandcollect.fr
Version: 1.0
Description: Child Theme of Divi
Author: Eat & Collect
Template: Divi
*/

/* Fonts */
/* Convert fonts to woff: https://convertio.co/fr/otf-ttf/ */
@font-face {
    font-family: 'Stolzl';
    src: url('Stolzl-Regular.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Stolzl';
    src: url('Stolzl-Medium.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}


@font-face {
    font-family: 'Stolzl';
    src: url('Stolzl-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

body {
	font-weight: 400;
}



/* Responsive Columns */
@media only screen and (max-width: 980px) {
	.three-cols .et_pb_column {
		width: 50% !important;
	}
}
@media (max-width: 479px) {
	.three-cols .et_pb_column {
		width: 100% !important;
	}
}


/* hide form title */
.et_pb_contact_main_title {
	display: none;
}




#main-content .et_pb_button:after {
	margin-left: .3em !important;
}
#main-content .et_pb_button:hover:after {
	margin-left: .6em !important;
}

#main-content .et_pb_button.btn-xl:after {
	margin-left: 1em !important;
}
#main-content .et_pb_button.btn-xl:hover:after {
	margin-left: 1.3em !important;
}



.construction-row, .renovation-row, .ravalement-row{
	display:flex;
}
.construction-row div h5{
	font-family: 'Stolzl', sans-serif;
	font-weight:700;
	color:#4a4642;
	line-height:1.2rem;
	padding:0 10% 0 0;
}

.renovation-row  div img{
	margin: 0 auto;
    display: block;
}

.ravalement-row div img{
	margin: 0 auto 10% auto;
    display: block;
}

.ravalement-row div{
	display:grid;
}

.renovation-row  div h5{
	font-family: 'Stolzl', sans-serif;
	font-weight:700;
	color:#4a4642;
	line-height:1.2rem;
	text-align:center;
	margin-top:8%;
}

.ravalement-row div h5{
	font-family: 'Stolzl', sans-serif;
	font-weight:700;
	color:#4a4642;
	line-height:1.2rem;
	text-align:center;
	padding: 0 20%;
}

.card span.et-waypoint,
.card_long span.et-waypoint{
	position:relative;
}

.card span.et-waypoint::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	background-color:#f4f4f4;
	width:2px;
	height:90px;
	z-index:-1;
}

.card_long span.et-waypoint::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	background-color:#f4f4f4;
	width:2px;
	height:110px;
	z-index:-1;
}

.row_footer{display:flex;}

.row_footer .et_pb_column:nth-child(1),
.row_footer .et_pb_column:nth-child(4){
	flex:0 0 25%;
}

.row_footer .et_pb_column:nth-child(2),
.row_footer .et_pb_column:nth-child(3){
	flex:0 0 20%;
}	

.social_media{
		display:flex;
		gap: 10px;
	}

.form_touch .et_contact_bottom_container,
.form_contact .et_contact_bottom_container{
	    width: 100%;
    justify-content: center;
	margin-top:8%;
}


@media screen and (max-width:980px){
	
	.renovation-row,
	.ravalement-row{
		display:flex;
		justify-content:center;
	}
	.renovation-row div h5,
	.ravalement-row div h5{
		padding: 0 5%;
	}
	
	.row_footer .et_pb_column:nth-child(1){
		flex:0 0 50% !important;
		margin-right:4%;
	}

	.row_footer .et_pb_column:nth-child(2){
		flex:0 0 40% !important;
	}

	.row_footer .et_pb_column:nth-child(3){
		flex:0 0 47% !important;
		margin-right:4%;
	}
	
	.row_footer .et_pb_column:nth-child(4){
		flex:0 0 47% !important;
	}
}


@media screen and (max-width:820px){
	#card_row1{
		display:flex !important;
		flex-direction:column !important;
		width: 75% !important;
		margin-top: -93px!important;

	}
	#card_row2{
		display:flex !important;
		flex-direction:column !important;
		width: 75% !important;
	}
}

@media screen and (max-width:767px){
	.construction-row div h5,
	.renovation-row div h5,
	.ravalement-row div h5{
		font-size:14px;
	}
	
	#card_row1, #card_row2{
		display:flex !important;
		flex-direction:column !important;
		width: 90% !important;

	}
	
	.row_footer .et_pb_column:nth-child(1){
		flex:0 0 100% !important;
		margin:initial !important;
	}

	.row_footer .et_pb_column:nth-child(2){
		flex:0 0 100% !important;
		margin-top:8%;
	}

	.row_footer .et_pb_column:nth-child(3){
		flex:0 0 100% !important;
		margin-right:4%;
	}
	
	.row_footer .et_pb_column:nth-child(4){
		flex:0 0 100% !important;
	}
	
	
	.social_media{
		justify-content:center;
	}
}


@media screen and (max-width:320px){
	.ravalement-row,
	.renovation-row{
		display:grid;
		gap:15px;
	}
}

 @media screen and (min-width: 992px) and (max-width: 1024px){
	 div.et_pb_blurb.plomberie-card{
		 padding:15px 5px !important;
	 }
	div.et_pb_blurb.plomberie-card .et_pb_main_blurb_image{
		 margin-bottom:0;
	 }
	div.et_pb_blurb_14.plomberie-card .et_pb_main_blurb_image{
		 margin-bottom:30px;
	 }
	 div.et_pb_blurb_14.plomberie-card{
		 top:203px;
	 }
	 
}