/*
 Theme Name:   Beer Run Ulm
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme für den Beer Run in Ulm
 Author:       Juliane de Vries 
 Author URI:   https://ju-like.de
 Template:     generatepress
 Version:      0.1
*/

:root {
        --br-akzentgrau: #666666;
        --br-akzentgelb: #FDC621;
}
::selection {
	color: #000;
	background: var( --br-akzentgelb);
}
/* Schriftarten*/
h1, h2, h3, .main-nav {
	font-family: 'Bebas Neue';
}
body {
	font-family: 'Chivo';
	font-weight: 400;
}
a {
	text-decoration: none;
}
.character-limit {
	max-width: 100ch;
  margin: 0 auto;
}

.mec-event-title {
	font-family: 'Chivo' !important;
	font-weight: 400;
}
.mec-calendar-day-head {
	font-size: 1.2em !important;
}
.mec-calendar-header h2 {
	font-size: 2rem !important;
}
.mec-load-month-link {
	font-size: 20px !important;
}
.mec-calendar .mec-calendar-side .mec-next-month i, .mec-calendar .mec-calendar-side .mec-previous-month i {
  font-size: 16px;
}
.mec-wrap.colorskin-custom .mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover {
	 background: transparent;
}
.mec-wrap.colorskin-custom .mec-calendar.mec-event-container-simple .mec-selected-day:hover {
  background: transparent;
}
.mec-tooltip-event-desc {
	color: #fff !important;
}
.mec-single-event .mec-address {
	color: #eaeaea !important;
}
.mec-single-event .mec-event-meta .mec-events-event-categories a, .mec-single-event .mec-event-meta dd, .mec-single-event .mec-event-meta dd a {
	color: #fff;
}
.mec-single-event .mec-event-meta .mec-events-event-categories a:hover, .mec-single-event .mec-event-meta dd:hover, .mec-single-event .mec-event-meta dd a:hover {
	color: var( --br-akzentgelb) !important;
}
.event-carousel-type2-head .mec-event-carousel-content-type2 .mec-event-date-info, .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button, .mec-calendar .mec-calendar-side .mec-next-month a, .mec-calendar .mec-calendar-side .mec-previous-month a, .mec-calendar .mec-event-article .mec-event-detail, .mec-calendar .mec-table-nullday, .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month, .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month a, .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month, .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month a, .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day, .mec-calendar.mec-calendar-daily .mec-calendar-d-top h2, .mec-calendar.mec-calendar-daily .mec-calendar-d-top h3, .mec-calendar.mec-calendar-daily .mec-today-container .mec-today-count, .mec-calendar.mec-calendar-timetable .mec-calendar-d-table dl dt.mec-timetable-has-no-event, .mec-calendar.mec-calendar-timetable .mec-calendar-d-table dl dt.mec-timetable-has-no-event:hover, .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span, .mec-checkboxes-search .mec-searchbar-category-wrap, .mec-countdown-details .countdown-w .clockdiv li p, .mec-event-footer .mec-booking-button, .mec-event-footer .mec-modal-booking-button, .mec-event-grid-classic .mec-event-content p, .mec-event-grid-clean .mec-event-content p, .mec-event-grid-modern .event-grid-modern-head .mec-event-day, .mec-event-grid-modern .mec-event-content p, .mec-event-list-modern .mec-event-date .event-da, .mec-event-list-modern .mec-event-date .event-f, .mec-event-schedule-content dl dt.mec-schedule-description, .mec-event-sharing-wrap li a, .mec-event-sharing-wrap:hover li ul li a, .mec-events-agenda-wrap .mec-agenda-time, .mec-events-agenda-wrap span.mec-agenda-day, .mec-events-meta-group-countdown .countdown-w .block-w li, .mec-load-more-button, .mec-next-month a, .mec-previous-month a, .mec-price-details, .mec-price-details span, .mec-related-event-content, .mec-single-event .mec-address, .mec-single-event .mec-current, .mec-single-event .mec-event-meta .mec-events-event-categories a, .mec-single-event .mec-event-meta dd, .mec-single-event .mec-event-meta dd a, .mec-single-event .mec-event-meta dd.mec-organizer-email a, .mec-single-event .mec-events-meta-date dd span, .mec-single-event .mec-events-meta-group-booking .mec-event-ticket-available, .mec-single-event .mec-next-event-details abbr, .mec-single-event .mec-single-event-additional-organizers dd span, .mec-single-event .mec-single-event-organizer dd span, .mec-single-event .mec-speakers-details ul li .mec-speaker-job-title, .mec-skin-tile-month-navigator-container .mec-next-month, .mec-skin-tile-month-navigator-container .mec-next-month a, .mec-skin-tile-month-navigator-container .mec-previous-month, .mec-skin-tile-month-navigator-container .mec-previous-month a, .mec-wrap .button, .mec-wrap .mec-event-detail, .mec-wrap .mec-event-loc-place, .mec-wrap .mec-time-details, .mec-wrap .mec-totalcal-box .mec-totalcal-view span, .mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected, .mec-wrap .mec-totalcal-box i, .mec-wrap .mec-totalcal-box input, .mec-wrap .mec-totalcal-box label, .mec-wrap .mec-totalcal-box select, .mec-wrap a.button:not(.owl-dot), .mec-wrap button:not(.owl-dot):not(.gm-control-active):not(.mejs), .mec-wrap input[type="button"], .mec-wrap input[type="reset"], .mec-wrap input[type="submit"], .mec-yearly-view-wrap .mec-agenda-date-wrap i, .mec-yearly-view-wrap .mec-agenda-date-wrap span.mec-agenda-day, .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year, .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year a, .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year, .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year a {
	color: #fff !important;
}
.mec-dark-mode .event-carousel-type2-head, .mec-dark-mode .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button, .mec-dark-mode .lity-content .mec-events-meta-group-booking .mec-dark-mode .mec-single-event .mec-events-meta-group-booking, .mec-dark-mode .lity-content .mec-events-meta-group-booking form > h4, .mec-dark-mode .lity-content .mec-events-meta-group-booking input[type="date"], .mec-dark-mode .lity-content .mec-events-meta-group-booking input[type="email"], .mec-dark-mode .lity-content .mec-events-meta-group-booking input[type="number"], .mec-dark-mode .lity-content .mec-events-meta-group-booking input[type="password"], .mec-dark-mode .lity-content .mec-events-meta-group-booking input[type="tel"], .mec-dark-mode .lity-content .mec-events-meta-group-booking input[type="text"], .mec-dark-mode .lity-content .mec-events-meta-group-booking select, .mec-dark-mode .lity-content .mec-events-meta-group-booking textarea, .mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month, .mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month, .mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-table-head dt, .mec-dark-mode .mec-box-calendar.mec-calendar dt, .mec-dark-mode .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt, .mec-dark-mode .mec-breadcrumbs, .mec-dark-mode .mec-calendar .mec-calendar-side .mec-next-month, .mec-dark-mode .mec-calendar .mec-calendar-side .mec-previous-month, .mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day, .mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a, .mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next, .mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-prev .mec-calendar.mec-calendar-daily .mec-calendar-a-month, .mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt, .mec-dark-mode .mec-calendar.mec-calendar-daily .mec-next-month, .mec-dark-mode .mec-calendar.mec-calendar-daily .mec-previous-month, .mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec, .mec-dark-mode .mec-event-carousel-content, .mec-dark-mode .mec-event-footer, .mec-dark-mode .mec-event-footer .mec-booking-button, .mec-dark-mode .mec-event-list-minimal .mec-event-article, .mec-dark-mode .mec-event-list-minimal a.mec-detail-button, .mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button, .mec-dark-mode .mec-event-list-modern .mec-event-article, .mec-dark-mode .mec-event-list-standard .mec-event-article, .mec-dark-mode .mec-event-list-standard .mec-event-meta-wrap, .mec-dark-mode .mec-event-list-standard .mec-topsec, .mec-dark-mode .mec-event-schedule-content, .mec-dark-mode .mec-event-schedule-content dl::before, .mec-dark-mode .mec-events-agenda-wrap, .mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details, .mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details li, .mec-dark-mode .mec-events-meta-group-tags a, .mec-dark-mode .mec-events-toggle .mec-toggle-content, .mec-dark-mode .mec-events-toggle .mec-toggle-item, .mec-dark-mode .mec-events-toggle .mec-toggle-item-inner, .mec-dark-mode .mec-fes-form .mec-meta-box-fields, .mec-dark-mode .mec-fes-form input[type="email"], .mec-dark-mode .mec-fes-form input[type="number"], .mec-dark-mode .mec-fes-form input[type="password"], .mec-dark-mode .mec-fes-form input[type="tel"], .mec-dark-mode .mec-fes-form input[type="text"], .mec-dark-mode .mec-fes-form select, .mec-dark-mode .mec-fes-form textarea, .mec-dark-mode .mec-hourly-schedule-speaker-info, .mec-dark-mode .mec-load-more-button, .mec-dark-mode .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head, .mec-dark-mode .mec-next-event-details a, .mec-dark-mode .mec-related-events-wrap h3.mec-rec-events-title, .mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a:hover, .mec-dark-mode .mec-single-event .mec-events-meta-group-booking form > h4, .mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type="date"], .mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type="email"], .mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type="number"], .mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type="password"], .mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type="tel"], .mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type="text"], .mec-dark-mode .mec-single-event .mec-events-meta-group-booking select, .mec-dark-mode .mec-single-event .mec-events-meta-group-booking textarea, .mec-dark-mode .mec-single-event .mec-events-meta-group-countdown, .mec-dark-mode .mec-single-event .mec-frontbox, .mec-dark-mode .mec-single-event .mec-frontbox-title, .mec-dark-mode .mec-timetable-t2-wrap, .mec-dark-mode .mec-wrap .mec-totalcal-box, .mec-dark-mode .mec-wrap .mec-totalcal-box .mec-totalcal-view span, .mec-dark-mode .mec-wrap .mec-totalcal-box i, .mec-dark-mode .mec-wrap .mec-totalcal-box input, .mec-dark-mode .mec-wrap .mec-totalcal-box select, .mec-dark-mode .mec-yearly-view-wrap, .mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec {
	border-color: transparent;
}
.mec-single-modal.mec-single-modern .col-md-4 .mec-color-before.mec-frontbox.mec-event-meta .mec-booking-button {
	display: none !important;
}

/*2022-05-31 JV Top Bar (Elements, before-header)*/
.inner-before-header {
	width: 100%;
	max-width: 1400px;
	height: 30px;
	margin:auto;
}
.before-header {
	background-color: #000;
}
.before-header a:hover {
	color: #fff !important;
}
.social i {
	padding-left: 20px;
	padding-top: 10px;
}
/* 2022-06-01 main menu */
.main-navigation .main-nav ul li > a:hover {
	color: var( --br-akzentgelb);
}
/*2022-06-01 JV Hover boxes*/
.color-accent {
	color: var( --br-akzentgelb);
	font-size: 75%;
}

/*2022-05-31 JV Akkordions - Icons*/
.fl-accordion-button-icon {
	text-decoration: none;
}
.fl-accordion-button-icon-left, .fl-accordion-button-icon-right {
	opacity: 1;
}
/*2022-05-31 JV Power Pack Testimonials*/
.pp-testimonials .layout-3.carousel-enabled .pp-testimonials-image img {
  height: 80px !important;
  width: 80px !important;
  border-radius: 40px;
}
.pp-testimonial .pp-testimonials-content {
	margin-bottom: 5px !important;
}
h3.pp-testimonials-title {
	margin-top: 20px !important;
	margin-bottom: 0px !important;
}
/* Ninja Forms Styling */
.nf-error-msg, .ninja-forms-req-symbol {
	color: var( --br-akzentgelb) !important;
}
.nf-form-content {
  padding: 42px 0 !important;
  max-width: 1200px !important;
  margin: 0 auto;
}
.nf-error.field-wrap .nf-field-element::after {
  background: var( --br-akzentgelb) !important;
}
/* NF Error Border: Styling, error styles, error element styles, border color
 * NF error message: Styling, error styles, error message styles, text color */
.nf-pass .ninja-forms-field {
  border-color: var( --br-akzentgrau) !important;
}
/* Absenden Button */
#nf-field-19, #nf-field-21, #nf-field-35, #nf-field-52 {
	background-color: var( --br-akzentgelb) !important;
	font-family: 'Bebas Neue'!important;
	font-size: 22px;
	border: 1px solid var( --br-akzentgelb) !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #000 !important;
}
#nf-field-19:hover, #nf-field-21:hover, #nf-field-35:hover, #nf-field-52:hover {
	background-color: var( --br-akzentgrau) !important;
	border: 1px solid var( --br-akzentgrau) !important;
	color: #fff !important;
}
/*2022-05-31 JV  FAQ-Seite*/
.page-id-489 {
	background-image: url("/wp-content/uploads/Beer_Run_Kreis_weiss_v4.svg"); /* The image used */
  	height: 1000px; /* You must set a specified height */
  	background-position: center 1%; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: 2000px 2000px; /* Resize the background image to cover the entire container */
	position: -webkit-sticky; /* Safari */
  	position: sticky;
  	top: 0;

}
/*2022-06-11 JV Back to top*/
.generate-back-to-top {
	background-image: url("/wp-content/uploads/Beer_Run_Kreis_weiss_v4.svg"); /* The image used */
  	height: 42px; /* You must set a specified height */
  	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	font-size: 30px;
	border-radius: 20px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	line-height: 40px;
	width: 40px;
	text-align: center;
}
/* Sponsorenlogos*/
#sponsoren img {
	transform: scale(1);
	transition: all 0.4s ease-in-out;
}
#sponsoren img:hover{
	transform: scale(1.2);
	transition: all 0.7s ease-in-out;
}
/*Merch-slider*/
#merch .logo-image{
	transform: scale(1);
	transition: all 0.4s ease-in-out;
}

#merch .logo-image:hover{
	transform: scale(1.1);
	transition: all 0.7s ease-in-out;
}
/* Instagram*/
.sbi_btn_text, .sbi_follow_btn a {
	font-family: 'Bebas Neue';
	font-size: 20px !important;
}
#sb_instagram .sbi_follow_btn .fa, #sb_instagram .sbi_follow_btn svg {
	font-size: 20px;
}
#sb_instagram .sbi_photo {
	/*border-radius: 50%;*/
	transform: scale(1);
	transition: transform 0.4s ease-in-out;
}
#sb_instagram .sbi_photo:hover {
	transform: scale(1.1);
	transition: transform 0.7s ease-in-out;
	opacity: 1 !important;
}
.sbi_photo_wrap {
	overflow: hidden;
}
/* JV Videos von Vimeo - die Höhe einzeln für jedes Gerät.... meh*/
/* Desktops*/
.vimeo-video iframe {
  width: 100% !important;
  height: 550px !important;
}
/* Tablet*/
@media screen and (max-width: 1024px) {
	.vimeo-video iframe {
  		width: 100% !important;
  		height: 410px !important;
	}
}
/* smartphone*/
@media screen and (max-width: 768px) {
	.vimeo-video iframe {
  		width: 100% !important;
 		height: 200px !important;
	}
}
/* Styling GC-Laufkalender */
.fc-daygrid-event, .fc-daygrid-dot-event {
	white-space: normal;
}
.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title, .fc-daygrid-dot-event .fc-event-title {
	line-height: 1em;
	padding: 2px 2px 2px 2px;
	font-size: 16px;
	font-weight: 400;
	color: #000;
}
.fc-daygrid-event-dot {
	display: none;
}
.fc-daygrid-block-event .fc-event-title:hover, .fc-daygrid-dot-event .fc-event-title:hover {
  background: #6A6A6A;
  color: #fff;
	border-radius: 3px;
}
/* styling ME-Calendar */
@media only screen and (min-width: 1200px) {
	.mec-container {
  		width: 1400px;
  		padding-left: 15px;
  		padding-right: 15px;
	}
}
.mec-single-event .mec-event-meta h3, .mec-single-event dt {
	font-family: 'Bebas Neue';
	font-weight: 400 !important;
	font-size: 20px !important;
}
.mec-single-event .mec-event-meta dd.mec-organizer-email a, .mec-single-event .mec-event-meta dd.mec-organizer-tel a {
	display: inline;
	padding-left: 10px;
	color: #FDC61D;
}
.mec-single-event .mec-event-meta dd {
	color: #fff;
}
.mec-single-event .mec-event-content {
	min-height: 405px;
}