/*
 Theme Name:   Antenne Niedersachsen
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme für Antenne Niedersachsen
 Author:       Mark Colling
 Author URI:   https://mark-colling.de
 Template:     generatepress
 Version:      1.3
*/

/**
 * Draw Attention 
 */

/* Lightbox */
body .featherlight .featherlight-content {
	max-height: 85%;
}
body .featherlight .featherlight-content .hotspot-thumb > img{
	object-fit: contain;
}

/* Tooltip */
body .hotspots-container.layout-tooltip .leaflet-rrose-content {
	min-width: 400px;
}

/* Sendebereich-Karten Infobox (TinyMCE Custom HTML) */
body.antenne-niedersachsen .featherlight .featherlight-content {
	min-width: 33.3336%;
	padding: 20px 40px;
}
.sendebereich-info .sendebereich-btn {
	padding: 25px;
}
.sendebereich-info a.anim-btn {
	padding: 10px 25px !important;
}
.sendebereich-info a.anim-btn:hover {
	padding: 12px 30px !important;
}
.sendebereich-info {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sendebereich-info .sendebereich-text {
	align-self: flex-start;
}
.sendebereich-info .sendebereich-text details:hover {
	cursor: pointer;
}


/**
 * CleverReach 
 */
#antenne-newsletter form {
	font-family: var(--gp-font--open-sans);
  	font-size: 1rem;
}
#antenne-newsletter .cr-web-stacks {
	justify-content: space-around;
}
#antenne-newsletter .cr-web-form ul {
	padding: 0;
}
#antenne-newsletter input, 
#antenne-newsletter select, 
#antenne-newsletter button {
	border-radius: 10px;
}
#antenne-newsletter select {
	min-height: 41.6px;
}
#antenne-newsletter .cr-web-form:has(button) {
	display: inline-flex;
	width: 100%;
	align-items: center;
}
#antenne-newsletter button {
	display: block;
	font-family: var(--gp-font--open-sans);
  	font-size: 1rem;
	font-weight: 600;
	padding: 8px 25px;
	transition: all 0.2s ease-in-out;
}
#antenne-newsletter button:hover {
	padding: 10px 30px;
}
#antenne-newsletter li:has(input[type="checkbox"]) label {
	font-size: 12px;
	line-height: 1.5;
}
#antenne-newsletter .cr-text:has(select), 
#antenne-newsletter .cr-text:has(input[type="text"]), 
#antenne-newsletter .cr-web-row:has(input[type="email"]), 
#antenne-newsletter .cr-web-row:has(input[type="checkbox"]) {
	padding: 0 10px 5px !important;
}
#antenne-newsletter ul:last-child li {
	display: flex;
	align-items: baseline;
	gap: 10px;
}


/*
#antenne-newsletter .cr_form-inputgroup--typecheckbox label.no-label {
	display: inline;
}
#antenne-newsletter .cr_ipe_item input {
	border-radius: 10px;
}
#antenne-newsletter .cr_button {
	height: auto;
	padding: 10px 25px;
	margin: 0;
	line-height: inherit;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
}
#antenne-newsletter .cr_button:hover {
	padding: 12px 30px;
}
*/



/**
 * Custom SVG Headerlogo (see functions.php)

.site-logo {
	position: relative;
}
.site-logo::after {
	content: "";
	position: absolute;
	top: 8px;
	left: 5px;
	width: 130px;
	height: 42px;
	background-color: #000;
	border-radius: 50px;
	z-index: 1;
	transition: all 200ms ease-in-out;
}
.site-logo:hover::after {
	background-color: #fff;
}
.site-logo:hover #antenne-headerlogo-svg .st0 {
	fill: #e2001a;
}
#antenne-headerlogo-svg {
	position: relative;
	width: 140px;
	margin-top: 5px;
	z-index: 2;
}
#antenne-headerlogo-svg .st0 {
	fill: #fff;
	transition: all 200ms ease-in-out;
}
 */


/* Custom SVG Headerlogo (see functions.php) 
#antenne-headerlogo-svg {
	position: relative;
	width: 140px;
	margin-top: 5px;
	z-index: 2;
}
#antenne-headerlogo-svg .st0 {
	fill: #fff;
	transition: all 200ms ease-in-out;
}
.site-logo:hover #antenne-headerlogo-svg .st0 {
	fill: #e2001a;
}
.site-logo:hover .backlayer {
	background-color: #fff;
}
.site-logo {
	position: relative;
}
.site-logo .backlayer {
	position: absolute;
	top: 8px;
	left: 5px;
	width: 130px;
	height: 42px;
	background-color: #000;
	border-radius: 50px;
	z-index: 1;
	transition: all 200ms ease-in-out;
}
*/

/* Header Startseite (absolute) 
.home #masthead.site-header {
	position: absolute;
	width: 100%;
	z-index: 2;
	background-color: transparent;
}
*/

/* 
 * Video Header Startseite 
 */
.antenne-video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.35);
}
.front-video-header-mobile video {
	width: auto;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}


/**
 * Hauptmenü 
 */
.main-navigation li::after {
	content: "";
	position: absolute;	
	left: 0;	
	bottom: 15px;	
	width: 0;
	height: 1px;
	background-color: white;
	margin-left: 10%;
	transition: width 300ms;
}
.main-navigation ul ul.sub-menu, .main-navigation .main-nav ul ul li a  {
	border-radius: 10px;
}
.main-navigation ul ul.sub-menu li:not(:last-child) {
	border-bottom: 1px solid var(--antenne-dunkelblau);
}
@media (min-width: 991px) {
	.main-navigation li:not(ul.sub-menu li):hover::after {
		width: 80%;
	}
}
@media (max-width: 991px) {
	#masthead.site-header {
		background: var(--antenne-dunkelblau);
	}
	/*
	.main-navigation.sub-menu-left {
		background: var(--antenne-dunkelblau);
	}
	*/
}


/**
 * Hauptmenü Contact menu-item 
 */
.main-navigation .main-nav ul li.mainmenu-menuitem-contact a {
	font-weight: 700;
}
@media (min-width: 991px) {
	.main-navigation .main-nav ul li.mainmenu-menuitem-contact {
		margin-left: 1em;
	}
	.main-navigation .main-nav ul li.mainmenu-menuitem-contact::after {
		content: "";
		position: absolute;
		left: -10%;
		top: 15%;
		width: 100%;
		height: 70%;
		border-radius: 10px;
		background-color: white;
		z-index: -1;
		transition: all 300ms;
	}
	.main-navigation .main-nav ul li.mainmenu-menuitem-contact:hover::after {
		left: -15%;
		top: 12.5%;
		width: 110%;
		height: 75%;
	}
	.main-navigation .main-nav ul li.mainmenu-menuitem-contact a {
		color: var(--antenne-dunkelblau);
	}
	.main-navigation .main-nav ul li.mainmenu-menuitem-contact a:hover {
		color: var(--antenne-dunkelblau);
	}
}


/**
 * Hauptmenü Produkte Sub-Menü Icons 
 */
.menu-produkte .sub-icon a {
	display: inline-flex;
	align-items: center;
}
.menu-produkte .sub-icon a::before {
	content: '';
	display: inline-block;
	min-height: 20px;
	padding-right: 34px;
	margin-left: -10px;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.menu-produkte .sub-icon.audiowerbung a::before {
	background-image: url(/wp-content/uploads/2025/02/icon-menu-audiowerbung.png);
}
.menu-produkte .sub-icon.digital-audio a::before {
	background-image: url(/wp-content/uploads/2025/02/icon-menu-digitalaudio.png)
}
.menu-produkte .sub-icon.jobspot a::before {
	background-image: url(/wp-content/uploads/2025/02/icon-menu-jobspot.png);
}
.menu-produkte .sub-icon.podcast a::before {
	background-image: url(/wp-content/uploads/2025/02/icon-menu-podcast.png);
}
.menu-produkte .sub-icon.events a::before {
	background-image: url(/wp-content/uploads/2025/02/icon-menu-events.png);
}
.menu-produkte .sub-icon.audioservice a::before {
	background-image: url(/wp-content/uploads/2025/02/icon-menu-audioservice.png);
}
.menu-produkte .sub-icon.socialmedia a::before {
	background-image: url(/wp-content/uploads/2025/02/icon-menu-socialmedia.png);
}

/**
 * Sticky Navigation u. Mobile
 */
#sticky-navigation.main-navigation,
.main-navigation.toggled .main-nav > ul {
	background-color: var(--antenne-dunkelblau);
}
.both-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul, 
.mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul, 
.mobile-header-sticky #mobile-header.toggled .main-nav > ul {
	position: relative;
}

@media (max-width: 991px) {
	.has-inline-mobile-toggle .inside-header {
		padding-left: 20px;
		padding-right: 20px;
  	}
	#mobile-menu-control-wrapper .menu-toggle {
		padding-right: 0;
	}
}

/**
 * Produkte > Podcast: Podcast Post Grid
 * 
 * Kontakt-Karte in: Query Loop Builder > Custom code area
 * 
 * Bei veränderter Post-Anzahl anpassen in: 
 * Data Settings > Fetch Count
 * Custom code area > Position in grid
 */

.podcast-posts .gspbgrid_item {
	overflow: visible !important;
}

.podcast-posts .gspbgrid_item.type-podcast:first-child, 
.podcast-posts .gspbgrid_item.type-podcast:nth-child(3), 
.podcast-posts .gspbgrid_item.type-podcast:nth-child(4), 
.podcast-posts .gspbgrid_item.type-podcast:nth-child(6), 
.podcast-posts .gspbgrid_item.type-podcast:nth-child(7), 
.podcast-posts .gspbgrid_item.type-podcast:nth-child(9),
.podcast-posts .gspbgrid_item.type-podcast:nth-child(10),
.podcast-posts .gspbgrid_item.type-podcast:nth-child(12) {
	margin-top:-40px;
} 
.podcast-posts .gspbgrid_item.type-podcast:nth-child(2), 
.podcast-posts .gspbgrid_item.type-podcast:nth-child(5), 
.podcast-posts .gspbgrid_item.type-podcast:nth-child(8), 
.podcast-posts .gspbgrid_item.type-podcast:nth-child(11) {
	margin-top:0;
}

@media (max-width: 767px) {
	.podcast-posts .gspbgrid_item.type-podcast:nth-child(odd) {
		margin-top:-40px;
	} 
	.podcast-posts .gspbgrid_item.type-podcast:nth-child(even) {
		margin-top:0;
	}
}

@media (max-width: 575px) {
	.podcast-posts .gspbgrid_item.type-podcast:nth-child(odd), 
	.podcast-posts .gspbgrid_item.type-podcast:nth-child(even) {
		margin-top:0;
	}
	.podcast-grid-kontakt {
		margin-top:0 !important;
	}
}

.podcast-posts .gspbgrid_item.type-podcast img {
	min-height: 245px;
}

.podcast-grid-kontakt {
	min-height: 245px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 10px;
	background-color: var(--antenne-dunkelblau);
	text-align: center;
	
	/* wenn links oder rechts in Grid -40px, wenn mitte 0 */
	margin-top:-40px;
}

.podcast-grid-kontakt .gb-headline {
	font-size: 30px;
	line-height: 120%;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 32px;
	color: var(--base-3);
}

.podcast-grid-kontakt .anim-btn {
  	font-size: inherit;
  	font-weight: 600;
  	text-align: center;
  	padding: 10px 25px;
  	border-radius: 10px;
  	background-color: var(--antenne-rot);
  	color: var(--base-3);
  	text-decoration: none;
	transition: all 0.2s ease-in-out;
}


/**
 * Animated Team Anchor Button & Menu Contact Button (underlay)
 */
.team-btn-wrap:hover .team-btn-underlay {
	width: 110%;
	height: 110%;
	top: 5%;
	transform: translate(-50%, -10%);
}

/**
 * Animated Buttons (padding)
 */
.anim-btn:hover {
	padding: 12px 30px;
}
.anim-btn.left:hover {
	margin-left: -5px;
}
.anim-btn.right:hover {
	margin-right: -5px;
}

/**
 * Product and Event Carousel
 */
.antenne-product-event-carousel .swiper-slide-inner > div {
	width: 100%;
}


/**
 * Footer
 */
.antenne-footer .wp-block-navigation-item {
	padding-left: 10px;
}
@media (max-width: 767px) {
	.antenne-footer .wp-block-navigation-item {
		padding-left: 0;
	}
	
	ul.wp-block-navigation__container {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		line-height: 1.2;
	}
}

/**
 * WP Forms Kontaktformular
 */
#wpforms-2404-field_1-container {
	margin-left: 0;
}

#wpforms-2404-field_4 {
	min-height: 262px;
}

#wpforms-form-2404 input[type="text"],
#wpforms-form-2404 input[type="email"], 
#wpforms-form-2404 input[type="tel"],
#wpforms-form-2404 textarea {
	border-radius: 15px;
}

#wpforms-form-2404 .wpforms-submit {
	height: auto;
	padding: 10px 25px !important;
	margin: 0;
	line-height: inherit;
	border-radius: 10px;
	font-size: 1rem;
	font-weight: 600;
	background-color: var(--antenne-dunkelblau);
	transition: all 0.2s ease-in-out;	
}
#wpforms-form-2404 .wpforms-submit:hover {
	padding: 12px 30px !important;
}