/*
Theme Name: Hello Elementor Tomodoro Child
Theme URI: https://tomodoro.be/
Description: Child theme for Tomodoro custom styling.
Author: Tomodoro
Template: hello-elementor
Version: 1.0.5
Text Domain: hello-elementor-tomodoro-child
*/

:root {
	--tomodoro-page-bg: var(--e-global-color-8, #f5f5ef);
	--tomodoro-text: var(--e-global-color-text, #54595f);
	--tomodoro-heading: var(--e-global-color-primary, #c5a572);
	--tomodoro-border: var(--e-global-color-5, #d2d2d2);
	--tomodoro-field-bg: var(--e-global-color-4, #ffffff);
}

/*body {*/
/*	background: var(--tomodoro-page-bg) !important;*/
/*	font-family: "Poppins", sans-serif !important;*/
/*	color: var(--tomodoro-text);*/
/*}*/

.gform_wrapper,
.gform_wrapper * {
	font-family: inherit;
	letter-spacing: 0;
}

.gform_wrapper {
	color: var(--tomodoro-text) !important;
}

.gform_wrapper .gf_progressbar_wrapper {
	display: block !important;
	margin: 0 0 42px !important;
}

.gform_wrapper .gf_progressbar_wrapper + .gform_heading,
.gform_wrapper .gf_progressbar_wrapper + .gform_body {
	margin-top: 0 !important;
}

.gform_wrapper .gf_progressbar_wrapper + .gform_body .gform_fields,
.gform_wrapper .gf_progressbar_wrapper + .gform_body .gform_page_fields {
	padding-top: 6px !important;
}

.gform_wrapper .gf_progressbar_title,
.gform_wrapper .gf_step,
.gform_wrapper .gf_step_number {
	display: block !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	font-weight: 400 !important;
}

.gform_wrapper .gf_progressbar_title {
	width: 100% !important;
}

.gform_wrapper .gf_progressbar_title_wrapper {
	text-align: center !important;
}

.gform_wrapper .gf_progressbar {
	height: 6px !important;
	background: rgba(197, 165, 114, 0.16) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: hidden;
}

.gform_wrapper .gf_progressbar_percentage {
	height: 100% !important;
	background: var(--tomodoro-heading) !important;
	border-radius: 0 !important;
}

.gform_wrapper .gform_fields {
	row-gap: 20px !important;
}

.gform_wrapper .gfield,
.gform_wrapper .gform_fields .gfield {
	margin-bottom: 0 !important;
}

.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label,
.gform_wrapper .gform-field-label--type-sub,
.gform_wrapper legend {
	display: block !important;
	font-size: 14px !important;
	line-height: 1.25 !important;
	font-weight: 500 !important;
	color: var(--tomodoro-text) !important;
	margin: 0 0 8px !important;
}

.gform_wrapper .gform-field-label--type-sub {
	font-size: 12px !important;
	font-weight: 400 !important;
	margin-bottom: 6px !important;
	opacity: 0.8;
}

.gform_wrapper .gfield_required {
	display: inline-block !important;
	position: relative !important;
	margin-left: 8px !important;
	padding: 0 !important;
	width: auto !important;
	height: auto !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	white-space: nowrap !important;
}

.gform_wrapper .gfield_required::before {
	content: "Vereist";
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 3px 8px !important;
	border-radius: 999px !important;
	background: rgba(197, 165, 114, 0.16) !important;
	color: var(--tomodoro-heading) !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
}

.gform_wrapper .gfield_required_text {
	display: none !important;
}

.gform_wrapper .ginput_container,
.gform_wrapper .gfield_address,
.gform_wrapper .ginput_complex {
	margin-top: 0 !important;
}

.gform_wrapper .ginput_complex span {
	margin-bottom: 0 !important;
}

.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="tel"],
.gform_wrapper .gfield input[type="number"],
.gform_wrapper .gfield input[type="date"],
.gform_wrapper .gfield select,
.gform_wrapper .gfield textarea,
.gform_wrapper .ginput_complex input,
.gform_wrapper .ginput_complex select {
	width: 100% !important;
	background: var(--tomodoro-field-bg) !important;
	border: 1px solid var(--tomodoro-border) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #1c1c1c !important;
	font: inherit !important;
	font-size: 16px !important;
	padding: 16px 18px !important;
	min-height: 54px;
	transition: border-color 0.15s ease, background-color 0.15s ease;
	animation: none !important;
	filter: none !important;
}

.gform_wrapper .gfield select,
.gform_wrapper .ginput_complex select {
	-webkit-appearance: none !important;
	appearance: none !important;
	padding-right: 44px !important;
	line-height: 1.2 !important;
	background-image:
		linear-gradient(45deg, transparent 50%, var(--tomodoro-heading) 50%),
		linear-gradient(135deg, var(--tomodoro-heading) 50%, transparent 50%),
		linear-gradient(to right, transparent, transparent) !important;
	background-position:
		calc(100% - 20px) calc(50% + 1px),
		calc(100% - 14px) calc(50% + 1px),
		100% 0 !important;
	background-size: 6px 6px, 6px 6px, 2.5em 2.5em !important;
	background-repeat: no-repeat !important;
}

.gform_wrapper .gfield input[type="date"] {
	-webkit-appearance: none !important;
	appearance: none !important;
	padding-right: 18px !important;
}

.gform_wrapper .gfield input[type="date"]::-webkit-calendar-picker-indicator,
.gform_wrapper .gfield input[type="date"]::-webkit-inner-spin-button,
.gform_wrapper .gfield input[type="date"]::-webkit-clear-button {
	display: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	opacity: 0 !important;
}

.gform_wrapper .gfield textarea {
	min-height: 104px !important;
	resize: vertical;
}

.gform_wrapper .gfield input::placeholder,
.gform_wrapper .gfield textarea::placeholder,
.gform_wrapper .ginput_complex input::placeholder {
	color: #6b6b6b !important;
	opacity: 1 !important;
}

.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield select:focus,
.gform_wrapper .gfield textarea:focus,
.gform_wrapper .ginput_complex input:focus,
.gform_wrapper .ginput_complex select:focus,
.gform_wrapper .gfield input:focus-visible,
.gform_wrapper .gfield select:focus-visible,
.gform_wrapper .gfield textarea:focus-visible,
.gform_wrapper .ginput_complex input:focus-visible,
.gform_wrapper .ginput_complex select:focus-visible {
	border-color: var(--tomodoro-heading) !important;
	box-shadow: none !important;
	outline: none !important;
}

.gform_wrapper .gform_page_footer,
.gform_wrapper .gform_footer {
	margin-top: 28px !important;
	padding-top: 0 !important;
	display: flex !important;
	gap: 12px !important;
	flex-wrap: wrap;
}

.gform_wrapper .gform_page_footer .button,
.gform_wrapper .gform_footer .button,
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button,
.gform_wrapper input[type="submit"] {
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	background: #fff !important;
	background-image: none !important;
	background-clip: padding-box !important;
	border: 1px solid var(--tomodoro-heading) !important;
	border-radius: 0 !important;
	color: var(--tomodoro-heading) !important;
	font: inherit !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	padding: 14px 18px !important;
	line-height: 1.1 !important;
	box-shadow: none !important;
	outline: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	-webkit-tap-highlight-color: transparent;
}

.gform_wrapper .gform_footer .gform_button,
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_button,
.gform_wrapper #gform_submit_button_5 {
	background: var(--tomodoro-heading) !important;
	color: #fff !important;
	border-color: var(--tomodoro-heading) !important;
}

.gform_wrapper .gform_page_footer .button:hover,
.gform_wrapper .gform_footer .button:hover,
.gform_wrapper .gform_footer .gform_button:hover,
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_previous_button:hover,
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper .gform_page_footer .button:active,
.gform_wrapper .gform_footer .button:active,
.gform_wrapper .gform_footer .gform_button:active,
.gform_wrapper .gform_next_button:active,
.gform_wrapper .gform_previous_button:active,
.gform_wrapper input[type="submit"]:active {
	background: rgba(197, 165, 114, 0.08) !important;
	color: var(--tomodoro-heading) !important;
	box-shadow: none !important;
	outline: none !important;
}

.gform_wrapper .gform_previous_button,
.gform_wrapper .gform_next_button {
	margin-top: 0 !important;
}

.gform_wrapper .gform_ajax_spinner,
.gform_wrapper .gform-loader {
	width: 18px !important;
	height: 18px !important;
	vertical-align: middle;
	margin-left: 10px !important;
	opacity: 1 !important;
	transform-origin: 50% 50% !important;
	animation: gformLoader 1.1s linear infinite !important;
	-webkit-animation: gformLoader 1.1s linear infinite !important;
}

.gform_wrapper .gform_ajax_spinner {
	filter: sepia(70%) saturate(220%) hue-rotate(356deg) brightness(0.72) contrast(1.05) !important;
}

.gform_wrapper .gform-loader {
	filter: none !important;
	border-block-end-color: rgba(197, 165, 114, 0.18) !important;
	border-block-start-color: rgba(197, 165, 114, 0.95) !important;
	border-inline-end-color: rgba(197, 165, 114, 0.18) !important;
	border-inline-start-color: rgba(197, 165, 114, 0.95) !important;
}

.gform_wrapper .gf_step,
.gform_wrapper .gf_step_number {
	font-family: "Poppins", sans-serif !important;
	font-weight: 400 !important;
}

.gform_wrapper .gf_step_number {
	background: transparent !important;
	border: 0 !important;
	color: var(--tomodoro-heading) !important;
}

.gform_wrapper .gf_step_active .gf_step_number,
.gform_wrapper .gf_step_completed .gf_step_number {
	background: var(--tomodoro-heading) !important;
	border-color: var(--tomodoro-heading) !important;
}

.gform_wrapper .gfield_checkbox,
.gform_wrapper .gfield_radio {
	display: grid !important;
	gap: 10px !important;
}

.gform_wrapper .gchoice {
	margin: 0 !important;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"],
.gform_wrapper .gfield_radio input[type="radio"] {
	position: absolute !important;
	opacity: 0 !important;
	width: 1px !important;
	height: 1px !important;
	pointer-events: none !important;
}

.gform_wrapper .gfield_checkbox label,
.gform_wrapper .gfield_radio label,
.gform_wrapper .gchoice label {
	display: grid !important;
	grid-template-columns: 20px 1fr !important;
	align-items: center !important;
	gap: 12px !important;
	font-family: "Poppins", sans-serif !important;
	font-weight: 400 !important;
	line-height: 1.2 !important;
	color: var(--tomodoro-text) !important;
	cursor: pointer !important;
	min-height: 20px !important;
	position: relative;
	padding: 2px 0 !important;
}

.gform_wrapper .gfield_checkbox label::before,
.gform_wrapper .gfield_radio label::before {
	content: "";
	grid-column: 1;
	grid-row: 1;
	width: 20px;
	height: 20px;
	border: 1px solid var(--tomodoro-border);
	background: #fff;
	box-shadow: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.gform_wrapper .gfield_checkbox label::before {
	border-radius: 4px;
}

.gform_wrapper .gfield_radio label::before {
	border-radius: 999px;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::before,
.gform_wrapper .gfield_radio input[type="radio"]:checked + label::before {
	background: var(--tomodoro-heading);
	border-color: var(--tomodoro-heading);
}

.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked + label::after {
	content: "";
	grid-column: 1;
	grid-row: 1;
	justify-self: center;
	align-self: center;
	width: 5px;
	height: 9px;
	margin-left: 0;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg) translateY(-1px);
}

.gform_wrapper .gfield_checkbox input[type="checkbox"]:focus-visible + label::before,
.gform_wrapper .gfield_radio input[type="radio"]:focus-visible + label::before {
	box-shadow: 0 0 0 3px rgba(197, 165, 114, 0.18);
}

.gform_wrapper .gform_validation_errors,
.gform_wrapper .gform_validation_errors *:focus,
.gform_wrapper .gform_validation_errors *:focus-visible,
.gform_wrapper .gform_validation_errors a,
.gform_wrapper .gform_validation_errors summary {
	outline: none !important;
	box-shadow: none !important;
}

@media (max-width: 640px) {
	.gform_wrapper .gform_page_footer .button,
	.gform_wrapper .gform_footer .button,
	.gform_wrapper .gform_footer .gform_button,
	.gform_wrapper .gform_next_button,
	.gform_wrapper .gform_previous_button,
	.gform_wrapper input[type="submit"] {
		flex: 1 1 100% !important;
	}
}