/* additional navigation */

/* normally off */
div.frost-medium{display: none;}


/* turn on at this point */
@media screen and (max-width: 1070px) {
	div.desktop-size{display: none;}
	div.frost-medium{display: block;}
}


/* Turn off 'medium' when we get really small. */
/* The regular 'div.smallest' definition, */
/* found in hp_2020.css (or similarly named file) */
/* takes over at this point. */
@media screen and (max-width: 780px) {
	div.frost-medium{display: none;}
}


/* end additional navigation */



/* embedded video */

.video{padding: 2rem;}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    border: 1px solid black;
}

@media screen and (max-width: 780px) {
  .video{padding: .25rem;}
}



/* video title */

div.content > p.frost-video-title{
	text-indent: 0;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}







div.content > p.frost-noindent{
	text-indent: 0;
	padding-left: 40px;
}


@media screen and (max-width: 420px) {
	div.content > p.frost-noindent{	padding-left: 10px;}
}






/* styles for the transcript link and transcript text */
#transcriptlink{
	text-align: center;
	font-size: 1rem;
	margin-top: -20px;
}

@media screen and (max-width: 780px) {
	#transcriptlink{margin-top: 0;}
}


#transcriptlink a{
text-decoration: none;
}

#transcriptlink a:link, #transcriptlink a:visited{
color: #000;
}

#transcriptlink a:hover, #transcriptlink a:visited:hover{
color: #66F;
}

#transcripttext{
	font-size: 1.1rem;
	text-indent: 0;
	max-width: 850px;
	height: 400px;
	margin: 20px auto 40px;
	padding: 5px 15px 5px 75px;
	background-color: #eee;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	overflow: auto;
	display: none;
}

#transcripttext > p{
	margin-bottom: 20px;
	text-indent: -65px;
}

@media screen and (max-width: 420px) {
	#transcripttext{padding: 5px 15px 5px 35px;}
	#transcripttext > p{text-indent: -25px;}
}

#transcripttext p.noname{
text-indent: 0px;
}


.speaker{
font-weight: bold;
font-size: 1.2rem;
}


/* special style for half-life data run list */
div.content > p.dataruns{
	text-indent: 0;
	padding: 3px 0 30px 60px;
}

@media screen and (max-width: 420px) {
	div.content > p.dataruns{	padding: 3px 0 30px 20px;}
}



/* subscription text */
div.content > p.subscribe{
	margin: 45px auto 40px;
	padding: 5px;
	max-width: 800px;
	border-color: #ECC101;
	border-width: 1px;
	border-style: solid;
	background-color: #FFF3A9;
	font-size: 1.2rem;
	text-align: center;
}