/*
Theme Name: EpiTheme
Author: Anselm Peischl
Author URI: https://anselmpeischl.de
Description: Block-Theme für das ePi-zentrum Freiberg e.V.
Version: 2.0.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: epitheme
License: Closed
*/

.yellow {
	color: var(--wp--preset--color--accent);
}

.yellow a {
	color: inherit;
}

/* Veranstaltungen: alle Boxen gleich hoch (ab zweispaltiger Ansicht) */
.wp-block-post-template > li:has(> .epi-event-card) {
	display: flex;
}

@media (min-width: 600px) {
	.wp-block-post-template.is-layout-grid:has(.epi-event-card) {
		grid-auto-rows: 1fr;
	}
}

.epi-event-card {
	display: flex;
	flex: 1;
	color: inherit;
}

.epi-event-card .terminbox {
	flex: 1;
}

.epi-event-card:hover {
	text-decoration: none;
}

.terminbox {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	padding: 1em;
	margin: 1em;
	border-radius: 0.25rem;
}

.terminbox h3 {
	margin: 0;
	font-size: 1.75rem;
}

.terminbox small {
	font-size: 80%;
}

.epi-event-list {
	list-style: none;
	padding-left: 3rem;
}

/* Unterstützer:innen & Partner */
.epi-supporters {
	text-align: center;
}

.custom-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 20em), 1fr));
}

.epi-card {
	display: flex;
	flex-direction: column;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
	overflow: hidden;
	text-align: center;
}

.epi-card img {
	width: 100%;
	height: auto;
}

.epi-card-body {
	padding: 1.25rem;
}

.epi-card-body h5 {
	font-size: 1.25rem;
	margin: 0 0 0.75rem;
}

.epi-card-body h6 {
	font-size: 1rem;
	margin: 0.5rem 0;
}

.epi-card-body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.epi-card-body li {
	padding: 0.75rem 1.25rem;
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.epi-card-body li span {
	display: block;
	font-style: italic;
}

/* Einzelansichten werden im Popup geladen: etwas Luft oben und unten */
.single .wp-site-blocks,
.page .wp-site-blocks {
	padding-block: 1rem;
}

/* Fancybox iframe-Popup */
.fancybox-slide--iframe .fancybox-content {
	min-width: 300px;
	max-width: 400px;
	max-height: 80%;
	margin: 0;
}