/*
Theme Name: matchING
Description: specially for you
Author: iService
Author URI: http://www.iservice.at
Template: Divi
Version: 1.0
Tags:
*/

@import url("../Divi/style.css");

h1, h2, h3{
	letter-spacing: -0.05em;
}

/* GRAVITY FORM */

/* BITTE NUR DIE VARIABLEN ANPASSEN DANKE */
:root {
	--gravity-color-primary: #e09900;
	--gravity-color-primary-rgb: 1, 126, 138;
	--gravity-input-bg: #f6f4eb;
	--gravity-input-text: #1a1a1a;
	--gravity-error-summary: #a92323;
		/*#C4DB98*/
	;
	--gravity-error-label: #a92323;
	--gravity-color-text: #242424;
	--gravity-button-text: #fff;
	--gravity-border-radius: 0.5rem;
	--gravity-shadow: rgba(84, 84, 84, 0.7) 0px 2px 8px 0px;
	--font-size: 1rem;
	--font-size-sm: 1rem;
}

/*** MAIN FORM WRAPPER ***/
.gform_wrapper>form>.gform-body>.gform_fields legend,
.gform_wrapper>form>.gform-body>.gform_fields label {
	color: var(--gravity-color-text);
	font-size: var(--font-size);
}

.gform_wrapper>form>.gform-body>.gform_fields input[type="text"],
.gform_wrapper>form>.gform-body>.gform_fields input[type="number"],
.gform_wrapper>form>.gform-body>.gform_fields input[type="password"],
.gform_wrapper>form>.gform-body>.gform_fields input[type="tel"],
.gform_wrapper>form>.gform-body>.gform_fields textarea,
.gform_wrapper>form>.gform-body>.gform_fields input[type="email"] {
	background-color: var(--gravity-input-bg);
	border: 2px solid transparent;
	border-radius: var(--gravity-border-radius);
	box-shadow: var(--gravity-shadow);
	box-sizing: border-box;
	color: var(--gravity-input-text);
	font-size: var(--font-size);
	line-height: var(--font-size);
	padding: 0.4 0.8rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	width: 100%;
}

.gform_wrapper>form>.gform-body>.gform_fields input[type="text"]:focus,
.gform_wrapper>form>.gform-body>.gform_fields input[type="number"]:focus,
.gform_wrapper>form>.gform-body>.gform_fields input[type="password"]:focus,
.gform_wrapper>form>.gform-body>.gform_fields input[type="tel"]:focus,
.gform_wrapper>form>.gform-body>.gform_fields textarea:focus,
.gform_wrapper>form>.gform-body>.gform_fields input[type="email"]:focus {
	border-color: var(--gravity-color-primary);
	box-shadow: 0 0 0 3px rgba(var(--gravity-color-primary-rgb), 0.3);
	outline: none;
}

.gform_wrapper>form>.gform-body>.gform_fields select {
	background-color: var(--gravity-input-bg);
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23f8f8f8' stroke-width='2'/%3E%3C/svg%3E");
	background-position: right 0.75rem center;
	background-repeat: no-repeat;
	background-size: 0.75rem;
	border: 2px solid transparent;
	border-radius: var(--gravity-border-radius);
	box-shadow: var(--gravity-shadow);
	box-sizing: border-box;
	color: var(--gravity-input-text);
	font-size: var(--font-size);
	padding: 0 0.4rem;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	width: 100%;
}

.gform_wrapper>form>.gform-body>.gform_fields select:focus {
	border-color: var(--gravity-color-primary);
	box-shadow: 0 0 0 3px rgba(var(--gravity-color-primary-rgb), 0.3);
	outline: none;
}

.gform_wrapper>form>.gform-body>.gform_fields .gfield {
	color: var(--gravity-color-text);
	font-size: var(--font-size);
	font-weight: bold;
}

.gform_wrapper>form>.gform-body>.gform_fields .gchoice {
	align-items: center;
	display: flex;
}

.gform_wrapper>form>.gform-body>.gform_fields input[type="checkbox"]::before {
	color: var(--gravity-color-primary);
}

.gform_wrapper>form>.gform-body>.gform_fields input[type="radio"]::before {
	background-color: var(--gravity-color-primary);
}

.gform_wrapper>form>.gform-body>.gform_fields input[type="checkbox"]:focus,
.gform_wrapper>form>.gform-body>.gform_fields input[type="radio"]:focus {
	box-shadow: 0 0 0 2px rgba(var(--gravity-color-primary-rgb), 0.3);
	outline: 2px solid var(--gravity-color-primary);
	outline-offset: 2px;
}

.gform_wrapper>form>.gform-body>.gform_fields .gform_validation_errors .gform_submission_error,
.gform_wrapper .gform_validation_errors .gform_submission_error,
.gform_wrapper .gform_validation_errors>ol>li .gform_validation_error_link,
.gform_wrapper .gform_validation_errors>ol,
.gform_wrapper .gform_validation_errors .gform-icon--circle-error {
	color: var(--gravity-error-summary);
	font-size: var(--font-size-sm);
}

.gform_wrapper>form>.gform-body>.gform_fields .gfield_label>.gfield_required>.gfield_required,
.gform_wrapper>form>.gform-body>.gform_fields .validation_message {
	color: var(--gravity-error-label);
	font-size: var(--font-size-sm);
}

.gform_wrapper .gform_validation_errors {
	background-color: var(--gravity-input-bg);
	border-radius: var(--gravity-border-radius);
}

.gform_wrapper .gform_validation_errors {
	border-color: var(--gravity-error-summary);
}

.gform_wrapper .gform_validation_errors:focus {
	outline-color: var(--gravity-error-summary);
}

.gform-theme.gform-theme--framework.gform_wrapper>form>.gform-footer input[type="submit"].gform_button.button {
	background-color: var(--gravity-color-primary);
	border: 2px solid transparent;
	border-radius: var(--gravity-border-radius);
	box-shadow: var(--gravity-shadow);
	color: var(--gravity-button-text);
	cursor: pointer;
	font-size: var(--font-size);
	font-weight: 600;
	padding: 0.8rem 1.5rem;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
	width: auto;
}

.gform-theme.gform-theme--framework.gform_wrapper>form>.gform-footer input[type="submit"].gform_button.button:focus,
.gform-theme.gform-theme--framework.gform_wrapper>form>.gform-footer input[type="submit"].gform_button.button:hover {
	box-shadow: 0 0 0 2px rgba(var(--gravity-color-primary-rgb), 0.3);
	outline: 2px solid var(--gravity-color-primary);
	outline-offset: 2px;
}

/*** Jessica's Änderungen ***/
.gform-theme--framework *, .gform-theme--framework ::after, .gform-theme--framework ::before {
	font-size: 18px !important;
}

.et_pb_gutters2 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post, .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post {
	min-height: 550px !important;
}