/*
Theme Name: Porto Child
Template: porto
Description: Child-Theme für Porto. Beinhaltet Custom-CSS für WPForms-Layout und Open-Sans-Font.
Version: 1.0.0
Text Domain: porto-child
*/

/*************** CUSTOM CSS ***************/

.bypostauthor { display: block; }

.wpforms-field-container .first-row-container,
.wpforms-field-container .second-row-container {
	display: flex;
	gap: 25px;
}

@media (max-width: 767px) {
	.wpforms-field-container .first-row-container,
	.wpforms-field-container .second-row-container {
		flex-direction: column;
	}

	.second-row-container .wpforms-field.wpforms-one-half {
		width: 100%;
		margin-left: 0;
	}
}

.first-col-container,
.second-col-container {
	flex: 1;
}

.first-col-container .wpforms-field input,
.second-col-container .wpforms-field input {
	width: 100%;
}

.second-row-container {
	border-top: 1px solid #e5e5e5 !important;
}

.second-row-container .wpforms-field {
	flex: 1;
}

@font-face {
	font-family: 'Open Sans';
	src: url('fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
}

/* porto_concept Slideshow: erstes Slide statisch zeigen.
   jquery.flipshow.min.js (Plugin-Functionality) crasht unter jQuery 3.x,
   weil $.support.csstransitions in jQuery 3.0 entfernt wurde -> <li> bleibt display:none. */
.concept-slideshow ul.fc-slides {
	height: auto !important;
}
.concept-slideshow ul.fc-slides li:first-child {
	display: block !important;
}