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

body{
	overflow-y: scroll;
	overflow-x: clip;
	/* 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;
	transition: all .3s ease;
	transition-property: background-color, transform;
	will-change: transform;
}
body:is( .scrolled.scrolling-up, .menu-open ) header.wp-block-template-part{
	background-color: #fff;
}
.scrolled:not(.scrolling-up):not(.menu-open) header.wp-block-template-part{
	transform: translateY(-101%);
}

body.home{
	.wp-block-site-logo .white-logo{
		display: none;
	}

	&:not(.menu-open):not(.scrolled.scrolling-up){
		header.wp-block-template-part{
			.wp-block-site-logo .custom-logo{
				display: none;
			}
			.wp-block-site-logo .white-logo{
				display: block;
			}
			
			@media (min-width: 1200px){
				#bs-menu{
					background-color: transparent !important;
				}
				.nav-link{
					color: #fff;
				}
			}
		}
	}

	&:not(.scrolled){
		button.navbar-toggler{
			--navbar-toggler-button-line-color: #fff;
		}
	}

	header.wp-block-template-part{
		position: fixed;
		left: 0;
		width: 100%;

		& > div{
			border-color: transparent !important;
		}
	}
}

#content{
	flex-grow: 1;
}

/* .modal{
	--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;
}
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;

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