/*
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: 'PangeaAfrikan';
    src: url('fonts/PangeaAfrikan-Regular.woff') format('woff'),
		url('fonts/PangeaAfrikan-Regular.otf') format('otf');
    font-weight: 400;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'PangeaAfrikan';
    src: url('fonts/PangeaAfrikan-Medium.woff') format('woff'),
		url('fonts/PangeaAfrikan-Medium.otf') format('otf');
    font-weight: 500;
    font-style: normal;
	font-display: swap;
}


@font-face {
    font-family: 'PangeaAfrikan';
    src: url('fonts/PangeaAfrikan-Bold.woff') format('woff'),
		url('fonts/PangeaAfrikan-Bold.otf') format('otf');
    font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Nohemi';
    src: url('fonts/Nohemi-Black.ttf') format('ttf');
    font-weight: 800;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Nohemi';
    src: url('fonts/Nohemi-ExtraBold.ttf') format('ttf');
    font-weight: 900;
    font-style: normal;
	font-display: swap;
}

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

@font-face {
    font-family: 'Nohemi';
    src: url('fonts/Nohemi-SemiBold.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

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

@font-face {
    font-family: 'Stolzl';
    src: url('fonts/Stolzl-Regular.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
	font-display: swap;
}

body {
	font-weight: 400;
}

/* h1, h2 {
	font-size: 28px !important;
}
h3, h4 {
	font-size: 17px !important;
} */

#navigation.mobile-menu-wrapper  {
        position: relative !important;
        width: 100% !important;
        left: 0 !important;
}
#navigation.mobile-menu-wrapper > div:nth-child(2) {
        display: none !important;
}


#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
   
    left: -157px !important;
}

.sp-mask {
    height: 400px !important;
}
.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link:focus {
        color:#d25206 !important;
        font-weight: bold !important;
    }

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    
    color:#d25206 !important;
    font-weight: bold !important;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link{
	font-family: 'Nohemi',Helvetica,Arial,Lucida,sans-serif !important;
}

.menu{position: initial;}

.menu div.clearfix{
	align-items:center !important;
	position: initial;
}

.et-menu-nav li.mega-menu>ul {
    padding: 30px 0px !important;
}

.et-menu-nav li.mega-menu li>a {
    width: auto !important;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100% - 28px) !important;
}


.et_pb_section:not(.et_pb_fullwidth_section) {
	padding-top: 30px;
    padding-bottom: 30px;
}

.et_pb_button {
	padding: .7em 1.5em !important;
}
.et_button_icon_visible .et_pb_button {
	padding-right: 2.5em !important;
    padding-left: 1.5em !important;
}

.boxtainer-card{
	cursor:pointer;
}

.boxtainer-card:hover{
	border: none;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
	
}

.boxtainer-card:hover h4.et_pb_module_header{
	color:#d25206 !important;
}

div.et_contact_bottom_container{
	width: 100%;
    justify-content: center;
    margin-top: 20px;
}

.content-politique{
	display:flex;
	justify-content:flex-end;
}
.politique{
	display:flex;
	gap:15px;
}

 .header-row .et_pb_column:nth-child(1){
		flex: 0 0 79%;
	}

.container_tables {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.container_tables .left_col, .container_tables .right_col {
    background-color: white;
    border-radius: 8px;
    padding: 40px 20px;
	 box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.container_tables .left_col .table:nth-child(1),
.container_tables .right_col .table:nth-child(1){
	margin-bottom:40px;
}

.container_tables table {
    width: 100%;
	border:none !important;
}

.container_tables table tr {
    border-bottom: 1px solid #ddd !important;
}

.container_tables table tr:last-child {
    border-bottom: none !important;
}

.container_tables h4{
	color: #000000;
	font-weight: bold;
	font-family: "PangeaAfrikan";
	margin-bottom:3%;
}

.container_tables td {
    padding: 8px 0;
	color: #14213f;
	font-family: "PangeaAfrikan";
}

.container_tables .label {
    color: #d25206;
    font-weight: bold;
	font-family: "PangeaAfrikan";
}

.card-caracteristiques:hover{
	background-color:#d25206 !important;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	border:none;
	cursor:pointer;
}

.card-caracteristiques:hover .et-pb-icon,
.card-caracteristiques:hover h4.et_pb_module_header,
.card-caracteristiques:hover p{
	color: #ffffff !important;
}

.product_btn{
	display:flex;
	gap:10px;
	align-items:center;
	justify-content:center;
	margin-top:20px;
}

.divilife-3-col-feature-blurb .et_pb_main_blurb_image{
	min-height: 172px;
}

.divilife-3-col-feature-blurb h4{
	min-height: 55px !important;
}

div.sp-fade-arrows{ width: 100%; left: -24px !important; bottom: -10% !important; margin-top: -15px;top: initial !important; }

div.sp-next-arrow{
	    right: -15px !important;
    	left: auto !important;
}

div.sp-fade-arrows{
	opacity: 1 !important;
}

div.sp-previous-arrow::after, div.sp-previous-arrow::before,
div.sp-next-arrow::after, div.sp-next-arrow::before{
    background-color: #000000 !important;
}


div.sp-previous-arrow:hover:before, div.sp-previous-arrow:hover:after,
div.sp-next-arrow:hover:before, div.sp-next-arrow:hover:after{
	background-color: #d25206 !important;
}

.card_advantage:hover{
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}


/************Page A Propos***********/
.card_values{cursor:pointer;}
.card_values:hover{
	border:none !important;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.3);
}

/************Page Nos Accessoires*************/
.twistLook_content{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap:15px;
}

.twistLook_content .item h5{
	font-family:'PangeaAfrikan';
	font-weight:700;
	color:#000000;
	margin-top:3%;
}

/****************Page Gallery*******************/

.gallery{
	display: flex;
    gap: 15px;
}

/****************Page Devis*******************/

.devis_form .et_pb_contact_field_options_title:nth-child(1),
.devis_form .et_pb_contact_field_options_title:nth-child(2),
.devis_form p[data-type="radio"]:nth-child(1) .et_pb_contact_form_label,
.devis_form .et_pb_contact p[data-type="radio"] label.et_pb_contact_form_label,
.devis_form .et_pb_contact p[data-id="transportationoption"] label[for="et_pb_contact_transportationoption_0"]
{
	display:none !important;
}

.devis_form .et_pb_contact p[data-type="radio"] label[for="et_pb_contact_transportation_0"]{
	display: block !important;
}

.devis_form .et_pb_contact_field_options_list{
	display: flex;
    gap: 30px;
}

.devis_form .et_pb_contact p:nth-child(1) input[type=radio]:checked+label i:before{
    content: "\2713" !important;
    color: #fff !important;
    font-size: 19px !important;
	background: #d25206 !important;
	padding: 0px 6px !important;
	width:initial !important;
	height:initial !important;
	border:none !important;
}

.devis_form .et_pb_contact p:nth-child(1) input[type=radio]+label i {
    width: 25px !important;
    height: 25px !important;
    background-color: #fff !important;
	margin-right: 15px !important;
	border: 1px solid #706f6f !important;
}

.devis_form .et_pb_contact p:not(:nth-child(1)) input[type=radio]:checked+label i:before{
    content: "\2713" !important;
    color: #fff !important;
    font-size: 19px !important;
	background: #d25206 !important;
	padding: 0px 6px !important;
	width:initial !important;
	height:initial !important;
	border:none !important;
	border-radius:7px !important;
}

.devis_form .et_pb_contact p:not(:nth-child(1)) input[type=radio]+label i {
    width: 25px !important;
    height: 25px !important;
    background-color: #fff !important;
	margin-right: 15px !important;
	border: 1px solid #706f6f !important;
	border-radius:7px !important;
}

.devis_form .et_pb_contact p label.et_pb_contact_form_label,
.devis_form .et_pb_contact p[data-id="options"] label.et_pb_contact_form_label{
	display:block !important;
	font-family:'PangeaAfrikan';
	font-weight:700;
	color:#000000;
	margin-bottom:3%;
}

.devis_form .et_pb_contact input[type="text"],
.devis_form .et_pb_contact select,
.devis_form .et_pb_contact textarea,
.devis_form .et_pb_contact .et_pb_contact_captcha{
	border: 1px solid #c1c1c1;
	border-radius:7px;
}

.devis_form .et_pb_contact .et_contact_bottom_container{
	margin-top:100px;
}

.devis_form .et_pb_contact_field[data-type=select]:after {
    content: "";
    position: absolute;
	background:url(/wp-content/uploads/2024/07/Groupe_-4.png);
	background-size: cover;
    background-position: center;
    top: 65%;
    right: 10px;
    transform: translateY(-50%);
    width: 18px !important;
    height: 10px !important;
    border: none !important;
    border-top-color: initial !important;
    margin-top: 3px;
    transform: rotate(180deg);
}

.devis_form .et_pb_contact_field[data-id="transportationoption"]:after{
	 top: 38% !important;
}

.devis_form .et_pb_contact p label.et_pb_contact_form_label:after,
.devis_form .et_pb_contact p[data-id="options"] label.et_pb_contact_form_label:after {
    content: "*";
    color: #d25206;
    font-size: 1.5em;
    position: relative;
    top: 6px;
    left: 5px;
}

.page-id-228 #devis,
.page-id-228 .footer_section_arrow{
	display:none;
}

/***************Page Contact**************/
.card_contact{cursor:pointer;}

.card_contact:hover{
	background-color:#d25206 !important;
}

.card_contact:hover h4.et_pb_module_header,
.card_contact:hover p{
	color:#ffffff !important;
}

.contact_form .et_pb_contact p label.et_pb_contact_form_label{
	display:block !important;
	font-family:'PangeaAfrikan';
	font-weight:700;
	color:#000000;
	margin-bottom:3%;
}

.contact_form .et_pb_contact label.et_pb_contact_form_label:after {
    content: "*";
    color: #d25206;
    font-size: 1.5em;
    position: relative;
    top: 6px;
    left: 5px;
}

.contact_form .et_pb_contact .et_contact_bottom_container{
	margin-top:100px;
}


.page-id-21 #devis,
.page-id-21 .footer_section_arrow{
	display:none;
}

/* 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;
	}
}


.card-centered-text .et_pb_promo_description {
  position: relative!important;
  top: 50%!important;
  transform: translateY(-50%)!important;
}

.card-rotated-title .et_pb_promo_description .et_pb_module_header {
	position:absolute;
	top: 0;
	right: 0;
	transform: translateX(105%) rotate(90deg);
    transform-origin: top left;
	padding-bottom: 6px;
}

.card-rotated-title .et_pb_promo_description .et_pb_module_header::before {
    content: "";
    position: absolute;
    left: -13px;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: #06C167;
}

.card-rotated-title.et_pb_bg_layout_dark .et_pb_promo_description .et_pb_module_header::before {
	background-color: #ffffff;
}

.card-with-button {
    display: flex;
    flex-direction: column;
}
.card-with-button .et_pb_button_wrapper {
    margin-top: auto;
}

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

/* .et_pb_row {
	width: 90% !important;
} */

.underline {
	position: relative;
}
.underline::before {
	content: "";
	position: absolute;
  	bottom: -2px;
  	left: 50%;
  	width: 100px;
  	height: 6px;
  	background: #06C167;
  	transform: translateX(-50%);
	z-index: 99;
}

@media screen and (min-width: 992px) and (max-width:1165px){
	.et_pb_menu .et-menu>li {
		padding-left: 7px !important;
		padding-right: 7px !important;
		font-size: 13px;
	}
}

@media screen and (min-width: 980px) and (max-width: 1200px) {
/* 	.et_pb_menu__menu>nav>ul>li {
		max-width: 125px;
		text-align: center;
	} */
	.et_button_icon_visible .et_pb_button.header-cta {
		padding-left: 10px !important;
		padding-right: 18px !important;
	}
}

@media screen and (max-width: 992px){
	
	.menu .et_pb_menu__wrap{
		order:-1;
		justify-content: flex-start !important;
		width:100%;
	}
	
	.menu .clearfix, .menu{
		position:initial;
	}
	
	.header-row .et_pb_column:nth-child(1){
		position:initial;
		flex: 0 0 60%;
	}
	
	.content-politique{
		justify-content:center;
	}
	.et_pb_menu .et-menu>li {
		font-size:14px !important;
		padding-left: 11px !important;
    	padding-right: 11px !important;
		font-weight: 700 !important;
	}
	
	.menu ul.et-menu li a{
		font-weight: 700 !important;
	}
	
	.container_tables {
    	grid-template-columns:1fr;
	}
	
	.row-caracteristiques{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:15px;
	}
	
	.row-caracteristiques .et_pb_column:nth-child(3){
		grid-column: 1 / 3;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}
	
	.row-caracteristiques .et_pb_column:nth-child(3) .et_pb_blurb:nth-child(1){
		margin-bottom: 0;
	}
	
	div.sp-next-arrow{
		right: -13px !important;
    	left: auto !important;
	}
}

@media screen and (max-width: 980px) {
	.et_button_icon_visible .et_pb_button.header-cta {
		padding-left: 12px !important;
		padding-right: 20px !important;
	}
}

@media screen and (max-width: 350px) {
	.et_button_icon_visible .et_pb_button.header-cta {
		padding-left: 7px !important;
		padding-right: 15px !important;
	}
}

#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;
}

@media only screen and (max-width: 767px) {
	.mt-section {
		margin-top: -47vw !important;
	}
	.header-row .et_pb_column:nth-child(1){
		flex: 0 0 50%;
	}
	.politique{
		display:block;
	}
	
	.container_tables table td {
		padding: 6px 13px !important;
	}
	
	.row-caracteristiques{
		display:block;
	}
	
	.row-caracteristiques .et_pb_column:nth-child(3){
		grid-template-columns: 1fr;
		gap: 15px;
	}
	


	div.sp-fade-arrows{
    bottom: 50% !important; }
	
	div.sp-previous-arrow {
		left: 20px !important;
	}

	div.sp-next-arrow{
		right: -25px !important;
    	left: auto !important;
	}
	
	
	/****************Page Gallery*******************/

	.gallery{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}
	
	/****************Page Devis*******************/
	.devis_form .et_pb_contact_field_options_list{
		flex-direction:column;
		gap: 15px !important;
	}
	
	
}
@media only screen and (max-width: 500px) {
.mt-section {
	margin-top: -60vw !important;
}
}
@media only screen and (max-width: 425px) {
.mt-section {
	margin-top: -80vw !important;
}
}