@charset "utf-8";
/* CSS Document */

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.column, .columns {
  width: 96%;
  margin: 2%;
  float: left;
  box-sizing: border-box;
}

.one-third.column {
  width: 84%;
  margin: 2% 8%;
}


.videoContainer iframe{
	width:785px;
	height: 440px; 
	margin:-5px 0 0px 0;
}


@media (min-width: 660px) {

  .column, .columns {
    margin: 1%;
  }
  .one.column,
  .one.columns,
  .two.columns { width: 28%; }

  .three.columns
  /*.four.columns */
  { width: 38%; }
  .five.columns,
  .six.columns,
  .seven.columns { width: 48%; }
  /*.eight.columns,*/
  .nine.columns { width: 58%; }
  .ten.columns,
  .eleven.columns { width: 68%; }
  .twelve.columns { width: 98%;}

  .one-half.column { width: 48%; }
  .one-third.column { width: 31.333333333%; margin: 1%; }
  .two-thirds.column { width: 64.666666667%; }
  .one-fourth.column { width: 23%; }


}

/*This new breakpoint added for responsive capability of custom navigation as well as secondary tertiary nav appearance*/
@media (max-width:760px) {
  .eight.columns{
    width:100%;
    margin-right: 0;
    margin-left: 0;
  }
  .four.columns{
    width:100%;
    margin-right: 0;
    margin-left: 0;
  }

  .mediaItemOverlayText{
    width: auto !important;
    height: auto !important;
    bottom: 0;
  }

}




@media (min-width: 1000px) {


  .one.column, .one.columns { width: 4.5%; }
  .two.columns { width: 13.5%; }
  .three.columns { width: 40%;            }
  .four.columns { width: 30.5%; }
  .five.columns { width: 39.5%; }
  .six.columns { width: 48%;            }
  .seven.columns { width: 56.5%; }
  .eight.columns { width: 65.5%; }
  .nine.columns { width: 74.0%;          }
  .ten.columns { width: 82.5%; }
  .eleven.columns { width: 91.5%; }
  .twelve.columns { width: 98%; }


  /* Offsets */
  .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; }
  .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; }
  .offset-by-three.column, .offset-by-three.columns { margin-left: 26%;            }
  .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; }
  .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; }
  .offset-by-six.column, .offset-by-six.columns { margin-left: 52%;            }
  .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; }
  .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; }
  .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%;          }
  .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; }
  .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; }

  .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; }

  .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%;
}

body {
  background: url(../Images/stc_background_rev.png) top center;
  font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element;  */
  /*line-height: 1.1em; bwg 7/13/2018 changed from 1.8em*/
  line-height: 1.5em; /*SHL 7/16/2018 changed from 1.1em; Requested by Gabe due to formatting issues*/
  font-weight: 400;
  color: #222;
  font-family: 'Roboto', sans-serif;
}

.boldFont{
  font-weight:bold;
}

/*Header base styles(taken from inline)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.respHeadStyle{
  background: #ddd;
  padding: 8px 0;
}

.primaryPageStyle{
  margin: 0;
  width: 50%;
}

.headFiveCStyle{
  margin: 0;
  width: 41.5%;
}

.headSevenCStyle{
  margin: 0;
  width: 58.5%
}

.headSevenCStyle a img{
 width: 14px;
 height: 14px;
}

.headSevenCStyle span{
  color:#c62132;
  margin-right: 15px;
}

.headerRowStyle{
  margin: 0;
  width: 6.5%;

}

.navHolderStyle{
  margin: 0;
  width: 93.5%;
}

.containerHeaderStyle{
  background-color: White;
  max-width:1200px;
  margin:0 auto;
}

.redBar{
  margin:0;
  /*padding:5 0 0 0;*/
  width:100%;
  background-color: #444;
  position:fixed;
  top:0;
  z-index:5000;
  font-family: 'Droid Sans', sans-serif;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.callBuy{
  display: none;
}

@media(min-width:785px){
  .callResp{
    display: none;
  }
  .callBuy{
    display: block;
  }
}

.callBuy, .callResp{
  width:50%;
  /*float:left;*/
  margin:5px 20px;
  text-transform:uppercase;
  color:white;
  font-family: 'Droid Sans', sans-serif;
  letter-spacing: 1.5px;
  font-size:13px;
}


.redBar p{
  margin:0 0 5px 0;

}

.callBuy p a, .callResp p a{
  text-decoration: none !important;
  color:white;
}

.callBuy p a:hover, .callResp p a:hover{
  color:#ccc;
}

@media(max-width:320px){
  .callResp span{
    float:left;
    margin-left:50px;
  }
}

.redBarMenu{
  width:50%;
  /*float:right;*/
  text-align: right;
  margin-right: 20px;
  position:relative;


}


#menu-red-bar-menu{
  list-style-type: none;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-justify-content: flex-end;
  justify-content:flex-end;

}


#menu-red-bar-menu li{
 padding:0 5px;
 line-height:0;
 letter-spacing: 1.5px;
 font-size:13px;
}


#menu-red-bar-menu li a{
  color:white;
  text-decoration:none;

}

#menu-red-bar-menu li a:hover{
  color:#ccc;
}



/* Main Nav Active States
  #Drop1 => Tickets
  #Drop2 => Visit
  #Drop3 => Watch/Listen
  #Drop4 => Support
  #Drop5 => Education
  #Drop6 => About
*/
.mainNavBar .open,
body.top-level-249 #Drop1,
body.top-level-111 #Drop2,
body.top-level-43684 #Drop3,
body.top-level-268 #Drop4,
body.top-level-133 #Drop5,
body.top-level-43672 #Drop6 {
  color: #ea1a38;
}

.navigationBar .menu-item .sub-nav{
  display: none;
  margin-top: 15px;
   position:absolute;
  z-index: 2000;
  max-width:100%;
  height:350px;
}


/*NEW MAIN NAV----------------------------------------------------------*/

.oldNav{
  display:none;
}
.logoAndSearchWrapper{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-justify-content:space-between;
  justify-content:space-between;
}



.screen-reader-text{
  display:none;
}

.searchField input{
  margin-bottom: 0;
}
.searchForm{
  position:relative;
  top:30px;
}

#searchsubmit{
  height:30px;
  width:10px;
  margin-bottom:0;
  position:relative;
  /*top:3px;*/
  top:-2px;
  border-left:0;
  margin-left:-20px;
  border-color:#D1D1D1;
  line-height: 0;
  border-radius:0;
  background: #fff;
  border-style: solid;
  border-width: 1px;
  border-left: 0;
}
#searchsubmit i{
  position:relative;
  font-size:13px;
  top:-3px;
  right:-10px;
  color:RGBA(230, 24, 56, 1);
}

#s{
  width:200px;
  height:30px;
  font-style: 10px;
  border-right: 0;
    font-family: 'Droid Sans', sans-serif;
    border-radius:0;


}

#s::-webkit-input-placeholder{
  font-size:13px;
}


.navigationBar{
  list-style-type: none;
  margin-top:-35px;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-justify-content: flex-end;
  justify-content:flex-end;

}

.navigationBar li{
  padding:0 10px;
  font-family: 'Droid Sans', sans-serif;
  letter-spacing: 1.5px;
  color: #444;
  font-weight: bold;
  font-size: 15px;

}

.navigationBar li:last-child{
  padding-right: 0;
}
.navigationBar li a{
  text-decoration: none;
  color:#444;
  font-weight:bold;
  font-size:16px;
}

/* Main Nav Active States
  #Drop1 => Tickets
  #Drop2 => Visit
  #Drop3 => Watch/Listen
  #Drop4 => Support
  #Drop5 => Education
  #Drop6 => About
*/
.mainNavBar .open,
body.top-level-249 #Drop1,
body.top-level-111 #Drop2,
body.top-level-43684 #Drop3,
body.top-level-268 #Drop4,
body.top-level-133 #Drop5,
body.top-level-43672 #Drop6 {
  color: #ea1a38;
}

.navigationBar .menu-item .sub-nav{
  display: none;
  margin-top: 24px;
   position:absolute;
  z-index: 2000;
  max-width:100%;
  height:350px;
}




/***************/







/*******************************/
/*Position the megamenu*/
.sub-nav{
   background-color: RGBA(38, 38, 38, .95);
   list-style-type: none;
   width:1200px;
   color:white;
   display:flex;
	 display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	 display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	 display: -ms-flexbox;      /* TWEENER - IE 10 */
	 display: -webkit-flex;     /* NEW - Chrome */
	 display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
   margin-left:-461px;

}

/*Adjust Caret alignment on megamenu */
.sub-nav:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: RGBA(38, 38, 38, .95) transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 519px;

}

.sub-nav .sub-navLink a{
  color:white;
  font-size: 20px;
  /*font-size: 15px;                  SHL@10/09/2018 */
  /*font-weight: lighter;*/
}

.sub-nav .sub-navLink a:hover {
  color: #ea1a38;
}

.sub-nav .sub-navLink{
  color:white;
  padding:8px 5px;
  /*padding:7px 5px;*/
  /* SHL @ 7/16/2018 changed padding value due to mega menu item floating outside of container; padding:10px 5px;*/

}

.extra-padding1{
  padding: 11px 5px !important;
}

.extra-padding2{
  padding: 15px 5px !important;
}

.sub-navTickets{
   margin-left:-463px;
}

.sub-navTickets:after{
  content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: RGBA(38, 38, 38, .95) transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 525px;
}



/*-------**************/
/*Position the megamenu and caret for Plan your visist section*/
.sub-navPlan{
   margin-left:-633px;
}

.sub-navPlan:after{
  content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: RGBA(38, 38, 38, .95) transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 690px;
}

/************************/
/*Position the megamenu and caret for Watch and Listen Seciton*/
.sub-navWatch{

   margin-left:-788px;
   /*margin-left:-779px;*/
}

.sub-navWatch:after{
  content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: RGBA(38, 38, 38, .95) transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 841px;
}

/************************/
/*Position the megamenu and caret for Support Section*/
.sub-navSupport{
   margin-left:-944px;
   /*margin-left:928px;*/

}

.sub-navSupport:after{
  content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: RGBA(38, 38, 38, .95) transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 965px;
}

/************************/
/*Position the megamenu and caret for Education Seciton*/
.sub-navEducation{
   margin-left:-1036px;

   /*margin-left:-1051px;*/
}

.sub-navEducation:after{
  content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: RGBA(38, 38, 38, .95) transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 1068px;
}

/************************/
/*Position the megamenu and caret for About Section*/
.sub-navAbout{
   margin-left:-1146px;

}

.sub-navAbout:after{
  content: '';
position: absolute;
border-style: solid;
border-width: 0 15px 15px;
border-color: RGBA(38, 38, 38, .95) transparent;
display: block;
width: 0;
z-index: 1;
top: -15px;
left: 1170px;
}

/*****************************/

.leftBox{
  /*border-right: 1px solid white;*/
  padding:25px 10px 20px 10px;
  width: 325px;
  margin-left:35px;
}

.megamenuBorder{
  border-right:1px solid RGBA(187, 187, 187, .30);
  height:290px;
}

.middleBox{
  padding:20px 10px;
  width: 325px;
  margin-left:35px;
  margin-top:-5px;
}

.middleBox img{
  margin-top:-5px;
  margin-bottom: 5px;
}

.rightBox img{
  margin-top: -5px;
  margin-bottom: 5px;
}

.middleBox .ticketsTitle{
  text-transform: uppercase;
}

.middleBox .nextUpDateTimeWrapper p{
  text-transform: initial;
  margin:0;
  /*line-height: 15px*/
}

.upNextText li{
  color: white;
}

.nextUpWrapper img{
  width:225px;
  height:100px;
}

.megamenuImageWrapper img{
  width:250px;
  height:150px;
}
.megamenuImageMapWrapper img{
  width:300px;
  height:210px;
}

.megamenuImageWrapper img a{
  margin:0;
  padding:0;
}


.middleBox button{
  height:30px;
  line-height:0;
  background-color: #ea1a38;
  border:1px solid black;
  color:white;
  text-transform: uppercase;
}

.middleBox button:hover{
  background-color: white;
  color:#ea1a38;
  border: 1px solid black;
  /*font-weight: bold;*/
}

.rightBox{
  /*padding:0px 0 10px 0;*/
  margin:0 auto;

}



#datepicker{
  width:325px;
  padding-left:10px;
}

.leftBoxWrapper{
width:325px;

}


.middleBoxWrapper{
  width:325px;
  margin:0 auto;
}

.genNavTitle{
  padding:0;
  margin:0;
  font-size: 15px;
}

.rightBoxWrapper{
  width:325px;
  margin-top: 30px;
}

.rightBoxWrapper .nextUpWrapper img{
  margin-top: 5px;
}

.genNavDescription {
  font-size: 13px;
  /*font-weight: lighter;*/
  width:250px;
  /*letter-spacing: 0;*/
  line-height: 15px;
  margin:0 0 5px 0;
  padding:0;
  color:white;

}

.middleBoxWrapper button{
  margin-top:10px;
  height:30px;
  line-height:0;
  background-color: #ea1a38;
  border:1px solid black;
  color:white;
  text-transform: uppercase;
}


.rightBoxWrapper button{
  margin-top:10px;
  height:30px;
  line-height:0;
  background-color: #ea1a38;
  border:1px solid black;
  color:white;
  text-transform: uppercase;
}

.rightBoxWrapper button:hover{
  background-color: white;
  color:#ea1a38;
  border: 1px solid black;
  /*font-weight: bold;*/
}


/*---------------------------------------------------------------*/
.headerWrapper{
  /*border-bottom: 1px solid #BBB;*/
  background-color: white;
}

.headerWrapper.fixed-header {
  height: 141px;
}


.mainNavWrapper{
  /*max-width:1200px;*/
  background-color: white;
  margin:0 auto;
  padding-top:50px;
  height:123px;
  border-bottom: 1px solid #BBB;
  transition: all 0s ease;
  /*background-position: 21% 77%;*/
  /*margin-top:-20px;*/

}

.mainNavContainer{
  max-width:1200px;
  margin:0 auto;

}
/**********************MAKE DAT HEADER STICKY*/

#headerLogo {
  display: block;
}

#headerLogoNext {
  display: none;
}

.sticky #headerLogo {
  display: none;
}

.sticky #headerLogoNext {
  display: block;
  height: 55px;
}

.mainNavWrapper.sticky{
position:fixed;
width:100%;
z-index:2000;
/*text-align: center;*/
height: 70px;
/*background-image: url(../Images/HomePage/fullLogo_notag.png);*/
  /*background-repeat: no-repeat;*/
  /*background-position: 16% 77%;*/

}
.mainNavWrapper.sticky #headerLogo{
  /*position: relative;
  top: 0;*/
}

.mainNavWrapper.sticky{
  background-size: 15%;
}

.mainNavWrapper.sticky .searchField{
  display:none;
}


/********************/


.flexWrapper{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-justify-content:space-between;
  justify-content:space-between;
    /*margin:0 20px;*/
}


.primaryNav{
  color:white;
  font-family: 'Droid Sans', sans-serif;
  letter-spacing: 1.5px;
  font-size:13px;
  margin:0;
  text-align:right;


}

.logoWrapper{
  width:300px;
}
.navItemWrapper{
  /*margin-left:50px;*/
  /*width:900px;*/
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

#menu-main-menu li a{
  padding:0 10px;
  -webkit-justify-content:space-between;
  justify content:space-between;
}


.sub-menu .menu-item a{
  color:white;
  font-size:15px;

}

.sub-menu .menu-item{
  text-align: left;
  padding: 10px;
  background-color: RGBA(38, 38, 38, .80)

}


/*Featured Image styles*************************************************************/

.featuredsImageContainer{
  /*margin:0 0 20px 0;*/
  background-image: url(../Images/stc_background_rev.png);

}

.featuredImageContainer img{
  height:auto;
}

.featuredImageCaptionShell {
	position: relative;
	height: auto;
	width: 100%;"
}

.featuredImageCaption {
	position: absolute;
	color: #fff;
	font-family:'Droid Sans', sans-serif;
	bottom: 20px;
	background: #555;
	background:rgba(0,0,0,0.7);
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	display: none;
}

.featuredImageCaptionView {
	position: absolute;
	color: #fff;
	font-family:'Droid Sans', sans-serif;
	font-weight: bold;
	bottom: 20px;
	background: #555;
	background:rgba(0,0,0,0.7);
	padding: 10px;
	display: block;
}

.featuredContent{
  background-color:white;
  padding:20px;
  border:1px solid RGBA(188, 188, 188, .20);
}

.featuredContent h1{
  margin-top:20px;
}
/*
.topSideBarContentWrapper p{
 background-color:#444444;
  text-align:center;
  color:white;
  margin:0;
  padding:5px 10px;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 20px;
}*/


/**/
/*Secondary Nav styles*************************************************************/

#nav-secondary {
  height: 50px;
  width:99%;
  font-family:'Droid Sans', sans-serif;
  text-transform: uppercase;
  background-image: url(../Images/stc_background_rev.png);


}

#nav-secondary ul {
	 display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	 display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	 display: -ms-flexbox;      /* TWEENER - IE 10 */
   -js-display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  display: flex;
  flex-direction: row;
  margin:0 10px;
  padding:0;
  line-height:50px;

}

#nav-secondary ul li {
  list-style-type: none; ;
  -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
    padding:5px 0;
}


#nav-secondary li a{
  text-decoration: none;
  color:#5C5D5E;

}


#nav-secondary ul .current_page_item{
  background-color: #ea1a38;
  color:white;
  padding:5px 0;
}
#nav-secondary ul .current_page_item a{
  color:white;
}

/*Secondary Nav displayed as active and when child link is clicked*/
#nav-secondary ul .current_page_parent{
   background-color: #ea1a38;
  color:white;
}
#nav-secondary ul .current_page_parent a{
  color:white;
}

/*Tertiary Nav styles*************************************************************/

.navDivider{
  width:85%;
  margin:0 auto;
  padding:5px 0;
  border-bottom: 2px solid RGBA(188, 188, 188, .50);

}




#nav-tertiary {
  height:auto;
  padding:0px 5px;
}

.nav-tertiaryContainer{
  padding:4px;
  /*margin-top:-5px;*/
  border:1px solid RGBA(188, 188, 188, .20);
}

.tertiaryTitle{
  margin:0px 25px;
  padding:20px 0px;

}

.tertiaryTitle h3{
  background-color:#444444;
  text-align:center;
  color:white;
  margin:0;
  padding:10px 10px;
  letter-spacing: 0;
}

.subTertiaryTitle h5{
  color:#ea1a38;
  text-transform: uppercase;
  margin:0;
  padding:10px 30px;
  font-size: 18px;
/*width:85%;
  border-bottom: 2px solid RGBA(188, 188, 188, .50);*/

}


#nav-tertiary ul {
  line-height:35px;
  list-style: none;
  margin-left: 35px;
  padding-left: 1em;
  text-indent: -2em;

}

#nav-tertiary .tertiaryLi li {
  list-style-type: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
  position:relative;
  margin-right:15px;
    margin-top: 5px;
  margin-bottom:5px;
}

#nav-tertiary .tertiaryLi li:before{
  content: '►';
  margin-right: 15px;
  color:#BCBCBC;
  position:relative;

}


#nav-tertiary ul li a{
  text-decoration: none;
  color:#5C5D5E;

}



#nav-tertiary ul .current_page_item{
  color:#ea1a38;
}
#nav-tertiary ul .current_page_item a{
  color:#ea1a38;
}
#nav-tertiary ul .current_page_ancestor a{
  color:#ea1a38;
}


.sideBottomContentArea p{
  padding:0 15px;
  margin-top: 0;

}

.logoZone{
  margin-top: 75px;
  margin-left: 20px;
  margin-right: 20px;
}
/*.logoZone h6{
  color:#999999;
  font-size: 18px;
  margin-left:5px;
  margin-bottom:0;
  padding-top:10px;
   border-top: 2px solid RGBA(188, 188, 188, .50);

}*/



.tertiaryLogos{
  list-style-type: none;
}

.underTertiary{
  margin-left:50px;

}

/*Watch and Listen base styles (taken from inline)
––––––––––––––––––––––––––––––––––––––––––––––––––
.fullDropStyle{
  min-height: 300px;
}

.fullDropStyle img{
  width:100%;
}

.fullDropStyleContent{
  padding:10px;
}


.firstRow{
  margin-top: 30px;
}

.firstRow.secondRow img{
  width:100%;
}

.secondRow{
  margin-top: 20px;
}


/*About base styles (taken from inline)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.aboutFullDropStyle{
  min-height: 300px;

}

.aboutFullDropStyle img{
  width: 100%;
  margin-bottom: 20px;
}

.aboutInfoBox h4{
  margin-left: 0;
}

.aboutInfoBox span{
  font-weight: normal;
}

.aboutInfoBox h3 a{
  text-decoration: none;
}

.aboutRow{
  margin-top: 10px;
}

.aboutRowImage{
  width:100%;
}


/*Education base styles (taken from inline)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#drawerOpen img{
  width:60px;
  height:60px;
}

.educationUl{
  margin:0;
}

.education ul li img{
  width:100%;

}

.aboutBoxRight h5{
  color: #777;
  margin-left: 0;
}

.ourPrograms{
  color: #990000;
  font-size: 1.2em;
  margin-bottom: 10px;
}

.madePossible{
  font-weight: normal;
}


/*Education base styles (taken from inline)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.planVisitFullDrop{
  min-height: 300px;
}

.venue img{
  width: 100%;
}

.directionsContainer{
  width: 80%;
  margin-left: 20%;
}

/*Support base styles (taken from inline)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.supportFullDrop{
  min-height: 300px;
}

.supportHeaderImage img{
  width:100%;
}

.supportBoxRight h4{
  color: #777;

}

.corporateSponsors{
  text-align: center;
}

.sponsorLogo1{
  width:156px;
  height:31px;
}
.sponsorLogo2{
  width:95px;
  height:72px;
}
.sponsorLogo3{
  width:120px;
  height:42px;
}
.sponsorLogo4{
  width:108px;
  height:52px;
}

.supportGallery img{
  width:100%;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Droid Sans', sans-serif;
  margin-top: 0;
  /*margin-left: 17px; margin-left: 1.7rem;*/
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.9rem; line-height: 1.6;  letter-spacing: -.05rem; }
h6 { font-size: 1.6rem; line-height: 1.7;  letter-spacing: 0; }




/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}




h1
{
    font-family: 'Droid Sans', sans-serif;
}

h2
{
    font-family: 'Droid Sans', sans-serif;
    color: #777;
    text-transform: uppercase;
    font-size: 1.7em;
    font-weight: bold;
    margin: 10px 0 6px 0;
}

h3
{
    font-family: 'Droid Sans', sans-serif;
    color: #ea1a38;
    text-transform: uppercase;
    font-size: 1.4em;
    letter-spacing: 1;
    font-weight: bold;
    margin: 10px 0 6px 0;
}



/*
p {
  margin: 1.2em;
}*/


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a:link
{
  color: #ea1a38;
  font-weight: bold;
  text-decoration: none
}

a:visited
{
	color: #ea1a38;
}

a:hover
{
text-decoration: underline;
}

.mainNavWrapper a:hover{
  text-decoration: none;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #ea1a38;
  /*background-color: #444; changed by SHL 7/19/18*/
  border-radius: 4px;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  background-color: #222;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


.utilityButton
{
    padding: 3px 20px;
    background: #e1c8cb;
    border: 1px solid #c62132;
    color: #c62132 !important;
}

#BuyBtn{
  font-size: 1.8em;
  padding-bottom: 4px;
}

div.btnShakesRed, a.btnShakesRed
{
    display: block;
    font-family: 'Droid Sans', sans-serif;
    text-decoration: none;
    text-transform:uppercase;
    width: 94%;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
  padding-top: 10px;
    margin: 8px auto;
    color: White;
    height: 48px;
    background: #630618; /* Old browsers */
    background: -moz-linear-gradient(top,  #630618 0%, #c20c2f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#630618), color-stop(100%,#c20c2f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #630618 0%,#c20c2f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #630618 0%,#c20c2f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #630618 0%,#c20c2f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #630618 0%,#c20c2f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#630618', endColorstr='#c20c2f',GradientType=0 ); /* IE6-9 */
}


a.btnExplore
{
    display: block;
    font-family: 'Droid Sans', sans-serif;
    text-decoration: none;
    text-transform:uppercase;
    width: 100%;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    margin: 10px 0;
    color: White;
    height: 62px;
    padding-top: 20px;
    background: #888;

}
a.btnShakesRed:hover, div.btnShakesRed:hover
{
    color:#aaa;
}

a.inlineBtn
{
    display: inline-block;
    font-family: 'Droid Sans', sans-serif;
    text-decoration: none;
    text-transform:uppercase;
    padding: 10px 16px;
    margin: 1px 0;
  font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    color: White;
    background: #173530; /* Old browsers */
    background: -moz-linear-gradient(top,  #173530 0%, #2b625a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#173530), color-stop(100%,#2b625a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #173530 0%,#2b625a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #173530 0%,#2b625a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #173530 0%,#2b625a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #173530 0%,#2b625a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173530', endColorstr='#2b625a',GradientType=0 ); /* IE6-9 */
}

a.perfLink
{
    text-decoration: none;
    color: #fff;
    font-size: 1.4em;
    font-family: 'Droid Sans', sans-serif;
    display: block;
    margin: 8px 0;
    border-bottom: 1px solid #fff;
}

.perfMsg
{
  padding-bottom: 10px;
  font-size: .65em;
  font-weight:lighter;
}


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 1px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  /*border: 1px solid #33C3F0;*/
  border:1px solid #D1D1D1;
  outline: 0; }
label,
legend {
  display: inline-block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  /*list-style:  inside;*/
  margin-left: 3em;
   }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  /*margin-top: 0; */
}
ul ul,
ul ol,
ol ol,
ol ul {
  /*margin: 1.5rem 0 1.5rem 3rem;*/
  font-size: 90%; }
li {
  /*margin-bottom: 1rem; */
}


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  /*padding: .2rem .5rem;*/
  /*margin: 0 .2rem;*/
  font-size: 90%;
  white-space: nowrap;
  font-family: 'Droid Sans', sans-serif;

  /*background: #F1F1F1;*/
  /*border: 1px solid #E1E1E1;*/
  /*border-radius: 4px;*/
 }
/*pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }*/


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  /*border-bottom: 1px solid #E1E1E1; */
}
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  /*margin-bottom: 2.5rem; */
}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }

.alignleft {
float: left;
margin: 4px 15px 5px 0;
}

.alignright {
float: right;
}


/*These styles were created from the inline styles originally in the footer and used for each column*/

.fullFooterStyle{
  /*background-color: #dedede;*/
  background-color: white;
  width:90%;
  margin: 0 auto;
}

.centerBold{
  text-align: left;
  font-weight: bold;
  text-transform:capitalize;
  color:#ea1a38;
  /*color:#5C5D5E;*/
}

.ulStyle{
display: inline-block;
margin: 20px 20px 20px 0;
list-style-type: none;
}

.leftWrapper{
  text-align:left;
  margin:0px;
}

.socialMobile img{
height:30px;
width:30px;
}

.leftWrapper li a{
  text-decoration:none;
  color: #5C5D5E ;
  font-weight: 500;
}

.leftWrapper li a:hover{
  text-decoration: underline;
  color:#ea1a38;
}

/*New Footer Styles
___________________________________________________*/

.asidesBanner{
  width:100%;
  padding:0;
  margin:0;
  /*background-color: black;*/
  background-color:#444;
  color:white;
}
.asidesWrapper{
  max-width:1200px;
  margin:0 auto;
  padding: 10px 0;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.asidesBanner p{
  font-family: 'Droid Sans', sans-serif;
  margin:0;
  padding:0;
}
.asidesBanner .asidesTitle{
  font-family: 'Droid Sans', sans-serif;
  font-size:40px;
  font-weight: normal;
  line-height:44px;
  text-transform:uppercase;
  letter-spacing: 5px;
  padding-right:20px;
  border-right:1px solid #BBB;
  margin-left:1%;
  height:43px;
}
.asidesBanner .asidesTitle{
  display: block;
}
.asidesText{
  font-family: 'Droid Sans', sans-serif;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing:2px;
  padding:0 20px 0 20px;
  margin: 10px 0 -10px 0;
  position:relative;
  bottom:0;
}

.asidesWrapper a{
  text-decoration:none;
  color:white;
}

/*.asidesText a{
  text-decoration: none;
  color:white;
}*/



.copyRight{
  border-top:1px solid #999;
}
.copyRight p{
  color:#5C5D5E;
  font-family: 'Droid Sans', sans-serif;
  font-size: 13px;
  margin:30px 0;
  font-weight: bold;
}
.copyRightText{
  margin-left:20px;
}

@media (max-width: 600px) {

  .copyRightText{
    float:left;
    text-align: center;
  }

  .copyRight{
    text-align: center;
  }
}



.bottomFooter a, .bottomFooterLast a{
  font-family: 'Droid Sans', sans-serif;
  text-transform: uppercase;
  margin: 0 5px;
  text-decoration: none;
  color:#ea1a38;
}

.bottomFooter a:hover, .bottomFooterLast a:hover{
  text-decoration: underline;
}

.bottomFooter::after{
  content:"|";
  margin-left: 5px;
  font-weight:bold;
  color:#ea1a38;
}


.quickLinksWrapper li{
  padding:5px 0;
}

.getDirections a{

  color:RGBA(230, 24, 56, 1);
  font-weight: bold;
  text-transform: lowercase;
  text-decoration: none;
}
.getDirections i{
  font-size: 20px;

}

.getDirections a:hover{
  color:#5C5D5E;
  /*text-decoration: underline;*/

}

.visitWrapper p{
  color:#999;
  margin:0;
  padding:2px 0px;
}

.visitWrapper .locationTitle{
  color:#656565;
  font-weight:bold;
}

.visitUs{
 margin:10px 20px;
}
.visitWrapper{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.locationFlex{
  margin:20px 0;
}
.locationOne{
  margin-right:30px;
}
.locationTwo{
  margin-left: 30px;
}
.boxOfficeColumn.two.columns{
  width:20%;
}

.boxOfficeWrapper{
  margin-top:15px;

}

.boxOfficeWrapper a{
  text-decoration: none;
  color:#656565;
  font-weight:bold;

}

.boxOfficeWrapper p{
  margin:0;
  padding:0;
  color: #999 ;
}

.boxOfficeWrapper .boxOfficePhone{
     color:#656565;
     font-weight:bold;
}

.boxOfficeCloses{
  font-size: 10px;

}

.boxOfficeHoursWrapper{
  line-height: 20px;
  margin: 25px 0 10px 0;

}

.boxOfficeDates{
  margin-top: 15px;
}
.buyOnline a{
  color:RGBA(230, 24, 56, 1);
  font-weight: bold;
  text-transform: lowercase;
  text-decoration: none;
}
.buyOnline a:hover{
  color:#5C5D5E;
}
.buyOnline i{
  font-size: 20px;

}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

.eBox
{
  width: 98%;
  height: 425px;
  font-family: 'Droid Sans', sans-serif;
  min-height: 420px;
  float: left;
  margin: 1%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #fff;
}

@media (max-width: 767px) {

  .videoContainer iframe{
    width: 600px;
    height: 336px;
    margin:-5px 0 0px 0;
  }

  .eBox { height: auto; }
}


#homeSubsText{
  font-family: 'Droid Sans', sans-serif;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0 0 15px 0;
}

#homeSubsText>div{
  float: left;
  margin-right: 20px;
}

.fullDrop
{
    /*margin-top: -10px;*/
    background-image: url(../Images/stc_background_rev.png);
}



.filterBtn
{
    color: #555;
    font-family: 'Droid Sans', sans-serif;
    font-size: 1.2em;
    cursor: pointer;
}

.infoBox
{
    border: 1px solid #ccc;
    padding: 10px;
    color: #999;
    font-weight: bold;
    font-family: 'Droid Sans', sans-serif;
}


.seasonColor
{
    color: #2e6a61;
}

.sans
{
     font-family: 'Droid Sans', sans-serif;
     background-color: white;

}

#respHead
{
    display: block;
}

#fullheader{
  background: -webkit-linear-gradient(#eee, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eee, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eee, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eee, #ddd); /* Standard syntax */
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 200;
    height: 185px;
    left: 0;
   /* -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;*/
    display: none;
}

#fullheader.smaller {
    height: 80px;
}

#fullheader.smaller>.container>#preheader{
  display: none;
}


/* TNEW
––––––––––––––––––––––––––––––––––––––––––––––*/
.ui-tabs-nav>li
{
	padding: 3px;
	font-size: .8em;
	background: #444;
}

.ui-tabs-nav>li>a {
	color: #fff;
}

#perfListings, #chosenPerfs {
	height: 300px;
	font-family: 'Droid Sans', sans-serif;
}

#viewNFSPerfButton {
font-size: .6em;
padding: 0;
}

/*#tnew-site-loginwidget-wrapper{
  display: none;
}–––– */

#tb_promo{
	/*font-size: .8em; SHL@7/16/18 letters were being cut off so I decreased size slightly to .7*/
  font-size: .7em;
}



#smallLogo{
  display: block;
}

#fullLogo{
    display: none;
}

#premenu
{
    display: none;
}

#navHolder
{
    display: none;
}

#socialBar{
  position: fixed;
  top:200px;
  width: 50px;
  left:0;
  display: none;
}

#socialBar>a>img{
  width: 40px;
  height: 40px;
  margin: 2px 5px;
  border:1px solid #f2f2f2;
  border-radius: 50%;
  background-color:#E03A3E;
}

#socialBar > a > img:hover{
  height: 44px;
  width: 44px;
  margin: 0px 3px;
}

#footsocialbar
{
    margin-top: 10px;
    text-align: center;
    display: block;
}

.nosmall
{
    display: none;
}

#menuBtn
{
  position: absolute;
  right: 20px;
  top: 14px;
  width: 32px;
    height: 32px;
}

#respMenu
{
    padding: 4px;
    clear: both;
    background: #555;

}

#respMenu > ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#respMenu > ul > li
{
    margin: 0;
    padding: 0;
}

#respMenu > ul > li > a
{
    text-decoration: none;
    color: #ddd;
    display: block;
    padding-left: 7px;
    margin: 1px 4px;
    background: #333;
  font-family: 'Droid Sans', sans-serif;
  font-size: 1.8em;
}

#respMenu > ul > li > a:hover
{
    background: #555;
}

#respMenu > ul > li > ul
{
    display: none;
    margin: 5px 0 0 0;
  padding: 0;
    list-style-type: none;
}

#respMenu > ul > li > ul > li > a
{
    text-decoration: none;
    color: #fff;
    display: block;
    margin: 1px 4px;
  padding-left: 30px;
  font-family: 'Droid Sans', sans-serif;
  font-size: 1.3em;
}

#respMenu > ul > li > ul > li > a:hover
{
    background: #222;
}

.mediaBox
{
  font-family: 'Droid Sans', sans-serif;
  margin: 20px;
  clear: both;
}

.mediaBox>h4
{
  margin: 0;
  text-transform: uppercase;
  font-size: 1.2em;
}
.mediaBox>a.more
{
  color: #a33;
  font-size: 1.1em;
  text-decoration: none;
  display: block;
  margin-top: 20px;
  text-transform: uppercase;

}

.mediaBox>iframe, .mediaBox>img, .mediaBox>a>img
{
  float: right;
  margin-left: 20px;
  clear: right;
}

.mediaBox>br
{
  clear: both;
}

.viewless>div
{
  display: none;
}

.viewless>div:first-child, .viewless>div:nth-child(2)
{
  display: block;
}

.moreBtn
{
  text-decoration:overline;

  margin: 30px 0;
  font-family: 'Droid Sans', sans-serif;
  font-size: 1.4em;
  color: #444;
  text-transform: uppercase;
  cursor:pointer;
  text-align: center;
}

#relatedEvts
{
    display: none;
  width: 88%;
  width: calc(93% - 16px);
  margin: 0 auto;
  margin-top: -7px;
    padding: 20px 10px 5px 10px;
    background: #eee;
    max-height: 380px;
    color: #333;
    overflow:auto;
  font-family: 'Droid Sans', sans-serif;
}

#relatedEvts a
{
  display: block;
  text-align: center;
  padding: 3px;
  background: #666;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

#relatedEvts a:hover
{
  background: #333;
}

#relatedEvts ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#relatedEvts li
{
  padding-top: 10px;
  border-bottom: 1px solid #ddd;
}

#relatedEvts .free
{
  displat: inline-block;
  padding: 1px 3px;
  font-size: .8em;
  color: #FF0000;
  background: #eee;
}



#menuBtnHolder
{
  position: relative;
}

.annual_report
{
  float: left;
  margin: 10px;
  text-align: center;
}


#fullheader.smaller>.container>#header>div>#smallLogo{
  display: block;
}

#fullheader.smaller>.container>#header>#navHolder>.nav{
  margin-top: 25px;
}


#fullfooter{
  background-color:white;

}

#footer{
  background-color: white;
}


#preheader{
  padding-top: 15px;
}


#header{
}

#navHolder{
   position: relative;
   height: 100%;
   text-align: right;
}




#footer{
  margin-top: 15px;
  padding-top: 5px;
  min-height: 200px;
  margin-bottom: 10px;
}

#footer > div{
  border-right: 0;
  min-height: 200px;
}

#footer > div:last-child{
  border-right: 0;
}

/*Old Style*/
/*#footer>div>ul{
  list-style: none;
  width: 100%;
}*/

#footer>div>ul{
  list-style: none;
  width: initial;
}

.showtile{
  width: 32%;
}




#homeseason{
  background-color: #ddd;
  margin-bottom: 5px;
}



#premenu
{
    text-align:right;
}

#premenu a
{
    margin-right: 15px;
    color: #444;
    text-decoration: none;
  font-weight: normal;
}

#premenu a:last
{
    margin-right: 0px;
}

#perfList
{
    display: none;
    width: 97%;
    width: calc(97% + 4px);
    margin: 0 auto;
    margin-bottom: 6px;
    margin-top: -7px;
    background: #333;
    text-align:center;
    max-height: 300px;
    overflow:auto;
}

#availKey
{
    display: none;
    width: 97%;
    width: calc(97% + 4px);
    margin: 0 auto;
    margin-bottom: 32px;
    text-align: center;
    background: #eee;
    border: 1px solid #ccc;
    padding: 3px 14px 3px 0;
    box-sizing: border-box;
}

.scrolls::-webkit-scrollbar {
      width: 13px;
} /* this targets the default scrollbar (compulsory) */

.scrolls::-webkit-scrollbar-track {
      background-color: #000;
} /* the new scrollbar will have a flat appearance with the set background color */

.scrolls::-webkit-scrollbar-thumb {
      background-color: #ddd;
      border: 2px solid #000;
} /* this will style the thumb, ignoring the track */

.scrolls::-webkit-scrollbar-button {
      background-color: #333;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

#perfList::-webkit-scrollbar-corner {
      background-color: black;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */


.stackHolder
{
 width: 100%;
 /*float: left;*/
 clear: both;
 margin: 0;
}

.stackHolder>div
{
  padding: 3px;
  float: left;
  margin: 10px 0;
  background: #f0f0f0;
  border: 1px solid #aaa;
  box-sizing: border-box;
}

div.fourStack
{
  width: 274px;
}

div.twoStack
{
  width: 100%;
}

.openStack
{
  height: 300px;
  overflow: hidden;
}


/*   Nav Area Styles
-------------------------------------------------------------*/

.nav, .nav a, .nav ul, .nav li, .nav div {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.nav a
{
    text-decoration: none;
}

.nav li { list-style: none; }

.nav {
  display: inline-block;
    position: relative;
    cursor: default;
    margin-top: 8px;
    z-index: 500;
}

.nav > li {
    display: block;
    float: left;
}

.nav > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 54px;
    padding: 0 20px;
    line-height: 54px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    color: #444;/*#fcfcfc;*/
    text-shadow: 0 0 1px rgba(0,0,0,.35);
    background: none;/*#372f2b;*/
    /*border-left: 1px solid #BBB;/*#4b4441;*/
    /*border-right: 1px solid #AAA/*#312a27;*/
    /*-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;*/
}

/*.nav > li:hover > a { background: #444; color: White;
 }*/

.nav > li > div {
    position: absolute;
    display: block;
    color: White;
    width: 100%;
    top: 50px;
    left: 0;
    box-sizing: border-box;
  text-align: left;
  height: 200px;
  background: #444;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border-radius: 0 0 3px 3px;
   /**/
    /*-webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s; */
  /**/
}

.nav > li > div a {
  color: white;
}

.nav > li > div a:hover {
  color: #aaa;
}

.nav > li:hover > div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}


/*  Home Bannner Styles
---------------------------------------------------*/

#banner
{
    position: relative;
}

#bannerScroll{
  background: #333;
  border-left: 1px solid white;
    display: none;
  width: 250px;
  right: 0;
  height: calc(100% - 60px);
  overflow: auto;
  position: absolute;
  z-index: 10;
}

#bannerScroll>a>img{
  width: 96%;
  margin: 2%;
}

#bannerscrollClose{
    position: absolute;
  z-index: 1000;
  right: 0;
  top: 10px;
  width: 50px;
    height: 50px;
  margin-right: 250px;
    display:none;
}

#drawerOpen
{
    position: absolute;
  z-index: 1000;
  right: 10px;
  top: 10px;
  width: 50px;
    height: 50px;
    display:block;
}

@media (max-width: 760px) {

  #drawerOpen
  {
    display: none;
    border: 5px solid blue;
  }

}


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 660px) {}


@media (max-width: 600px) {

  .videoContainer iframe{
    width:300px;
    height: 168px;
    margin:-5px 0 0px 0;
  }

/*  .roll{
    width: 46%;
  }

  #homeSubsText{
  }

  .showtile{
    width: 16.1%;
  }*/


}

@media (min-width: 760px) {


  div.twoStack
  {
    width: 565px;
  }

  .stackHolder>div
  {
    Margin: 10px;
  }

  .stackHolder>div:last-child
  {
    margin-right: 0px;
  }

}


@media (max-width: 500px) {
  .eBox {
      margin: 15px 0;
      height: auto;
  }
}

/* Larger than tablet */
@media (min-width: 1000px) {

  .eBox
  {
    width: 48%;
    margin: 1%;
  }

  .roll{
    width: 31%;
  }



  #footer > div
    {
        border-right: 1px solid #999;
    }

}



/* For devices larger than 950px */
@media (min-width: 1200px) {

  .mediaBox>iframe, .mediaBox>img, .mediaBox>a>img{
    width:400px;
    height: 220px;
  }


  .fullDrop{
    max-width:1200px;
    margin:0 auto;
  }

  #homeSubsText{
    float: left;
    text-align: right;
    margin: 0 30px;
  }

  #homeSubsText>div{
    float: none;
    margin-right: 0;
    margin-bottom: 0;
  }

  .showtile{
    width: 120px;
    height: 161px;
  }

  #respHead
  {
    display: none;
  }

  #fullheader{
    display: block;
  }

  .nosmall{
    display: block;
  }

  #smallLogo{
    display: none;
  }

  #fullLogo{
    display: block;
  }

  #premenu{
    display: block;
  }

  #navHolder{
    display: block;
  }

  #socialBar{
    display: block;
  }

  #footsocialbar{
    display: none;
  }


}

@media (max-width: 1200px){

  #nav-secondary{
     display:none;
   }
}

/*GoogleMap banner on Homepage*/
.acf-map {
  width: 100%;
  height: 300px;
  border: #ccc solid 1px;
  /*margin: 20px 0;*/
   -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);


}


/* fixes potential theme css conflict */
.acf-map img {
   max-width : inherit !important;
}
/*// hide googlemaps navigation*/
.gmnoprint{
  display:none;
}

/*// hide google logo and "report problem" link*/
.gm-style a{
  display:none;
}

.menu-icon {
  display: none;
}

/*ALL NEw NAVIGATION MEGAMENU STYLES*/

/* ==========================================================================
  Phone Queries // Breakpoint temp applied to phone AND tablet
  ========================================================================= */

@media (max-width: 1200px) {

  body { width: 100%; }

  img { max-width: 100%; }

  .sticky img#headerLogoNext{
    height:auto;
  }

  /* ==========================================================================
    Red Bar
    ========================================================================= */

  .redBar {
    position: static;
    /*padding-bottom:15px;*/
  }


  #menu-red-bar-menu {
    display: block;
    margin-top: 0;
    margin-left: 0;
  }

  #menu-red-bar-menu li {
    display: block;
    line-height: 1;
    margin-top: 8px;
  }

  .sub-nav:after{
    /*This removes caret from responsive menu*/
    visibility: hidden;
  }

  /*Responsive footer at 1200px*/

  .two.columns.boxOfficeColumn{
    padding:0 0 0 15px;
    /*width:20%;*/
  }

  .quicklinks {
    display:none;
  }
   




  /* ==========================================================================
    Main Header
    ========================================================================= */

    .logoAndSearchWrapper {
      display: block;
      margin-bottom: 10px;
      height:120px;
    }

    .logoAndSearchWrapper a {
      display: inline-block;
      width: 70%;
      max-width: 388px;
    }

    .mainNavWrapper.sticky .logoAndSearchWrapper img,
    .logoAndSearchWrapper img {
      width: 100%;
      height: auto;
    }

    .searchField {
      display: none;
    }

  /* ==========================================================================
    Primary Nav
    ========================================================================= */

    .collapsing-nav-trigger {
      display: block;
      position: absolute;
      top: 20px;
      right: 15px;
      z-index: 99999;
      height: 28px;
    }

    .menu-icon {
      display: block;
      width: 25px;
      height: 4px;
      background: #000;
      font-size: 0;
      position: relative;
      top: 14px;
    }

    .menu-icon:before,
    .menu-icon:after {
      content: '';
      display: block;
      width: 25px;
      height: 4px;
      background: #000;
      position: absolute;
      z-index: -1;
    }
    .menu-icon:before { top: 8px }
    .menu-icon:after { top: -8px }

    .open .menu-icon { background: transparent; }

    .open .menu-icon:before,
    .open .menu-icon:after {
      top: 0;
      bottom: initial;
    }

    .open .menu-icon:before { transform: rotate(-45deg); }
    .open .menu-icon:after { transform: rotate(45deg); }

    .mainNavWrapper,
    .mainNavWrapper.sticky {
      height: auto;
      position: relative;
      padding: 10px 0 0;
    }

    .mainNavBar .navigationBar {
      display: block;
      margin: 0;
    }

    .mainNavBar {
      max-height: 0;
      overflow: hidden;
    }

    .mainNavBar.open { max-height: none; }

    .mainNavBar .menu-item {
      padding: 0;
    }

    .mainNavBar .menu-item a {
      display: block;
      width: 100%;
      padding: 8px 0;
      text-align: center;
      line-height: 1;
      background-color: rgba(38, 38, 38, 0.95);
      border-bottom: 1px solid #fff;
      color: #fff;
    }

    .navigationBar .menu-item .sub-nav {
      position: relative;
      margin: 0;
      height: auto;
    }

    .megamenuBorder {
      height: auto;
    }

    .navigationBar .menu-item .sub-navLink {
      padding: 0;
    }

    .navigationBar .menu-item .sub-navLink a {
      background-color: #999;
      color: #444;
    }

    .mainNavBar .leftBox,
    .mainNavBar .leftBoxWrapper {
      padding: 0;
      width: 100%;
      margin: 0;
    }

    .middleBox,
    .rightBox {
      display: none;
    }

/* ==========================================================================
  Secondary Nav
  ========================================================================= */
/*
  #nav-secondary {
    height: auto;
  }

  #nav-secondary ul {
    display: block;
  }*/

/* ==========================================================================
  Footer
  ========================================================================= */

  #footer .column,
  #footer .columns {
    margin: 0;
  }

  #footer .columns {
    padding: 0 15px;
  }

  .leftWrapper {

   display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
   display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
   display: -ms-flexbox;      /* TWEENER - IE 10 */
   display: -webkit-flex;     /* NEW - Chrome */
   -js-display: flex;
   display: flex;
  }

  .locationOne {
  }

  .visitWrapper {
    /*font-size: 12px;*/
    /*font-size: 1.6em;*/
  }

  .boxOfficeColumn {
    width: 100%;
  }

  .asidesWrapper {
    padding: 0 15px;
  }
}


@media(max-width:980px){

  /*Responsive footer*/
  .locationOne{
    width:100%;
    margin:0 auto;
  }
  .locationTwo{
  width:100%;
  margin:0 auto;
  }
  .visitUs{
  width:100%;
  }

  .leftWrapper{
  display:inline;
  }
  .three.columns{
  width:50%;
  padding:0;
  }
  .four.columns{
  width:50%;
  padding:0;
  }
  .two.columns{
  padding:0;
  }
  .two.columns.boxOfficeColumn{
    padding:0;
  }

}




@media (max-width:785px) {
  .redBarMenu #menu-red-bar-menu{
    display:none;
  }


  .topFixedBarMenu{
  display:none;
  }

  /*Responsive footer at 785px*/
  .callResp{
    display: block;
    width:100%;
    margin:0 auto;
    text-align: center;
    padding-top: 10px;
    font-size: 14px;
  }
  .centerBold{
    text-align: left;

  }
  .locationOne{
    width:100%;
    margin:0 auto;
  }
  .locationTwo{
  width:100%;
  margin:0 auto;
  }
  .visitUs{
  width:100%;
  }

  .leftWrapper{
  display:inline;
  }
  .three.columns{
  width:50%;
  padding:0;
  }
  .four.columns{
  width:50%;
  padding:0;
  }
  .two.columns{
  padding:0;
  }

  .visitWrapper{
  margin-top:20px;
  }
  .ulStyle{
  margin:0 auto;
  }
  .quickLinksWrapper{
  width:100%;
  margin-top:20px;

  }
  .quickLinksWrapper li{
  margin-right:20px;
  }

}

@media(max-width:400px){

  /*Responsive footer at 400px*/
  .three.columns{
    width:100%;
    padding:0;
  }
  .four.columns{
    width:100%;
    padding:0;
  }
  .two.columns{
    padding:0;
    margin-top:25px;
  }
  .boxOfficeColumn{
    /*margin-top:25px;*/
  }
  .locationOne{
    padding:0 10px 0 0;
  }
  .locationTwo{
    padding: 0 5px;
  }

  .logoAndSearchWrapper {
    height: auto !important;
  }

}


@media(max-width:360px){

  .redBar p{
    width:75%;
    margin:0 auto;
  }

  /*Responsive footer at 360px*/
  .three.columns{
    width:100%;
    padding:0;
  }
  .four.columns{
    width:100%;
    padding:0;
  }
  .two.columns{
    padding:0;
    margin-top:25px;
  }
  .two.columns.boxOfficeColumn{
    width:100% !important;
  }
  .locationOne{
    padding:0 10px 0 0;
  }
  .locationTwo{
  padding: 0 5px;
  }


}
@media (max-width: 735px) {
  #footer .column,
  #footer .columns {
    margin: 0;
  }
}

.eight.columns .featuredContent{
  margin-top: 0;
}

/* ==========================================================================
  Search
  ========================================================================= */

  .search-result {
    border-top-color: rgba(188, 188, 188, .90);
  }

  .search-result:first-child {
    border-top-color: rgba(188, 188, 188, .20);
  }

/* ==========================================================================
  Button
  ========================================================================= */

  .gform_button,
  a.btn,
  .btn {
    display: inline-block;
    padding: 10px 30px;
    color: #555;
    text-align: center;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    box-sizing: border-box;
  }

  a.red-btn,
  .red-btn {
    border: 0;
    background-color: #ea1a38 !important;  
    color: #fff;
  }

  .gform_button,
   a.dark-gray-btn,
  .dark-gray-btn {
    border: 0 !important;
    background-color: #444 !important;
    color: #fff !important;
  }

/*This hover button style controls all red buttons on tickets/events page as
well as the individual performance page*/
  .red-btn:hover {
    background-color: #bd1212 !important;
  }

/*This hover button style controls all gray buttons on individual performance pages*/
  .gform_button:hover,
  .dark-gray-btn:hover {
    background-color: #222222 !important;
  }


   a.subnav-btn,
  .subnav-btn {
    line-height:0;
    font-weight: 600;
    color: #fff !important;
    text-transform: uppercase;
    border: 0;
    letter-spacing: 1px;
    padding: 13px 30px;
    margin-top: 8px;
  }

  .sm-btn {
    font-size: 11px !important;
  }

  .lg-btn {
    font-size: 1.5em
  }

  .btn.full {
    width: 100%;
  }

/* ==========================================================================
  Accordions
  ========================================================================= */

  .accordion{
    /*border-top:1px solid #E1E1E1;*/
    border-bottom:1px solid #E1E1E1;
  }

  .accordion-title {
    padding: 10px 0;
    margin: 0;
    background: white;
    color: #222;
    border-top:1px solid #E1E1E1;
    letter-spacing: 1px;
    text-transform: none;
    cursor: pointer;
  }

  .accordion-title:before{
    content:'+';
    color:#ea1a38;
    padding-right:5px;
  }

  .accordion .accordion-title:first-child {
    margin-top: 1em;
  }


  .accordion-content {
    padding: 5px 5px 20px 5px;
    margin-left:15px;
    color:#222;
    /*border: 1px solid #E1E1E1;*/
  }

  /* Fix for accidental whitespace in accordion TinyMCE editor */
  .accordion > br {
    display: none;
  }


.performanceRightSideBar{
    padding:4px;
    margin-top:0;

}

.performanceBoxContainer{
  width:64%;
  margin-top:0;

}


/*Custom Navigation ACF*************************/

.customNavigation{
  /*margin-left: 60px;*/
  margin:0;
  padding:0;
  width:100%;
}

.customNavigationHolder{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  text-align:center;
  width: 100%;
  margin: 0 auto;

}

.customNavList{
  list-style-type: none;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  margin:0 auto;
  text-align: center;
  padding:0;
  /*justify-content:space-between; */

}

.customNavBox{
  position:relative;
  /*margin:10px;*/


}

.customNavBox img{
  height:225px;
  width:360px;
  /*padding:5px;*/

}


.boxOverlay{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  height:225px;
  width:360px;
  margin:0 auto;

}
.boxOverlay:hover{
  background-color: RGBA(38, 38, 38, .70);
}

.customNavText p{
  padding: 50px 0px;
  font-family: 'Droid Sans', sans-serif;
  font-size: 30px;
  color:white;
  text-shadow: 1px 1px 10px rgba(150, 150, 150, 1);
  line-height: 40px;
  text-transform: uppercase;
  width: 350px;

}

@media (max-width: 760px) {
  .customNavigationHolder{
  	width:300px;
  }

  .customNavBox img{
    width:300px;
	height:169px;
  }
  .boxOverlay{
    width:300px;
	height:169px;
  }
  .customNavText p{
    font-size: 20px;
    width:300px;
  }
}



/* ==========================================================================
  Specialty Slider ( Alert Bar )
  ========================================================================= */

  .alert-bar {
    padding: 7px 0;
    background: #ea1a38;
    text-align: center;
  }

  .alert-bar .containerHeaderStyle {
    background: none;
  }

  .alert-bar a, .alert-bar h3, .alert-bar * { color: #fff; }

  .slider-trigger {
    cursor: pointer;
  }

  .slider-target {
    display: block;
    overflow: hidden;

    position: absolute;
    z-index: 10;
  }

  .slider-group[data-slide="vertical"] .slider-target { height: 0; }
  .slider-group[data-slide="vertical"] .animating {
    -webkit-transition:  height .2s;
    -moz-transition: height .2s;
    -o-transition: height .2s;
    -ms-transition: height .2s;
    transition: height .2s;
  }
  .slider-group[data-slide="vertical"].open .slider-target { height: auto; }
  .slider-group[data-dir="down"] .slider-target { top: 100%; }
  .slider-group[data-dir="up"] .slider-target { bottom: 100%; }

  .push-slider[data-slide="horizontal"] .slider-target,
  .push-slider[data-slide="horizontal"] .slider-trigger {
    display: inline-block;
    vertical-align: middle;
  }

  .slider-group[data-slide="horizontal"] .slider-target {
      width: 0;
      top: 0;
  }

  .slider-group[data-slide="horizontal"] .slider-target.animating {
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -o-transition: width .2s;
    -ms-transition: width .2s;
    transition: width .2s;
  }

  .slider-group[data-slide="horizontal"].open > .slider-target {
    width: auto;
  }

  .slider-group[data-dir="left"] .slider-target { right: 100%; }
  .slider-group[data-dir="right"] .slider-target { left: 100%; }

  .push-slider[data-dir="left"] .slider-target { right: 0; }
  .push-slider[data-dir="right"] .slider-target { left: 0; }

  .push-slider[data-dir="down"] .slider-target { top: 0; }
  .push-slider[data-dir="down"] .slider-target { top: 0; position: relative; }


/*All Media*/
.allMediaContainer{
  width:100%;
  margin:0 auto;
}
.allMediaFeaturedImage img{
  margin:-5px 0 10px 0;
  width: 785px;
}

.allMediaVideoContainer iframe{
width:550px;
height: 450px;
}

.allMediaContainer img{
  width:500px;
  height:auto;
}


.videoContainer-feature iframe{
  width:100%;
  height: 350px;
  margin:-5px 0 0px 0;
}

#wppg-gallery-template-3 img{
width:225px;
height:auto;
}

#wppg-gallery-template-3{
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: auto;
-webkit-justify-content:space-between;
justify-content:space-between;
}

.audioContainer iframe{
  width:500px;
  height:200px;
}
.podCastContainer{
  margin:10px 0;
}

/*Watch and Listen Main Grid template styles*/


.allMediaList{
margin:0;
list-style-type: none;
display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;      /* TWEENER - IE 10 */
display: -webkit-flex;     /* NEW - Chrome */
-js-display: flex;
display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-justify-content:space-between;
justify-content: space-between;
overflow:hidden;
padding: 0;
}

.mediaItem{
  position:relative;
  background-color: maroon;
  height:300px;
margin: 5px;
/*padding: 5px;*/
}
.mediaItem img{
  width:360px;
  height:300px;
}

.mediaItemOverlayText{
  position:absolute;
  margin:0 auto;
  -webkit-flex:1 0 auto;
  flex:1 0 auto;
  width:360px;
  height:300px;
  top:0;
  left:0;
  overflow:hidden;
  font-family: 'Droid Sans', sans-serif;

}

.mediaItemOverlayText p{
    font-size: 20px;
    color: white;
    text-shadow: -1px 1px 10px rgba(150, 150, 150, 1);
    line-height: 30px;
    margin:10px;
    margin-top: 234px;
    text-align: center;
    background-color: RGBA(38, 38, 38, .70);
}

.mediaItemOverlayText p.top{
    margin-top: 10px;
}

.mediaItemOverlayText:hover{
  background-color: RGBA(38, 38, 38, .70);
}

.mediaFilter{
  margin:0 auto;
  padding:10px;
  margin-left: 25px;
}
.mediaFilter h4{
  color:#ea1a38;
  text-transform: uppercase;
  margin-bottom: 0;
}

.mediaFilter h4 span{
  color:#5C5D5E;
  margin-bottom: 0;
}

.seasonTitle{
  margin: 10px 0;
}

.seasonSelector{
  margin:20px 0;
}


.filter-lists {
  margin-top: 35px;
}

.filter-header {
  font-size: 1.1em;
  padding-bottom: 1px;
  text-transform: none;
  border-bottom: 3px solid #dddedf
}

.filter-list{
  list-style-type: none;
  margin: 0 0 25px;
}

.filter-list .filter a{
  font-weight: normal;
  color: #222;
}

.filter-list .filter a:hover{
  color: #ea1a38;
  text-decoration: none;
}

.filter-list .filter a.active-filter{
  color: #ea1a38;
  text-decoration: none;
}

/*featured image on Watch &* Listen Page*/


.allMediaFeaturedImageContainer img{
  width:750px;
  height:auto;
}


/*gravity forms styles*/
code{
  background-color: white;
}
#gform_wrapper_11{
  background-color: white;
}

.gform_confirmation_wrapper_11{
  font-size: 20px;
  font-weight: bold;
}
.gform_confirmation_wrapper_12{
  font-size: 20px;
  font-weight: bold;
}

/*Artist bio box on production Page*/

#castBio,#artistBio{
	background: #fff;
	color: #222;
	padding: 2px;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 20;
	width:90%;
	display: none;
}
#castBio>img, #artistBio>img{
	width: 150px;
	height: 150px;
	float:left;
	padding: 0 10px 10px 0;
	}
#castBio>div, #artistBio>div{
	font-size: .86em;
	padding: 8px;
}

#castBio h5, #artistBio h5{
	margin-bottom: 0;
	padding-bottom: 0;
}

.bioLink {
	color: white;
	display: inline-block;
	float: right;
	padding: 4px 4px 0 0;
}

#artistNoPic{
	margin-top: -40px;
	margin-bottom: 40px;
}

#artistNoPic>span {
	cursor: pointer;
	color: #ea1a38;
	font-size: .8em;
	display: inline-block;
}

#artistNoPic>span>h5 {
	display: inline;
	font-weight: bold;
	font-size: inherit;
}



.sponsorLogo>img{
	margin: 10px;
}



/*#cartTable tr, #cartTable tr>td{
	display: block;
}*/


#accessBtn{
	text-decoration: underline;
	color: #ea1a38;
	cursor: pointer;
}



.exchange_event{
	background: #ddd;
	padding: 20px;
}

.tnew-message {
	border: none;
	border-bottom: 1px solid #333;
}

.upsell {
	clear: both;
}

.upsell>img {
	width: 290px;
	height: 163px;
	float: left;
	margin-right: 10px;
}

.upsell>h1 {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #333;
	margin: 10px 0;
}

.anchor { padding-top: 170px; }

#subs { width: 298px;}
#subsDrop {display: none; border: 1px solid #aaa;}
#subsDrop ul { margin: 0;}
#subsDrop li {
	list-style: none;
	border-top: solid 1px #aaa;
 	margin: 0;
}
#subsDrop li>a {display: block; text-decoration: none; background-color: #fff;	padding: 5px; padding-left: 35px; color: #333; font-family: 'Droid Sans', sans-serif; text-transform: uppercase;  }
#subsDrop li>a:hover {background-color: #ddd; }
#subsDrop span {background: #888; color: #fff; padding: 0 5px; }
}

#asidebar > ul{
	list-style-type: none; 
	list-style-image: none;
}

#asidebar li{
	list-style-type: none; 
	list-style-image: none;	
	background: #e7e7e7;
	margin-bottom: 20px;
	padding: 6px;
}

#asidebar h4{
	font-family: 'Droid Sans', sans-serif;
	color: #222222;
    background-color: #cccccc;
    border-color: #a4a4a4;
    line-height: normal;
    font-size: 16px;
    padding: 5px 0;
    padding-left: 10px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-bottom: 1px solid transparent;
}


.attachment-post-thumbnail{
	float: left;
	margin: 0 10px 10px 0;
}

.singlePostsDivider h3 > a{
	font-weight: 300;
	text-transform: none;
	font-size: 1.5em;
	color: #333;
	text-decoration: none;
}

.singlePostsDivider h3 > a:hover{
	color: #777;
}

.post-meta {
	margin: -8px 0 20px 0;
	color: #888;
	font-weight: 600;
	font-size: .8em;
	font-family:  'Droid Sans', sans-serif;
}

.meta-left{
	float: left;
}

.meta-right {
	float: right;
}

a.post-edit-link {
	color: #888;
}

.virtFormDate {
	padding: 10px;
	background: #ddd;
}

.virtFormAltDate {
	padding: 10px;
	font-weight: bold;
	color:#c62132;
}

.callOut{
	background: #eee; 
	border: 1px solid #ccc; 
	padding: 10px;	
}

.lotteryBox{
  background: #eee; 
  border: 1px solid #ccc; 
  padding: 10px; 
  width: 280px; 
  float: right;
  margin: 0 0 10px 10px;
  text-align: center; 
}

.homeWildcardSpecial {
	float: left; 
	width: 74.5%; 
	margin-right: 4%;
}

.homeWilcardRental {
	float: right; 
	width: 21.5%;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

.ytp-thumbnail-overlay-image {
	background-size: 100% 100%;
}

.gform_wrapper .gsection_description, .gform_wrapper .gfield_description, .gform_wrapper .ginput_container>span>label {
  font-size: 1em !important;
}

.dd-div {
	display: none; 
	background: #fff; 
	margin: 0 10px; 
	padding: 10px; 
	text-align: left;
}

.dd-trigger {
	color: #ea1a38;
	font-weight: bold;
	font-size: 1.5em;
}

.dd-trigger:hover {
	text-decoration: underline;
}

/* ==========================================================================
  Homepage Popup
  ========================================================================= */

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #e5e5e5;
    font-family: 'Roboto', sans-serif;
    margin: 80px auto;
    padding: 0;
    border: 1px solid #888;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
    width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* The Close Button */
.close {
    float: right;
}

.close:hover,
.close:focus {
    cursor: pointer;
}
/* Modal Header */
.modal-header {
    padding: 14px;
    padding-bottom: 2px;
    border-bottom: 1px solid #d5d5d5;
}

/* Modal Body */
.modal-body {
    padding: 5px 20px 30px 20px;
    background-color: #fefefe;
    font-size: 1.1em;
    line-height: 1.7;
    font-weight: 400;
    color: #222;
}

/* Modal Footer */
.modal-footer {
    padding: 6px 20px;
    border-top: 1px solid #d5d5d5;
    color: #444;
    font-size: .8em;
}



/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0} 
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}


.modal-title{
   text-align: center;
   font-size: 1.6em;
   color:#c62132;
}
.modal-content .button{
  display: inline-block;
  font-family: 'Droid Sans', sans-serif;
  background: #ddd;
  border: 1px solid #888;
  color: #222;
  text-decoration: none;
  padding: 1px 5px 6px 5px;
  font-size: 1.2em;
}

.modal-content .button:hover{
  background: #999;
}

.amtBtns{
  text-align: center;
  margin-bottom: 15px;
}

.amtBtns .button{ margin: 5px 15px;}

.modal-content .btnNext{
  width: 80%;
  border: 1px solid #222;
  background: #c62132;
  color: #fff;
  margin: 0 auto;
}

.modal-content .btnNext:hover{
  background: #444;
}

.mlab-modal-footer{
  margin-bottom: 20px;
}

@media (max-width:600px) {

  .modal-content{
    width: 300px !important;
    margin: 0 auto !important;
  }

}

.performers>li, .artists>li{
  display: inline-block;
  margin: 10px;
}

.creativesBox {
  width: 50%;
  float: left;
  margin-bottom: 80px;
}

@media (max-width:700px){
  .creativesBox {
    width: 100%;
    float: none;
    margin-bottom: 80px;
  }
}

}