/**
Theme Name: Divi child
Author: Eclate
Description: Child theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: divi-child
Template: Divi
*/

:root{
	--yellow: #ffc400;
	--blue: #2F4858;
	--black: #000;
	--white: #fff;
}


/*Disable Facebook*/
/*.facebook.menu-item, .social-column .et_pb_column.et-last-child {
	display: none!important;
}
.menu-item:nth-last-child(2) {
	padding-right: 0!important;
}

.social-column {
	grid-template-columns: 1fr!important;
}*/



/* Complianz */

.privacy-policy h2 {
	font-size: clamp(30px, 2.5vw, 2.5rem)!important;
}

@media only screen and (min-width: 981px){
	body.privacy-policy .et_pb_text :is(h2,h3,h4,h5,h6) {
		margin-top: 20px;
	 }
 }
 @media only screen and (min-width: 768px) and (max-width: 980px){
	  body.privacy-policy .et_pb_text :is(h2,h3,h4,h5,h6) {
		margin-top: 10px;
	 }
 }


/*.manage-cookies:hover {
	text-decoration: underline;
}*/

:root {
	--cmplz-black: var(--black);
	--cmplz-accent: var(--blue);
	--cmplz-font-weight: bold;
	--cmplz-btn-rad: 0px;

	--cmplz-btn-acc-bg: var(--blue);
	--cmplz-btn-acc-c: var(--white);
	
	
	--cmplz-btn-acc-h-bg: var(--black);
	--cmplz-btn-acc-h-c: var(--white);

	--cmplz-btn-h-bg: var(--black);
	--cmplz-btn-h-c: var(--white);

	--cmplz-img-cookie: url("/wp-content/uploads/2023/12/half-cookie.svg");
}

.wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
	padding-left: 19px;
	text-indent: -22px;
}

.cmplz-link {
	color: var(--cmplz-accent)!important;
}

.cmplz-manage-consent {
   display: none!important;
}

@media (max-width: 768px) {
	html body #cmplz-manage-consent .cmplz-manage-consent {
		 display: none!important;
	}
}

.manage-cookies {
	/*color: #12a982;*/
	cursor: pointer;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before {
	height: 19px !important;
	width: 32px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after {
	top: -3px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after {
	left: 16px !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before {
	border: solid 2px #000;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:not(:checked) + .cmplz-label:after {
	background-color: #000;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before {
	box-shadow: none !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before {
	background-color: #008000 !important;
	border-color: #008000 !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:not(:checked) + .cmplz-label:before {
	background-color: rgba(0, 128, 0, 0) !important;
}

.cmplz-cookiebanner.cmplz-show:hover {
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
}

.cmplz-description {
	line-height: 1.5;
}

.cmplz-categories-visible .cmplz-categories {
	margin-top: 20px;
}

body:not(.cmplz-marketing) .no-marketing {
	/*display: none;*/
}

.cmplz-cookiebanner .cmplz-logo img {
	height: 60px !important;
	max-height: 60px !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	transition: all 150ms ease-in-out;
	font-weight: var(--cmplz-font-weight) !important;
	border-radius: var(--cmplz-btn-rad) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
	background-color: var(--cmplz-btn-acc-bg) !important;
	color: var(--cmplz-btn-acc-c) !important;
	border-color: var(--cmplz-btn-acc-bg) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
	background-color: var(--cmplz-btn-acc-h-bg) !important;
	color: var(--cmplz-btn-acc-h-c) !important;
	border-color: var(--cmplz-btn-acc-h-bg) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:not(.cmplz-accept):hover {
	background-color: var(--cmplz-btn-h-bg) !important;
	color: var(--cmplz-btn-h-c) !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	padding: 10px 20px !important;
}

#cmplz-manage-consent {
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 1000;
}

#cmplz-manage-consent:before {
	content: "";
	width: 60%;
	height: 60%;
	background: var(--cmplz-img-cookie);
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	background-size: 100%;
	background-repeat: no-repeat;
	display: block;
	pointer-events: none;
}

#cmplz-manage-consent .cmplz-manage-consent {
	position: initial !important;
	min-width: 55px !important;
	min-height: 55px !important;
	transition: all 150ms ease-in-out !important;
}

#cmplz-manage-consent .cmplz-manage-consent:hover {
	min-width: 60px !important;
	min-height: 60px !important;
}

.cmplz-blocked-content-container .cmplz-blocked-content-notice,
.cmplz-wp-video .cmplz-blocked-content-notice {
	line-height: 1.2 !important;
	border: none !important;
	background-color: var(--cmplz-black, #000);
}

.cmplz-blocked-content-notice.cmplz-accept-category {
	cursor: pointer;
}

.cmplz-blocked-content-container,
.cmplz-wp-video {
	border-radius: 0 !important;
}

.cmplz-cookiebanner {
	max-height: calc(100vh - 80px) !important;
}

.cmplz-cookiebanner .cmplz-title {
	font-weight: var(--cmplz-font-weight) !important;
}

@media only screen and (max-width: 767px) {
	#cmplz-manage-consent .cmplz-manage-consent {
		min-width: 45px !important;
		min-height: 45px !important;
		height: 45px !important;
	}

	#cmplz-manage-consent .cmplz-manage-consent:hover {
		min-width: 50px !important;
		min-height: 50px !important;
		height: 50px !important;
	}

	#cmplz-manage-consent .cmplz-manage-consent {
		display: block !important;
	}

	.cmplz-cookiebanner .cmplz-header {
		grid-template-columns: 55px 1fr 55px !important;
	}

	.cmplz-logo {
		display: flex;
	}

	.cmplz-cookiebanner .cmplz-body {
		/*max-height: calc(100vh - 146px);*/
		max-height: calc(100vh - 335px) !important;
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none;
	}

	.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar {
		display: none;
	}

	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		height: 100% !important;
		padding: 6px 15px !important;
	}

	.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {
		grid-template-columns: 1fr auto 30px !important;
	}

	.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox {
		width: 30px !important;
	}

	.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
		margin-left: auto;
	}

	.cmplz-cookiebanner .cmplz-logo img {
		height: 40px !important;
		max-height: 40px !important;
	}

	.cmplz-cookiebanner .cmplz-title {
		line-height: 1.2 !important;
	}
}

@media only screen and (max-width: 425px) {
	.cmplz-cookiebanner .cmplz-title {
		display: block !important;
	}
}

/**/





@media only screen and (max-width: 767px){
	body, .et_pb_button {
		font-size: 18px!important;
	}
}

@media all and (min-width: 1601px) {
   :root {
      font-size: 100% !important;
   }
}
@media all and (min-width: 1401px) and (max-width: 1600px) {
   :root {
      font-size: 94% !important;
   }
}
@media all and (min-width: 981px) and (max-width: 1400px) {
   :root {
      font-size: 82% !important;
   }
}
@media all and (min-width: 768px) and (max-width: 980px) {
   :root {
      font-size: 76% !important;
   }
}
@media all and (min-width: 501px) and (max-width: 767px) {
   :root {
      font-size: 63% !important;
   }
}
@media all and (min-width: 431px) and (max-width: 500px) {
   :root {
      font-size: 45% !important;
   }
}
@media all and (max-width: 430px) {
   :root {
      font-size: 45% !important;
   }
}


.et_pb_module h1 {
	font-size: clamp(35px, 4.2vw, 5rem);
}
.et_pb_text h2 {
	font-size: clamp(30px, 3.7vw, 4.375rem);
}
.et_pb_text h3 {
	font-size: clamp(25px, 2.3vw, 2.5rem);
}

#page-container .et_pb_row {
	width: 90%;
}

.et_pb_button {
	color: var(--black)!important;
	background-color: var(--yellow)!important;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 0!important;
	border: none!important;
	/* padding: 22px 42px 19px; */
	padding: 1.375rem 2.625rem 1.1875rem;
}

.et_pb_button:after {
	display: none;
}

.et_pb_button:hover {
	/* padding: 22px 42px 19px!important; */
	padding: 1.375rem 2.625rem 1.1875rem!important;
	color: var(--yellow)!important;
	background-color: var(--blue)!important;
}

.facebook.menu-item .fa-facebook:before {
	color:var(--yellow);
}

.header-section .et_pb_fullwidth_header {
	padding-top: 10.9375rem;
	padding-bottom: 10.9375rem;
	background-position: center!important;
	/* background-position: center 12%!important; */
}

.header-section .header-content {
	width: 100%;
	max-width: 54.6875rem;
	background-color: rgba(0, 24, 39, 0.8);
	border-left: solid 1.5625rem var(--yellow);
	/* padding: 50px 56px 60px!important; */
	padding: 3.125rem 3.5rem 3.75rem!important;
}

@media only screen and (max-width: 767px){
	.header-section .header-content {
		margin: 0!important;
	}
}

.header-section  .et_pb_fullwidth_header .et_pb_fullwidth_header_container {
	width: 90%!important;
}

.header-section .et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
	padding-bottom: 1.25rem!important;
}



@media only screen and (max-width: 980px){
	#a-propos .et_pb_column:not(.bandes-col) {
		margin-bottom: 80px;
	}
}

#a-propos .bandes-col .et_pb_text {
	background-color: var(--yellow);
	border-left: solid 1.5625rem var(--blue);
	/* padding: 28px 36px; */
	padding: 1.75rem 2.25rem;
	text-transform: uppercase;
	font-size: max(22px, 1.875rem);
	line-height: 1.2;
	font-weight: 700;
}

#a-propos .bandes-col .et_pb_text:not(:last-child) {
	margin-bottom: 32px;
}

#solutions .et_pb_row {
	position: unset;
}

#solutions .et_pb_column:first-child:before {	
	background-image: url('/wp-content/uploads/2023/12/Stockage-3R-solutions-1.jpg');
	background-repeat: no-repeat;
	background-size: auto 140%;
	background-position: right center;
}

#solutions .et_pb_column:first-child:after {
  	background-color: rgba(0, 24, 39, 0.8);
}

#solutions .et_pb_column:first-child:before, #solutions .et_pb_column:first-child:after {
	content: "";
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: var(--new_width, 100vw);
  	height: 100%;
	  z-index: -1;
}




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

	#solutions .et_pb_column:first-child {
		padding-right: 4.6875rem;
		position: unset;
	}

	#solutions .et_pb_column:first-child:before {
		border-right: solid 1.5625rem var(--yellow);
	}
	
	#solutions .et_pb_column:last-child {
		padding-left: min(calc(7.625rem + 1.5625rem), calc(4vw + 1.5625rem));
	}
}

@media only screen and (max-width: 980px){
	#solutions, #solutions .et_pb_row {
		padding-top: 0!important;
	}

	#solutions .et_pb_row .et_pb_column:first-child {
		padding-top: 80px;
		padding-bottom: 80px;
		margin-bottom: 80px!important;
	}


	#solutions .et_pb_column:first-child:before {
		background-size: cover;
	}
	#solutions .et_pb_column:first-child:before, #solutions .et_pb_column:first-child:after {
		left: -5vw;
	}
	
}

#solutions .et_pb_module:not(:last-child) {
	margin-bottom: 30px;
}

.encadres-section .et_pb_row {
	
}

.encadres-section .et_pb_column {
	border-left: solid 1.5625rem var(--yellow);
	background-color: var(--white);
	/* padding: 58px 45px; */
	padding: 3.625rem 2.8125rem;
	display: flex;
	flex-direction: column;
  justify-content: center;
    
}


.images-section .et_pb_row {
	width: 100%!important;
}


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

.images-section .et_pb_image {
	position: relative;
}

.images-section .et_pb_image:before {
	content: "";
	width: 100%;
	padding-top: 87.5%;
	display: block;
}

.images-section .et_pb_image span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.images-section .et_pb_image img {
	height: 100%;
	object-fit: cover;
}

}

@media only screen and (min-width: 981px){
	#nous-joindre .et_pb_row {
		position: unset;
	}


	#nous-joindre .et_pb_column:first-child {
		width: 50%!important;
		margin-right: 0!important;
		padding-right: min(6vw, 140px);
	}


	#nous-joindre .et_pb_column:last-child {
		position: absolute;
		top: 0;
		right: 0;
		width: 50vw;
		height: 100%;
	}

}

@media only screen and (max-width: 980px){
	#nous-joindre, #nous-joindre .et_pb_row {
		padding-bottom: 0;
	}

	#nous-joindre .et_pb_map_container {
		width: calc(100% + 10vw);
		margin-left: -5vw;
	}

	#nous-joindre .et_pb_map {
		min-height: calc(200px + 20vw);
	}

	#nous-joindre .et_pb_column:first-child {
		margin-bottom: 80px;
	}
}



#nous-joindre .et_pb_text {
	font-size: 30px;
	font-size: max(22px, 1.875rem);
	line-height: 1.1;
}

#nous-joindre .et_pb_text a {
	color: var(--black);
}

#nous-joindre .title {
	border-bottom: solid 1.5625rem #fff;
	padding-bottom: 45px;
	margin-bottom: 55px;
}


@media only screen and (min-width: 981px){
	#nous-joindre :is(.et_pb_map_container,.et_pb_map_container .et_pb_map)  {
		height: 100%;
	}
}


/* Footer */

.footer-section {
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.footer-section .et_pb_row {
	display: grid;
	grid-template-columns: auto 47px;
	gap: 38px;
	padding: 25px 0;
}

.footer-section .et_pb_row:after {
	display: none;
}

.footer-section .et_pb_column {
	margin-right: 0!important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	
}

@media only screen and (max-width: 980px){
	.footer-section .et_pb_column {
		margin-bottom: 0!important;
	}
}

.footer-section .et_pb_column:not(.social-column) {
	width: 100%!important;
	justify-content: space-between;
	gap: 10px 30px;
}


.footer-section .et_pb_column.social-column {
	gap: 20px;
}



.footer-section :is(.politique-confidentialite, .politique-confidentialite a) {
	color: #fff;
}


.footer-section .politique-confidentialite :is(span, a) {
	text-decoration: underline;
	cursor: pointer;
}



.footer-section .et_pb_column.social-column .social {
	width: fit-content;
	width: -moz-fit-content;
}



.footer-section .et_pb_module {
	margin-bottom: 0!important;
}

.social-column .social.facebook .et-pb-icon {
	font-size: 47px;
}



