/**
 * Gravity Forms custom styles.
 *
 * @package DeWitteBrug
 */

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select {
	border-radius: 8px !important;
	background-color: #232C2C !important;
	border: 1px solid #232C2C !important;
	color: #ffffff !important;
	padding: 14px 18px !important;
	font-family: 'Avenir', sans-serif;
	font-size: 16px;
	line-height: 24px;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
	outline: none;
	border-color: #8ABEB8 !important;
}

.gform_wrapper .gfield_label,
.gform_wrapper label {
	color: #8ABEB8 !important;
	font-family: 'DM Serif Display', serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 8px;
	display: block;
}

.gform_wrapper .gform_button,
.gform_wrapper .gform_footer input[type="submit"] {
	display: inline-flex;
	align-items: center;
	border: 1px solid #8ABEB8;
	background-color: #8ABEB8;
	background-image: linear-gradient(#0B1515, #0B1515);
	background-size: 100% 0;
	background-position: bottom;
	background-repeat: no-repeat;
	color: #142456;
	padding: 14px 32px;
	border-radius: 4px;
	font-family: 'DM Serif Display', serif;
	font-size: 20px;
	line-height: 25px;
	cursor: pointer;
	transition: color 300ms ease, background-size 300ms ease;
}

.gform_wrapper .gform_button:hover,
.gform_wrapper .gform_button:focus,
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer input[type="submit"]:focus {
	background-size: 100% 100%;
	color: #8ABEB8;
	outline: none;
}

.gform_wrapper .gfield_checkbox .gfield-choice-wrapper,
.gform_wrapper .gfield_radio .gfield-choice-wrapper,
.gform_wrapper .gfield_checkbox .gchoice,
.gform_wrapper .gfield_radio .gchoice {
	display: flex;
	align-items: center;
	gap: 10px;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"],
.gform_wrapper .gfield_radio input[type="radio"] {
	width: 24px !important;
	height: 24px !important;
	border-radius: 4px;
	accent-color: #8ABEB8;
	cursor: pointer;
}

.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label,
.gform_wrapper .gfield_checkbox .gfield-choice-input + label,
.gform_wrapper .gfield_radio .gfield-choice-input + label {
	color: #8ABEB8 !important;
	font-family: 'DM Serif Display', serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 20px;
	margin: 0;
	display: inline;
	cursor: pointer;
}

.ginput_container_consent {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ginput_container_consent label {
	margin-bottom: 0;
	font-family: 'Avenir', sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff !important;
}

.ginput_container_consent label a {
	color: #8abeb8;
	transition: color 0.2s ease;
}

.ginput_container_consent label a:hover,
.ginput_container_consent label a:focus {
	color: #A3D1CC;
}

.gform_wrapper .gfield_required {
	color: #fff !important;
	font-weight: 600;
	font-size: 16px!important;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-size: 24px!important;
	line-height: 20px!important;
}