/*
Theme Name:		paerli
Theme URI:		https://www.wcd.ch
Author:			weiss communication+design ag
Author URI:		https://www.wcd.ch/agentur/
Version:		5.2
Description:	Custom theme developed for paerli
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:	paerli
*/

body{
	overflow-y: scroll;
}
p:empty{
	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;
}

.better_share_buttons.bsb-style-unicolor-icons svg{
	fill: #783391 !important;
}
.better_share_buttons.bsb-style-unicolor-icons svg:hover{
	fill: #FF9900 !important;
}

/* #myModal{
	--bs-modal-width: 600px;
	--bs-modal-margin: 60px;
	--bs-modal-padding: 32px;
	--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: .8;
}
#myModal 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;
}
#myModal 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="black" stroke-linecap="round" stroke-width="2" d="m1 1 25.4558 25.4558M1 26.4561 26.4558 1.00021"/></svg>');
} */

.search-form{
	position: relative;
}
.search-form .form-control{
	padding: 15px 60px 15px 32px;
	border-radius: 99px;
}
.search-form .btn{
	position: absolute;
	z-index: 1;
	right: 14px;
	top: calc( 50% - 16px );
	width: 32px;
	height: 32px;
	padding: 0;
	gap: 0;
	border-radius: 50%;
	font-size: 0;
}
.search-form .btn::after{
	content: url(images/search.svg);
}

#search_nav .nav{
	margin: 24px 0 56px;
	gap: 8px;
}
#search_nav .nav-link{
	padding: 10px 24px;
	background: #fff;
	border-radius: 99px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
#search_nav .nav-link.active{
	color: var(--wp--preset--color--orange-peel);
}

.search-result a{
	display: block;
	margin: 0 0 6px;
	padding: 28px 20px 17px;
	background: #fff;
	font-size: 15px;
	letter-spacing: 0.02em;
	color: rgba(0,0,0,0.5);
	text-decoration: none;
}
.search-result a .excerpt{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.search-result a .title{
	display: flex;
	align-items: center;
	gap: 4px;
	font-weight: 700;
	color: var(--wp--preset--color--vivid-violet);
	text-transform: uppercase;
}
.search-result a .title::after{
	content: url(images/button-arrow.svg);
	font-size: 0;
	filter: brightness(0) invert(24%) sepia(28%) saturate(2995%) hue-rotate(255deg) brightness(96%) contrast(94%);
}

.job_details .has-fz-12-font-size{
	margin: 0 0 4px;
	color: rgba(0,0,0,0.5);
}
.job_details > div + div{
	margin-top: 32px;
}

/* Link Tree */
body > #lt_header {
	padding: 50px 30px 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
body > #lt_header h1 {
	font-size: clamp(16px, 9.4086vw, 56px);
	margin: 0.085em 0;
}

body > #lt_container #lt_nav a {
	text-decoration: none;
}

body > #lt_container #lt_blog h3{
	font-size: 20px;
	font-weight: 400;
	line-height: 1.4;
	color: #222;
	background-color: transparent;
}
body>#lt_container #lt_blog a:hover h3 {
	color: var(--text-hover-color);
}

/* 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){

}

/* Medium (tablet) : .col-md- */
@media /*(min-width: 768px) and*/ (max-width: 991px){
	.search-result a .excerpt{
		-webkit-line-clamp: 3;
	}
	.job_details{
		display: flex;
		flex-wrap: wrap;
		gap: 32px 48px;
		text-align: center;
	}
	.job_details > div{
		flex: 1 0 0%;
		width: 100%;
	}
	.job_details > div + div{
		margin: 0;
	}
	body>#lt_container #lt_nav h3 {
		font-size: 18px;
	}
}

/* Small (big mobile) : .col-sm- */
@media /*(min-width: 576px) and*/ (max-width: 767px){

}

/* Extra small (small mobile) : .col- */
@media (max-width: 575px){

}