/*
Theme Name:		etel
Theme URI:		https://www.wcd.ch
Author:			weiss communication+design ag
Author URI:		https://www.wcd.ch/agentur/
Version:		5.2
Description:	etel
License:		GNU General Public License v2.0 & Apache License 2.0
License URI:	http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
Text Domain:	etel
*/

body{
	overflow-y: scroll;
}
p:empty,
p:empty:before{
	display: none;
}
img{
	max-width: 100%;
	height: auto;
}

.wp-site-blocks{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100svh;
}
#content{
	flex-grow: 1;
}

/* contact form 7 */
.wpcf7{
	position: relative;
}
.wpcf7-not-valid-tip{
	display: none !important;
}
div.wpcf7 .ajax-loader{
	position: absolute;
}
.wpcf7-spinner{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	margin: 0;
	background: none;
}
.wpcf7-spinner::before{
	z-index: 2;
	top: calc( 50% - 8px );
	left: calc( 50% - 8px );
}
.wpcf7-spinner::after{
	content: '';
	width: 24px;
	height: 24px;
	background: rgb(35 40 45 / 75%);
	display: block;
	position: absolute;
	z-index: 1;
	top: calc( 50% - 12px );
	left: calc( 50% - 12px );
	border-radius: 50%;
}
.wpcf7 form .wpcf7-response-output{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 40px 0 20px;
	padding: 10px;
	background: #ed0202;
	border: 0;
	color: #fff;
}
.wpcf7 form .wpcf7-response-output:before{
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><g fill="white"><path d="M10.9483 0C4.9115 0 0 4.9346 0 11s4.9346 11 11 11 11-4.9346 11-11S17.0423 0 10.9483 0zM11 19.8c-4.8521 0-8.8-3.9479-8.8-8.8s3.9237-8.8 8.7483-8.8C15.8301 2.2 19.8 6.1479 19.8 11s-3.9479 8.8-8.8 8.8z"/><path d="M9.9 5.5h2.2v7.7H9.9zm0 8.8h2.2v2.2H9.9z"/></g></svg>');
	font-size: 0;
}
.wpcf7 form.sent .wpcf7-response-output{
	background-color: #46b450;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output{
	background-color: #ed0202;
}
.wpcf7 form.spam .wpcf7-response-output{
	background-color: #ed0202;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{
	background-color: #ed0202;
}
.wpcf7 .after-send{
	display: none;
}

#thankYouModal{
	--bs-modal-width: 630px;
	--bs-modal-margin: 20px;
	--bs-modal-padding: 60px 40px;
	--bs-modal-border-width: 0;
	--bs-modal-border-radius: 0;
	--bs-modal-box-shadow: none;
	--bs-modal-inner-border-radius: 0;
}
.modal-backdrop{
	--bs-backdrop-opacity: .25;
}
#thankYouModal button.btn-close{
	position: absolute;
	z-index: 10;
	top: 20px;
	right: 20px;
	opacity: 1;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	font-size: 0;
}
#thankYouModal button.btn-close:before{
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" viewBox="0 0 28 28"><path stroke="%23002878" stroke-linecap="round" stroke-width="2" d="m1 1 25.4558 25.4558M1 26.4561 26.4558 1.00021"/></svg>');
}

#filterModal{
	--bs-modal-width: 100%;
	--bs-modal-margin: 0px;
	--bs-modal-padding: 40px 20px;
	--bs-modal-border-width: 0;
	--bs-modal-border-radius: 0;
	--bs-modal-box-shadow: none;
	--bs-modal-inner-border-radius: 0;
}
#filterModal .modal-dialog{
	display: flex;
	align-items: flex-end;
	transform: translate( 0, 50px );
}
#filterModal.show .modal-dialog{
	transform: none;
}
#filterModal .modal-content{
	max-height: calc( 100% - 80px );
}
#filterModal .modal-body{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
#filterModal .modal-body a{
	font-style: normal;
}
#filterModal .modal-body a.active{
	text-decoration: underline;
	text-underline-offset: 4px;
}

.metas{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 40px;
	margin: 40px 0 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5714;
	color: var(--wp--preset--color--etel-blau);
}
.metas > div{
	display: flex;
	align-items: center;
	gap: 10px;
}

.single-vacancy .has-lead-font-size{
	margin-bottom: 80px;
}
.single-vacancy .additional_info{
	margin: 40px 0 60px;
}

.fake-link{
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 10px;
	font-style: italic;
	color: var(--wp--preset--color--etel-blau);
}
a:hover .fake-link{
	text-decoration: underline;
}
.fake-link:after{
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7" height="10" fill="none" viewBox="0 0 7 10"><path stroke="%23002878" stroke-linecap="round" stroke-width="2" d="m1 9 4-4-4-4"/></svg>');
	font-size: 0;
}

.blog-wrapper .listing-filter{
	margin-bottom: 110px;
}
.blog-wrapper .listing{
	display: grid;
	gap: 150px;
}
.blog-wrapper .listing > div:nth-child(odd) .image{
	text-align: right;
}
.blog-wrapper .listing > div:nth-child(even) .image{
	order: 1;
}

body:not(.search-no-results) .show-on-no-results-only{
	display: none;
}
body.search .search-wrapper{
	margin-bottom: 54px;
}
body.search .search-wrapper input{
	background: var(--wp--preset--color--light-grey);
}
body.search .counter{
	margin-bottom: 80px;
	font-size: 14px;
	line-height: 1.5714;
	color: var(--wp--preset--color--dark-grey);
}
.search-result{
	border-bottom: 1px solid var(--wp--preset--color--medium-grey);
}
.search-result + .search-result{
	margin-top: 60px;
}
.search-result a.search-result-link{
	display: block;
	font-style: normal;
	text-decoration: none;
	color: var(--wp--preset--color--dark-grey);
}
.search-result .excerpt{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.search-result .rank-math-breadcrumb{
	margin: 20px 0;
}

.top-bottom-150{
	margin: 150px 0;
}

#newsletter-popup{
	--bs-modal-width: 576px;
	--bs-modal-margin: 0px;
	--bs-modal-padding: 0px;
	--bs-modal-border-width: 0;
	--bs-modal-border-radius: 0;
	--bs-modal-box-shadow: none;
	--bs-modal-inner-border-radius: 0;
}
#newsletter-popup .modal-dialog{
	margin: auto auto 0 0;
}
#newsletter-popup .modal-dialog{
	display: flex;
	align-items: flex-end;
	transform: translate( 0, 50px );
}
#newsletter-popup.show .modal-dialog{
	transform: none;
}
#newsletter-popup iframe{
	min-height: 356px;
}

/* Extra extra large (desktop) : .col-xxl- */
@media (min-width: 1400px){
	
}

/* Extra large (desktop) : .col-xl- */
@media /*(min-width: 1200px) and*/ (max-width: 1399px){
	
}

/* Large (laptop) : .col-lg- */
@media /*(min-width: 992px) and*/ (max-width: 1199px){
	
}

/* Small (big mobile) : .col-sm- */
@media /*(min-width: 576px) and*/ (max-width: 767px){
	.top-bottom-150{
		margin: 40px 0 80px;
	}
	.blog-wrapper .listing{
		gap: 60px 0;
	}
	.blog-wrapper .listing > div:nth-child(even) .image{
		order: 0;
	}
	body.search .counter,
	.single-vacancy .has-lead-font-size,
	.blog-wrapper .listing-filter,
	.blog-wrapper .listing .image{
		margin-bottom: 40px;
	}
	.blog-wrapper .listing .mt-5{
		margin-top: 40px !important;
	}
}