/**
Theme Name: Musikzug Ennest
Author: Frey Print + Media
Author URI: https://freymedia.de
Description: Theme f&uuml;r den Musikzug Ennest
Version: 1.0.0
Text Domain: mze
Template: astra
*/

body { hyphens: auto; }

/* Header
----------------------------------- */

.main-header-menu .sub-menu .menu-link,
.main-header-menu .sub-menu .current_page_item > .menu-link:hover 	{ color: var(--ast-global-color-2) !important; } /* dark grey */

.main-header-menu .sub-menu .menu-link:hover,
.main-header-menu .sub-menu .current_page_item > .menu-link 		{ color: var(--ast-global-color-1) !important; } /* dark red */

/* centered onclick accessibility outline instead of pushed right */
.ast-header-break-point .ast-icon.icon-arrow svg { margin-left: 0; }


/* Contents 
----------------------------------- */

ol,
ul { margin: 0 0 1.5em 1.5em; }

/* Customizer > Global > Container max. size is 1000px
** Attention: body class 'ast-single-post' affects also pages, 'single-post' not ...
*/
body.single-post .ast-article-single .entry-content > * { margin-left: 0 !important; margin-right: 0 !important; }

/* news grid */ .uagb-post-grid.is-grid.uagb-post__equal-height .uagb-post__inner-wrap,
/* other post grids */ .ast-separate-container .ast-blog-layout-4-grid .ast-article-post > .ast-article-inner,
/* single news post */ body.single-post .site .site-content #primary .ast-article-single,
/* single event post */ body.single-tribe_events .site .site-content #primary .ast-article-single,
/* single event image */ body.single-tribe_events .tribe-events-single .tribe-events-event-image img,
.ast-separate-container .site-content #secondary .widget,
header.entry-header:not(.related-entry-header) .post-thumb img,
.ast-single-post-featured-section.post-thumb img,
.ast-related-post-content .post-thumb-img-content img,
.uagb-timeline__outer-wrap .uagb-timeline__events-inner-new,
.spectra-image-gallery__control-lightbox--main .swiper-slide img { border-radius: 8px !important; }

.uagb-post-grid .uagb-post__image img { transition: transform .5s ease; }

.uagb-post-grid .uagb-post__image img:hover { transform: scale(1.1); }

.entry-meta,
.tribe-events-schedule { display: inline-block; padding: 0px 15px !important; border: 0; }

.entry-meta,
.entry-meta *,
.tribe-events-schedule { background-color: var(--ast-global-color-0); color: #fff; }


/* Search results
------------------------------ */

.search .ast-container section.ast-archive-description h1, .search .ast-container section.ast-archive-description h1 * { font-weight: 600; font-size: 32px; font-size: 2rem; }

body.search-results .ast-article-post.remove-featured-img-padding .post-thumb-img-content { border-radius: 8px 8px 0 0; }

/* Wrapped via Snippet via backend for styling */
.title-text { display: block; }

/* Added a label for events via Snippet via backend */
.search-event-label {
	display: inline;
	margin-top: 10px;
	padding: 3px 6px;	
	background-color: #0F172A;
	color: #fff; 
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: text;
}

/* Same like News via Spectra post grid (grid, not flexbox) */
.ast-blog-layout-4-grid .ast-row {
	display: grid;
	row-gap: 2em;
	column-gap: 2em;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* Same like News via Spectra post grid (grid, not flexbox) */
.ast-separate-container .ast-blog-layout-4-grid .ast-article-post { width: 100%; margin-bottom: 0; padding: 0; }


/* Footer
----------------------------------- */

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row,
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row { padding-right: 0; padding-left: 0; }


/* Plugins
----------------------------------- */

/* Spectra
------------------------------ */

/* Gallery Slider
------------------------- */

.spectra-image-gallery__control-arrows svg 			{ fill: var(--ast-global-color-5) !important; } /* white */
.spectra-image-gallery__control-arrows svg:hover 	{ fill: var(--ast-global-color-0) !important; } /* red */


/* The Events Calendar
------------------------------ */

/* Misc
------------------------- */

.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus,
.single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus,
.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus { outline: 1px solid #fff !important; border: 0 none transparent; }

/* Prev next nav archives & single events
-------------------- */

.tribe-events-c-nav__list-item,
.tribe-events-single .tribe-events-sub-nav > li { margin: 0 0 1em !important; }

/* Plugin hasn't styles for day view o_O */
a.tribe-events-c-nav__prev, a.tribe-events-c-nav__next, /* Archives */
.tribe-events-nav-pagination .tribe-events-nav-previous a, .tribe-events-nav-pagination .tribe-events-nav-next a /* Single events */ {
	display: inline-block;
	margin: 2px;
	font-size: 1rem !important;
	line-height: 1em;
}


/* Archives
------------------------- */

/* Misc
-------------------- */

.ast-separate-container .ast-article-single:not(.ast-related-post) { background-color: #f7fafc; }

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border,
.tribe-events .tribe-events-c-search__button,
.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button,
.tribe-events .tribe-events-c-search__button:focus, .tribe-events .tribe-events-c-search__button:hover, .tribe-events button.tribe-events-c-search__button:focus,
.tribe-events button.tribe-events-c-search__button:hover { padding: 16px 35px; border-radius: 8px; }

.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border,
.tribe-events .tribe-events-c-search__button,
.tribe-events .tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button,
.tribe-events button.tribe-events-c-search__button {
	border: 0 none transparent;
	background-color: var(--ast-global-color-0);
	color: #fff;
	font-family: inherit;
	font-weight: 400;
	line-height: 1.28em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	font-size: 0.875rem;
}

.tribe-common a:not(.tribe-common-anchor--unstyle):focus,
.tribe-events-header .tribe-common-form-control-text__input:focus,
button.tribe-events-c-top-bar__datepicker-button:focus { outline: 1px solid var(--ast-global-color-0) !important; border: 0 none transparent; }

.tribe-events .tribe-events-c-nav__next:disabled,
.tribe-events .tribe-events-c-nav__prev:disabled { color: #bbb !important; }

.tribe-events-c-nav__list button { box-shadow: 0 0 0 0 transparent; }

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { padding-bottom: var(--tec-spacer-12); padding-top: var(--tec-spacer-8); }

/* Same like pages, news grid, ... - 40px with childs paddings */
body.post-type-archive-tribe_events .ast-container { padding: 0 20px; }


/* Header
-------------------- */

.tribe-events-header .tribe-events-c-search__input-group { margin-right: 20px !important; }

.tribe-events-header .tribe-common-c-btn-border-small,
.tribe-events-header a.tribe-common-c-btn-border-small,
.tribe-events-c-top-bar__datepicker-time > span { font-size: 1rem !important; }

.tribe-events .datepicker .day.current,
.tribe-events .datepicker .day.current.focused,
.tribe-events .datepicker .day.current:focus,
.tribe-events .datepicker .day.current:hover,
.tribe-events .datepicker .month.current,
.tribe-events .datepicker .month.current.focused,
.tribe-events .datepicker .month.current:focus,
.tribe-events .datepicker .month.current:hover,
.tribe-events .datepicker .year.current,
.tribe-events .datepicker .year.current.focused,
.tribe-events .datepicker .year.current:focus,
.tribe-events .datepicker .year.current:hover,
.tribe-events .datepicker .day.focused,
.tribe-events .datepicker .day:focus,
.tribe-events .datepicker .day:hover,
.tribe-events .datepicker .month.focused,
.tribe-events .datepicker .month:focus,
.tribe-events .datepicker .month:hover,
.tribe-events .datepicker .year.focused,
.tribe-events .datepicker .year:focus,
.tribe-events .datepicker .year:hover { color: #fff; }


/* List view
-------------------- */

.tribe-events-view--list,
.tribe-events-view--day { background-color: transparent; }

.tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag-daynum { color: #fff !important; }

*.tribe-events-calendar-list .tribe-events-calendar-list__month-separator-text,
.tribe-events-calendar-list .tribe-events-calendar-list__event-datetime,
.tribe-events-calendar-list .tribe-events-calendar-list__event-title-link,
.tribe-events-calendar-list .tribe-events-calendar-list__event-venue,
.tribe-events-calendar-list .tribe-events-calendar-list__event-description { color: var(--ast-global-color-3) !important; }

.tribe-events-calendar-list .tribe-events-calendar-list__month-separator-text {
	font-size: 42px !important;
	font-size: 2.625rem !important;
	font-family: 'Plus Jakarta Sans',sans-serif !important;
	line-height: 1.23em !important;	
}

.tribe-events-calendar-list .tribe-events-calendar-list__event-row,
.tribe-events-calendar-day .tribe-events-calendar-day__event { border-radius: 8px 0 0 8px !important; background-color: #fff !important; }

.tribe-events-calendar-list__event-wrapper > article { border-radius: 0 8px 8px 0 !important;  }

.tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag { border-radius: 8px 0 0 8px !important; background-color: var(--ast-global-color-0); }

.tribe-events-calendar-list .tribe-events-calendar-list__event-title-link { font-size: 1.5rem; font-family: 'Plus Jakarta Sans',sans-serif; line-height: 1.3em; }

a.list-view-read-more:hover { color: var(--ast-global-color-1) !important; } /* dark red */

a.list-view-read-more { display: block !important; margin-top: 25px !important; text-decoration: underline !important; }

.tribe-common .tribe-common-anchor-thin:active,
.tribe-common .tribe-common-anchor-thin:focus,
.tribe-common .tribe-common-anchor-thin:hover { border-bottom: 1px solid var(--ast-global-color-3); }

.tribe-events-calendar-list-nav { border-top-color: var(--ast-global-color-0) !important; }


/* Month Sheet View
-------------------- */

.tribe-events-calendar-month { padding: 50px !important; border-radius: 8px 0 0 8px !important; }


/* Single Event
------------------------- */

body.single-tribe_events #tribe-events-pg-template { background-color: transparent; }

#tribe-events-pg-template { border-radius: 8px; background: #f7fafc !important; }

.tribe-events-single-event-title {
	font-size: 32px !important;
	font-size: 2rem !important;
	font-family: 'Plus Jakarta Sans',sans-serif !important;
	line-height: 1.23em !important;	
}

body.single-tribe_events .tribe-events-single > .type-tribe_events {
	margin-bottom: 1em;
	padding: 0;
	border-radius: 0;
	background-image: none;
}

/* Same like post featured image */
body.single-tribe_events .tribe-events-single .tribe-events-event-image { margin-bottom: 2em !important; }

body.single-tribe_events .tribe-events-single .tribe-events-event-image img { border-radius: 8px !important; }

.tribe-events-content ol,
.tribe-events-content p,
.tribe-events-content ul { margin-bottom: var(--tec-spacer-5); } /* 24px */

body.single-tribe_events #tribe-events-footer { border-top: 1px solid var(--ast-global-color-0) !important; }

.tribe-events-content,
.tribe-events-event-meta { font-family: 'Inter',sans-serif; }

.tribe-events-single .tribe-events-sub-nav { flex-wrap: wrap; justify-content: center; }


/* Media Queries
----------------------------------- */

@media (min-width: 1201px) {

	/* Same like all rows */
	.ast-separate-container .ast-archive-description,
	.ast-separate-container .ast-author-box { margin-top: -10px; padding: 0 0 2em; }

}

@media (min-width: 993px) {

	/* Same like all rows */
	body:not(.single-post) .ast-separate-container #primary { margin: 100px 0; }
			
	#tribe-events-pg-template, /* single event */
	body.post-type-archive-tribe_events .ast-separate-container /* archive */ { margin-top: 4em; margin-bottom: 4em; }

}

@media (max-width: 992px) {

	#tribe-events-pg-template, /* single event */
	body.post-type-archive-tribe_events .ast-separate-container /* archive */ { margin-top: 2em; margin-bottom: 2em; }

}

@media (max-width: 992px) and (min-width: 545px) {

	/* Same like all rows */
	body:not(.single-post) .ast-separate-container #primary { margin: 40px 0; }

}

@media (min-width: 977px) {

	/* Same like News via Spectra post grid (grid, not flexbox) */
	.ast-blog-layout-4-grid .ast-row { grid-template-columns: repeat(3 , minmax(0, 1fr)); }

}

@media (max-width: 976px) {
	
	/* news grid feat image */
	.uagb-post__inner-wrap .uagb-post__image:first-child {
		margin-left: -1.5em !important;
		margin-right: -1.5em !important;
		margin-top: -1.5em !important;
	}
	
	/* Same like pages, news grid, ... 40px */
	.tribe-events .tribe-events-l-container { padding-bottom: var(--tec-spacer-8); padding-top: var(--tec-spacer-8); }
	
	/* Same like pages, news grid, ... - 40px */
	body.post-type-archive-tribe_events .ast-container { padding: 0 12px; }


}

@media (max-width: 976px) and (min-width: 768px) {

	.search-results #primary { padding: 40px 20px !important; }

	/* Same like News via Spectra post grid (grid, not flexbox) */
	.ast-blog-layout-4-grid .ast-row { grid-template-columns: repeat(2 , minmax(0, 1fr)); }

}


@media (min-width: 922px) {

	.ast-site-identity { padding: 15px 0 10px 0; }
	
	/* single event */
	#tribe-events-pg-template {
		max-width: 1200px;
		margin-right: 24px;
		margin-left: 24px;
		padding: 40px;
	}
	
}

@media (max-width: 921px) {

	.ast-site-identity { padding: 20px 0 10px 0; }
	
	.ast-separate-container .ast-blog-layout-4-grid .ast-article-post { padding: 0; }
	
	.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-tablet-stack .site-footer-section { margin-bottom: 0;  }
	
	.ast-separate-container #primary { padding: 2em 0; }
	
	/* single event */
	#tribe-events-pg-template { margin: 2em 0; }

}

@media (max-width: 921px) and (min-width: 545px) {

	/* single event */
	#tribe-events-pg-template { padding: 32px; }

}

@media (min-width: 768px) {

	.tribe-events-event-meta.primary { width: 100%; }
	
	/* Order + style in German */
	.tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group-venue .tribe-venue-location .tribe-address { display: flex; flex-wrap: wrap; }

	.tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group-venue .tribe-venue-location .tribe-address .tribe-street-address { flex: 0 0 100%; order: 0; }
	
	.tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group-venue .tribe-venue-location .tribe-address .tribe-postal-code { flex: 0 0 auto; order: 1; padding-right: 5px; }
	
	.tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group-venue .tribe-venue-location .tribe-locality { flex: 0 0 220px;  order: 3; }
	
	/* 1) Komma zwischen Ort + Bundesland 2) Bundesland 3) Land */
	.tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group-venue .tribe-venue-location .tribe-delimiter,
	.tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group-venue .tribe-venue-location .tribe-region.tribe-events-abbr,
	.tribe-events-single-section.tribe-events-event-meta .tribe-events-meta-group-venue .tribe-venue-location .tribe-country-name { display: none; }
	
	/* Order + style in German - END */

	.tribe-events-meta-group.tribe-events-meta-group-organizer { flex: 0 0 300px; }
	
	#tribe-events-footer { padding-bottom: 0; }

	.tribe-events-single .tribe-events-sub-nav { margin-bottom: 0; }
	 
}

@media (max-width: 767px) {

  .ast-builder-grid-row > .site-header-primary-section-center { flex-wrap: wrap; column-gap: 10px; row-gap: 10px; }
  	
	/* 20px + 4px > 24px like Spectra Post Grid */
	.search-results #primary { padding: 32px 4px !important; }
		
	/* Same like News via Spectra post grid (grid, not flexbox) */
	.ast-blog-layout-4-grid .ast-row { grid-template-columns: repeat(1 , minmax(0, 1fr)); }
	
	/* Same like pages, news grid, ... 32px */
	.tribe-events .tribe-events-l-container { padding-bottom: var(--tec-spacer-7); padding-top: var(--tec-spacer-7); }
	
	/* Same like pages, news grid, ... - 40px */
	body.post-type-archive-tribe_events .ast-container { padding: 0 4px; }

}

@media (max-width: 544px) {

	/* single event */
	#tribe-events-pg-template { padding: 24px; }
	
	/* Same like all rows */
	body:not(.single-post) .ast-separate-container #primary { margin: 32px 0; }
	
	/* Same like Spectra Post Grid */
	/*.ast-separate-container #content .ast-container { padding-left: 20px; padding-right: 20px; }*/
	
	.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-tablet-stack .site-footer-section { margin-bottom: 0;  }

}

@media (max-width: 420px) {

	/* By default they're hidden */
	.single .post-navigation .ast-left-arrow,
	.single .post-navigation .ast-right-arrow { display: inline !important; }
	
}