/**
 * Inhaltsverzeichnis
 * 	1. Root
 *	2. Banner
 * 		2.1 Wrapper
 * 		2.2 Festival Logo
 * 		2.3 Breakpoint
 * 	3. Headings
 * 	4. Info Tables
 * 	5. Social Media Button
 * 
 */


/* ================================================== */
/* 1. Root */
/* -------------------------------------------------- */
:is(:root, #id) {
	--cvh-color-page: var(--cvh-color-shade-black);
	--cvh-color-heading-dynamic: var(--cvh-color-heading-light);
	--cvh-color-text-dynamic: var(--cvh-color-text-light);
	--cvh-color-link-dynamic: var(--cvh-color-link-light);
	--cs-major: var(--cvh-color-text-light);
	--cs-minor: var(--primary);
}


/* ================================================== */
/* 3. Headings */
/* -------------------------------------------------- */
#cvh--page-festival-top-heading-ctn:not(:last-child) {
	margin-bottom: var(--cvh-space-xxl);
}

#cvh--page-festival-top-heading-ctn .cvh--heading-ctn {
	--cvh-color-heading-dynamic: var(--cvh-color-heading-light);
	margin-bottom: 5px;
	border-bottom: var(--cvh-border-normal) var(--primary);
}

#cvh--page-festival-top-heading-ctn .cvh--heading-ctn :is(h1, h2, h3, h4, h5, h6, [class^="cvh--emulate-h"], [class*=" cvh--emulate-h"]) {
	text-transform: revert;
}

#cvh--page-festival-top-heading-ctn .cvh--festival-subinfo-ctn {
	font-size: var(--text-xl);
	font-weight: 300;
}


/* ================================================== */
/* 4. Content */
/* -------------------------------------------------- */
/* #=#=#=#=#=# 4.1 Content Wrapper #=#=#=#=#=# */
.cvh--grid-member-content {
	--cvh-row-gap: var(--cvh-space-xxl);
	grid-template-areas: 'details content'
						 'social  content';
}

.cvh--grid-member-content > div {
	grid-column: span 6 / auto;
}

[data-grid-section="details"] {
	grid-area: details;
}

[data-grid-section="content"] {
	grid-area: content;
}

[data-grid-section="social"] {
	grid-area: social;

	display: flex;
	flex-direction: row;
	align-items: end;
	justify-content: start;
}

[data-grid-section="social"] > div {
	width: calc(100% + (var(--cvh-sec-space-x) * 2));
}

	/* #==== Breakpoint ====# */
@media screen and (max-width: 767px) {
	.cvh--grid-member-content {
		grid-template-areas: unset;
	}

	.cvh--grid-member-content > div {
		grid-column: 1 / -1;
	}

	[data-grid-section] {
		grid-area: unset;
	}
}


/* #=#=#=#=#=# 4.2 Info Tables #=#=#=#=#=# */
.cvh--grid-info-list {
	--cvh-row-gap: 5px;
}

.cvh--info-label::after {
	display: inline-block;
	content: ':';
}


/* #=#=#=#=#=# 5. Social Media Button #=#=#=#=#=# */
@media screen and (max-width: 767px) {
	.cvh--grid-member-content .cvh--social_media-list {
		justify-content: center;
	}
}