/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five Child Theme
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive-child
*/

/*
 * Navigation: Highlight active page (thicker / bold)
 */
.wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item.current_page_item > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item.current_page_ancestor > .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item [aria-current="page"] {
	font-weight: 700;
}

/*
 * Mobile Navigation Menu: Black background and high-contrast text/icons
 */
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay),
.wp-block-navigation .wp-block-navigation__responsive-dialog {
	background-color: #000000 !important;
	color: #ffffff !important;
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg {
	color: #ffffff !important;
	fill: #ffffff !important;
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation-item__content {
	color: #ffffff !important;
}

/*
 * Sponsoren / Partner & FAQs: 1 image per row for galleries below 980px with >=55px vertical spacing
 */
@media (max-width: 980px) {
	.page-id-83 .wp-block-gallery,
	.page-id-60 .wp-block-gallery {
		row-gap: 55px !important;
		gap: 55px !important;
	}

	.page-id-83 .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image),
	.page-id-83 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image),
	.page-id-83 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
	.page-id-83 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
	.page-id-60 .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image),
	.page-id-60 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image),
	.page-id-60 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
	.page-id-60 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.page-id-83 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
	.page-id-83 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
	.page-id-60 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
	.page-id-60 .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image {
		margin-bottom: 55px !important;
	}
}

/*
 * Event List Item / Termine (Simplified Styles)
 */
.date_time,
.location,
.djs,
.styles,
.styles2,
.sportfun {
	color: #000000;
	font-family: Poppins, sans-serif;
	text-transform: uppercase;
	font-weight: 300;
}

.location {
	font-weight: 900;
}

.date_time {
	font-size: 6vw;
	line-height: 60px;
}

.location {
	font-size: 7.5vw;
	line-height: 60px;
}

.djs {
	font-size: 4vw;
	line-height: 30px;
}

.styles,
.styles2,
.sportfun {
	font-size: 3vw;
	line-height: 20px;
}

@media (min-width: 720px) {
	.date_time {
		font-size: 5.5vw;
		line-height: 90px;
	}

	.location {
		font-size: 6.5vw;
		line-height: 80px;
	}

	.djs {
		font-size: 3.5vw;
		line-height: 40px;
	}

	.styles,
	.styles2,
	.sportfun {
		font-size: 2.5vw;
		line-height: 30px;
	}
}

@media (min-width: 980px) {
	.date_time {
		font-size: 66px;
	}

	.location {
		font-size: 74px;
	}

	.djs {
		font-size: 48px;
	}

	.styles,
	.styles2,
	.sportfun {
		font-size: 26px;
	}
}

/*
 * Event Item Details (Single Event Layout)
 */
.event-item-wrap {
	width: 100%;
}

.event-header-box {
	padding: 15px 0 25px 10px;
	margin-bottom: 40px;
}

.event-item-section {
	margin-bottom: 40px;
	font-family: Poppins, sans-serif;
}

.event-item-section h2 {
	font-family: Poppins, sans-serif;
	font-size: 28px;
	font-weight: 900;
	margin-top: 25px;
	margin-bottom: 15px;
	color: #000000;
}

.event-item-section.event-item-dj,
.event-item-section.event-item-misc {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.event-item-image {
	width: 100%;
}

.event-item-image img {
	max-width: 100%;
	height: auto;
	display: block;
}

.event-item-content {
	flex: 1 1 auto;
	min-width: 0;
}

.event-item-content h2 {
	margin-top: 0;
}

.event-item-section .description,
.event-item-section .address {
	font-family: Poppins, sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: #000000;
	margin-bottom: 20px;
	white-space: pre-line;
}

.event-item-section .address {
	font-weight: 500;
}

@media (min-width: 600px) {
	.event-item-section.event-item-dj,
	.event-item-section.event-item-misc {
		flex-direction: row;
		align-items: flex-start;
		gap: 30px;
	}

	.event-item-image {
		flex: 0 0 40%;
		max-width: 400px;
	}
}