/*
Theme Name: VfB Uplengen 2019
Author: EHN
Description: Relaunch-Theme 2019
Version: 1.0

Text Domain: vfb2019

*/

html, body, * { font-family: 'Open Sans', sans-serif;}

#head .h1 { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; color:#000000; font-size: 63px; line-height:1em;  }
#head .h1 span { display: block; font-size: 28px; line-height:1em; }

 @media only screen and (max-width: 600px) {
  #head .h1  { display: block; font-size: 47px; line-height:1em; }  
 }
#head .logo {margin: 0 20px }

h1, h2, h3, h4 { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; text-transform: uppercase;}

.uk-section.border { border-bottom: 3px solid #dd2a30; }

.allnewslink a { font-weight:bold; color: #fff; font-size: 2em; }
 
.alignleft { float: left; padding: 0 15px 15px; }
.alignright { float: right; padding: 0 0 15px 15px; }
.aligncenter { display: block; margin: 0 auto;}

.congrey { background: #f8f8f8;} 

.congrey .vfb-button { background: #dd2a30; color: #ffffff;  }


.vfb_button { color: #ffffff; background: #dd2a30; padding: 5px 50px; border-radius: 5px; border: 1px solid #fff; }
.vfb_button:hover { color: #ffffff; background: #dd2a30af; padding: 5px 50px; border-radius: 5px; border: 1px solid #fff; }

.uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled {
  background-color: #ffffff;
  color: inherit;
  border-color: #ffffff;
  padding:0 0;
}

.uk-notification-bottom-center, .uk-notification-top-center {
  width: 450px;
  left: 50%;
  margin-left: -225px;

  top: 50%;
  text-align: center;
  border: 5px solid red;
}

.teaser h2 { font-size: 20px; }

.supervisors h2 { font-size: 50px; font-weight: 900;}
.supervisors .uk-icon { color: #dd2a30; }


.news .headline { font-size: 20px;  font-weight: 600;}
.news .headline a { color: inherit; }

.wpmm_brand_logo_wrap { display: none; }
.wpmm-sticky-wrap .wpmm_brand_logo_wrap { display: block; }

blockquote { font-size: inherit; }
 
#slider span {text-shadow: 
	1px 1px 1px rgba(0, 0, 0, 0.9),
	-1px 1px 1px rgba(0, 0, 0, 0.9),
	1px -1px 1px rgba(0, 0, 0, 0.9),
	-1px -1px 1px rgba(0, 0, 0, 0.9)
	; 
	
	}
#slider .regular {
	font-weight: 700;
	font-size: 55px;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Open Sans Condensed';
	font-style: normal;
	/* font-weight: 700; */
}

#slider .bolde {
	font-weight: 800;
	font-size: 75px;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
}


 @media only screen and (max-width: 900px) {
  #slider .regular { font-size: 6vw; }
  #slider .bolde  { font-size: 8vw; }  
 }


#slider .uk-button {
  margin-top: 20px;
}

.uk-section.sponsoren { background: #ececec; }



article .uk-article-meta { margin-bottom: 5px;}
article h2 { margin-top: 0; }

/* ***********************************************
** WP Mega Menu
*********************************************** */

#vfb_mainNavi {
	background: #d3d3d3;
}

#wp-megamenu-main_menu > .wpmm-nav-wrap ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu {
	box-sizing: border-box;
}

#wp-megamenu-main_menu a {
	text-decoration: none;
}

#wp-megamenu-main_menu > .wpmm-nav-wrap ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu {
	box-sizing: border-box;
}

#wp-megamenu-main_menu a {
	text-decoration: none;
}
 


iframe { padding: 20px; background: #ffffff;}


/* ***********************************************
** FuPa Widget
*********************************************** */
.fupa-widget td.liveticker_header_next_match_datum {
    text-align: center;
    font-size: 25px !important;
    border-bottom: none !important;
    padding-bottom: 20px !important;
}

.fupa-widget .fupa_widget_team_header table { width: 100% !important; }
.fupa-widget .fupa_widget_team_header td:nth-child(1), .fupa-widget .fupa_widget_team_header h1  { width: 100% !important; text-align: center !important; font-size: 18px !important; color: #acacac !important; text-transform: none !important}

.fupa-widget .fupa_widget_team_header h4,
.fupa-widget .fupa_widget_team_header td:nth-child(2) { display: none;}

.fupa-widget .fupa_widget .spielbericht_header #ergebnis span,
.fupa-widget { color: #000 !important; }
.fupa-widget a { 
	color: #acacac !important;
    font-weight: 300 !important;
    font-size: 12px !important;
 }
 
 .fupa-widget #ergebnis {color: #ffffff !important}
 .fupa-widget #ergebnis span { color:#000000 !important; }
.fupa-widget .liveticker_header_leiste a {
	color: #000000 !important;
    font-weight: bold !important;
    font-size: 16px !important;	
}
 
 .fupa-widget .fupa_link { 
	font-size: 12px !important;
	color: #acacac !important;
	font-weight: 300 !important;
 }

.fupa-widget .spielbericht_header tr:nth-child(3) td:nth-child(2) {
	color:#ffffff;
}

.fupa-widget .spielbericht_header tr:nth-child(4) {
	display: none;
}

.fupa-widget .fupa_widget .content_table_std {
	padding: 12px 0 25px;
}



/* ***********************************************
** Blog
*********************************************** */
.news article {
	border-bottom: 1px solid #eaeaea;
	padding: 0 0 70px;
}
	
.news article h2 {
	font-size: 1.5em;
}
.news article h2 a {
	color: inherit;
	transition: all 0.15s linear;
	padding-bottom: 3px;
    background: linear-gradient(to right, #dd2a30 0%, #dd2a30 98%);
    background-size: 0px 2px;
    background-repeat: no-repeat;
    background-position: left 85%;
	
}
.news article h2 a:hover {
	text-decoration: none !important;
	background-size: 100% 2px;
}

.blogcategories ul {
	list-style-type: none;
}
.blogcategories ul a {
	color: inherit;
}


/* ***********************************************
** Modul Mitglied werden
*********************************************** */
.uk-section.member-c2a { background: #dd2a30; color: #ffffff; }
.uk-section.member-c2a .uk-h2 { color: #fff; }
.uk-section.member-c2a a { color: #fff; }   



 
/* ***********************************************
** Werbebande
*********************************************** */
.grayscale img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+, IE10 */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
  -webkit-transition: all .3s ease;
  /* Fade to color for Chrome and Safari */
  -webkit-backface-visibility: hidden;
  /* Fix for transition flickering */
}

.grayscale img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

/* ***********************************************
** Sportplatzampel
*********************************************** */

.ampel span { color: #000; }
.ampel span.bespielbar { background: #0f0; }
.ampel span.unbespielbar { background: #f00; }


/* ***********************************************
** Sportangebot
*********************************************** */
.offerTitle { background: #dd2a30; color: #fff; text-align: center; font-size: 20px; padding: 10px; line-height: 1em; }



.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.allnewslink a:hover span {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.preise { width: 40px;}

.fc-time-grid .fc-slats td { height: 2.5em; vertical-align: middle; text-align: center}

.calendar_day.preise .fc-slats td { vertical-align:middle; text-align:center; font-weight: bold; background-color:#f4fe2b; color: #444;}
.fc-day.fc-other-month { opacity: 1; color: #dedede; background: #eeeeee; }
.fc-day-number.fc-past { text-decoration:line-through; }
.fc-past { color: #adadad; }

.fc-day, .fc-day-number { cursor:pointer; }
.fc-day.fc-past, .fc-day-number.fc-past { cursor:default; }

.fc-day.fc-today,
.fc-day.fc-future { cursor: pointer; }

.calendar_day .fc-toolbar { margin-bottom: 0; padding: 5px; background: #e2001b; color: #fff; font-weight:bold; }
.calendar_day.preise .fc-toolbar { border: 1px solid #ddd; border-bottom:none;background-color:#f4fe2b; color: #444;}
.fc-day.fc-other-month { opacity: 1; color: #dedede; background: #eeeeee; }
.fc-day-number.fc-past { text-decoration:line-through; }
.fc-past { color: #adadad; }

.fc-day, .fc-day-number { cursor:pointer; }
.fc-day.fc-past, .fc-day-number.fc-past { cursor:default; }

.fc-day.fc-today,
.fc-day.fc-future { cursor: pointer; }

.calendar_day .fc-toolbar { margin-bottom: 0; padding: 5px; background: #e2001b; color: #fff; font-weight:bold; }
.calendar_day.preise .fc-toolbar { border: 1px solid #ddd; border-bottom:none;background-color:#f4fe2b; color: #444;}
.calendar_day .fc-head { display: none; }

.fc-event {
    /* background-color: #e2001b;*/
    border: none;
    border-radius: 0px;
    display: block;
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.3;
    position: relative;
}

.fc-day.fc-other-month { opacity: 1; color: #dedede; background: #eeeeee; }
.fc-day-number.fc-past { text-decoration:line-through; }
.fc-past { color: #adadad; }

.fc-day, .fc-day-number { cursor:pointer; }
.fc-day.fc-past, .fc-day-number.fc-past { cursor:default; }

.fc-day.fc-today,
.fc-day.fc-future { cursor: pointer; }

.calendar_day .fc-toolbar { margin-bottom: 0; padding: 5px; background: #e2001b; color: #fff; font-weight:bold; }
.calendar_day.preise .fc-toolbar { border: 1px solid #ddd; border-bottom:none;background-color:#f4fe2b; color: #444;}
.calendar_day .fc-head { display: none; }

.fc-event {
    /* background-color: #e2001b;*/
    border: none;
    border-radius: 0px;
    display: block;
    font-size: 0.85em;
    font-weight: 400;
    line-height: 1.3;
    position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container  { margin: 0; }

.fc-highlight { background: #e2001b; opacity: 0.2; }

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: none;
}
.selected_date h1 { line-height:30px; border-bottom: 1px dotted #666; margin-bottom:20px; margin-top: 0px; font-size: 12px }

td.fc-widget-content.hover { background: #e2001b; }

.fc-widget-content.aktive-timeslot { background: #ff9999 !important;}

.fc-basic-view .fc-body .fc-row { min-height: 3em; }


.calendar_day  .fc-today {  background: none repeat scroll 0 0 #ffffff; }

#calendar .fc-today.fc-widget-content { background:#1e6602 !important; opacity: 0.7; }

#calendar .fc-day-number.fc-today { color:#fff; }
#calendar .fc-day.fc-widget-content.fc-sat { background: #ff9e9e;  }
.fc-day.fc-other-month.fc-sat,
.fc-day.fc-past.fc-sat { opacity: 1; color: #dedede; background: #e0e0e0 !important; }

#calendar .fc-day.fc-widget-content.fc-sun { background: #ff6161; }
.fc-day.fc-other-month.fc-sun,
.fc-day.fc-past.fc-sun { opacity: 1; color: #dedede; background: #c9c9c9 !important; }

#calendar .fc-bg td.dayClicked { background:#0f0; }

#buchungsdaten { display: none; }



td.holiday { background:#ff6161; !important ; }
td.fc-past.holiday { background: #c9c9c9; !important;}
td.hovered { background: #666666; }


.fc-event .fc-bg { background: none; }

.fc-time-grid-event .fc-title { padding: 3px 1px; font-size: 12px; font-weight: bold; text-align: center; }
.fc-time-grid-event .fc-time {  text-align: center !important; }

.booking-schedule {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}

.court-board {
  border: 1px solid #d7d7d7;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.court-board__head {
  background: #e2001b;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 8px 10px;
}

.court-board__meta {
  background: #f6f6f6;
  color: #666;
  font-size: 12px;
  text-align: center;
  padding: 6px 10px;
  border-bottom: 1px solid #e3e3e3;
}

.court-board__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  flex: 1 1 auto;
}

.court-board__table th,
.court-board__table td {
  border-top: 1px solid #e8e8e8;
  padding: 4px 8px;
  vertical-align: middle;
}

.court-board__time {
  width: 88px;
  white-space: nowrap;
  background: #fafafa;
  font-weight: 700;
  font-size: 12px;
}

.court-slot {
  text-align: center;
  font-weight: 700;
  transition: background-color .15s ease, color .15s ease, opacity .15s ease;
  height: 42px;
  vertical-align: middle;
  white-space: normal;
  overflow: hidden;
  padding: 3px 8px;
}

.court-slot.is-free {
  background: #f9fff7;
  color: #1a5e1a;
  cursor: pointer;
}

.court-slot.is-free:hover,
.court-slot.slot-selected {
  background: #dff0d8;
}

.court-slot.court-slot--interactive:focus {
  outline: 3px solid #990033;
  outline-offset: -3px;
}

.court-slot.is-single {
  background: #e2001b;
  color: #fff;
}

.court-slot.is-abo {
  background: #990033;
  color: #fff;
}

.court-slot.block-start,
.court-slot.block-mid,
.court-slot.block-end {
  border-color: rgba(255,255,255,.15);
}

.court-slot.block-start,
.court-slot.block-mid {
  border-bottom: 0;
}

.court-slot.block-mid,
.court-slot.block-end {
  border-top: 0;
}

.court-slot.block-mid .court-slot__label,
.court-slot.block-mid .court-slot__range,
.court-slot.block-mid .court-slot__price {
  visibility: hidden;
}

.court-slot.is-past,
.court-slot.is-disabled {
  background: #ededed;
  color: #999;
}

.court-slot.is-disabled .court-slot__label {
  font-size: 12px;
}

.court-slot.is-disabled .court-slot__price,
.court-slot.is-disabled .court-slot__range,
.court-slot.is-disabled .court-slot__inline {
  display: none;
}

.court-slot__label {
  display: block;
  font-size: 14px;
  line-height: 1.1;
  word-break: break-word;
}

.court-slot__inline {
  display: flex;
  gap: 6px;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
}

.court-slot__range {
  display: block;
  font-size: 10px;
  font-weight: 400;
  margin-top: 2px;
  opacity: .9;
  word-break: break-word;
}

.court-slot__price {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-top: 1px;
  word-break: break-word;
}

.court-board__legend {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 8px 10px 12px;
  font-size: 12px;
}

.court-board__legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.court-board__legend i {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 2px;
}

.court-board__legend .legend-free i { background: #dff0d8; }
.court-board__legend .legend-single i { background: #e2001b; }
.court-board__legend .legend-abo i { background: #990033; }
.court-board__legend .legend-disabled i { background: #ededed; }

.court-schedule-empty {
  padding: 18px;
  text-align: center;
  color: #666;
}

.court-schedule-empty.is-loading {
  position: relative;
  padding-top: 46px;
}

.court-schedule-empty.is-loading:before {
  content: '';
  position: absolute;
  top: 16px;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  border-radius: 50%;
  border: 2px solid rgba(153, 0, 51, .18);
  border-top-color: #990033;
  animation: booking-spin .8s linear infinite;
}

@keyframes booking-spin {
  to {
    transform: rotate(360deg);
  }
}

.court-board__hint {
  font-size: 12px;
  color: #666;
  text-align: center;
  padding: 0 10px 10px;
}

.booking-legend {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 10px 4px;
  font-size: 12px;
}

.booking-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.booking-legend i {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 2px;
}

.booking-legend .legend-free i { background: #dff0d8; }
.booking-legend .legend-single i { background: #e2001b; }
.booking-legend .legend-abo i { background: #990033; }
.booking-legend .legend-disabled i { background: #ededed; }

@media (max-width: 980px) {
  .booking-schedule {
    grid-template-columns: 1fr;
  }
}
.my_bookings_tbl { width: 100%; border-collapse: collapse;  }
.my_bookings_tbl thead { background: #ccc; }
.my_bookings_tbl .left { text-align:left; }
.my_bookings_tbl td,
.my_bookings_tbl th { padding: 5px; text-align: center; border: 1px solid #666; }
.my_bookings_tbl td { }
.mybookings { border-top: 1px dotted #666; padding-top: 25px; margin: 25px 0;  }
.mybookings h2 { padding: 0 0 20px; }

.my_bookings_tbl .over td { color: #aaa; }

a.button {
  background: #e2001b none repeat scroll 0 0;
  clear: both;
  color: #ffffff;
  display: block;
  font-style: normal;
  margin: 9px 0;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  width: 50%;
}
OL {
  color: #000;
  font-size: 9pt;
  margin-left: 40px;
  margin-top: 0;
}
.manual {border-top: 1px dotted #666; padding-top: 15px; margin: 40px 0;}

.my_fc-today-button { float: left; cursor: pointer; }

/*#calendar { position: relative !important; top: -25px; }*/
.fc-today-botton { visibilty: hidden !important; }

#current_bookings_tbl { margin-bottom: 30px; }


#gallery-1 .gallery-item {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

.quicklinks {
  background: linear-gradient(180deg, #f7f7f7 0%, #efefef 100%);
  padding-top: 18px;
  padding-bottom: 18px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.quicklinks-grid a {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 84px;
  padding: 16px 18px 16px 16px;
  border-radius: 16px;
  font-weight: 700;
  color: #202020;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  border: 1px solid #e3e3e3;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

.quicklinks-grid a:hover,
.quicklinks-grid a:focus {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(0,0,0,.12);
  border-color: #d0d0d0;
  text-decoration: none;
}

.quicklinks-grid a:focus {
  outline: 3px solid rgba(220, 42, 48, .18);
  outline-offset: 2px;
}

.quicklink-card__icon {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3f3f3;
}

.quicklink-card__icon i::before {
  font-size: 26px;
  line-height: 1;
}

.quicklink-card__content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.quicklink-card__title {
  display: block;
  font-size: 17px;
  line-height: 1.15;
  color: #191919;
}

.quicklink-card__text {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  color: #5e5e5e;
}

.quicklink-card {
  position: relative;
  overflow: hidden;
}

.quicklink-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: #d92b31;
}

.quicklink-card--tennis::before { background: #d92b31; }
.quicklink-card--tennis .quicklink-card__icon { background: rgba(217, 43, 49, .10); color: #d92b31; }
.quicklink-card--ampel::before { background: #5b6d8f; }
.quicklink-card--ampel .quicklink-card__icon { background: rgba(91, 109, 143, .12); color: #5b6d8f; }
.quicklink-card--spielplan::before { background: #5a8f63; }
.quicklink-card--spielplan .quicklink-card__icon { background: rgba(90, 143, 99, .12); color: #5a8f63; }

@media only screen and (max-width: 640px) {
  .quicklinks-grid a {
    min-height: auto;
    padding: 14px 15px 14px 13px;
  }

  .quicklinks {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .quicklink-card__title {
    font-size: 15px;
  }

  .quicklink-card__text {
    font-size: 11px;
  }
}

.vereinsspielplan iframe { margin: 0 auto; width: 100%; }



.ueLeiter_name { font-weight: bold; text-transform: uppercase; font-size: 12px; display:block; line-height: 1.1em; padding-top: 5px;}
.ueLeiterSportart { padding-left: 15px; margin-top: 5px;font-size: 12px; font-weight: normal; }

.trainer_data table { font-size: 14px; }

.meta { background:#121212; padding: 10px 0; color: #ddd}
.meta a { color: #ddd; font-size: 12px;}
.meta a:hover { color: #ababab; text-decoration: none;}

.verbandslogos .inner { background:#ffffff; padding: 5px;}


.wpmm-item-title {
  margin-bottom: 0;
}

.wpmm-mobile-menu { display: none; }