h1,h2,h4,h5,h6 { font-weight: 100; }
h3 { font-weight:500; }
body { font-weight: 100; font-family: NewsGothic, Helvetica, Arial, sans-serif; }
.page-content a { color: #1c1c1c; font-weight:500; }
.page-container { width:100%; }
hr { margin: 1em 0; border-color: #e1e1e1; height: 0px; opacity: .5;}
.header { background-color: #000; }
.header > a > img { width: 100px; }
.header > img { width: 100%; }
.header-more-button { position: absolute; top:0; right:0; color:white; padding:5px 8px; text-decoration:none; }
.footer > a { font-weight: 500; color: #1c1c1c; text-decoration:none; display: block; padding: 8px; }
.footer > a.left { float: left; }
.footer > a.right { float: right; }
.page-content { padding: 15px; }
div.nav-spacer { height: 60px; float:left; }
nav.main-nav > a , .listing, .topnav-listing{ float:left; clear:right;  display: block; width: 100%; border-top: 1px solid #595959; font-size: 1.3em; text-decoration: none; }
nav.main-nav > a { border-color: white; }
nav.main-nav .nav-item:active { background-color: #a1a1a1; }
nav.main-nav .nav-item 
{ 
  padding: 15px; 
  background-color: #c1c1c1;
  color: #383838;
  font-weight: 500;
}
div.side-nav { 
  xxxdisplay:none;
  position:absolute;
  top:0;
  right:0;
  xxxright:0px;
  width: 65%;
  background-color: #585858;
  z-index: 100000; 

  box-shadow: 4px 0 -22px red,  2px 0 -2px red;  height:100%;
  
  xxxfloat:left;padding:0; margin:0;}
.side-nav-container { z-index: 99999; width:100%; right: -200em; position: fixed;height: 100%; padding:0; margin:0;
  top:0;xxxoverflow:scroll;xxxoverflow-y:scroll;
  xxxoverflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  height:100%;
background: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));}
.overthrow-enabled .overthrow {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.side-top-nav { float:left; clear:right; border-bottom: 1px solid #a3a3a3; margin-bottom:15px; padding:3px 0 3px 0px; width:100%}  
.side-nav a { float:left; clear:both;text-decoration: none; color: #D6D406; display: block; padding:5px 0 5px 15px; border-bottom: 0px solid #a1a1a1; font-size:1.5em;}
.side-top-nav > a { float:left; display:block; margin:auto; color:white; padding:6px 0 5px 18px;}
.side-top-nav > a:first-child { padding-left:6px;}
.side-top-nav > a:last-child { padding-left:9px;}
.side-top-nav > a:first-child {  padding-right:6px;}
.side-nav .nav-more { background-color: black; width:100%; padding:0; margin:0; float:left; clear:both;}
.side-nav .nav-more label {  padding: 15px; color: gray; display: none; float:left;width:100%;}
nav.mobile-nav { color: #545454; background-color: #a1a1a1; display:block; float:left;width:100%; box-shadow: 0px -1px 1px #545454; margin-top: -60px; }
nav.mobile-nav a { float:left; clear:both:width:100%; text-decoration:none;color: #1c1c1c; xxxtext-shadow: -1px -1px 3px #898989; padding:10px 0 3px 0; display: block; float: left; width:33%; text-align: center;}
nav.mobile-nav a > i { color: #383838; }
nav.mobile-nav a:active { color: #D6D406; }
nav.mobile-nav label { display:block; font-size:.5em;padding-top: 3px; }
nav.mobile-nav a.logged-in > i, nav.mobile-nav a.cartFilled > i { color: #D6D406; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #999999; }



a.listing { padding: 0; float: left; clear: both; width: 100%; font-size: .875em; color: #333;}

.genre-listing, .program-listing 
{
  padding: 15px;
}
.topnav-listing
{
   
  background-color: #898989;
  color: #ffffff;
  font-weight: 500;
  border-color: white;
}
.topnav-listing:active
{
  background-color: #999999;
}

div.section-h {
  color: white; 
  background-color: #383838; 
  padding: 0; 
  font-size: .875em; 
  text-transform:uppercase; 
  width:100%;
  float:left;
  border-top: 1px solid #595959;
} 
div.section-h span { padding: 7px 0 5px 13px; display:block; float:left; }

.listing div.eventinfo { float: left; width: 40%;}
.listing img{ float: left; width: 55%;}

.listing div.eventinfo { padding: 5px; clear: right; }
.moduleDate 
{ 
  color: #999999; font-size: .875em;
}

.genre-label, .listingLabel { text-transform:uppercase; display: block; font-size: .675em; padding-bottom: 2px}
.genre-label span, .listingLabel span {color:#999;}
.eventInfo .mobileTime { display: block; float: left; padding-right: 5px; text-transform:lowercase;}
.mobileTimes > .mobileTime { text-transform:lowercase; }
.runningtime-label { display: block; }

/** EVENT PAGE **/
/* this item needed to be move off of the template so i need to hide it for non-festival pages */
#calloutBox {display:none;}

.timeList li {
    font-size: .875em;
    float: left;  
	margin-left:1px;
    text-transform: lowercase;
    font-family: "Helvetica Neue Light", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman","Arial","Helvetica", sans-serif;
    font-weight: 100;
	list-style:none;	
}
.timeList ul {
	margin: 0px;
	padding:0px;
}
.timeList li:first-child:before {
    content: "";
}
.timeList li:before {
    content: ", ";
}

.title 
{
  display: block;
  font-size: 1.75em;
  padding: .5em 0 .5em 0;
}
.event-info
{
  display: block;
  font-size: .875em;
  
}
.event-status 
{ 
  font-size:1.75em;
  color:#F00;
}
.venue-label
{
  font-weight: 500;
  padding: 0 0 0 0;
}
.moduleDate
{

  padding: .125em .25em .125em 0;
}
.moduleHeroInfo {font-size:12px; margin-top:24px;margin-bottom:24px;}

.header-logo { margin: 10px 30px 0 10px; }
.ui-loader {
  top: 20% !important;
  box-shadow: 0 1px 1px -1px white;
  left: 27% !important;
  border: 0;
  margin: auto;
  background-color: #383838;
  padding: 20px;
  border-radius: 30px;
  color: white;
  opacity:.90;
  width: 100px;
  height: 100px;
}

.ui-loader > h1 { font-size: 1em; text-align:center;height:auto;width:auto;}
/* this format appears to have been updated in 1.4.5 see following entry */
xxx.ui-icon.ui-icon-loading { 
  background: url(/images/loading.gif) -7px;
  width: 64px;
  height: 64px;
  margin: auto;
}
		
div.ui-loader span.ui-icon-loading { 
  display:inline-block;	
  background: url(/images/loading.gif) no-repeat 10px;
  width: 100px;
  height: 64px;
  margin: auto; 
}		

.datenav { xxxposition: absolute; xxxtop: 14px; xxxright:0px; color: white; font-size: 1.5em; width: 160px;}
.datenav a, div.datenav span { display:block; float:left;  margin: auto; width:86%; padding:10px 0 0 0; text-align:center;}
.datenav a 
{ 
  text-decoration: none; 
  color: #c1c1c1; 
  margin: 4px 0 0 0; 
  font-size: 1em;
  background-image:url(/images/icons_sprite.png);
  width:20px;height:24px;
  opacity:.5;
}
.datenav a.right
{ 
  background-position:-118px -180px;
  margin-right:3px;
}
.datenav a.left
{ 
  background-position:-79px -180px;
}


a.imgbutton, input.imgbutton {
  background-color: #D6D406;
  border: 0 none;
  color: Black;
  cursor: pointer;
  display: inline-block;
  font-family: "NewsGothic-n5","NewsGothic",sans-serif;
  font-size: 16px;
  font-weight:500;
  line-height: normal;
  min-width: 34px;   
  overflow: hidden;
  padding: 14px 25px 3px 11px;
  height:24px;
  text-align: left;
  text-transform: uppercase;
  vertical-align: baseline;
  background-image:url(/images/button_arrow_dark.png);
  background-position: right 18px;
  background-repeat:no-repeat;
  position:relative;
  text-decoration: none;
}

/*************************************************************************************/
/********* EVENT SEGMENT UPDATES                                                ******/
/*************************************************************************************/
.segment {border-bottom:1px solid #a2a2a2;}
.segmentLast {border-bottom:0px;}
.segment .title {font-size:1em; font-weight:500;}
.segment .description {font-size:.875em;}
.segment .description p {margin-top:0px;}
.segment .description.dark {color:#a2a2a2;font-size:.875em;}
.segment .categoryDivider {margin-top:0px;height:1px;}
.segmentLabel {
  margin: 20px 0px 0px 0px;
  font-family: "NewsGothic-n5","NewsGothic",sans-serif;
  font-size:11px;
  text-transform: uppercase;
}


/************************************************************************************/
/********* video channel updates                                               ******/
/************************************************************************************/

.ui-mobile .videoSetsBlock ul{margin:0;padding:0;z-index:100;}

.playButtonImageMulti {
    background-image: url("/images/icons_sprite.png");
    background-position: 0 -190px;
    cursor: pointer;
    display: block;
    height: 70px;
    width: 70px;
    position: absolute;
    top: 50%;
    left:50%;
    margin-top:-35px;
    margin-left:-35px; 
}
.jumpVideoImage {position:relative;float:left;width:45%;background-color:#000;}

.videoDetailsTop a {text-decoration:none; }
.jumpVideoImage img {
    width:100%;
    float:left;
}
.videoDetailsTop {border:0;}
.ui-mobile .videoSetsBlock .imageDetailBlock {padding:5px 0px 0px 5px;float:left;width:45%}
.ui-mobile .adjust {display:block;position:relative;float:right;top:-24px;}
.ui-mobile .bodyCopyMore {clear:both;}


.videoDetailsBottom {color:#fff;}
.videoDetailsBlock, .videoDetailsBlockMain {padding:0;margin:0;width:100%;border-bottom:1px solid #595959;font-size: .875em;}
.videoDetailsBlockMain {padding-top:10px;background-color:#000;color:#fff;}
.videoDetailsBlock a, .videoDetailsBlockMain a {color:#D6D406;text-decoration:none;}
.videoDetailsBottomMain #videoTitle {font-size:1.2em;}
.videoDetailsBottomMain #videoSeries {margin-top:5px;}

li.videoDetailsBlock {list-style-type:none;}
.videoDetailsBottom {padding:0px 0px 0px 5px;margin:0;background-color:#111;color:#666;}

xxx.videoDetailsTop {width:100%;}
.ui-mobile #videoTags,.ui-mobile #videoSeries,.ui-mobile #videoDescription {margin-bottom:10px;}
.ui-mobile #videoSeries, .ui-mobile .relatedHeader {color:#fff;}  

.videoSetsBlock h4 {font-size:14px;background-color:#383838;color:#FFF;margin:0px;padding:7px 10px 7px 10px;}

#videoSeriesDetailBlock{padding:10px;border-bottom:1px solid #595959;}
#videoSeriesDetailLabel{text-transform:uppercase;font-size:10px;font-weight:900;margin-bottom:5px;}
#videoSeriesDetailTitle{font-size:22px;}
.imageDetailBlockTitle a {color:#333;}
.moreSeriesLink {margin-top:10px;}
.imageDetailBlockDate {color:#999; font-size: .875em; padding: .125em .25em .125em 0;}
.playButtonImageMulti{display:none;}

#specialAnnouncementWrapper{
color:#000;
width:100%;
padding:20px 0px;	
background-color:#D6D406;
font-size:2em;
text-align:center;	
}
#specialAnnouncementIcon img{height:60px;width:60px;}

.calWrapper {
	padding:20px;
	background-color:#666;		
}

/*****************************************************************************************************/
/**New updates for displaying new modules on event pages  **/
/*****************************************************************************************************/

.banner-text {width:90%;font-size:28px;text-transform:uppercase;line-height:1.1em;margin:0 auto;margin-top:25px; margin-bottom:10px;}
.banner-cta {margin:0 auto; width:100%;margin-bottom:25px;}

.infoModule {width:100%; margin:10px 0px;}
.infoModule .contentWrapperDetails, .infoModule .contentWrapperImage {width:50%;float:left;position:relative;z-index:2;}
.infoModule .contentWrapperImage {text-align:center;}
.infoModule .contentWrapperDetailsWrapper {padding:10px 10px;}
.infoModule img {max-width:85%;height:auto;margin-top:15px;}
.infoModule .label {clear:both;text-transform:uppercase; font-weight:800;font-size:12px;margin:0px;}
.infoModule .title {font-size:20px;margin-top:5px; width:auto;padding:0px;}
.infoModule .desc {margin-top:20px;font-size:14px;}
.infoModule .label, .infoModule .title, .infoModule .desc {text-align:left;}
.infoModule .info-cta {margin-top:20px}
.infoModule .backgroundEmbellishment {position:absolute;width:100%; height:65px; background-color:#ffff4c;top:0px;left:0px;z-index:1;}
	
.slideShowModuleNew {margin:10px 0px;}

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

/***owl slider tweak ***/
.owl-dots {text-align:left;}
.owl-nav {display:none;}
.owl-controls {margin-bottom:10px;}
.owl-item .caption {text-align:center; margin-top:5px; font-size:10px;}

/* quote module */
.quoteModule {width:100%;text-align: center;margin:0px;padding-top:20px;clear:both}
.bannerTextWrapper {}
.quoteModule .icons {font-size:32px;}
.quoteModule .divider {width:150px; border: 3px solid black; margin:0 auto;}
.quoteModule .quote {margin:0px auto;font-size:22px;line-height:1em;}
.quoteModule .attribution {margin-bottom:20px;font-size:14px;}
.quoteModule .imgbutton {margin-bottom:20px;}

/* video module */
.videoModuleNew {margin:10px 0px;}
xxx#jwVideoPlayer iframe {width:100% !important; height:auto !important;}

.videoModuleNew {
 position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
height: auto; 
}

 
.videoModuleNew iframe{
position: absolute; 
top: 0; 
left: 0; 
width: 100% !important; 
height: 100% !important;
}

.moduleBanner.socialBlock{border-top:1px solid #0033a0;border-bottom:1px solid #0033a0;height:150px;color:#0033a0;}
.moduleBanner {width:100%;text-align:center;position:relative;xxxbackground-color:#e1e1e1;margin:10px 0px;}
.moduleBanner img {display:none;xxxposition:absolute;xxxwidth:410px;xxxleft:-44px;xxxbottom:0;}
.moduleBanner .hashTag {font-weight:800;padding:25px 0px;}

#performanceInfoBlock a{
	text-decoration:none;	
}
#performanceInfoBlock ul{
	list-style-type:none;	
}

/* **************************2.0 ADA UPDATES *********************** */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */