/*
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
*/



/*****
	Global Style
*****/
::-moz-selection {
  color: #fff;
  background: #31aa10;
}
::selection {
  color: #fff;
  background: #31aa10;
}

#page-container {overflow-x: hidden;}

/***
	Underline 
***/
span.underline {
	position: relative;
	display: inline-block;
}
span.underline:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	overflow: hidden;
	margin: 0;
	width: 100%;
	height: 10px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 98%;
	z-index: -1;
}

span.underline-title:after {transform: translateY(-60%);}

span.underline-yellow:after {background-image: url(https://lecollectiffreelance.com/nospetitspouces/wp-content/uploads/2024/01/underline-yellow.svg);}
span.underline-blue:after {background-image: url(https://lecollectiffreelance.com/nospetitspouces/wp-content/uploads/2024/01/underline-blue.svg);}
span.underline-pink:after {background-image: url(https://lecollectiffreelance.com/nospetitspouces/wp-content/uploads/2024/01/underline-pink.svg);}
span.underline-green:after {background-image: url(https://lecollectiffreelance.com/nospetitspouces/wp-content/uploads/2024/01/underline-green.svg);}
span.underline-white:after {background-image: url(https://lecollectiffreelance.com/nospetitspouces/wp-content/uploads/2024/01/underline-white.svg);}

/*****
	Header
*****/

/* Header button */
#page-container header nav > ul > li.menu-btn {align-items: center;}
#page-container #et-boc header nav > ul > li.menu-btn a {
	display: flex !important;
	align-items: center;
	padding-top: 4px!important;
	padding-right: 25px!important;
	padding-bottom: 4px!important;
	padding-left: 25px;
	border-width: 0px!important;
	border-radius: 50px;
	letter-spacing: 0.3px;
	font-size: 16px !important;
	text-align: center;
	color: #ffffff !important;
	background-color: #31aa10;
	height: 47px;
}

/* Current page */
li.current-menu-item > a:before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fad771;
	border-radius: 10px;
	z-index: -1;
}

/* Menu fix */

@media screen and (min-width: 981px) {
	header nav > ul > li > a {
		padding-bottom: 0 !important;
	}
	header nav > ul {
		align-items: center !important;
	}
	header nav > ul > li {
		margin-top: 0 !important;
	}
}

/* Sub menu */
body.et-db #et-boc .et-l .et_pb_menu .et-menu .menu-item .sub-menu {
	background-color: #fbf5f1 !important;
	margin-top: 34px;
	border-top: none;
	border-radius: 0 0 12px 12px;
}
body.et-db #et-boc .et-l .et_pb_menu .et-menu .menu-item .sub-menu:before {
	content: "";
	height: 34px;
	width: 100%;
	display: block;
	position: absolute;
	top: -34px;
	left: 0;
}
body.et-db #et-boc .et-l .et_pb_menu .et-menu .menu-item .sub-menu li a {
	background: none;
	padding: 0;
	display: inline-block;
	width: fit-content;
	line-height: 1;
	margin-left: 20px;
}
body.et-db #et-boc .et-l .et_pb_menu .et-menu .menu-item .sub-menu li:not(:last-child) a {margin-bottom: 16px !important;}



/*****
	Map
*****/

@media screen and (min-width: 981px) {.map-container {width: 50%;}}

#map {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

@media screen and (max-width: 980px) {
	.map-container {width: 100%; margin-top: 60px;}
	#map {
		min-height: 500px;
	}
	
}



/* Pins */
.map-desc img {max-width: 100%;}
.map-desc {
	display: flex;
	gap: 15px;
	max-width: 400px;
}
.map-desc .map-desc-left {width: 40%;}
.map-desc .map-desc-right {width: 60%;}

.map-desc .map-desc-right label {font-weight: bold;}

.map-desc address {font-style: normal;}
.map-desc .map-desc-right b {
	font-size: 18px;
	margin-bottom: 5px;
	display: block;
	color: #000000;
}
.map-desc .map-desc-right p {padding-bottom: 5px;}


/*****
	Map List
*****/
@media screen and (min-width: 981px) {
	#creches-list {
		display: flex;
		flex-wrap: nowrap;
		/* margin-bottom: 70px; */
	}

	/* #creches-list .creche-region {width: 50%;} */
	
	#creches-list .creche-region > h2 {
		font-size: 32px;
		margin-bottom: 10px;
	}
	
	#creches-list .map-creche-inner {
		/* max-height: 1050px; */
		height: 100dvh;
		max-height: 900px;
		overflow-y: scroll;
		padding-right: 19px;
	}
	#creches-list .map-creche-inner::-webkit-scrollbar {width: 7px;}
	#creches-list .map-creche-inner::-webkit-scrollbar-thumb {
		background-color: #e8cab2;
		border-radius: 10px;
	}

}



gmp-internal-camera-control.gmnoprint {display: none;}
.map-creche {
	display: flex;
	flex-direction: column;
	gap: 25px;
	background-color: #f9eee3;
	border-radius: 40px;
	padding: 20px 0px;
	position: relative;
	z-index: 0;
}

@media screen and (min-width: 768px) {
	.map-creche {padding: 20px 20px;}
	.map-creche .creche-thumbnail img {height: 100%;}
}



.map-creche:not(:last-child) {margin-bottom: 20px;}
/* .map-creche:not(:last-child):after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	background-color: #cecece;
	width: 100%;
	height: 1px;
} */

.map-creche .creche-thumbnail {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: center;
}
.map-creche .creche-thumbnail img {
	border-radius: 12px;
	object-fit: cover;
}


@media screen and (max-width: 539px) {
	.map-creche .creche-thumbnail img {width: 100%;}
}
@media screen and (min-width: 540px) {
	.map-creche {flex-direction: row;}
	.map-creche .creche-thumbnail {
		width: 30%;
	}
}









.map-creche .map-details{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.map-details h3 {
	position: relative;
	display: block;
	width: fit-content;
}
.map-details > h3:before {
	content: "";
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fad771;
	border-radius: 10px;
	display: block;
	z-index: -1;
}


.map-creche .map-details p {
	padding-bottom: 5px;
}








.creche-buttons button, .creche-buttons a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	height: 20px;
	background-color: #67ba3d;
	border: none;
	font-size: 14px;
	line-height: 1;
	color: #ffffff;
	font-weight: 600;
	padding: 20px 12px;
	border-radius: 8px;
	cursor: pointer;
	transition: all .3s ease;
}
.creche-buttons a:hover {
	background-color: #8dd847;
}

.creche-buttons button {
	background-color: #d1a685;
}

.creche-buttons button:hover {
	background-color: #e8cab2;
}

.creche-buttons {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	gap: 20px;
	/* margin-top: 10px; */
	/* flex-grow: 1; */
}

.map-creche .map-details strong {
	display: block;
	color: #000;
}





/*****
	Single creche
*****/
a.creche-cta {
	display: inline-block;
	padding-top: 12px!important;
	padding-right: 25px!important;
	padding-bottom: 12px!important;
	padding-left: 25px;
	border-radius: 50px;
	letter-spacing: 0.3px;
	font-size: 16px;
	text-align: center;
	color: #ffffff !important;
	background-color: #67ba3d;
	transition: all .3s ease-in;
}
a.creche-cta:hover {
	background-color: #8dd847;
}





























/*****
	Entreprise - Donut chart
*****/

/* Container */
.donut-chart {
	position: relative;
	width: 100%;
	padding-top: 100%;
	border-radius: 50%;
	overflow: hidden;
}
/* Donut hole */
.donut-chart:after {
	content: "";
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 50%;
	border-radius: 50%;
	z-index: 1;
}
/* Donut segment */
.segment {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	clip-path: circle(50% at 50% 50%);
}
.segment-33 {
	background: #7aa07a;
	clip-path: polygon(50% 50%, 100% 50%, 100% 0%, 0% 0%);
	z-index: 1;
}
.segment-50 {
	background: #e8cab2;
	z-index: 0;
}
.segment-17 {
	background: #897060;
	clip-path: polygon(50% 50%, 100% 50%, 100% 100%);
	z-index: 1;
}



/* hover Legend */
span.segment-label {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	height: 50%;
	border-radius: 50%;
	z-index: 10;
	pointer-events: none;
	opacity: 0;
	color: #000;
	text-align: center;
	line-height: 1;
	font-size: 1.2vw;
	padding: 3%;
}
.segment:hover + .segment-label {
	opacity: 1;
	transition: opacity 0.3s ease-in;
}
.segment-label .percent {
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 2.5%;
}


/* Fix legend */
.donut-legend {
	display: flex;
	flex-direction: column;
	width: fit-content;
	margin: 40px auto 0 auto;
	color: #000;
	font-size: 16px;
}
.legend-item {
  display: flex;
  align-items: center;
}
.legend-item:not(:last-child) {margin-bottom: 10px;}
.legend-color {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}








/*****
	Form
*****/

.et_pb_contact_field[data-type=select]:after {
	right: 20px;
	border-top-color: #000;
}


/* Upload files */
form.et_pb_contact_form .et_pb_files_container {
	padding: 0 !important;
	background: none !important;
}
form.et_pb_contact_form .et_pb_files_container .et_pb_file_upload_button:hover {
	padding: 7px 12px; !important;
}


form.et_pb_contact_form .et_pb_files_container .et_pb_file_upload_button:before,
form.et_pb_contact_form .et_pb_files_container .et_pb_file_upload_button:after {
	display: none;
}


form.et_pb_contact_form .et_pb_files_container .et_pb_file_upload_button {
	font-size: 14px;
	border: 2px solid #68BA3D;
	background-color: #ffff;
	color: #000;
	display: inline-block;
	padding: 7px 12px;
	border-radius: 8px;
	cursor: pointer;
}
form.et_pb_contact_form .et_pb_files_container .et_pb_file_upload_button:hover {
	border-color: #a5c3ff;
	background-color: #a5c3ff;
}


.et_pb_files_container .et_pb_accepted_files_desc,
.et_pb_files_container .et_pb_file_chosen_desc {display: none;}



form.et_pb_contact_form .et_pb_files_container .et_pb_contact_field_desc {
	color: #000 !important;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
}

form.et_pb_contact_form .et_pb_files_container .et_pb_contact_form_label {
	font-size: 16px;
	color: #000;
}






form.et_pb_contact_form .et_pb_files_container .et_pb_contact_form_label:after {
	opacity: 0;
	pointer-events: none;
}