/*-------------------------------------------------------------
1.0 Typography & tools
--------------------------------------------------------------*/
	:root {
  		--primary: #000 !important;
  		--secondary: #00253E !important;
  		--body: #000000 !important;
	}

	.map-accueil .jet-map-listing {
		border-radius: 10px !important;
	}

	strong {
		font-weight: 600 !important;
	}

	/* form input border on focus */
	input:focus {
		outline: none;
		/* border: 1px solid var(--secondary) !important; */
	}

	input:focus, textarea:focus {
		outline: none;
		border-bottom: 2px solid var(--secondary) !important;
	}

	.jet-form-builder__field-wrap.checkradio-wrap span {
		align-items: start !important;
	}


	/* bouton */
	a.elementor-button-link .elementor-button-text {
		display: flex !important;
		align-items: center;
	}
	a.elementor-button-link .elementor-button-text:after {
		/* font-family: "FontAwesome"; */
		content: "→";
		font-size: 24px;
		line-height: 12px;
  		margin-left: 10px;
		/* top: 1px; */
	}
	@media screen and (max-width: 767px) {
		a.elementor-button-link .elementor-button-text:after {
			font-size: 17px;
			line-height: 1px;
		}
	}

	.home .map-iframe iframe {
		border-radius: 10px;
	}

/*-------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/

	/* menu mobile */
	.menu {
		background-color: transparent;
		border: none;
		cursor: pointer;
		display: flex;
		padding: 0;
		transition: border 0.2s;
	}
	#menu-burger:hover, #menu-burger:focus {
		background-color: transparent;
	}
	.line {
		fill: none;
		stroke: #000;
		stroke-width: 4;
		transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
			stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.line1 {
		stroke-dasharray: 60 207;
		stroke-width: 4;
	}
	.line2 {
		stroke: #E4341F;
		stroke-dasharray: 60 60;
		stroke-width: 4;
	}
	.line3 {
		stroke-dasharray: 60 207;
		stroke-width: 4;
	}
	.opened .line1 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 4;
		stroke: #fff;
	}
	.opened .line2 {
		stroke-dasharray: 1 60;
		stroke-dashoffset: -30;
		stroke-width: 4;
	}
	.opened .line3 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 4;
		stroke: #fff;
	}
	
	button.scrolling-active {
		border: 3px solid #E4341F;
		margin-right: -3px;
	}
	
	.scrolling-active.opened {
		border-color: transparent;
	}

	.container-mobile-menu {
		z-index: 999 !important;
	}

	button#menu-burger:focus, .login-submit input[type=submit]:focus, [type=button]:focus, [type=submit]:focus, button:focus {
		outline:0;
	}

	
/*-------------------------------------------------------------
8.0 Form
--------------------------------------------------------------*/

	.formulaire-reservation form.wpbs-form-container {
		padding-top: 5px !important;
		padding-bottom: 0 !important;
		color: #fff;
	}
	.wpbs-payment-confirmation-inner, .wpbs-payment-confirmation h2, .wpbs-payment-confirmation h4 {
		color: #fff;
	}
	.wpbs-payment-confirmation h4 {
		font-size: 24px;
	}
	.formulaire-reservation form .wpbs-form-selected-dates, .wpbs-payment-confirmation .wpbs-form-selected-dates {
		display: flex;
		flex-direction: row;
		gap: 70px;
	}
	.wpbs-payment-confirmation .wpbs-form-selected-dates {
		margin-bottom: 40px;
	}
	.formulaire-reservation form .wpbs-form-submit-button button {
		border-radius: 50px 50px 50px 50px !important;
		padding: 15px 35px 15px 35px !important;
		line-height: 1 !important;
		background-color: #CEE9F0;
		color: #00253E;
		border: 1px solid #CEE9F0;
	}
	.wpbs-payment-confirmation #wpbs-stripe-card-button {
		border-radius: 50px 50px 50px 50px !important;
		padding: 15px 35px 15px 35px !important;
		line-height: 1 !important;
		background-color: #CEE9F0 !important;
		color: #00253E !important;
	}
	.formulaire-reservation form .wpbs-form-submit-button {
		padding-bottom: 0 !important;
	}
	.formulaire-reservation form .wpbs-form-submit-button button:hover, .wpbs-payment-confirmation #wpbs-stripe-card-button:hover {
		background-color: #00253E !important;
		color: #CEE9F0 !important;
		border: 1px solid #CEE9F0 !important;
	}
	.formulaire-reservation .wpbs-calendar, .formulaire-reservation .wpbs-calendar-header, .formulaire-reservation .wpbs-legend {
		border-radius: 5px;
	}
	.formulaire-reservation .wpbs-calendar-header-navigation .wpbs-prev, .formulaire-reservation .wpbs-calendar-header-navigation .wpbs-next {
		background: #00253E;
	}
	.formulaire-reservation form .wpbs-form-field-consent .wpbs-form-field-label, .formulaire-reservation form .wpbs-form-field-payment_method .wpbs-form-field-label {
		display: none;
	}
	.formulaire-reservation form .wpbs-form-field-payment_method {
		padding-top: 20px;
	}
	.formulaire-reservation form .wpbs-form-submit-button button {
		display: flex !important;
		align-items: center;
	}
	.wpbs-payment-confirmation #wpbs-stripe-card-button {
		display: flex !important;
		align-items: center;
		margin-top: 40px !important;
	}
	.formulaire-reservation form .wpbs-form-submit-button button:after, .wpbs-payment-confirmation #wpbs-stripe-card-button:after {
		content: "→";
		font-size: 24px;
		line-height: 12px;
		margin-left: 10px;
		font-family: "Krub", Sans-serif;
	}












	.field-type-radio-field .jet-form-builder__label {
		position: relative;
	}
	.field-type-radio-field .jet-form-builder__label::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -5px;
		height: 2px;
		width: 10%;
		background: #E4341F;
	}
	.jet-form-builder__field-label.for-radio :not(:disabled):not(:checked):hover + span::before {
		border-color: #E4341F !important;
	}
	.jet-form-builder__field-label.for-radio :checked + span::before {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") !important;
	}
	.form-with-header .field-type-heading-field .jet-form-builder__heading {
		padding: 20px 40px 20px 40px;
		background-image: linear-gradient(135deg, transparent 3%, var( --secondary ) 3%);
	}
	.form-with-header .jet-form-builder-row.field-type-heading-field {
		padding: 0 !important;
	}
	.form-with-header .jet-form-builder-page {
		background-image: linear-gradient(135deg, transparent 3%, #F5F5F5 3%);
		/* background-color: #F5F5F5; */
		padding-bottom: 20px;
	}
	.form-with-header .jet-form-builder-row, .form-with-header .jet-form-builder__next-page-wrap {
		padding: 5px 40px;
	}

	.form-with-header .field-type-submit-field .jet-form-builder__submit-wrap:hover {
		filter: none;
	}

	.jet-form-builder-message {
		/* background-color: var(--primary); */
		border: none !important;
		color: #fff !important;
	}

	.jet-form-builder-repeater__remove {
		border: 2px solid var(--primary);
		color: var(--primary);
	}

	.jet-form-builder-repeater__remove:hover {
		color: #fff !important;
		background-color: var(--primary);
	}

	.jet-toggle.active-toggle > .jet-toggle__content {
		height: auto !important;
	}

	.form-etude .jet-form-builder {
		display: flex;
  		justify-content: center;
  		align-items: center;
	}

	.form-etude .jet-form-builder-page {
		width: 100%;
	}

	.form-etude .jet-form-builder-messages-wrap {
		position: absolute;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		height: 100%;
	}

	.form-etude .jet-form-builder-messages-wrap .jet-form-builder-message {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		margin: 0;
		padding: 46px;
		background-image: linear-gradient(135deg, transparent 1.6%, #00000096 1.6%);
	}

	.form-etude .jet-form-builder-messages-wrap .jet-form-builder-message > div {
		width: 60%;
		height: 200px;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-direction: column;
		padding: 20px;
  		background-color: #000;
	}

	@media screen and (max-width:767px) {

		.form-etude .jet-form-builder-messages-wrap .jet-form-builder-message {
			background-image: linear-gradient(135deg, transparent 0.8%, #00000096 0.8%) !important;
		}
		.form-etude .jet-form-builder-messages-wrap .jet-form-builder-message > div {
			width: 100% !important;
			height: 300px !important;
		}
	}

	.form-etude .jet-form-builder-messages-wrap .jet-form-builder-message > div > i {
		color: green;
		font-size: 28px;
	}