body { background-color: #161041;  margin-top: 0px; font-family: verdana, Arial, Helvetica, sans-serif;}

H1 { color: #00AEEF; font-family: 'Fjalla One', sans-serif; font-size: 350%; margin-top: 12px; filter: drop-shadow( 3px 6px 0px black); letter-spacing: 2px; line-height: 135% }
H2 { color: #EC008C; backface-visibility: hidden; font-weight:bolder; font-size: 225%; }
H3 { color: #F7941D; backface-visibility: hidden; font-weight:bolder; line-height: 135%}
H4 { color: #CCC; line-height: 135%; backface-visibility: hidden; }
H5 { color: #EEE; line-height: 135%; }

p { color: #EEE; }
li { color: #EEE; }
td { vertical-align:top; }
 
.HomeHigh { background-color:#000; box-shadow: 5px 10px 18px #000; padding:0 }
.HomeHighText { padding:0.25em 1.05em 0.35em 1.5em;}
.errText { color: #F00; font-size:larger; }
.form-label { color:#FFF; font-weight:bold; }
.form-check-label { color:#FFF; }
.HomeFontSize { font-size: 225%; }
.staffName { color:#FFF; font-size:larger; }
.largerText { font-size: 125%; }
.rowStyle1 { color: #FFF; background-color: #000;  }
.rowStyle2 { color: #FFF; background-color: #3F3772; }
.specialNight { color:#00AEEF;}
.bgBlack { background-color:#000 }

a:link.navbarLink { color:#F7941D; font-size: large; text-decoration: none; font-weight:bold; margin-left: 1em; margin-right: 1em;  } 
a:visited.navbarLink  { color:#3F7941D; font-size: large; text-decoration: none; font-weight:bold; margin-left: 1em; margin-right: 1em; }
a:hover.navbarLink { color:#00AEEF; font-size: large; text-decoration: none; font-weight:bold; margin-left: 1em; margin-right: 1em; } 
a:active.navbarLink  { color:#F7941D; font-size: large; text-decoration: none; font-weight:bold; margin-left: 1em; margin-right: 1em; }

a:link.navbarLink2 { color:#F7941D; font-size: large; text-decoration: none; font-weight:bold;  } 
a:visited.navbarLink2  { color:#F7941D; font-size: large; text-decoration: none; font-weight:bold; }
a:hover.navbarLink2 { color:#00AEEF; font-size: large; text-decoration: none; font-weight:bold; background-color:#000 } 
a:active.navbarLink2  { color:#F7941D; font-size: large; text-decoration: none; font-weight:bold; }

.navbar-toggler { background-color:#00AEEF;  }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.bgNav { background-color:#000}
  
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.image-gradient {
	position: relative;
	width: 100%;
	display: block;
	margin-bottom: 30px; }
.image-gradient figure {
	position: relative;
	overflow: hidden; }
.image-gradient figure:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );
	z-index: 2; }
.image-gradient figure img {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index: 1; }
.image-gradient .text {
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index: 3; }
.image-gradient .text h3 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 0; }
.image-gradient .text span {
	font-size: 12px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: #ccc; }
.image-gradient:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05); }
	
a:link {color: #F7941D; text-decoration: none; } 
a:visited {color: #F7941D; text-decoration: none; } 
a:hover {color: #00AEEF; text-decoration: none; } 
a:active {color: #F7941D; text-decoration: none; }

img.film {border: 2px solid #000000; margin-left: 15px; margin-bottom: 7px; float: right;  } 
img.film2 {border: 2px solid #000000; margin-right: 15px; margin-bottom: 7px; float: left; } 
img.logo {border: 7px solid #FFFFFF; margin-left: 35px; margin-bottom: 7px; float: right;} 
img.logo2 {border: 7px solid #FFFFFF; margin-right: 35px; margin-bottom: 7px; margin-top: 7px; float: left;}
img.logo3 {border: 7px solid #FFFFFF; margin-bottom: 7px; margin-top: 7px; text-align:center;  }
img.logo4 {border: 7px solid #FFFFFF; margin-bottom: 7px; margin-top: 7px; }
img.logo5 {border: 12px solid #FFFFFF; text-align:center;  }
img.logoTrans {margin-left: 15px; margin-bottom: 7px; float: right;}
img.logoTrans1 { margin: 10px 0px 15px 30px; float: right;}

.blackBorder {border: 2px solid #000000;}
.whiteBorder {border: 1px solid #FFFFFF;}
.blackText { color: #000;}
.blackTextLarger { color: #000; font-size: larger;}
.geoBlock { color: #00A3E6; }
.security { border: 5px solid #EC008C; padding: 15px 5px 5px 5px; text-align:center; }

.homeBox { border: 2px solid #00A3E6; padding: 21px 15px 15px 15px; }
.btn-info { color: #000; background-color: #00AEEF }
.dateBox { padding: 1px 1px 1px 1px; background-color: #73BA43; text-align:center; margin-top: 10px; margin-bottom:25px;}
.blackBox { padding: .5em .2em .2em .2em; background-color:#000; }

a:link.dateBoxLink { color:#000; font-size: x-large; text-decoration: none; font-weight:bold;  } 
a:visited.dateBoxLink  { color:#000; font-size: x-large; text-decoration: none; font-weight:bold; } 
a:hover.dateBoxLink { color:#FFF; font-size: x-large; text-decoration: none; font-weight:bold; } 
a:active.dateBoxLink  { color:#000; font-size: x-large; text-decoration: none; font-weight:bold; }

.panel, .panel-group .panel-heading+.panel-collapse>.panel-body{
    border: thin solid #73BA43;
}

.SearchBox { background: #EC008B; padding: 10px; border-radius: 15px;}

.loudSpecial { background-color:#EC008B; padding: 10px 15px 20px 15px; text-align:center; margin-top: 35px; margin-bottom: 20px;	}

.formLabel { color: #DDDDDD; }

.with-caption {
    width: 100%;
    text-align: right;
    display: inline-block;
    color: #999;
}

.vMiddle {
    align-self: center;    
}

.high1 { color: #00AEEF; }
.high2 { color: #FFFFFF; font-weight: bold; font-size: 125%; }
.high3 { color: #222222; font-weight: bold; font-size: 110%; }
.FREE { color: #EC008B; font-weight: bold; }
.pastTrailer { margin-bottom: 7px;}


.TitleBar { padding: 7px 0px 1px 16px; background-color:#000000; margin-bottom: 7px;}
.HighlightBar { background-color:#EC008B; color:#FFF; padding: 0.005% 1% 3% 1%;}

.AtHomeSyp { padding: 1px 3px 1px 5px;}

a:link.titleLink { color:#F7941D; font-size: 150%; text-decoration: none; font-weight:bold; } 
a:visited.titleLink  { color:#F7941D; font-size: 150%; text-decoration: none; font-weight:bold;} 
a:hover.titleLink { color:#00AEEF; font-size: 150%; text-decoration: none; font-weight:bold;} 
a:active.titleLink  { color:#F7941D; font-size: 150%; text-decoration: none; font-weight:bold;}

.AtHomeTitle { color:#EC008B; font-size: x-large;} 

a:link.holidayLink { color:#F4352B; text-decoration: none; font-weight:bold;}  
a:visited.holidayLink  { color:#F4352B; text-decoration: none; font-weight:bold;} 
a:hover.holidayLink { color: #060; text-decoration: none; font-weight:bold;} 
a:active.holidayLink  { color:#F4352B; text-decoration: none; font-weight:bold;}

td.calmonth {
font-weight: bold;
color: #FFFFFF; 
vertical-align: top;
text-align: center;
}
 
td.calday {
font-weight: bold;
background: #000000; 
color: #FFFFFF; 
vertical-align: top;
text-align: center;
}
 
td.calnum {
font-weight: bold;
color: #FFFFFF; 
vertical-align: top;
text-align: center;
}

td.calnum2 {
font-weight: bold;
color: #FFFFFF; 
vertical-align: top;
text-align: center;
background-color:#00B0FF;
}
 
td.calnum a:link {color: #73BA43; text-decoration: none; } 
td.calnum a:visited {color: #73BA43; text-decoration: none; } 
td.calnum a:hover {color: #FFFFFF; text-decoration: underline; } 
td.calnum a:active {color: #73BA43; text-decoration: none; }

td.calnum2 a:link {color: #000000; text-decoration: none; } 
td.calnum2 a:visited {color: #000000; text-decoration: none; } 
td.calnum2 a:hover {color: #FFFFFF; text-decoration: underline; } 
td.calnum2 a:active {color: #000000; text-decoration: none; }



/* columns of same height styles - from http://www.gekode.co.uk/bootstrap-3-responsive-columns-of-same-height/ */
 
.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}
 
@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}
 
/* vertical alignment styles */
 
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

/* vertical alignment styles - http://charliepark.org/bootstrap_buttons/ */

.btn-primary { background-color: #00AEEF; font-weight:bold;  }

@media print {
  a[href]:after {
    content: none !important;
  }
}

.modal-header { background-color: #73BA43;}
.modal-body { background-color: #161041;}
.modal-footer { background-color: #73BA43;}
.modal-title {color: #FFF; line-height: 120%;}


.carousel-inner {
  -webkit-transform-style: preserve-3d;
}

.box { 
	width:100%;
	height: 100%;
	display: flex; 
	justify-content: space-between;
	margin-bottom: -1.5em;	
	
	}
