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

/*Snowflake rules:
This is a special css sheet for the workers of the Alliance to add formatting to be used on various pages without having to go back to Subject matter everytime we want to add better formatting than they can provide us out of the box.  

We want more control, but OBVIOUSLY DO NOT WANT TO BREAK THE SITE.

To that end We ask that users of this css comment HEAVILY.  We want good formatting and we want to avoid duplication of effort.

For now we are breaking CSS by creator, but I think it will probably be better to group by function/intention.

Rules:
1.  Style should ONLY link to ID class, and those classes should be robust descriptors (e.g. ID="ESSA_Page_BrownBox" as opposed to ID="brwn" etc.).  This way, we will hopefully avoid clashing rules and not break the site.
*/




/*  AC  Added Styles Here */

/*Test Styles Here*/
#cssTest001 {
	background-color: yellow;
	Border: #000000 dashed;
	clear: both;
	width: 90%;
	
}
/************************/
/************************/
/* Next Gen Styles Here */
#NxtGn_Header {
	background-image:url(http://all4ed.org/wp-content/uploads/2016/08/NG_Header_02b.png);
	background-repeat: no-repeat;
	/*background-size: 100% 27%;*/
	height:430px;
	max-width:1606px;
	width:1606px;
}

#NxtGn_HeaderBanner{
	
}

/************************/
/************************/
/* Olympics Styles Here */

#OlympicsWrapper{
	clear: both; 
	width: 100%;
}

#OlympicsHeader{
	font-size:36px;
	font-weight: bold;
}

#OlympicsHeader2{
	font-size:20px;
	font-weight: bold;
}

#OlympicsCopyMain{
	color:#3B3B3B;
	font-family: Gotham, Helvetica, Arial, sans-serif; 
	font-size: 16px;
	line-height:1.5em;
	
}

#OlympicsGalleryItem{
	min-width: 240px; 
	width: 30%; 
	margin: 3% 3% 3% 0; 
	float: left;
}

#OlympicsCopyGallery{
	color:#3B3B3B;
	font-family: Gotham, Helvetica, Arial, sans-serif; 
	font-size: 12px;
	line-height:1.5em;
}


@media screen and (max-width: 500px){
	div.mobile-collapse{
		background-color:#F70004;
		display:block;
		border:thick;
		min-height:120px;
	}


}

/************************/
/************************/
/* Personalized Learning Styles Here */

/*


#PL_DownloadSpecial a{
	color:#FFFFFF;
}
*/

#PL_DownloadSpecial{
	background-color:#CB0000;
	color:#FFFFFF;
	float: right;
	min-height:60px;
	padding: 6px;
	width: 30%;
}

#PL_DownloadSpecial strong a{
	margin:10px 5px 3px 5px;
	padding:0;
	color:#FFFFFF;
}

#PL_H2 h2{
	font-size:3.0em;
	margin-top:10px;
}

#PL_MainWrapper{
	width:100%;
}

#PL_MainResource{
	display: inline-block;
	float:left;
	margin: 5px 5px 5px 0px;
	padding: 3px;
	width:100%;
}

#PL_OldReport{
	float:left;
	margin: 5px 45px 5px 0px;
	width:43%;
}

#PL_OldReport br {
	line-height:none;
}



/************************/
/************************/
/*KH Added Styles here*/


/************************/
/*NEXT-GENERATION HS PAGE*/
/************************/

/*  SECTIONS  */
	.section {
		clear: both;
		padding: 0px;
		margin: 0px;
	}

	/*  COLUMN SETUP  */
	.col {
		display: block;
		float:left;
		margin: 1% 0 1% 1.6%;
	}
	.col:first-child { margin-left: 0; }

	/*  GROUPING  */
	.group:before,
	.group:after { content:""; display:table; }
	.group:after { clear:both;}
	.group { zoom:1; /* For IE 6/7 */ }

	/*  GRID OF TWO  */
	.span_2_of_2 {
		width: 100%;
	}
	.span_1_of_2 {
		width: 49.2%;
	}

	/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

	@media only screen and (max-width: 625px) {
		.col { 
			margin: 1% 0 1% 0%;
		}
	}

	@media only screen and (max-width: 625px) {
		.span_2_of_2, .span_1_of_2 { width: 100%; padding-top: 40px;}
		.padding-top { padding-top: 0px !important;}
	}

	/*All the button styles*/

	* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	a{text-decoration:none;}

	/********************
	GENERIC BUTTON STYLES
	********************/
	.btn {font-size: 14px; white-space:wrap; width:auto; max-width: 350px; padding:.8em 1.5em; line-height:25px; display: inline-block;zoom: 1; color: #fff; text-align: center; position:relative; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}

	/*PURPLE BUTTON STYLES*/		
	.btn.btn-purple{
		background-color: #793abb; border-color: #793abb; 
		-webkit-box-shadow: 0 3px 0 #672ba5; 
		box-shadow: 0 3px 0 #672ba5;
		-webkit-border-radius: 8px; 
		-moz-border-radius: 8px; 
		border-radius: 8px; 
	}
	.btn.btn-purple:hover{background-color:#672ba5; color:#ffffff;}
	.btn.btn-purple:active{ top: 3px; outline: none; -webkit-box-shadow: none; box-shadow: none; color:#ffffff;}

	/*BLUE BUTTON STYLES*/		
	.btn.btn-blue{
		background-color: #226a9f; border-color: #226a9f; 
		-webkit-box-shadow: 0 3px 0 #215b8f; 
		box-shadow: 0 3px 0 #215b8f;
		-webkit-border-radius: 8px; 
		-moz-border-radius: 8px; 
		border-radius: 8px; 
	}
	.btn.btn-blue:hover{background-color:#215b8f; color:#ffffff;}
	.btn.btn-blue:active{ top: 3px; outline: none; -webkit-box-shadow: none; box-shadow: none; color:#ffffff;}

	
	.toolkit-header {
		text-align: center;
		font-size: 18px;
		color: #306299;
		font-weight: 700;
	}
	
	.toolkit-header2 {
		text-align: left;
		font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
		font-size: 30px;
		color: #306299;
		font-weight: 700;
	}

	.main-content section article .page-content .toolkit-img {
		max-width: 170px;
	}

	.col img {
		display: block;
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}

	.padding-top {
		padding-top: 80px;
	}
	
	/*STATE DATA PAGE STYLES*/	
	.progress-bar-container {
		margin-top: 20px;
	}
	
	.progress-bar-percentage {
		font-size: 14px;
	}
	
	.progress-bar-container .show-me-label {
		margin-top: 10px;
	}
	
	.progress-bar-container > div:first-child {
		padding-bottom: 5px;
	}
	
	
	/* KH - GRAD EFFECT PATCH */
	
	div#state-data.highlight-section {
		display: none !important;
	}
	
	.home .highlights.top .highlight-section {
		margin-right: 2% !important;
	}
		
	div#linked-learning.highlight-section {
		margin-left: 12%;
	}