/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

body {overflow-x: hidden;}
button {padding: 8px 18px; font-family: "Francois One";
  text-transform: uppercase;
  line-height: 3em;
  background-color: #ffd64f;}
button:hover {/*background-color: green; color: white;*/}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: 400;}

/* Menu */
.bricks-nav-menu > .current-menu-ancestor > .brx-submenu-toggle > a[href="#"], #menu-secondary-menu a {
	color: black !important;
}
header a[aria-current="page"] {
	color: #e73a8c !important;
}


/* Mega Menu */
.brx-megamenu.brx-submenu-positioned {
	left: 0 !important;
	top: 0px !important;
}
.brx-megamenu a:hover, ul .sub-menu li a:hover {text-decoration: underline !important;}
.bricks-nav-menu .sub-menu a {margin-bottom: -20px;}
.bricks-nav-menu .sub-menu {padding-bottom: 20px;}

.menu-item.brx-has-megamenu ul.sub-menu {
	display: none;
}

.display-only-mobile {
display: none;
}
@media (max-width: 766px) {
  .display-only-mobile {
display: block;
  }
}

/* Blog */
li[data-filter=".freundeskreis"], li[data-filter=".allgemein"] {
  display: none !important;
}
li[data-filter="*"]::after {
  content: "e News";
}
.bricks-isotope-filters li {
  color: gray;
}
.bricks-isotope-filters li.active {
  color: #e73a8c !important;
}

/* Lightbox */
.pswp.brx { font-size: 12px;
	--pswp-icon-color: #000 !important;
	--pswp-icon-stroke-color: transparent !important;
	--pswp-bg: transparent !important;
  	--pswp-placeholder-bg: transparent !important;
}
div[id^="event-booking-form-"] {
	
}
.pswp__bg {
	opacity: 1 !important;
}
.pswp__dynamic-caption {color: #000 !important; }
.pswp.brx .pswp__counter {display: none;}
.brxe-image-gallery .bricks-image-caption {background: none;}

/* Event Manager Einzelseite Event */
.afs-em-pagecontainer {padding-right: 20px;  padding-left: 20px;  max-width: 1000px;  width: 100%; margin: 0 auto; }
.afs-em-pagecontainer h3 {font-size: 28px !important;}
.afs-em-pagecontainer p {margin-bottom: -10px !important;}
.afs-em-pagecontainer img {margin-bottom: 0px;}
.em.em-event-booking-form {max-width: 500px; background-color: #f0f0f0 !important; border: 0px !important;}
.afs-em-pagecontainer .em-booking-form-tickets-title, .afs-em-pagecontainer .em-booking-form-details-title, .afs-em-pagecontainer .em-booking-section-title, .afs-em-pagecontainer .em-booking-summary  
{display: none;}
.em.em-event-booking-form .em-booking-section {
  padding: 20px 10px;
}

/* Standard: Alle Labels in Francois One */
.em.pixelbones label,
.em.pixelbones .input legend,
.em.pixelbones.input label,
.em.pixelbones.input legend {
  color: #000 !important;
  font-family: 'Francois One', sans-serif !important;
  text-transform: uppercase;
  font-size: 1.3em !important;
}

/* Input-Feld-Styling */
.em.pixelbones .input div.input-wrap,
.em.pixelbones .input input[type=email],
.em.pixelbones .input input[type=number],
.em.pixelbones .input input[type=search],
.em.pixelbones .input input[type=text],
.em.pixelbones .input input[type=select-one],
.em.pixelbones .input input[type=tel],
.em.pixelbones .input input[type=url],
.em.pixelbones .input input[type=password],
.em.pixelbones .input input[type=select-type],
.em.pixelbones .input textarea,
.em.pixelbones .input select:not([multiple]),
.em.pixelbones.input div.input-wrap,
.em.pixelbones.input input[type=email],
.em.pixelbones.input input[type=number],
.em.pixelbones.input input[type=search],
.em.pixelbones.input input[type=text],
.em.pixelbones.input input[type=select-one],
.em.pixelbones.input input[type=tel],
.em.pixelbones.input input[type=url],
.em.pixelbones.input input[type=password],
.em.pixelbones.input input[type=select-type],
.em.pixelbones.input textarea,
.em.pixelbones.input select:not([multiple]) {
  border: 2px solid black !important;
  border-radius: 0px !important;
  margin-bottom: -30px !important;
}

.em.pixelbones .input label {
  margin-top: 0px;
}
/* Kommentarfeld des Buchungsformulars ausblenen */
.em.pixelbones .input textarea {
  margin-bottom: 0px !important;
  display: none;
}
label[for="booking_comment"] {
  display: none !important;
}

.em.pixelbones label:has(input[type="checkbox"]) {
  font-family: 'Open Sans', sans-serif !important;
  text-transform: none;
  font-size: 1em !important;
  display: block;
}
/*
.em.pixelbones .input select:not([multiple]), .em.pixelbones.input select:not([multiple]) {width: 100px !important; }
.em.pixelbones .input label .input-field-data_privacy_consent {font-family: 'Open sans' !important;}
.em-booking-form-section-tickets {margin-bottom: -30px !important;}
.em.em-event-booking-form .em-tickets {margin: 0px;}
.em.pixelbones .input input[type=submit] {
  background-color: #048332 !important;
  border: none !important; border-radius: 0px !important;
  color: white !important;
  font-family: 'Francois One'; text-transform: uppercase; font-size: 20px !important; font-weight: 400 !important;
  padding: 8px 32px !important;
  text-decoration: none !important;
  margin: 4px 2px !important;
  cursor: pointer !important;
  width: 300px !important;
  height: 60px !important;
}*/
div.em-item-meta-line span {
	display: block;
	width: 100% !important;
	white-space: nowrap;
}

@media (min-width: 600px) {
    .em.pixelbones h1 {
        font-size: 2em !important;
    }
	.em.pixelbones h3 {font-size: 28px !important;}
}

/* Buchen */

.em-cal-nav {background-color: white;}
.em.em-calendar.size-small .em-cal-nav .month input {width: 100% !important;}
.em-month-picker {width: 100% !important;}
.em.em-calendar .em-cal-head {border-radius: 0px;}
a.em-calnav {border-bottom: 0px !important; padding-top: 8px;}
.em-cal-nav .input {border: 0px;}
.em.em-calendar.size-small .em-cal-nav {margin: 0px;}
.em-modal-popup .em-modal-title {font-family: 'Francois One' !important; font-weight: 400; text-transform: uppercase; }
.em.pixelbones a {color: black !important; border-bottom: 2px solid black; font-weight: 400; }
.em-item-name a {font-family: 'Francois One' !important; font-weight: 400; text-transform: uppercase; font-size: 1.4em;}
.em-icon-location, .em-icon-calendar {display: none !important;}
.em-icon-location span, .em-icon-calendar span {width: 100% !important;}
.em-booking-form-section-summary {display:none;}

.em-modal-title {display: none;}

.em.pixelbones form {margin-top: -20px !important; }
.em.em-event-booking-form .em-tickets {margin: 0px !important;}
.em.em-event-booking-form .em-booking-section {margin-bottom: -50px;}
.em.em-event-booking-form input {margin-top: 0px !important; }
.em.em-event-booking-form label   {margin-bottom: 0px !important; }
.em.em-event-booking-form br {display: none;}

/* Kleiner Kalender*/
.em.em-calendar.size-small .em-cal-nav .month input {font-size: 12px !important; padding-left: 5px !important; border: 2px solid #ffcb05 !important;}
.flatpickr-monthSelect-month.endRange, .flatpickr-monthSelect-month.selected, .flatpickr-monthSelect-month.startRange {
    background-color: #0367b2;
    border-color: #0367b2;
}

.availability {
  font-weight: normal;
  color: black; margin-top: -6px !important;
}

/* Wenn Inhalt "0 Plätze frei" ist, dann */
.availability:contains("0 Plätze frei") {
  font-weight: bold;
  color: red;
  position: relative;
}

/* Und den Text austauschen (nur optisch) */
.availability:contains("0 Plätze frei")::after {
  content: "Ausgebucht";
  position: absolute;
  left: 0;
  top: 0;
  color: red;
  font-weight: bold;
}

/* Original-Text ausblenden */
.availability:contains("0 Plätze frei") {
  color: transparent;
}


/* Rapidmail */
.rm-form {margin-left: -40px;}
.rm-form label {color: black; font-family: 'Francois One'; text-transform: uppercase; font-size: 1.3em;}
.rm-form input {border: 2px solid black;}
.rn-form input[type=button], input[type=submit], input[type=reset] {
  background-color: #048332;
  border: none;
  color: white;
  font-family: 'Francois One'; text-transform: uppercase; font-size: 1.3em;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

/* Freundeskreis Formular */
select {background-color: white;}
.options-wrapper li {
  display: flex;
  align-items: flex-start; 	/* Text an Oberkante ausrichten */
  gap: 0.5em;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 1em;
  line-height: 1.3;
}

.options-wrapper input[type="checkbox"],
.options-wrapper input[type="radio"] {
  margin-top: 0.2em; 
  margin-right: 4px;
  flex-shrink: 0;
}
.options-wrapper li,
.options-wrapper label,
.options-wrapper label *,
.options-wrapper input[type="checkbox"] + label,
.options-wrapper input[type="radio"] + label { font-size: 12px;
  font-family: 'Open Sans', sans-serif !important;
}

/* Filter */
.brxe-filter-radio .bricks-button {padding: 0 5px;}