/*
 Theme Name:   Antenne Theme
 Description:  Theme für Antenne Bad Kreuznach & Idar-Oberstein
 Author:       Henning Schwörer
 Author URI:   https://www.schwoerer.info
 Template:     rowling
 Version:      1.0
 Text Domain:  antenne
*/

@font-face {
  font-display: swap;
}

.top-nav { 
	background-color: #ffffff; 
}

.secondary-menu > li:hover > a,
.secondary-menu > li.focus > a,
.secondary-menu li.current-menu-item > a { 
	color: #990033; 
}

.secondary-menu > li.menu-item-has-children:hover > a:after,
.secondary-menu > li.menu-item-has-children.focus > a:after { 
	border-top-color: #990033; 
}

.secondary-menu ul li:hover > a,
.secondary-menu ul li.focus > a { 
	color: #990033; 
}

.secondary-menu > li:hover > a,
.secondary-menu > li.focus > a { 
	background: #FFFFFF; 
}

.social-menu a {
	border: 2px solid #DDDDDD;
	border-radius: 999px;
	color: #DDDDDD;
	display: block;
	height: 36px;
	line-height: 1;
	position: relative;
	text-decoration: none;
	width: 36px;
}

.social-menu a:hover,
.social-menu a.active { 
	border-color: #990033;
	color: #990033;
}

.social-menu a[href*="wa.me"]::before { content: '\f232'; font-family: 'Font Awesome 5 Brands'; }

/* Select-Button im Programm*/
.select-css {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #990033;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}

/* Sidebar */
.cat-post-title {
    color: #000000;
	font-family: 'Merriweather', Georgia, serif;
    font-weight:bold;
}

/* Mobile Play-Button */
/* Extra small screen / smartphone / 280px to 479px */
@media only screen and (min-width: 800px) {
.mobileplay {display: none;}
}

@media only screen and (max-width: 799px) {
img.desktopimage {display: none;}
}
@media only screen and (min-width: 800px) {
img.mobileimage {display: none;}
}

/* Slider Mobile Caption */
@media only screen and (max-width:600px){ .soliloquy-caption {display: block !important;}}

/* Flipbox für Team-Seite */
.flip-card {
	background-color: transparent;
	width: 250px;
	height: 370px;
	perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
  
  /* This container is needed to position the front and back side */
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
  }
  
  /* Style the front side (fallback if image is missing) */
.flip-card-front {
	background-color: #ce002d;
	color: white;
  }
  
  /* Style the back side */
.flip-card-back {
	padding-top: 50px;
	background-color: #ce002d;
	color: white;
	transform: rotateY(180deg);
  }

/* Veranstaltungs-Kalender */
.eo-event-search-filters {width: 80%;}