/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


h1,h2,h3,h4,h5,p,span {
	font-feature-settings:"aalt" on;
}
.font-medium {
	font-weight:500 !important;
}
.text-white a {
	color:#fff !important;
}

.link-hover-animation {
	position:relative;
}
.link-hover-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.link-hover-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.link-hover-animation-black {
	position:relative;
}
.link-hover-animation-black::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #1d1d1b;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.link-hover-animation-black:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}




/* NAVIGATION */
.closed .mobile_menu_bar:before {
    content: '';
    background: url(/wp-content/uploads/2023/08/hamburger_menu_icon_closed.svg);
    display: block;
	background-size: 40px;
    width: 40px;
    height: 30px;
    cursor: pointer;
	transition:transform .3s ease-in-out;
	/*animation: pulse 2s infinite;*/
	transform:scaleY(.8);
}
.opened .mobile_menu_bar:before {
    content: '';
    background: url(/wp-content/uploads/2023/08/hamburger_menu_icon_open.svg);
    display: block;
	filter:invert(1);
	background-size: 40px;
    width: 40px;
    height: 30px;
    cursor: pointer;
	transition:transform .3s ease-in-out;
	
}

.closed .mobile_menu_bar:hover:before {
	transform:scaleY(.9);
}
.opened .mobile_menu_bar:hover:before {
	/*transform:rotate(180deg);*/
}

@keyframes rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(180deg);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(.9);
	}
	100% {
		transform: scale(1);
	}
}

#et_top_search {
	display:none;
}



#main-header #logo {
        max-height: 70px !important;
    height: auto !important;
    position: relative;
    top: 19px;
    transform: translateX(-16px);
	filter: drop-shadow(0px 0px 10px rgba(255,255,255,.9));
}
@media screen and (max-width: 666px) {
	#main-header #logo {
        max-height: 45px !important;
		height: auto !important;
		position: relative;
		top: 26px;
		transform: translateX(-16px);
	}
}

@media screen and (max-width: 8000px) {
	.et_mobile_menu > li > a, .et-menu > li > a:hover {
		width: fit-content;
		margin: auto;
		border-width:1px !important;
		border-color:#fff !important;
		border-radius: 0 !important;
	}
	.dipi-menu-animation-slide-right.closed #mobile_menu, .et-l--header .dipi-menu-animation-slide-right.closed ul.et_mobile_menu {
    	transform: translateX(160%) !important;
	}
}

.contact_links a {
	font-size:12px !important;
	text-transform:uppercase;
}

.contact_links {
	margin-bottom:0px !important;
}
@media screen and (max-width: 8000px) {
	.et_mobile_menu > .contact_links > a, .et-menu > .contact_links > a {
		font-size: 12px !important;
		padding:5px 0 5px 0 !important;
		margin-bottom:0 !important;
	}
}
@media screen and (max-width: 8000px) {
	.et_mobile_menu .contact_links:not(:last-child) a {
		margin-bottom: 0px !important;
	}
}
.contact_mail > *:first-child {
	border-top:1px solid #fff !important;
}







body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children>a:before, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children>a:before, body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li.menu-item-has-children>a:after, body.dipi-collapse-submenu-mobile #main-header .et_mobile_menu li.menu-item-has-children>a:after {
    right: -30px !important;
}




/* BUTTON */
.et-btn-white {
	 background:
    linear-gradient(to right, white 1px, transparent 1px) 0 0,
    linear-gradient(to right, white 1px, transparent 1px) 0 100%,
    linear-gradient(to left, white 1px, transparent 1px) 100% 0,
    linear-gradient(to left, white 1px, transparent 1px) 100% 100%,
    linear-gradient(to bottom, white 1px, transparent 1px) 0 0,
    linear-gradient(to bottom, white 1px, transparent 1px) 100% 0,
    linear-gradient(to top, white 1px, transparent 1px) 0 100%,
    linear-gradient(to top, white 1px, transparent 1px) 100% 100%;

	background-repeat: no-repeat;
	background-size: 10px 10px;
	transition: all .3s ease;
}
.et-btn-white:hover {
	background:
    linear-gradient(to right, white 1px, transparent 1px) 0 0,
    linear-gradient(to right, white 1px, transparent 1px) 0 100%,
    linear-gradient(to left, white 1px, transparent 1px) 100% 0,
    linear-gradient(to left, white 1px, transparent 1px) 100% 100%,
    linear-gradient(to bottom, white 1px, transparent 1px) 0 0,
    linear-gradient(to bottom, white 1px, transparent 1px) 100% 0,
    linear-gradient(to top, white 1px, transparent 1px) 0 100%,
    linear-gradient(to top, white 1px, transparent 1px) 100% 100% !important;
 	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}

.et-btn-black {
	 background:
    linear-gradient(to right, #000 1px, transparent 1px) 0 0,
    linear-gradient(to right, #000 1px, transparent 1px) 0 100%,
    linear-gradient(to left, #000 1px, transparent 1px) 100% 0,
    linear-gradient(to left, #000 1px, transparent 1px) 100% 100%,
    linear-gradient(to bottom, #000 1px, transparent 1px) 0 0,
    linear-gradient(to bottom, #000 1px, transparent 1px) 100% 0,
    linear-gradient(to top, #000 1px, transparent 1px) 0 100%,
    linear-gradient(to top, #000 1px, transparent 1px) 100% 100%;

	background-repeat: no-repeat;
	background-size: 10px 10px;
	transition: all .3s ease;
}
.et-btn-black:hover {
	background:
    linear-gradient(to right, #000 1px, transparent 1px) 0 0,
    linear-gradient(to right, #000 1px, transparent 1px) 0 100%,
    linear-gradient(to left, #000 1px, transparent 1px) 100% 0,
    linear-gradient(to left, #000 1px, transparent 1px) 100% 100%,
    linear-gradient(to bottom, #000 1px, transparent 1px) 0 0,
    linear-gradient(to bottom, #000 1px, transparent 1px) 100% 0,
    linear-gradient(to top, #000 1px, transparent 1px) 0 100%,
    linear-gradient(to top, #000 1px, transparent 1px) 100% 100% !important;
 	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}




/* ACCORDION */
.et_pb_accordion_item {
	border-bottom:1px solid #1d1d1b !important;
}



/* CTA */
.cta-floating:hover {
	background: #d44d33 !important;
	transform:scale(1.1) rotate(6deg) !important;
}

@media screen and (max-width: 1480px) { 
	.cta-floating {
		bottom: 25px !important;
		top: auto;
		right: 25px !important;
		left: auto;
		transform:scale(.8) rotate(9deg) !important;
	}
	.cta-floating:hover {
	background: #d44d33 !important;
	transform:scale(.9) rotate(6deg) !important;
	}	
}
@media screen and (max-width: 650px) { 
	.cta-floating {
		bottom: -15px !important;
		top: auto;
		right: -15px !important;
		left: auto;
		transform:scale(.65) rotate(9deg) !important;
	}
	.cta-floating:hover {
	background: #d44d33 !important;
	transform:scale(.75) rotate(6deg) !important;
	}	
}
/*.cta-floating:after {
	content:'offre sans engagement';
	position:absolute;
	bottom:0px;
	right:auto;
	left:auto;
	
	
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	font-weight:800;
	line-height:12px;
	font-size:14px;
	
	opacity:1;
	transform:scale(0);
	transform-origin:bottom right;
	transform:translate3D(20px,20px,-1px);
	transition:transform .3s ease-in-out, opacity .3s ease-in-out;
}
.cta-floating:hover:after {
	content:'offre sans engagement';
	
	opacity:1;
	transform:scale(1) rotate(-20deg);
	transform-style: preserve-3d;
	transform:translate3D(-20px,-20px,-1px) rotate(-20deg);
	transition:transform .3s ease-in-out;
}*/

footer {
	position: absolute;
    width: 100%;
    z-index: -50;
}






/* HOMEPAGE */

/*COVER SECTION*/
#logo-cover-image {
	opacity:.2;
}
.full-height-minus-header {
	height:calc(100vh - 60px);
}

/* IMPRIMERIE SECTION */
.et-show-more-logo {
	transition:transform .2s ease-in-out;
}
.et-show-more-arrow {
	transform:translatey(0px);
	transition:transform .2s ease-in-out;
}
.et-show-more-toggle:hover .et-show-more-arrow {
	transform: translatey(5px);
	/*animation: float 2s ease-in-out infinite;*/
}
.et-show-more-toggle:hover .et-show-more-logo {
	transform: translatex(-10px);
}


.et-show-more-container {
	filter:saturate(0%);
	transition:filter .2s ease-in-out;
}
.et-show-more-container-recolor {
	filter:saturate(0%) brightness(1.4);
}
.et-show-more-container:hover {
	filter:saturate(100%);
}
.et-show-more-container-recolor:hover {
	filter:saturate(100%) brightness(1);
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-10px);
	}
	100% {
		transform: translatey(0px);
	}
}




/*ENCRAGES - gallery 4*/
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 0;
}