/*
Theme Name: Divi Child
Description: Child theme for Divi by Tom Campion
Author: Tom Campion
Author URI: https://tomcampion.fr/
Template: Divi
Version: 1.0
*/

/** GENERAL **/
.vertical-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
}
@media screen and ( max-width: 980px ) {
    .invert-col {
        display: flex;
		flex-wrap:wrap;
        flex-direction: column-reverse;
    }
	.invert-col .et_pb_column:first-child{
        margin-bottom:0px !important;
    }
	.invert-col .et_pb_column.et-last-child{
        margin-bottom:30px !important;
    }
}
a.et_pb_button{
	font-weight:400 !important;
	text-align: center;
}
body .et_pb_text_inner,
body .et_pb_blurb_description{
	line-height:1.3em;
}
/* accordion */
.et_pb_toggle .et_pb_toggle_title{
	padding: 0px 0px 0px 50px !important;
}
.et_pb_toggle .et_pb_toggle_title:before{
	content: url(/wp-content/uploads/2025/08/plus.png);
	left: 0;
	top: 28px;
}
.et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block;
	content: url(/wp-content/uploads/2025/08/minus.png);
}
.et_pb_toggle ul,
.ul-list-star ul{
	list-style-image: url(/wp-content/uploads/2025/08/star.png);
	padding: 0 0 23px 1.3em;
}
/** MENU **/
@media screen and ( min-width: 980px ) {
	header #menu-main-menu{
		transform: translateX(53px);
	}
}
.mobile_nav.opened .mobile_menu_bar:before {
	content: "\4d";
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li:last-child>a{
	background: #E78293;
	height: 33px;
	border-radius: 44px;
	padding: 0 15px;
    text-shadow: none;
	color:white !important;
	line-height: 1em;
	transition: all 0.3s ease;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li:last-child>a:hover{
	background: #e17184 !important;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li:last-child{
	display: flex;
	align-items: center;
}
.et-menu:not(.sub-menu):not(:last-child)>li>a:before{
	content: "" !important;
	position: absolute;
	top: 52%;
	margin-top: calc(.5em - -3px);
	left: 0;
	width: 100%;
	height: 2px;
	opacity: .8;
	transform: scale3d(0, 1, 1) !important;
	transform-origin: 100% 50%;
	transition: transform .3s ease-in-out;
	transition-timing-function: cubic-bezier(.2,1,.3,1);
	background: #f6a97c;
}
.et-menu li:hover>a:before{
	transform: scale3d(1, 1, 1) !important;
	transform-origin: 0% 50%;
	transition-timing-function: ease;
}
.et-menu a:hover {
    opacity: 1 !important;
}
.et_pb_menu .et-menu>li{
    padding-left: 30px;
    padding-right: 30px;
}
.et_pb_menu__menu,
ul#menu-main-menu,
nav.et-menu-nav{
    width: 100%;
}
@media screen and ( max-width: 980px ) {
	header ul#mobile_menu1{
		background-color: #fbe9e8 !important;
	}
	header .et_pb_menu_inner_container.clearfix {
		display: flex;
	}
	header .et_pb_menu__wrap {
		justify-content: flex-end !important;
	}
	header .et_pb_module .mobile_menu_bar:before {
		font-size: 40px;
	}
	header .et_pb_menu__logo-wrap{
		margin-bottom: 0px !important;
	}
}

/** PORTFOLIO **/
.pa-portfolio-image-16-9 .project.type-project{
	margin-bottom: 0px !important;
}
.pa-portfolio-image-16-9 .et_portfolio_image {
  padding-top: 56.25%;
  display: block;
}
.pa-portfolio-image-16-9 .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/** Slick CSS **/
.caroussel-projet.slick-slide {
    max-height: 385px;
}
.slick-slide {
	float: left;
}
.slick-list{
	overflow:hidden;
	margin-bottom: -9px;
}
ul.slick-dots {
	display: flex;
	justify-content: center;
	list-style: none;
	margin-top: 20px;
}
ul.slick-dots button {
	background-color: #9f9f9f4d;
	width: 8px;
	height: 8px;
	padding: 0;
	margin: 4px;
	border-radius: 100%;
	font-size: 0px;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
ul.slick-dots .slick-active button{
	background-color: var(--divi-primary-color);
	transform: scale(1.2);
}
button{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.slide-arrow{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	z-index: 2;
	margin: 0 30px;
}
.prev-arrow{
	width: 50px;
	height: 50px;
	left: 0px;
}
.slide-arrow:before{
	border-radius: 4px;
	content: url(/wp-content/uploads/2025/08/arrow.png);
	font-family: ETmodules;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 22px;
	font-weight: 100;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	-webkit-transition: .3s cubic-bezier(0,0,.3642,1);
	transition: .3s cubic-bezier(0,0,.3642,1);
	cursor: pointer;
	width: 50px;
	height: 50px;
	align-items: center;
	transform: rotate(180deg);
}
.slide-arrow.prev-arrow:before{
	transform: rotate(0deg);
}
.slide-arrow:hover:before{
	color: var(--divi-primary-color);
}
.next-arrow{
	right: 0px;
	width: 50px;
	height: 50px;
}