/* mek changes since original launch */
body.path-node.node--type-page .region--header, .region--header.region.region-header.float {
	width:100vw;
	background-color: rgba(255,255,255,0.7);
}
body.path-node.node--type-article.page-webstreaming{
	iframe{
	min-width:100vw;
	overflow:hidden;
}}
//iframe{	//removed this on 03-02-23 - MD
//	border:0;
//	min-width: 100vw;
//}

body.page-webstreaming iframe{	//added this on 03-02-23 - MD - this is to fix the neon-one buttons and iframes
	border:0;
	min-width: 100vw;
}
//webstreaming//

@media screen and (min-width:1101px) {
  body.page-webstreaming{
    iframe#iFrameResizer0{
      width:100%;   
    }
  }
}
@media screen and (min-width:851px) and (max-width:1100px) {
  body.page-webstreaming{
    iframe#iFrameResizer0{
      width:100%;   
    }
  }
} 
@media screen and (min-width:691px) and (max-width:850px) {
  body.page-webstreaming{
    iframe#iFrameResizer0{
      width:100%;   
    }
  }
}
@media screen and (min-width:441px) and (max-width:690px) {
  body.page-webstreaming{
    iframe#iFrameResizer0{
      width:100%;   
    }
  }
}
@media screen and (min-width:376px) and (max-width:440px) {
  body.page-webstreaming{
    iframe#iFrameResizer0{
      width:100%;   
    }
  }
}
@media screen and (min-width:0px) and (max-width:375px){
  body.page-webstreaming{
    iframe#iFrameResizer0{
      width:100%;   
    }
  }
}
nav#block-townsquare-test-two-footer ul.menu li.menu-item a {
  width:20%;
  position: relative;
  float: left;
  margin-bottom: 2%;
  margin-left: 0%;
  margin-right: 0%;
  color: #fff;
  text-decoration: none;
}

div#block-newslettersignup-3{
	div.neonfront_container, div.neonfront_cover {
		display:block !important;
		position:relative !important;
		top:-250px !important;
		overflow:none !important;
	}
div.neonfront_element col-md-12{
	label.form-label  {
		input #name.firstName{
			width:100%;
}}
	label.form-label  {
		input #name.lastName
			width:100%;
}}}
			

	div.neonfront_header, div.footer-root, div.neonfront_footer, nav#header-content, nav#header-content div {
		display:none !important; 
	}
}

/* this selector isnt working????
#elemenulist {
	border:10px solid #ffff00 !important;
}
*/

/*
p.ele-switchtext span {
		display:none;
		color:yellow;
	
}
*/

div .ele-table {
	overflow-x:auto;
}

#548358eletablewholeiddiv{
	overflow-x:auto;
}

table.ele-table {
	table-layout: fixed;
	width:auto;
	overflow-x: auto;
}

table#548358eletablewholeid{
	width:auto;
	/*font-size:2em;*/
	table-layout:fixed;
	overflow-x: auto;
}

.ele-switchtext{
	font-size: 1em;
	/*min-width:180px;
	max-width:180px;*/
}

.ele-switchtext span{
		width:190px;
		text-align:center;
		border:1px solid #606060;
		background-color: white;
		border-radius: 5px;
		padding:.3em;
		cursor: pointer;
		display:block;
}

table.ele-table tr.tabletitlerowward th{
	text-align:center;
	border-color:rgba(0, 0, 0, 0.2);
}

/*
table.ele-table col.ward1{
	visibility:collapse;
}
*/

.showcolgroup{
	visibility:visible;
}

.hidecolgroup td{
	/*visibility:collapse;
	border:none;
	opacity:0;*/
	display:none;
}

/*
table.ele-table tr.tabletitlerowward:first-child th{
	border-right-color:rgba(0, 0, 0, 0.2);
}

table.ele-table tr.tabletitlerowward:last-child th{
	border-left-color:rgba(0, 0, 0, 0.2);
}
*/

table.ele-table tr.tabletitlerow th{
	text-align:center;
}

table.ele-table .candidatenamecell{
	min-width:180px;
	max-width:300px;
	max-height:77px;
	height:77px;
	/*position:absolute;*/
}
	
table.ele-table .elerowtotalcell{
	min-width:130px;
	max-width:130px;
	padding-top:0em !important;
	padding-bottom:.35em !important;
	text-align:center;
	/*position:absolute;*/
	/*line-height: 2.0;*/
}

table.ele-table .percentbarouterdiv{
	border:1px solid black;
	background-color:#00CE00;
	margin-top:3px;
}

table.ele-table .percentbarinnerdiv{
	height:24px;
	width:1%;
	background-color:#FF8100;
	/*padding-top: 0px;*/
	/*padding-left: 6px;*/
}


table.ele-table .eleprecinctcell.integermode{
	font-size:1em;
	/*font-size:.9vmax;*/
	white-space: nowrap;
	overflow:hidden;
	display:table-cell;
	text-align:center;
	width: 100px !important;
   /*display: inline-block;*/
}

table.ele-table .eleprecinctcell.percentmode{
	font-size:.75em;
	/*font-size:.55vmax;*/
	white-space: nowrap;
	overflow:hidden;
	display:table-cell;
	text-align:center;
	width: 100px !important;
   /*display: inline-block;*/
}

table.ele-table .eletotalsrowcell.integermode{
	font-size:inherit;
	/*font-size:.9vmax;*/
	white-space: nowrap;
	overflow:hidden;
	display:table-cell;
	text-align:center;
	width: 100px !important;
	height: 80px !important;
    /*display: inline-block;*/
}

table.ele-table .eletotalsrowcell.percentmode{
	font-size:.741em;
	/*font-size:.655vmax;*/
	white-space: nowrap;
	overflow:hidden;
	display:table-cell;
	text-align:center;
	width: 100px !important;
	height: 80px !important;
    /*display: inline-block;*/
}

/*
@media screen and (min-width: 10px) and (max-width: 800px) {
	table.ele-table .eleprecinctcell.integermode{
	font-size:1em;
	}

	table.ele-table .eleprecinctcell.percentmode{
		font-size:.75em;
	}

	table.ele-table .eletotalsrowcell.integermode{
		font-size:1em;
	}

	table.ele-table .eletotalsrowcell.percentmode{
		font-size:.8em;
	}
}
*/

table.ele-table .totalsrowtotalcell{
	height:60px;

}

table.ele-table .winner{
	background-color:#FFE000 !important;
	font-weight: bold !important;
}


/* These css items are to have scrolling on only part of a table */
#548358eletablewholeid .candidatenamecell, #548358eletablewholeid .elerowtotalcell {
	/*position:absolute;*/
}




/* START - These css items all belong to the stream "app" that is replacing granicus webstreaming */

:root {
	/*--streamingbg: #adadad;*/
	--streamingbg: #d9d9d9;
  
}

.streamscheduleitemlivenow td, .streamscheduleitemlivenow{
	font-weight: bold;
}

.streamslideshowiframelive {
	display:block;
	width:100%;
	height:600px;
}

.streamslisdshowiframeslideshow{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.streamdrupalscheduletable{
	margin:auto;
	width:100%;
}

.streamdrupalscheduletable tr{
	tr:nth-of-type(odd) {
    background: #eee; }
}

.streamdrupalscheduletable tr:nth-of-type(odd) {
  background: #eee;
}

.streamdrupalscheduletable tr.streamingpreview {
  background: none;
}

.streamdrupalscheduletable tr.streamingpreview td.tdscheduleitemtitle {
  font-weight:800;
}


/* Number text (1/3 etc) */
.numbertext {
  color: white;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
  background-color: #000000;
}


@media screen and (min-width: 0px) and (max-width: 991px) {
	.streamdrupalscheduletable td{
		padding:0px 0px 0px 20px;
		border:0px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.streamdrupalscheduletable td{
		padding:0px 0px 0px 20px;
		border:0px;
	}
}

@media screen and (min-width: 1200px) {
	.streamdrupalscheduletable td{
		padding:0px 0px 0px 20px;
		border:0px;
	}
}


@media screen and (min-width: 0px) and (max-width: 450px) {
	
	#streamdrupalscheduletable tr.scheduleitemrow{
		display: flex;
		flex-wrap: wrap;
	}
	
	#streamdrupalscheduletable tr.scheduleitemrow td:nth-child(1){
		order:3;
		flex-basis:100%;
	}
	
	#streamdrupalscheduletable tr.scheduleitemrow td:nth-child(2){
		order:1;
		flex-basis:72%;
	}
	
	#streamdrupalscheduletable tr.scheduleitemrow td:nth-child(3){
		order:2;
		flex-basis:27%;
	}
	
	#streamdrupalscheduletable tr.scheduleitemrow td:nth-child(4){
		order:4;
	}
	
	#streamdrupalscheduletable tr.scheduleitemrow td:nth-child(5){
		order:5;
	}
	

	
	.break {
		flex-basis: 100%;
		height: 0;
}
	
	
	
}


@media screen and (min-width: 0px) and (max-width: 808px) {
	.streamcontentwrapper{
		max-width:720px;
		min-width:315px;
		margin:auto;
	}
	
	.streamslideshowwrapper{
		position: relative;
		width: 100%;
		aspect-ratio: 16 / 9;
		margin-top:45px;
		margin-bottom:27px;
	}
	
	.streamdrupalscheduleinnerdiv{
		display:inline-grid;
		padding:0px 0px 0px 0px;
		margin-top:70px;
		border:0px solid black;
	}
	
	.streamingpreviewdiv div.streamdrupalscheduleinnerdiv{
		margin-top:0px;
	}
	
	.streamgallerywrapperinner{
		display:inline-grid;
		padding:0;
		border:0px solid black;
	}
	
	.streamingsearchinnerwrapper, .streamingprogramlistinnerwrapper, .streaminginnerwrappersearchbar, .streamingvodinnerwrapper, .streamingliveinnerwrapper, .streaminglivetitlediv , .streaminglivepdfandvideodiv{
		display:inline-grid;
		padding:0;
		border:0px solid black;
	}
	
	@media screen and (min-width: 0px) and (max-width: 674px) {
		.streamingvodouterwrapper, .streamingvodinnerwrapper{
			padding-right:10px;
			margin-right:10px;
		}
	}
	
	/* Slideshow container */
	.slideshow-container {
		height:100%;
		position: relative;
		margin: auto;
	}
	
	.divdot{
		position:absolute;
		max-width:80%;
		background-color:none;
		top:-28px;
		right:15px;
		display:flex;
		justify-content:flex-end;
		

	}
	
	/* Number text (1/3 etc) */
	.numbertext {
	top: -42px;
	}
	
	.streamingslideshowtext {
		bottom:-70px;
	}
	
	.ember-text-field{
		display:block;
	}
	
	.btn, .btn-search, .btn-search-all{
		width:172px;
		border-radius: 2px;
		border: 1px solid black;
	}
	
	.btn-search, .btn-search-all{
		font-size:.86em;
	}	
	
	/* dont display the PDF at smaller sizes 0px - 1077px */
	.streaminglivepdfdiv{
		display:none;
	}
	
}

@media screen and (min-width: 809px) and (max-width: 1043px) {
	.streamcontentwrapper{
		max-width:720px;
		min-width:720px;
		margin:auto;
	}
	
	
	.streamslideshowwrapper{
		position: relative;

	}
	
	
	.streamslideshowwrapper.launchpagestreamslideshowwrapper, .streamslideshowwrapper{ /*added this to shrink the size of the launchpage slideshow 08-20-25 - MD*/
		height:304px;
		max-width: 75%;
		margin-left:auto;
		margin-right:auto;
	}
	
	.streamdrupalscheduleinnerdiv{
		display:block;
		margin:auto;
		padding: 20px 0px 20px 0px;
		max-width:720px;
		border:0px solid black;
	}
	
	.streamdrupalscheduleinnerdiv.streamingpreviewdiv div div.streamdrupalscheduleinnerdiv{
		margin-top:0px;
	}
	
	.streamgallerywrapperinner{
		display:block;
		padding:0;
		margin:auto;
		max-width:720px;
		border:0px solid black;
	}
	
	.streamingsearchinnerwrapper, .streamingprogramlistinnerwrapper, .streaminginnerwrappersearchbar, .streamingvodinnerwrapper, .streamingliveinnerwrapper, .streaminglivetitlediv , .streaminglivepdfandvideodiv{
		display:block;
		padding:0;
		margin:auto;
		max-width:720px;
		border:0px solid black;
	}
	
	/* Slideshow container */
	.slideshow-container {
		height:100%;
		position: relative;
		margin: auto;
	}
	
	.divdot{
		position:absolute;
		background-color:none;	
		display:flex;
		justify-content:flex-end;
		padding:13px 6px 0 20px;

		
	}
	
	.streamingslideshowtext {
		bottom:60px;
	}
	
	/* dont display the PDF at smaller sizes 0px - 1077px */
	.streaminglivepdfdiv{
		display:none;
	}
	
	.ember-text-field{
		display:block;
	}
	
}

@media screen and (min-width: 1044px) and (max-width: 1262px) {
	.streamcontentwrapper{
		max-width:945px;
		min-width:945px;
		margin:auto;
	}

	
	.streamslideshowwrapper.launchpagestreamslideshowwrapper, .streamslideshowwrapper{ /*added this to shrink the size of the launchpage slideshow 08-20-25 - MD*/
		height:400px;
		max-width: 75%;
		margin-left:auto;
		margin-right:auto;
	}

	.streamdrupalscheduleinnerdiv{
		display:block;
		margin:auto;
		padding: 20px 0px 20px 0px;
		max-width:945px;
		border:0px solid black;
	}
	
	.streamdrupalscheduleinnerdiv.streamingpreviewdiv div div.streamdrupalscheduleinnerdiv{
		margin-top:0px;
	}
	
	.streamgallerywrapperinner{
		display:block;
		padding:0;
		margin:auto;
		max-width:945px;
		border:0px solid black;
	}
	
	.streamingsearchinnerwrapper, .streamingprogramlistinnerwrapper, .streaminginnerwrappersearchbar, .streamingvodinnerwrapper, .streamingliveinnerwrapper, .streaminglivetitlediv , .streaminglivepdfandvideodiv{
		display:block;
		padding:0;
		margin:auto;
		max-width:945px;
		border:0px solid black;
	}
	
	/* Slideshow container */
	.slideshow-container {
		height:100%;
		position: relative;
		margin: auto;
		
	}
	
	
	
	
	/* The dots/bullets/indicators */
	.divdot{
		position:absolute;
		height:50px;
		bottom: 0px;
		padding:10px 0 0 20px;
		text-align:left;
		border:0px solid yellow;
		background-color:black;
		opacity:70%;
		
	}
	
	.streamingslideshowtext {
		bottom:392px;
	}
	
	
	
	/* dont display the PDF at smaller sizes 0px - 1077px */
	@media screen and (min-width: 0px) and (max-width: 1077px) {
		.streaminglivevideodiv{
			width:530px;
		}
		
		.streaminglivepdfdiv{
			display:none;
		}
		
		
	}
	
	@media screen and (min-width: 1078px) and (max-width: 20000px) {
		.streaminglivepdfandvideodiv{
			display: flex;
			flex-direction: row-reverse;
		}
		
		.streaminglivevideodiv{
			min-width:48%;
			border: 0px solid yellow;
			position:relative;
			margin-left:15px;
			font-weight: 400;
		}
		
		.streaminglivepdfdiv{
			max-width:48%;
			min-width:48%;
			border: 0px solid blue;
			position:relative;
			margin-right:15px;
			aspect-ratio:8.5/11;
		}
	}
	
	
	
}

@media screen and (min-width: 1263px) and (max-width: 20000px) {
	.streamcontentwrapper{
		max-width:1145px;
		min-width:1145px;
		margin:auto;
	}
	
	.streamslideshowwrapper{
	height:644px;
	position: relative;
	width: 100%;

	}

	.streamslideshowwrapper.launchpagestreamslideshowwrapper, .streamslideshowwrapper{ /*added this to shrink the size of the launchpage slideshow 08-20-25 - MD*/
		height:483px;
		max-width: 75%;
		margin-left:auto;
		margin-right:auto;
	}
	
	
	.streamdrupalscheduleinnerdiv{
		display:block;
		margin:auto;
		padding:20px 0px 20px 0px;
		max-width:1145px;
		min-width:1145px;
		border:0px solid black;
	}
	
	.streamdrupalscheduleinnerdiv.streamingpreviewdiv div div.streamdrupalscheduleinnerdiv{
		margin-top:0px;
	}
	
	.streamgallerywrapperinner{
		display:block;
		padding:0;
		margin:auto;
		max-width:1145px;
		min-width:1145px;
		border:0px solid red;
	}
	
	.streamingsearchinnerwrapper, .streamingprogramlistinnerwrapper, .streaminginnerwrappersearchbar, .streamingvodinnerwrapper, .streamingliveinnerwrapper, .streaminglivetitlediv , .streaminglivepdfandvideodiv{
		width:50%;
		margin:auto;
		max-width:1145px;
		min-width:1145px;
		border:0px solid red;

		
		
	}
	
	.ember-text-field{
		margin:0px;

	}

	
	.streaminglivetitlediv , .streaminglivepdfandvideodiv{
		border:0px solid black;
	}
	
	.streaminglivetitlediv{
		font-size: 1.5em;
		font-weight: 800;
	}
	
	/* Slideshow container */
	.slideshow-container {
		height:100%;
		position: relative;
		margin: auto;
	}
	
	/* The dots/bullets/indicators */

	.divdot{
		position:absolute;
		height:50px;
		bottom: 0px;
		padding:10px 0 0 20px;
		text-align:left;
		border:0px solid yellow;
		background-color:black;
		opacity:70%;
		
	}
	
	@media screen and (min-width: 809px) and (max-width: 1043px) {
		.divdot{
			display:flex;
			justify-content:flex-end;
			padding:13px 0 0 20px;
		}
	}
	
	.streamingslideshowtext {
		bottom:475px;
	}
	
	.streaminglivepdfandvideodiv{
		display: flex;
		flex-direction: row-reverse;
	}
	
	
	.streaminglivepdfdiv{
		max-width:48%;
		min-width:48%;
		position:relative;
		margin-right:15px;
		aspect-ratio:8.5/11;
	}
	
	.streaminglivevideodiv{
		min-width:48%;
		position:relative;
		float:right;
		margin-left:15px;
		font-weight: 400;
	}
	
}


@media screen and (min-width: 0px) and (max-width: 388px) {
	.ember-text-field{
		display:block;
		width:98%;
		/* margin:auto; */
	}
	
	.btn, .btn-search, .btn-search-all{
		max-width:50%;
		margin:auto;
		min-width:152px;
	}
	
	.btn-search, .btn-search-all{
		font-size:.77em;
	}
	
	
}
		
div.zerosearchresultsouterdiv{
	
}

div.zerosearchresultsinnerdiv{
	
}

div.streaminglivevideospecsdiv{
	
	h3.videospecmaintitle{
		font-weight: 400;
		font-size: 1.75em;
		margin:10px 0px 0px 0px;
	}
	
	span.videospectitle{
		font-weight: 600;
	}
	
	span.videospec{
		font-weight: 300;
		font-size: .8em;
	}
	
	p{
		margin-bottom:5px;
		line-height: 1;
		font-size: 1.1em;
	}

	
}

.streaminglivevideoiframe{
	width:100%;
	aspect-ratio:16/9;
}



.streamgallerywrapper{
	display:block;
	width:100%;
	padding:0;
	border:0px solid black;
}

.streamingouterwrappersearchbar{
	display:block;
	width:100%;
	padding:0;
	border:0px solid black;
}

.streamingvodouterwrapper, .streamingliveouterwrapper{
	display:block;
	width:100%;
	padding:0;
	border:0px solid black;
}

.streamingvodsearchbardiv, .streaminglivesearchbardiv{
	display: block;
	width:100%;
	text-align: left;
	height: 80px;
	background-color: var(--streamingbg);
	font-size: 1.3em;
	padding: 5px 15px 15px 15px;
}
	

.gallerypart{
	
}

.galleryparttitlediv{
	display: block;
	width:100%;
	text-align: center;
	background-color: var(--streamingbg);
	font-size: 1.3em;
	padding: 10px 0 0 0;
	margin-bottom:-25px;
	/*  This adds rounded corners to the gallery part title divs */
	border-radius: 4px;
}

/*  This removes rounded corners on the top gallery part title div, so that the top border aligns correctly with the search box above */
.streamgallerywrapperinner .gallerypart:first-child .galleryparttitlediv{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}


.streamingsearchtitlediv, .streamingprogramlisttitlediv{
	display: block;
	width:100%;
	text-align: center;
	background-color: var(--streamingbg);
	font-size: 1.3em;
	padding: 10px 0 10px 0;
	/* this adds rounded borders to the bottom left and right corners of the title divs on the search page and program list pages. */
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#streamingsearchtitledivlower, #streamingprogramlisttitledivlower {
	/* this adds rounded borders to the top left and right corners of the title divs on the search page */
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}



.streamingsearchtitledivpaginatinospan, .streamingprogramlisttitledivpaginationspan{
	/*float: left;*/
	display:block;
	text-align: center;
	font-size: .8em;
	margin: 5px 15px 0 0;
	padding-bottom:0px;
}

.streamingprogramlisttitledivspan, .streamingsearchtitledivspan{
	text-align: center;
	font-size: 1.2em;
	margin: 15px 0px 0 0;
}


.queryparametertitle{
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 5%;
}

.streamingsearchinnerwrappersearchbar, .streamingprogramlistinnerwrappersearchbar{
	display: block;
	width:100%;
	text-align: left;
	/*height: 80px;*/
	background-color: var(--streamingbg);
	font-size: 1.3em;
	padding: 15px 15px 15px 15px;
	/* margin: 10px 0 15px 0; */
}

.streaminginnerwrappersearchbar{
	display: block;
	width:100%;
	text-align: left;
	/*height: 80px;*/
	background-color: var(--streamingbg);
	font-size: 1.3em;
	padding: 15px 15px 15px 15px;
	margin: auto;
	border-top-left-radius:  4px;
	border-top-right-radius:  4px;
}


div.Launch div.streaminginnerwrappersearchbar{
	border-bottom-left-radius:  4px;
	border-bottom-right-radius:  4px;
}

/*    */
form#loggedinusernavigationform, form#searchform5339{
	display:inline;
}



.streamingsearchinnerwrapperappnavigation, .streamingprogramlistinnerwrapperappnavigation, .steamingvodnavigationdiv, .steaminglivenavigationdiv, .streaminglivenavigationdiv{
	display: block;
	width:100%;
	text-align: left;
	background-color: var(--streamingbg);
	font-size: .8em;
	padding: 15px 15px 15px 15px;
	font-style: italic;
}

.galleryparttitledivspansizer{
	/*float: left;*/
	text-align: left;
	font-size: 0.7em;
	font-weight: 100;
	margin: 5px 0px 0px 5px;
	/* blue color for links */
	color: #0000EE;
	display:block;
	/*width:20px;*/
}

.galleryparttitledivspan{
	/*float: right;*/
	text-align: right;
	font-size: .8em;
	margin: 0px 0px 0px 50%;
	position:relative;
	top:-28px;
	padding-right:10px;
	display:block;
}

.gallerypartshowdiv, .streamingsearchshowdiv{
	display:inline-grid;
	padding: 30px 5px 30px 5px;
	/*margin:auto;*/
	max-width:281px;
	min-width:281px;
	border:0px solid black;
	justify-content: space-between;
}


.gallerypartshowdiv{

}

/*this adds rounded corners to images in various galleries */
img.gallerypartshowdivthumbnail, img.streamingsearchshowdivthumbnail{
	border-radius: 4px;
}

.gallerypartshowdivtitlediv{
	margin: 5px 8px 5px 8px;
}

.streamdrupalscheduletitle{
	margin:auto;
}

.streamdrupalscheduleouterdiv{
	border:0px solid black;
	/*margin-bottom:25px;*/
}

.streamdrupalscheduleouterdiv.launchpagestreamdrupalscheduleouterdiv, .streamdrupalscheduleouterdiv{
	margin-bottom:0px;
}

.streamcontentwrapper{
	
}

.launchpagetable{
	width:100%;
	border-style: none !important;
}

.launchpagetable tr{
	background:none;
	border-style: none !important;
}

.launchpagetable tr td{
	background:none;
	border-style: none !important;
}


.streamslideshowwrapper{
	position: relative;

}

.streamtitlediv{
	
}



/* This is the navigation area on an individual show/vod page */
.vodpagenavigationdivwrapper{
	width:100%;
}

.vodpagenavigationdiv{
	width:100%;
	height:100px;
}

.vodpagenavigationdiv span{
	
}

.vodpagenavicationspansearchbox{
	float:right;
}


/* This is the div wrapper on an individual show/vod page */
.vodpageiframedivwrapper{
	width:100%;
	/*height:2000px;*/
	max-width:100%;
}

.vodpageiframedivwrapper iframe{
	width:100%;
	/*height:2000px;*/
	max-height:1500px;
	min-height:1200px;
}

.vodpagechapterspan{
	display:block;
	height:1.5em;
	width:300px;
	background:#eee;
	margin-bottom:5px;
	padding-bottom:5px;
}

.vodpagechapterspan:nth-child(odd){
	background:#ddd;
}




/* START - These css items all belong to the slideshow within the streaming app */
/* * {box-sizing:border-box}*/



/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  width: auto;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  user-select: none;
  bottom:50%;
  border: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 5px 0 0 5px;
  background-color:#000000;
}

/* Position the "previous button" to the left */
.prev {
  left: 0;
  border-radius: 0 5px 5px 0;
  background-color:#000000;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color:#000000;
  color: white;
}

/* Caption text */
.streamingslideshowtext {
	color: #f2f2f2;
	font-size: 20px;
	padding: 8px 12px;
	position: relative;
	display:block;
	text-align: right;
	overflow-wrap: break-word;
	min-height:50px;
	z-index:10;
	a {color: #f2f2f2;
		background-color:transparent;
	}
	a:hover {color: #ffffff;
			background-color:transparent;
	}
	
	@media screen and (min-width: 0px) and (max-width: 808px) {
		position:absolute;
		height:70px;
		background-color:#f6f6f6;
		text-align:left;
		font-size: min(20px, 5vw);
		
		a {
			color: black;
			background-color:transparent;
		}
		a:hover {
			color: black;
			background-color:#fff;
		}
		
	}
	
	@media screen and (min-width: 809px) and (max-width: 1043px) {
		position:absolute;
		background-color:black;
		opacity:.7;
		bottom:0px;
		a {
			color:#ffffff;
		}
	}
	
}


.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  
  
  @media screen and (min-width: 0px) and (max-width: 808px) {
	/*float:right;*/ 
	margin-left:6px;
	
  }
  @media screen and (min-width: 809px) and (max-width: 1043px) {
	  margin-left:6px;
  }
  
  
  
}

.active, .dot:hover {
  background-color: #717171;
}



/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;  
}

@keyframes fade {
  from {opacity: .3}
  to {opacity: 1}
}

.gallerypartnoshows {
	background-color: white;
	padding:5px 0 25px 0;
	margin-top:30px;
}

.emptyprogramlist {
	padding:25px 0 25px 0;
}


/* START - These css items all belong to the editbuttons for logged-in website users */

.editbuttonstd {
	white-space:nowrap;
	vertical-align:middle;
}

.editbuttons {
	border-radius: 2px;
	border:0px; 
	margin:0 1px 0 1px;
	height: 20px;
	padding: 2px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
}

.editbuttons.start {display:none;
	background-color:lightgreen;
	/*opacity: 0.6;*/
	cursor: not-allowed;
}
	
.editbuttons.end {display:none;
	background-color:LightSalmon ;
	/*opacity: 0.6;*/
	cursor: not-allowed;
}
	
.editbuttons.edit {
	background-color:lightyellow;
}


/* END - These css items all belong to the editbuttons for logged-in website users */



/* END - These css items all belong to the slideshow within the streaming app */



form#vodsearchformonsearchpage {
  /*width: 400px;*/
  width:35%;
  border: 1px solid gray;
  padding: 4px;
  border-radius: 8px;
  float: left;
  margin-right: 10px;
  display: inline-block;
  margin-left:20px;
  margin-top:10px;
}

@media screen and (max-width: 810px) {
	form#vodsearchformonsearchpage {
		width: 100%;
		border: 1px solid gray;
		padding: 4px;
		border-radius: 8px;
		float: left;
		margin-right: 0px;
		display: inline-block;
		margin-top:0px;
		margin-left:5px;
	}
}



.displaynone{
	/*height: 0px;*/
	display:none;
	/*transition: height .5s;*/
	/*transition-timing-function: ease-in-out;*/
}



/* START - these css items are for the homepage iframe */
/* hide the admin toolbar for people that are logged into the website - on the webstreaming iframe on the homepage */
body.page-streamingpreview div#toolbar-administration {
	display:none;
	
}

body.page-streamingpreview {
	padding-top: 0px;

}

body.page-streamingpreview div#streamdrupalscheduleinnerdiv{
	padding-top: 0px;

}
body.page-streamingpreview.toolbar-tray-open.toolbar-vertical.toolbar-fixed{
	padding-left:0px;
}

body.page-streamingpreview div.streamdrupalscheduleinnerdiv{
	max-width:100%;
}

body.page-streamingpreview div.streamcontentwrapper{
	max-width:100%;
	min-width:100%;
	margin-left:-1%;
}

body.page-streamingpreview span.streamdrupalscheduletitle{
	font-family: "Exo 2", sans-serif;
	color: #000;
	font-weight: 500;
	line-height: 120%;
	font-size:1.5em;
	margin:0;
	margin-left:-3.25%;
}

body.page-streamingpreview table.streamdrupalscheduletable{
	margin-top:10px;
}

body.page-streamingpreview table.streamdrupalscheduletable tr:nth-of-type(2n+1){
	background:#eee;
}



body.page-streamingpreview table.streamdrupalscheduletable td{
	padding:0 0 0 5px;
	
}

@media screen and (min-width: 0px) and (max-width: 1101px) {
	
	body.page-streamingpreview #streamdrupalscheduletable tr.scheduleitemrow{
		display: flex;
		flex-wrap: wrap;
		
	}
	
	body.page-streamingpreview #streamdrupalscheduletable tr.scheduleitemrow td:nth-child(1){
		order:2;
		flex-basis:72%;
	}
	
	body.page-streamingpreview #streamdrupalscheduletable tr.scheduleitemrow td:nth-child(2){
		order:1;
		flex-basis:100%;
	}
	
	body.page-streamingpreview #streamdrupalscheduletable tr.scheduleitemrow td:nth-child(3){
		order:3;
		flex-basis:27%;
	}
	
	body.page-streamingpreview #streamdrupalscheduletable tr.scheduleitemrow td:nth-child(4){
		order:4;
		display:none;
	}
	
	body.page-streamingpreview #streamdrupalscheduletable tr.scheduleitemrow td:nth-child(5){
		order:5;
		display:none;
	}
	
	.break {
		flex-basis: 100%;
		height: 0;
	}
	
}

body.page-streamingpreview table.streamdrupalscheduletable tr:nth-of-type(n+6){
	display:none !important;
}

/*@media screen and (min-width: 0px) and (max-width: 1100px) {
	body.page-streamingpreview table.streamdrupalscheduletable tr:nth-of-type(n+6){
	display:none !important;
	}
	
}

@media screen and (min-width: 1101px) and (max-width: 20000px) {
	body.page-streamingpreview table.streamdrupalscheduletable tr:nth-of-type(n+10){
	display:none !important;
	}
	
}*/

/*
body.page-streamingpreview table.streamdrupalscheduletable tr:nth-of-type(n+6){
	display:none !important;
	}

#block-sampleshowblock{
	container-name: homepagestreamingpreviewcontainer;
	container-type: normal;
}

/* Add styles if myContainer is less than 500px wide */
/*
@container homepagestreamingpreviewcontainer (height > 360px) {
	body.page-streamingpreview table.streamdrupalscheduletable tr:nth-of-type(n+10){
	display:none !important;
	}
}
*/



/* END - these css items are for the homepage iframe */


/* END - These css items all belong to the stream "app" that is replacing granicus webstreaming */