/*
Theme Name: Peakfort child
Theme URI: https://peakfort.nl/
Description: Child theme ontwikkeld door Peakfort.
Author: Peakfort
Author URI: https://peakfort.nl/
Template: hello-elementor
Version: 1.0
*/

body {
	margin: 0;
}

a {
	transition: 0.2s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: normal;
}

/* Input */
.ginput_container.ginput_container_text input,
.ginput_container.ginput_container_email input,
.ginput_container.ginput_container_number input,
.ginput_container.ginput_container_phone input,
.ginput_container.ginput_container_textarea textarea {
	height: 50px;
	border: 1px solid #E9E9E9;
	border-radius: 8px;
	text-indent: 10px;
	background: transparent;
	font-family: Gilroy;
	padding-top: 20px !important;
	color: var(--e-global-color-primary);
}

.white .ginput_container.ginput_container_text input,
.white .ginput_container.ginput_container_email input,
.white .ginput_container.ginput_container_number input,
.white .ginput_container.ginput_container_phone input,
.white .ginput_container.ginput_container_textarea textarea {
	border: 1px solid white;
	color: white;
}

/* Textarea */
.ginput_container.ginput_container_textarea textarea {
	height: 205px;
	outline-color: black;
}

.gfield {
	position: relative;
}

.gfield_consent_label {
	cursor: pointer;
	color: var(--e-global-color-primary);
	font-family: "Inter Tight", Sans-serif;
}

.ginput_container.ginput_container_consent {
    display: flex;
    font-size: 14px;
}

.white .gfield_consent_label {
    color: white;
}

.gfield_consent_label a {
	text-decoration: underline !important;
    background: none !important
}

.gfield_consent_label a:after {
    display: none;
}

.white .gfield_consent_label a {
	color: white !important;
}

/* Label */
.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 300 !important;
	position: absolute;
	top: 17px;
	left: 20px;
	transition: 0.2s;
	cursor: text;
	color: var(--e-global-color-primary);
	font-family: Gilroy;
}

.white .gform_wrapper.gravity-theme .gfield_label {
    color: white;
}

.gform_wrapper.gravity-theme .active-label.active .gfield_label {
	font-size: 12px;
	top: 8px;
}

.gfield_required.gfield_required_asterisk {
    color: var(--e-global-color-3afc1af) !important;
}

/* Checkboxes */
.gform_wrapper input[type=checkbox] {
    position: relative;
    cursor: pointer;
    visibility: hidden;
    margin-right: 14px
}

.gform_wrapper input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: -2px;
    left: 0;
    border: 1px solid var(--e-global-color-primary);
    border-radius: 6px;
    transition: 0.3s;
    background-image: url(https://bluepeaks2.dev.peakfort.nl/wp-content/uploads/check-form.svg);
    background-size: 0;
    visibility: visible;
    background-position: 50% 300%;
    background-repeat: no-repeat;
}

.white .gform_wrapper input[type=checkbox]:before {
    border: 1px solid white;
}

.gform_wrapper input[type=checkbox]:checked:before {
    background-size: 14px!important;
    background-color: var(--e-global-color-3afc1af);
    border: 1px solid var(--e-global-color-3afc1af);
    background-position: 50% 50%;
}

@media only screen and (max-width: 1025px) {
    .ginput_container.ginput_container_consent {
        display: flex;
        flex-direction: row;
    }
}

/*Submit*/
.gform_button.button {
    border: none;
    background-color: var(--e-global-color-3afc1af) !important;
    color: white !important;
    border-radius: 200px;
    height: 48px;
    text-align: left !important;
    padding-left: 24px;
    background-image: url(https://bluepeaks2.dev.peakfort.nl/wp-content/uploads/arrow-white-right.svg);
    background-position: center right 20px;
    background-repeat: no-repeat;
    margin: 0 !important;
}

.white .gform_button.button {
    background-color: white !important;
    color: var(--e-global-color-text) !important;
    background-image: url(https://bluepeaks2.dev.peakfort.nl/wp-content/uploads/arrow-right-charcoal.svg);
}

.gform_button:not(.gform-button--width-full) {
    padding-right: 50px;
}

.gform_footer {
    padding-bottom: 0 !important;
}

.gform_button.button:hover {
    background-position: center right 14px;
}

.gform_drop_area {
    font-family: 'Gilroy';
    font-size: 15px;
}

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

.gform_drop_area button {
    font-size: 15px;
    border: none;
    border-radius: 200px;
}

.gform_fileupload_rules {
    padding-top: 0 !important;
    font-size: 14px !important;
    font-style: italic;
}