@charset "UTF-8";

/**
<button> defined in navigation.css
**/



/* ================================================================================================= */
/* ============================================= THEME ============================================= */
/* ================================================================================================= */


/* ============================== GF WRAPPER ============================== */

.gform_wrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.overlay .gform_wrapper {
	max-width: none;
}
.gform_wrapper ul {
	display: flex;
	flex-direction: column;
	gap: var(--content-spacing);
	padding: 0;
}
.gform_wrapper li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gform_body {
	width: 100%;
}
.gform_wrapper .gform_footer {
	clear: both;
}


/* ============================== GF ERRORS ============================== */

.gform_wrapper .gfield_error .gfield_label {
	color: var(--alert-color);
}
.gform_wrapper .gfield_error .ginput_container {
	color: var(--alert-color);
}
.gform_wrapper li.gfield_error input[type=text],
.gform_wrapper li.gfield_error input[type=url],
.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=number],
.gform_wrapper li.gfield_error input[type=password],
.gform_wrapper li.gfield_error textarea {
	border-color: var(--alert-color);
}
.gform_wrapper .gform_ajax_spinner {
	position: absolute;
	bottom: .75rem;
	right: -1.5rem;
}
.gform_confirmation_wrapper {
	padding: 1rem 0;
}
.gform_ajax_spinner {
	display: inline-block;
	height: 1rem;
	width: 1rem;
	margin: 0 0 .5rem 1rem;
	padding: 0;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	border-style: solid;
	border-width: var(--stroke-width);
	border-color: var(--dark-color) var(--dark-color) var(--dark-color) transparent;
	animation: spinner .5s infinite linear;
}


/* ============================== GF LABELS ============================== */

fieldset legend.gfield_label {
	position: relative;
	font-size: inherit !important;
}
fieldset legend.gfield_label + * {
	margin-top: calc(var(--content-spacing) / 2);
}


/* ============================== GINPUT CONTAINER ============================== */

.ginput_container.ginput_complex {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--content-spacing) 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--content-spacing);
}
.gform_wrapper .instruction,
.gform_wrapper .gfield_description {
	font-size: .75em;
}

/** product (ex. bon de commande) **/

.ginput_container_singleproduct {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
}
.ginput_container_singleproduct .ginput_quantity_label,
.ginput_container_singleproduct .ginput_product_price_label,
.ginput_container_singleproduct .ginput_product_price {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	white-space: nowrap;
}


/* ============================== GF RADIOS / CHECKBOXES ============================== */

.gfield_checkbox,
.gfield_radio {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: calc(var(--content-spacing) / 3);
}
.gfield_checkbox .gchoice,
.gfield_radio .gchoice {
	display: inline-flex;
	gap: .5em;
}
.gform_wrapper .gfield + * {
	margin-top: var(--content-spacing);
}
.gform_wrapper * + .instruction,
.gform_wrapper * + .gfield_description {
	margin-top: calc(var(--content-spacing) / 3);
}

/** hide **/

.screen-reader-text {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
	border: 0;
	white-space: nowrap;
}


/* ============================== REPEATER ADD ON ============================== */

/* Gravity Form Repeater Add On */

/* =============== REPEATER START =============== */

.gfield--type-repeater_start .ginput_container_text {
	margin-top: 0;
}


/* =============== REPEATER END =============== */

.gfield--type-repeater_end {
	margin-top: 0 !important;
}
.gfield--type-repeater_end > .ginput_container {
	margin-top: 0;
}


/* =============== REPEATER ITEM =============== */

.repeater-field-item {
	position: relative;
	margin-bottom: var(--content-spacing) !important;
}
.repeater-field-item:before {
	content: '';
	position: absolute;
	z-index: 10;
	top: calc(var(--stroke-width) * -1);
	left: 0;
	width: 100%;
	border-top: solid var(--stroke-width) var(--dark-color);
}


/* =============== REPEATER HEADER =============== */

.repeater-field-header {
	align-items: center;
}
.repeater-field-item > .repeater-field-header {
	padding: var(--content-spacing) 0 0 0;
}
.repeater-field-header + .repeater-field-content {
	margin-top: var(--content-spacing);
}
.repeater-field-header-acctions {
	flex-basis: 0;
}
.repeater-field-header-acctions ul {
	display: flex;
	flex-direction: row;
	width: auto;
}


/* =============== REPEATER FOOTER =============== */

.repeater-field-footer {
	position: relative;
	margin: 0 !important;
	padding-top: var(--content-spacing) !important;
}
.repeater-field-footer:before {
	content: '';
	position: absolute;
	z-index: 10;
	top: calc(var(--stroke-width) * -1);
	left: 0;
	width: 100%;
	border-top: solid var(--stroke-width) var(--dark-color);
}


/* =============== REPEATER CONTAINER =============== */

.container-repeater-field {
	display: flex !important;
	flex-direction: column;
	gap: 0 !important;
}
.container-repeater-field .gfield + * {
	margin-top: var(--content-spacing);
}


/* =============== REPEATER ADD BUTTON =============== */

.gf-repeater-field-button-add {
	position: relative;
	z-index: 10;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 1em;
	font-size: var(--button-font-size);
	line-height:1;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
	font-weight: var(--font-weight-bold);
	box-shadow: none !important;
	padding: 1em 1.5em !important;
	border:solid var(--stroke-width);
	color:inherit !important;
	background:var(--bright-color) !important;
	border-radius: 2em;
}
.gf-repeater-field-button-add:hover {
	box-shadow: none !important;
	color: var(--bright-color) !important;
	border-color: var(--dark-color) !important;
	background:var(--dark-color) !important;
}