/*
Theme Name:		dietziker-arch
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 dietziker-arch
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:	dietziker-arch
*/

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

header.wp-block-template-part{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
	padding: 0;
	transition: transform .3s ease;
}
.scrolled header.wp-block-template-part{
	transform: translateY(-101%);
}
.scrolled.scrolling-up header.wp-block-template-part{
	transform: translateY(0%);
}
.scrolled.menu-open header.wp-block-template-part{
	transform: none;
}

.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: var(--wp--preset--color--dietziker-blau)
}
.better_share_buttons.bsb-style-unicolor-icons svg:hover{
	fill: var(--wp--preset--color--orange)
}

/* #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>');
} */

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

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

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