/*
Theme Name:  Made by LCF
Theme URI:   https://lecollectiffreelance.fr
Version:     1.0
Description: Thème crée par Le Collectif Freelance
Author:      Le Collectif Freelance
Author URI:  http://lecollectiffreelance.fr/
Template:    Divi
*/

/***
	General
***/
@media all and (max-width: 980px) {
.mobile_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
.first-on-mobile {-webkit-order: 1; order: 1;}
.second-on-mobile {-webkit-order: 2; order: 2;}
.third-on-mobile {-webkit-order: 3; order: 3;}
.fourth-on-mobile {-webkit-order: 4; order: 4;} 
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {margin-bottom: 30px;}
}
header .dsm_mobile_close_icon {color: #082F37 !important;}



/***
	Header
***/
@media (min-width:981px) and (max-width:1002px) {
	header nav ul li.dsm-mega-menu-item {margin-right: 20px !important;}
}
/* mobile */
.dsm-mega-menu-container.mobile-menu nav {
	display: flex;
	flex-direction: column;
	padding-top: 15px;
	gap: 60px;
}
.dsm-mega-menu-container.mobile-menu nav:before {
	content: "";
	width: 250px;
	height: 50px;
	background-image: url(https://eaulutecia.fr/wp-content/uploads/2024/10/Logo-Lutecia-vert.png);
	background-size: contain;
	background-repeat: no-repeat;
}
.dsm-mega-menu-container.mobile-menu nav ul {
	flex-direction: column;
	width: 100%;
}
.dsm-mega-menu-container.mobile-menu nav li a .dsm-menu-text-wrapper .dsm-menu-text {
	font-size: 26px !important;
	margin-bottom: 15px;
}
.dsm-mega-menu-search-container {display: none;}

/***
	Animation Origines
***/
.water-cycle-animation {position: relative;}
.water-cycle-animation .water-bg-wrapper {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	height: 0%;
	overflow: hidden;
}
.water-cycle-animation .mask {
	width: 100%;
	height: 30px;
	position: absolute;
	z-index: 2;
	top: 0;
	transform: translateY(-50%);
	background-color: #fff;
	filter: blur(8px);
}
.water-cycle-animation .static {
	position: relative;
	z-index: 3;
}
.water-cycle-animation img {
	width: 100%;
	height: auto;
}
.water-cycle-animation .water-fg-wrapper {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	right: 0;
	height: 0%;
	overflow: hidden;
}
.water-cycle-animation img {
	width: 100%;
	height: auto;
}


/* Menu parent no clic */
@media screen and (min-width: 981px) {
	.dsm-root-menu > li:has(> ul) > a {pointer-events: none;}
}






/* Menu mobile */
.dsm-mega-menu-container.mobile-menu nav .dsm-submenu-container {margin-top: 0 !important;}
.dsm-mega-menu-container.mobile-menu nav .dsm-submenu-inner-container {
	background: transparent !important;
}








/***
	Lang Switcher
***/
/* Desktop */
.desktop-lang-switch .et_pb_code_inner {display: flex;}
.language-switcher-dropdown {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.language-switcher-current {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1px;
	color: #000;
	padding: 0px 10px;
	font-size: 14px;
	text-align: center;
	height: 27px;
}
.language-switcher-current:after {
	content: "3";
	font-family: ETmodules;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: 0 0;
	direction: ltr;
}
.language-switcher-dropdown .language-switcher-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-size: 14px;
	background: #fff;
	list-style: none !important;
	padding: 0;
	z-index: 1000;
}
.language-switcher-list .language-switcher-item {padding: 5px 10px;}
.language-switcher-list .language-switcher-item a {
	text-decoration: none;
	color: #000;
	display: block;
}
 .language-switcher-current,
 .language-switcher-list .language-switcher-item a {transition: color 300ms ease;}
.language-switcher-current:hover,
.language-switcher-list .language-switcher-item a:hover {color: #83404E;}
.language-switcher-dropdown.active .language-switcher-list {
	display: flex;
	flex-direction: column-reverse;
}

.lang-switcher:before {
	content: "";
	width: 2px;
	height: 16px;
	display: block;
	position: absolute;
	top: 50%;
	right: -3px;
	background: #83404E;
	transform: translateY(-50%);
}

@media screen and (min-width: 981px) {
	.lang-switcher:before {left: -13px;}
}

/* Mobile */



.mobile-lang-switcher-wrapper .language-switcher-current,
.mobile-lang-switcher-wrapper .language-switcher-current:hover {
	color: #ffffff;
	font-size: 16px;
	height: auto;
}