/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

main {
	overflow-x: hidden;
}

.no-scroll {
	overflow: hidden;
}

#h1-accueil {
	overflow: hidden;
	text-indent: -9999px;
	line-height: 0;
	margin: 0;
	display: none;
}

h1.site-title,
h1.entry-title {
	display: none;
}

/* Formulaire contact par étapes */

#form_contact_etapes .e-form__indicators__indicator__number {
	border: none;
}

#form_contact_etapes .e-form__indicators__indicator__separator {
	background-color: rgba(255, 255, 255, 0.5);
}

#form_contact_etapes .elementor-mark-required .elementor-field-label:after {
	font-size: 60%;
	vertical-align: text-top;
	font-weight: 400;
	padding: 0;
}

/* #form_contact_etpaes .elementor-field-type-select {
	flex-wrap: nowrap;
} */

.elementor-field-group-qui>label {
	font-size: 1.4vw !important;
	letter-spacing: normal !important;
	padding-bottom: 0 !important;
	margin-right: 3vw;
}

.elementor-field-group.elementor-field-group-qui {
	flex-wrap: nowrap;
}

.elementor-field-group.elementor-field-group-qui>*,
.elementor-field-group.elementor-field-group-frequence>*,
.elementor-field-group.elementor-field-group-periode>* {
	/* flex: 1 !important; */
	min-width: fit-content;
}

.elementor-field-group-qui .elementor-field-option,
.elementor-field-group-frequence .elementor-field-option,
.elementor-field-group-periode .elementor-field-option {
	position: relative;
	flex-basis: auto !important;
	/* margin-bottom: 20px; */
}

.elementor-field-group-qui .elementor-field-option label:hover,
.elementor-field-group-qui .elementor-field-option input:hover+label,
.elementor-field-group-periode .elementor-field-option label:hover,
.elementor-field-group-periode .elementor-field-option input:hover+label,
.elementor-field-group-frequence .elementor-field-option label:hover,
.elementor-field-group-frequence .elementor-field-option input:hover+label {
	background-color: white;
	color: #77A8B7F5 !important;
}


.elementor-field-group-interet .elementor-field-subgroup {
	/* flex-wrap: nowrap; */
	gap: 20px;
	margin-bottom: 60px;
}

.elementor-field-group-projet .elementor-field-subgroup {
	gap: 20px;
	margin-bottom: 30px;
}

.elementor-field-group-qui input,
.elementor-field-group-frequence input,
.elementor-field-group-periode input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	display: block !important;
	cursor: pointer;
}

.elementor-field-group-qui .elementor-field-option label,
.elementor-field-group-frequence .elementor-field-option label,
.elementor-field-group-periode .elementor-field-option label {
	border: 1px solid #fff;
	border-radius: 35px;
	padding: 12px 25px;
	background-color: transparent;
	transition: 300ms all;
}

.elementor-field-group-qui .elementor-field-option input:checked+label,
.elementor-field-group-frequence .elementor-field-option input:checked+label,
.elementor-field-group-periode .elementor-field-option input:checked+label {
	background-color: #fff;
	color: #000 !important;
}

.elementor-field-group.elementor-field-group-localisation {
	/* flex-wrap: nowrap; */
	margin-bottom: 8vh !important;
}

.elementor-field-group-coordonnees>.elementor-field-group>label {
	padding-bottom: 0 !important;
	font-size: 1.6vw !important;
	letter-spacing: normal !important;
	font-weight: 600 !important;
}

.elementor-field-group-interet input,
.elementor-field-group-projet input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	display: block !important;
	cursor: pointer;
}

.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option {
	position: relative;
	background: url("/wp-content/uploads/2025/02/piscine-coque-prado-plage-2020.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	flex: 0 0 48%;
	height: 14vw;
	display: block;
	cursor: pointer;
	transition: 300ms all;
	margin-bottom: 70px;
}

.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option {
	position: relative;
	background: url("/wp-content/uploads/2025/02/piscine-coque-prado-plage-2020.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	flex: 0 0 23%;
	height: 14vw;
	display: block;
	cursor: pointer;
	transition: 300ms all;
	margin-bottom: 70px;
}

.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option:hover,
.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:hover {
	transform: scale(0.96);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
	/* opacity: 0.8; */
}

[data-elementor-device-mode$=top] .elementor-column+.elementor-column {
	margin-left: 0;
}

.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option:nth-child(1) {
	background-image: url("/wp-content/uploads/2026/02/cloture-sur-muret-768x1024.jpg");
}

.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option:nth-child(2) {
	background-image: url("/wp-content/uploads/2026/01/20250623_163609-Copie-1024x768.jpg");
}

.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:nth-child(1) {
	background-image: url("/wp-content/uploads/2026/02/cloture-sur-muret-768x1024.jpg");
}

.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:nth-child(2) {
	background-image: url("/wp-content/uploads/2026/01/20250623_163609-Copie-1024x768.jpg");
}

.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:nth-child(3) {
	background-image: url("/wp-content/uploads/2026/01/entrance-doorbell-in-a-multi-apartment-building-w-2026-01-09-07-26-10-utc-1024x683.jpg");
}

.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:nth-child(4) {
	background-image: url("/wp-content/uploads/2026/02/construction-muret-1024x768.jpg");
}

.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:nth-child(5) {
	background-image: url("/wp-content/uploads/2026/01/outdoor-cabinet-for-electrical-equipment-on-white-2026-01-11-09-27-46-utc.jpg");
}

.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option label,
.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option label {
	position: absolute;
	font-size: 21px !important;
	/* top: 108%; */
	align-items: end;
	display: flex;
	width: 100%;
	height: calc(100% + 55px);
}

.elementor-field-group-interet input:checked+label:after,
.elementor-field-group-projet input:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% - 55px);
	top: 0;
	border: 1px solid #fff;
	background: url(images/outline-check.svg) no-repeat center, rgba(0, 0, 0, 0.5);
}

.elementor-field-group-coordonnees>.elementor-field-group {
	margin-bottom: 40px !important;
}

.elementor-field-group-coordonnees>.elementor-field-group>label {
	margin-bottom: 20px;
}

#form_contact_etapes .e-form__buttons {
	margin-top: 30px;
}

#form_contact_etapes .elementor-message.elementor-message-success {
	background-color: #FFA719;
	padding: 20px;
}

@media (max-width: 991px) {

	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-qui>label,
	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-frequence>label,
	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-periode>label {
		padding-bottom: 0 !important;
	}

	/* .elementor-field-group-localisation > label, */
	.elementor-field-group-qui>label,
	.elementor-field-group-coordonnees>.elementor-field-group>label,
	.elementor-field-group-frequence>label,
	.elementor-field-group-periode>label {
		font-size: 2.5vw !important;
	}

	#form_contact_etapes .elementor-labels-above .elementor-field-group>label {
		padding-bottom: 30px !important;
	}

	.elementor-field-group-interet .elementor-field-subgroup,
	.elementor-field-group-projet .elementor-field-subgroup {
		flex-wrap: wrap;
		margin-bottom: 0;
	}

	.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option,
	.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option {
		height: 150px;
		flex: calc(50% - 10px);
		margin-bottom: 50px;
	}

	.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option label,
	.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option label {
		font-size: 16px !important;
		height: calc(100% + 48px);
	}

	.elementor-field-group-interet input:checked+label::after,
	.elementor-field-group-projet input:checked+label::after {
		height: calc(100% - 48px);
	}
}

@media (max-width: 479px) {

	.elementor-field-group-qui>label,
	.elementor-field-group-coordonnees>.elementor-field-group>label,
	.elementor-field-group-frequence>label,
	.elementor-field-group-periode>label {
		font-size: 5vw !important;
	}

	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-qui>label,
	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-frequence>label,
	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-periode>label {
		padding-bottom: 30px !important;
	}

	.elementor-field-group.elementor-field-group-localisation {
		margin-bottom: 30px !important;
	}

	.elementor-field-group.elementor-field-group-qui,
	.elementor-field-group.elementor-field-group-frequence,
	.elementor-field-group.elementor-field-group-periode {
		flex-wrap: wrap;
	}

	.elementor-field-group-coordonnees>.elementor-field-group {
		margin-bottom: 20px !important;
	}

	.elementor-field-group-coordonnees>.elementor-field-group>label {
		margin-bottom: 0;
	}

	#form_contact_etapes .elementor-labels-above .elementor-field-group-coordonnees .elementor-field-group>label {
		padding-bottom: 10px !important;
	}
}