/*
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");

/* GRAVITY FORM */

/* BITTE NUR DIE VARIABLEN ANPASSEN DANKE */
:root {
	--gravity-color-primary: #9899ca;
	--gravity-color-primary-rgb: 152, 153, 202;
	--gravity-input-bg: #1a1a1a;
	--gravity-input-text: #f8f8f8;
	--gravity-error-summary: #ff006e
		/*#C4DB98*/
	;
	--gravity-error-label: #660708;
	--gravity-color-text: #f8f8f8;
	--gravity-button-text: #242424;
	--gravity-border-radius: 0.5rem;
	--gravity-shadow: rgba(84, 84, 84, 0.7) 0px 2px 8px 0px;
	--font-size: 1.125rem;
	--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;
}

/*Blog entries*/
.et_pb_blog_grid_wrapper .et_pb_blog_grid article.post h2.entry-title a {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.home-cards.et_pb_equal_columns .et_pb_column {
	display: flex;
	flex-direction: column;
}

.home-cards.et_pb_equal_columns .et_pb_column .et_pb_module:last-child {
	flex: 1;
}

.home-blog .et_pb_blog_grid .et_pb_salvattore_content {
	display: flex;
}

.home-blog .column article {
	height: calc(100% - 20px);
}



html:not(.et-fb-root-ancestor) .df-area.df-post:not(.et_section_specialty):not(.df-rows):not(.df-show)>.et_pb_row:not(.df-buttons) article:not([class^='df-elementindex-']):not([class*=' df-elementindex-']) {
	display: none !important;
}