/*
 Theme Name:     OMK Neukirchen
 Theme URI:      https://example.com/divi-child/
 Description:    Child Theme für Divi
 Author:         Christian Hanl
 Author URI:     https://example.com
 Template:       Divi
 Version:        1.0.1
*/

/* ---------------------------------------- */
/* Allgmeine Typo Einstellungen				*/
html, body {
	font-size: 16px;
	height: 100%;
}

div.et_pb_text a {
	color: #662483;
	text-decoration: underline;
}

hr {
  border: none;           
  border-top: 2px solid rgba(52,0,89,0.25);
}

#page-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#main-content {
  flex: 1;
}

/* ---------------------------------------- */
/* Globales Hauptmenü allgemein				*/

#global-header-menu{
	padding-top: 10px;
}

#global-header-menu ul:not(.et_mobile_menu) li {
	height: calc(100% + 10px);
	top: -9px;
}

#global-header-menu .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    top: calc(100%);
    left: 0;
}

@media (min-width: 980px) {
	#global-header-menu ul.sub-menu {
		border-top: 1px solid rgba(255,255,255,.4) !important;
	}
}


hr {
	color: rgba(52, 0, 89, 0.25);

}

#global-header-menu ul.sub-menu li {
	padding-left: 0;
	
}




@media (max-width: 980px) {
	
	/* ---------------------------------------- */
	/* Mobiles Dropdown Menü bis an den Rand 	*/
	
	div.et_pb_section--with-menu>div {
		margin: 0px;
		width: 100%;
		
	}

	div.et_pb_section--with-menu .et_pb_menu_inner_container {
		padding: 0px 10px;
	
	}

	/* ---------------------------------------- */
	/* Globales Hauptmenü 						*/
	
	#global-header-menu .et_mobile_menu {
    	margin-top: 10px !important;
		border-top: 1px solid rgba(255,255,255,.4);
	}

	#global-header-menu ul.et_mobile_menu {
		padding: 20px;
	}

	#global-header-menu .et_mobile_menu {
    	background-color: rgba(52, 0, 89, .9) !important;
	}

	#global-header-menu ul.sub-menu,
	#global-header-menu ul.et_mobile_menu li.menu-item-has-children a {
		background-color: rgba(52, 0, 89, .0) !important;
		font-weight: normal;
	}
	
	#global-header-menu {
		padding-bottom: 10px;
	}

	#global-header-menu .et_pb_menu__logo {
		padding-top: 10px;
	}

	/* Links anpassen */
	#global-header-menu ul.et_mobile_menu a {
		padding: 18px;
		font-size: 1.25em;
	}
	
	#global-header-menu ul.et_mobile_menu li:not(:first-child) a  {
		border-top: 1px solid rgba(255,255,255,.2);
	}
	
	#global-header-menu ul.sub-menu li a {
		border: none !important;
	}
	
	#global-header-menu li.current-menu-item ul.sub-menu li a  {
		color: white !important;
	}

	
	/* ---------------------------------------- */
	/* Diverse Menüanpassungen 					*/

	/* Menü fürs Bezirksmusikerfest auf Grün */
	/* wird nicht verwendet 
	#global-header-menu.bmf .et_mobile_menu {
    	background-color: rgba(20, 146, 111, .9) !important;
	}

	#global-header-menu.bmf ul.sub-menu,
	#global-header-menu.bmf ul.et_mobile_menu li.menu-item-has-children a {
		background-color: rgba(20, 146, 111, .0) !important;
		font-weight: normal;
	} */
	
	
	/* Link zum Bezirksmusikerfest und zurück */
	#menu-bmf-2026 .et_mobile_nav_menu {
		display: none !important;
	}

	#menu-bmf-2026 .et_pb_menu__menu {
		display: block !important;
	}
			
}
/* Menü für den Footer */

@media (max-width: 980px) {

	
	#omk-footer-menu .et_pb_menu__menu {
		display: block !important;
		margin-left: 10px !important;
	} 
		
	
	#omk-footer-menu .et_pb_menu__menu>nav>ul,
	#omk-footer-menu .et_pb_menu__wrap {
		justify-content: flex-start !important;
	} 

	#omk-footer-menu .et_mobile_nav_menu {
		display: none !important;
	} 	
	
	/* Socialmedia Icons */
	.et_pb_social_media_follow {
		text-align: left !important;

	}
	
	.et_pb_social_media_follow {
		margin-bottom: 0px !important;
	}
	
	.et_pb_social_media_follow li:first-child {
		margin-left: 20px;
	}
}

@media (max-width: 768px) {
		
	#omk-footer-menu .et_pb_menu__menu {
		display: block !important;
		margin-left: -10px !important;
	} 
	
		.et_pb_social_media_follow li:first-child {
		margin-left: 0px;
	}
}


/* ---------------------------------------- */
/* Fullscreen-Header						*/
#omk-fullscreen-header-section {
	height: calc(100vh - 184px) !important;
	min-height: 600px !important;
}

#omk-fullscreen-header .header-image {
	background-color: red !important;
	padding: 60px;
}

#bmf2026-fullscreen-header-section {
	height: calc(100vh - 204px) !important;
	min-height: 600px !important;
}

#bmf2026-fullscreen-header-section .hero-teaser {
	height: calc(100vh - 204px) !important;
	min-height: 600px !important;
	overflow-wrap: break-word;
	hyphens: auto;
}

#bmf2026-fullscreen-header-section .header-content-container,
#bmf2026-fullscreen-header-section .header-content {
    padding: 0px !important;
	margin: 0px !important;
	width: 100% !important;
	max-width: 100% !important;
	
}

																
/* ---------------------------------------- */
/* Bildergalerien 							*/

/* Overlay bei Vollbild */
.mfp-bg {
	/*background-color: rgba(54,22,73,.8);*/
}

.mfp-container {
	background-color: rgba(54,22,73,.8);
	padding: 0px 60px;
}


/* Icons bei Overlay */
.mfp-container button.mfp-close {
	font-size: 36px;
	font-weight: 600;
	padding-top: 10px;
}

.mfp-arrow-left .mfp-a, .mfp-arrow-left:after, .mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
    border: none;
    font-size: 48px;
    color: #fff;
}

/* Bildbeschreibung bei Overlay */
div.mfp-bottom-bar .mfp-title,
div.mfp-bottom-bar .mfp-counter {
	font-size: 1rem;
}

/* Pagination */
div.et_pb_gallery div.et_pb_gallery_pagination a.active {
	opacity: .5;
}

/* ---------------------------------------- */
/* Testimonials, Icons						*/

.et_pb_testimonial,
.et_pb_with_border.et_pb_module.et_pb_blurb {
	overflow: visible !important;
}

/* ---------------------------------------- */
/* Scroll to top Icon						*/
.et_pb_scroll_top.et-pb-icon {
	background-color: rgba(52, 0, 89, .6) !important;
}


/* ---------------------------------------- */
/* Blogvorschau 							*/

/* Karte als Spalte */
.et_pb_blog_grid .et_pb_post {
  display: flex;
  flex-direction: column;
}

/* WICHTIG: Inhalt als Flex-Spalte, füllt Resthöhe */
.et_pb_blog_grid .post-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;   /* nimmt den verfügbaren Platz ein */
  min-height: 0;    /* verhindert Flex-Überlauf */
}

/* Bild, Titel, Meta: natürl. Höhe */
.et_pb_blog_grid .entry-featured-image-url,
.et_pb_blog_grid .entry-title,
.et_pb_blog_grid .post-meta {
  flex: 0 0 auto;
}

/* Link nach unten drücken */
.et_pb_blog_grid .post-content .more-link {
  margin-top: auto;
  display: inline-block; /* falls inline war */
}

/* Falls Divi den Link NICHT in .post-content rendert (manche Layouts):
   fallback direkt im Post auf unten ausrichten */
.et_pb_blog_grid .et_pb_post > .more-link {
  margin-top: auto;
  align-self: flex-start;
  display: inline-block;
}

/* Optional: gleiche Kartenhöhe (ohne hartes Fixieren) */
.et_pb_blog_grid .et_pb_post {
  height: 100%;
}

.et_pb_blog_grid .et_pb_post .post-content .post-content-inner {
	margin-bottom: 20px;
}

.et_pb_blog_grid .et_pb_post .et_pb_image_container {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

div.et_pb_column div.et_pb_module div.et_pb_blog_grid .post-content a.more-link {
	color: #FFFFFF !important;
    border-width: 0px !important;
    border-color: RGBA(255, 255, 255, 0.57);
    border-radius: 5px;
	font-size: 16px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    background-image: linear-gradient(264deg, #662483 0%, #340059 100%);
    background-color: #662483;
    padding: 10px 16px !important;
	width: fit-content;
}