/*
Theme Name: GalliFonts
Theme URI: http://24db.de
Description: ToMtheme
Author: ToM@24db.de
Author URI: http://24db.de
Template: Total
Version: 1.2.9
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Begin: Spielplan **********************************************************/
/* "Spielplan" List Loop */

@import url("fonts/nunito/font.css");

.datVisibleV2:first-of-type  { background-color: blue !important;}
.datVisibleV2:last-of-type  { background-color: red !important;}
.spielplanV2{border-bottom:4px solid #cdccd2;margin-left:100px;}
.spielplanV2:hover{background-color:#cdccd2;}
.spielplanV2:hover .overlToM{opacity:0;}

.spielplanV1{border-bottom:4px solid #cdccd2;margin-left:0;}
.spielplanV1:hover{background-color:#cdccd2;}

.datumV1{font-size:42px;font-weight:600;color:#c51718;text-align:center;line-height:1;width:60px;}
.datumWsV1{font-size:24px;font-weight:600;color:#c51718;text-align:left;line-height:1;}
.datumWs1V1{font-size:24px;font-weight:600;color:#c51718;text-align:left;line-height:1.3;}
.wochentagMonatV1{font-size:13px;font-weight:600;color:#9c99a5;text-align:center;line-height:1;}
.wochentagMonatWsV1{font-size:16px;font-weight:600;color:#9c99a5;text-align:left;line-height:1.6;}
.titelV1{font-size:18px;color:#000015;font-weight:600;text-transform:uppercase;line-height:1.5;}
.titelV1 a {color:#000015;text-decoration:none}
.titelV1 a:hover {color:#c51718;}
.untertitelV1{font-size:16px;font-weight:600;color:#000015;line-height:1;max-width: 380px;}
.untertitelWsV1{font-size:16px;font-weight:600;color:#000015;line-height:1;max-width: 380px;}
.gastspielortV1{font-size:14px;font-weight:600;color:#9c99a5;line-height:2;max-width: 380px;}
.gastspielortWsV1{font-size:14px;font-weight:600;color:#9c99a5;line-height:2;max-width: 380px;}
.preisV1{font-size:16px;font-weight:600;color:#9c99a5;margin:0 5px 0 10px;min-width:80px;width:100px;text-align: right;}

a.buttonV1{background-color:#c51718;border:none;margin:0 4px;padding:5px 7px;text-align:center;text-decoration:none; color:white; font-size:14px;font-weight:500;cursor:pointer;}
a.buttonV1:hover {background-color:#9c99a5; color:#c51718;}

.buttonV1over{visibility: hidden;position: absolute;background-color: #f0f0f2;}
.popupKarten .showKarten {
	min-width: 64px;
	font-size: 11px;
	padding: 0 4px;
	margin:0 4px;
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

.daticonV1{width:30px;margin-top:-4px;margin-left:10px;}

.containerToM{position:relative;height:80px;width: 240px;}
.overlToM{position: absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:1;transition:0s ease;background-color:#f9fbfc;}
.spielplanV1:hover .overlToM{opacity:0;}
.imageV1{}
/* End: Spielplan ************************************************************/


/* Anpassungen Startseite Grid */

.overlay-title-bottom-see-through {
    background: rgba(255, 255, 255, 0.76);
    color: black;
}

.theme-button, input[type="submit"], button {
    float: right;
}

.vcex-blog-entry-excerpt, .entry-excerpt {
	min-height: 140px;
}
.entry-readmore-wrap {
    padding-top: 0;
}

.splashCarousel {
   width: 263px !important;
}

/* Facebook Box */
#cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child {
padding: 0;
margin: 0;
}
#cff .cff-item {
padding: 0;
margin: 0;
}
#cff.cff-fixed-height {
padding: 0;
margin: 0;
}

/* Tel. im Footer/scroll */

#TelOverlay {
 	 background: rgba(255,255,255,0.7);
    position: fixed;
    bottom: 8px;
    right: 4px;
    float: left;
    z-index: 1000;
    display:none;
}

.HeaderTel{
margin-top: 50px;
}

@media only screen and (max-width: 766px) {
  #TelOverlay {
    right: 30px;
  }
}

/* EM Einzelseite */
.vcex-blog-entry-details {
    border: none !important;
}

.EMleft {
	float:left; width:61%;
}
.EMright {
	float:left; width:35%; 
	border: 10px solid #cdccd2;  
	margin-left: 32px; 
	padding: 25px;
}
.EMright .Button1 a {
	font-weight: 400;
	font-size: 16px;
	text-decoration: none;
	background:#cdccd2;
	padding: 10px 7px;
	color:#000015;
}
.EMright .Button1 a:hover {
	color: #c51718;	
}	

.EMright .Button1 {
	margin: 0 0 30px 0;
}
.EMright .EMdata {
	margin: 0 0 30px 0;
}
.EMright .Button2 {margin: 0 0 20px 0;}
.EMright .buchen {margin: 0 0 30px 0;}
.EMright .bild {margin: 0 0 10px 0;}
.EMright .bookings {margin: 0;}

@media screen and (max-width: 958px) {
	.EMleft {
		width:100%;
	}
	.EMright {
		width:100%;
		margin:0;
	}
}             
        
/* Popup container Zeitstrahl */
.popup {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* The actual popup */
.popup .popcontent {
    visibility: hidden;
    width: 250px;
    background-color: #fff;
    color: #000015;
    text-align: left;
    border: 6px solid;
    border-color: #cdccd2;
    padding: 8px;
    position: absolute;
    z-index: 1000;
    bottom: 80px;
    left: 50%;
    margin-left: -125px;
}
/* Popup arrow */
.popup .popcontent::before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -30px;
    border-width: 30px;
    border-top-width: 16px;
    border-style: solid;
    border-color: #cdccd2 transparent transparent transparent;
}
.popup .popcontent::after {
    content: "";
    position: absolute;
    bottom: -44px;
    left: 50%;
    margin-left: -30px;
    border-width: 30px;
    border-top-width: 16px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.popmore {
	text-align: right;
	font-size: 12px;
	padding-top: 4px;
}
/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* Begin: Zeitstrahl ********************************************************/
/* Schrift Nuntio
Webblau 6%   #f0f0f2
20%          #cdccd2
40%          #9c99a5
Rot:         #c51718
Schwarz      #000015 */
.date_container {
	font-family: Nunito;
	display: block;
	background-color: #f0f0f2; 
	width: auto;
	height: auto;
	padding: 0 0 20px 0;
}
.date_container a {
    text-decoration: none;
    color: #000015;
}
.date_container a:hover {
    text-decoration: none;
    color: #c51718;
}
.date_monat_head {
	padding-bottom: 50px;
	margin-left: 65px;
	font-size: 20px;
	font-weight: 500;
	color: #000015;
}
.date_monat_head a {
	color: #000015;
}
.date_monat_head a:hover {
	color: #9c99a5;
}
.date_nav { 
	color: #c51718;
	text-align:left; 
	margin:0px 4px; 
	float:left;
}
.prev_month_inactive {
	color: #cdccd2;
}
.arrow_next, .arrow_prev { 
	margin: 0;
	padding: 0 15px;
	color: #f0f0f2;
	font-size: 29px;
	font-weight: bold; 
	background-color: #9c99a5;
}
a.arrow_next, a.arrow_prev {
	color: #f0f0f2;
}	 
.arrow_prev { float:left;}
.arrow_next { float:right;}
.arrow_prev_inactive {
	background-color: #cdccd2;
}
.cell {
	color: #9c99a5;
	line-height: 1;
	font-size: 15px;
   border-style: solid;
   border-width: 0 1px;
	border-color: #cdccd2;
	text-align:center;
	width: 27px; 
	margin:  0 -1px 0 0;
	padding: 8px 0;
	float:left;
}
.cell_day {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 200;
}
.cell_number {
	font-weight: 800;
}
.cell_event {
	color: #000015;
} 
.cell_event:hover {
   cursor: pointer;
	color: #c51718;
} 
/* EM overrides */
.eventful-today {
	background-color: #cdccd2;
}
/* End: Zeitstrahl ***********************************************************/