/*
Theme Name: Piaristenball 2026
Theme URI: 
Author: CEATE
Author URI: 
Description: Golden Hour
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: piaristenball-2026
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

.text-wrap-balance {
	text-wrap: balance;
}


h1,
h2,
h3 {
	text-wrap: pretty;
}


html {
	scroll-padding-top: 10rem;
}

body a:not(.no-underline) {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 0.4px !important;
}

/* FADE IN */

/* body a.underline-animation,
body .underline-animation a {
	text-decoration: none;
	position: relative;

}

body a.underline-animation::after,
body .underline-animation a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #20133c;
	opacity: 0;
	transform: translate3d(0, 0.2em, 0);
	transition: opacity 200ms, transform 200ms;
}

body a.underline-animation:hover::after,
body .underline-animation a:hover::after,
body a.underline-animation:focus::after,
body .underline-animation a:focus::after {
	opacity: 1;
	transform: translate3d(0, -0.1em, 0);
} */
/* END FADE IN */

:root {
	--bg-color-light: #ffae00;
	--bg-color-dark: #faa63a;
}

/* html {
	height: unset !important;
	min-height: 100% !important;
} */

body {
	/* background: linear-gradient(to top, var(--bg-color-dark), var(--bg-color-light)) !important; */
	/* min-height: 100vh; */
	/* position: relative; */
}


body:has(.header-absolute) header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent !important;
	z-index: 100;
}

/* body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('/wp-content/uploads/2024/09/bg-stars.webp');
	background-repeat: repeat;
	opacity: 0.2;
	background-size: 650px;
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.8) 100%);
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.89) 100%);
	z-index: -1;
	pointer-events: none;
} */

/* header * {
	color: #20133c;
	opacity: 1;
	z-index: 100;
} */

/* a:focus {
	outline: unset;
} */

html {
	scroll-behavior: smooth;
}

body {
	background-attachment: fixed;
	background-image: url("/wp-content/uploads/2025/09/pixelcut-export-2-scaled.jpeg");
	background-color: #fab537;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: white !important;
}

body .blur-box {
	background-color: rgba(221, 145, 46, 0.55) !important;
	color: white;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
}

body .blur-box.blur-box--padding {
	padding-left: var(--wp--preset--spacing--50);
	padding-right: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--50);
	border-radius: 26px;
	margin-top: 2rem;
}

body:has(.page-title-center) h1 {
	text-align: center;
}

.wp-block-navigation__responsive-container {
	background-color: #e3912a !important;
	color: white !important;
	transition: all ease 10s;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px);
}

@media not (prefers-reduced-motion) {
	.wp-block-navigation__responsive-container.is-menu-open {
		animation: overlay-menu__fade-in-animation .3s ease-out;
		animation-fill-mode: forwards
	}
}

@keyframes overlay-menu__fade-in-animation {
	0% {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


@media (max-width: 780px) {

	#programm .wp-block-columns .wp-block-column:first-of-type p,
	#kontakt .wp-block-columns .wp-block-column:first-of-type p {
		text-align: left !important;
		font-weight: bold !important;
	}

	#programm .wp-block-columns,
	#kontakt .wp-block-columns {
		gap: 7px !important;
	}

}

.wp-block-post-content:has(.media-page)>.wp-block-group.blur-box {
		padding: 1.5rem 2.5rem 1.5rem 2.5rem !important;
	}

@media (max-width: 500px) {
	.wp-block-post-content:has(.media-page)>.wp-block-group.blur-box {
		padding: 1rem 2rem 1rem 2rem !important;
	}
}