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

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

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

header.wp-block-template-part{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}

#content{
	flex-grow: 1;
}

.modal{
	--bs-modal-width: 1184px;
	--bs-modal-margin: 20px;
	--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;
}
.modal-backdrop{
	--bs-backdrop-opacity: .8;
}

button.btn-close{
	position: absolute;
	z-index: 10;
	top: 40px;
	right: 40px;
	opacity: 1;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	font-size: 0;

	@media (max-width: 767px){
		top: 24px;
		right: 12px;
	}

	&::before{
		--icon: url(images/close.svg);
		content: '';
		display: block;
		width: 53px;
		aspect-ratio: 1;
		-webkit-mask: var(--icon) no-repeat center/contain;
		mask: var(--icon) no-repeat center/contain;
		color: var(--wp--preset--color--gray-60);
		background: currentColor;
		transition: all .3s ease;
		transition-property: background-color, color;

		@media (max-width: 767px){
			width: 38px;
		}
	}
	&:hover::before{
		color: var(--wp--preset--color--orange);
	}
}