/* assets/styles.css */

/* Prevent Multiple Contact Form 7 Submissions */

.wpcf7-form.submitting .wpcf7-submit {
    pointer-events: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.no_margin_bt p {
	margin-bottom: 0 !important;
}


.no_wrap {
	white-space: nowrap;
}

@media screen and (min-width:768px) {

	.mobile_only {
		display: none !important; 
	}
	
}

/* Header */

.site_menu ul li a svg,
.menu_toolbar ul li a svg {
  transition: transform 0.3s ease-in-out;
}

.site_menu ul li a:hover svg,
.menu_toolbar ul li a:hover svg{
  transform: rotate(180deg);
}

.site_menu .sub-menu li a {
    border: 0 !important;
}

@media screen and (min-width:1200px) {

	.site_menu .sub-menu li a,
	.menu_toolbar .sub-menu li a {
		justify-content: flex-end;	
	}
	
	.site_menu ul.sub-menu {
		padding : 5px 0 15px 0 !important;
		margin-left: -275px !important;
	}
	
	.menu_toolbar ul.sub-menu {
		padding : 5px 20px 15px 20px !important;
		margin-left: -85px !important;
	}
	
}

@media screen and (min-width:768px) {

	.menu_toolbar .sub-menu li a {
		justify-content: flex-end;	
	}
		
	.menu_toolbar ul.sub-menu {
		padding : 5px 20px 15px 20px !important;
		margin-left: -85px !important;
	}
	
}

/****Accueil****/

.clients_nav span.swiper-pagination-bullet {
    opacity: 1;
    background-color: transparent !important;
    border: 1px solid #E1251B;
}

.clients_nav span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.clients_nav span.swiper-pagination-bullet:hover {
    background-color: #E1251B !important;	
}


/****Service vidange****/

.pourquoi_choisir_nav span.swiper-pagination-bullet {
    opacity: 1;
    background-color: transparent !important;
    border: 1px solid #000;
}

.pourquoi_choisir_nav span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.pourquoi_choisir_nav span.swiper-pagination-bullet:hover {
    background-color: #000 !important;	
}

/***Fonctionnement***/

.tableau_comparatif table th,
.tableau_comparatif table td,
.tableau_comparatif table {
    border: none !important;
} 

.tableau_comparatif table tbody>tr:nth-child(odd)>td, 
.tableau_comparatif table tbody>tr:nth-child(odd)>th {
    background-color: transparent !important;
}

.tableau_comparatif tbody tr:nth-child(odd) {
  	background-color: #fff !important;
}

.tableau_comparatif tbody tr:nth-child(even) {
  	background-color: #F5F5F5 !important;
  	box-shadow: 2px 3px 6px #00000029;
}

@media screen and (max-width: 767px) {
    .tableau_comparatif table {
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        white-space: nowrap;
    }
}


/* Form */

.form_accueil input,
.form_accueil textarea,
.form_accueil select {
    padding: 12px 16px !important;
}

.form_accueil .elementor-field-type-acceptance span.elementor-field-option {
    display: flex;
    align-items: flex-start;
}

.form_accueil .elementor-field-type-acceptance {
    margin-bottom : 10px !important;
}

.form_accueil .elementor-field-type-acceptance label {
	font-size : 15px !important;
}

.form_accueil input[type=checkbox] {
    margin: 2px 5px 0 0 !important;
}

.form_accueil button[type=submit] {
    margin-top: 30px !important;
}

.form_accueil .dce-tooltip:after {
	
	content: 'i' !important;
    color: #ffffff !important;
    background-color: #000 !important;
}

.form_accueil .dce-tooltip .dce-tooltiptext {
    visibility: hidden;
    position: absolute;
    width: 450px;
    background-color: #000;
    color: #fff;
    padding: 15px;
    margin-left: -240px !important;	
}

.form_accueil .dce-tooltip-bottom:after {
    margin-left: 0 !important;
    border-width: 10px !important;
    border-color: transparent transparent #000 transparent !important;
}

.form_accueil .dce-tooltip .dce-tooltiptext strong {
    display: inline-block;	
    margin: 10px 0 !important;
}

.form_accueil .dce-tooltip .dce-tooltiptext strong:first-child {
    margin-top: 0 !important;
}

.form_accueil .dce-tooltip .dce-tooltiptext p {
    font-size: 15px;	
    margin-bottom: 3px !important;
}

.form_accueil .dce-tooltip .dce-tooltiptext p:last-child {
    font-size: 15px;	
    margin-bottom: 0px !important;
}

@media screen and (max-width: 1450px) {

	.form_accueil .dce-tooltip .dce-tooltiptext {
		width: 400px;
		padding: 15px;
		margin-left: -300px !important;	
	}
	
	.form_accueil .dce-tooltip-bottom:after {
		margin-left: 90px !important;
	}
}


@media screen and (max-width: 430px) {

	.form_accueil .dce-tooltip .dce-tooltiptext {
		width: 280px;
		padding: 15px;
		margin-left: 0px !important;
		left: 0 !important;
	}
	
	.form_accueil .dce-tooltip-bottom:after {
		margin-left: 0px !important;
	}
}

/* Réalisation */

.realisation_galerie a.e-gallery-item {
	border-radius: 15px !important;
}

/* FAQ */

.faq_container summary svg {
    width: 42px !important;
    position: absolute;
    right: -5px;
    top: 30px;
}

.faq_container summary {
	z-index: 2;
  	box-shadow: 2px 3px 6px #00000029;	
}

.faq_container summary  span.e-n-accordion-item-title-header {
    width: 85%;
}

@media screen and (max-width: 1440px) {
	
	.faq_container summary  span.e-n-accordion-item-title-header {
		width: 90%;
	}
	
	.faq_container summary svg {
		top: 20px;
	}
}

@media screen and (max-width: 1200px) {
	
	.faq_container summary svg {
		width: 38px !important;
		right: -5px;
		top: 15px;
	}
	
}

@media screen and (max-width: 1023px) {
	
	.faq_container summary svg {
		width: 30px !important;
		right: -5px;
		top: 10px;
	}
	
}

@media screen and (max-width: 768px) {
	
	.faq_container summary svg {
		width: 27px !important;
	}
	
}

@media screen and (max-width: 424px) {
	
	.faq_container summary svg {
		width: 20px !important;
	}
	
}

/* Carrière */

.form_carriere .elementor-field-type-text label,
.form_carriere .elementor-field-type-tel label,
.form_carriere .elementor-field-type-textarea label,
.form_carriere .elementor-field-type-email label {
	display : none !important;
}

.form_carriere .elementor-field-type-select label,
.form_carriere .elementor-field-type-upload label {
	padding-left : 16px !important;
}

.form_carriere input[type=file] {
    padding: 9px 16px !important;
}

.form_carriere .elementor-field-type-acceptance {
	justify-content: center !important;
}

.form_carriere .elementor-field-type-acceptance span.elementor-field-option {
	justify-content: center !important;
}


/*Switcher footer*/

.switcher_footer .wpml-ls-statics-shortcode_actions,
.switcher_footer a {
    padding-left: 0 !important;
	padding-bottom: 0 !important;
}

/* Urgence */

.urgence_tableau table { 
	 width: 100%;
 }

.urgence_tableau th {
    text-transform: uppercase;
    padding: 16px 20px;
    text-align: center;
    letter-spacing: 0.5px;
    border: none !important;
}

.urgence_tableau  h3 {
    color: #E1251B !important;
	margin: 0 !important;
}

.urgence_tableau td {
	padding: 14px 20px;
	text-align: center;
	font-size: 20px;
	color: #000;
	border: none !important;
}

.urgence_tableau tr:nth-child(odd) td { background: #F5F5F5; }
.urgence_tableau tr:nth-child(even) td { background: #fff; }

.urgence_tableau .footer td {
	background: #E1251B !important;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	padding: 16px 20px;
}

.urgence_tableau td:first-child, 
th:first-child { 
	width: 50%; }

.urgence_tableau td:last-child, 
th:last-child { 
	width: 50%; 
}

@media screen and (max-width: 767px) {

	.urgence_tableau td {
		font-size: 18px;
	}
	
	.urgence_tableau .footer td {
		font-size: 18px;
	}
	
}

@media screen and (max-width: 767px) {
	
    .urgence_tableau table {
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        white-space: nowrap;
    }
	
	.urgence_tableau td {
		font-size: 16px;
	}
	
	.urgence_tableau .footer td {
		font-size: 16px;
	}	
}