@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%;
}
/************************/
/************************/

/************************/
/* dl-toolkits special
/************************/
.dl_section {
	background-color: #DDDDDD;
	border-radius: 10px;
	margin-bottom: 50px;
	border-bottom-style: solid;
	border-bottom-color: #797979;
	border-bottom-width: thin;
	Padding-top: 3px;
	Padding-left: 15px;
	Padding-right: 15px;
	Padding-bottom: 3px;
}
.dl_section p {
	color: #414141;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
}
.dl_CopyMain {
	color: #3B3B3B;
	font-family: Gotham, Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 1.6em;
}
.toolkit_wrapper {
	color: #414141;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 18px;
	line-height: 1.5em;
	margin: 39px;
	text-align: left;
}
.dl_div {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
}
.dl_p {
	color: #414141;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 18px;
	line-height: 1.5em;
	text-align: left;
}
.dl_img {
	margin-top: 6px;
	position: relative;
	top: 4px;
}
.toolkit_wrapper ul li {
	list-style-type: disc;
	color: #5a9bb8;
}
.toolkit_wrapper ul li {
	list-style-type: disc;
	color: #5a9bb8;
}
.toolkit_tools_links ul li {
	list-style-type: square;
	color: #5a9bb8;
}
.dl_li {
	color: #414141;
}
.dl_li_sqr {
	color: #414141;
}
.dl_h2 {
	color: #225885;
	font-size: 100.3 em;
}
.dl_img_lft {
	float: left;
	margin-right: 15px;
}
.toolkit_tools_wrapper {
	margin-bottom: 50px;
	margin-left: 0px;
	border-top-style: solid;
	border-top-color: #5a9bb8;
	border-top-width: 10px;
	border-right-style: solid;
	border-right-color: #5a9bb8;
	border-right-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #5a9bb8;
	border-bottom-width: 10px;
	border-left-style: solid;
	border-left-color: #5a9bb8;
	border-left-width: 10px;
	Padding-top: 3px;
	Padding-left: 15px;
	Padding-right: 15px;
	Padding-bottom: 3px;
}
.toolkit_tools_links {
	margin-bottom: 50px;
	border-top-style: solid;
	border-top-color: #5a9bb8;
	border-top-width: 2px;
	border-right-style: solid;
	border-right-color: #5a9bb8;
	border-right-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #5a9bb8;
	border-bottom-width: 2px;
	border-left-style: solid;
	border-left-color: #5a9bb8;
	border-left-width: 2px;
	Padding-top: 3px;
	Padding-left: 15px;
	Padding-right: 15px;
	Padding-bottom: 3px;
}
.dl_label {
	display: block;
	background: #F0F8FF;
	border-bottom-style: solid;
	border-bottom-color: #797979;
	border-bottom-width: thin;
	border-top-style: solid;
	border-top-color: #797979;
	border-top-width: thin;
	font-weight: normal;/*padding: 15px 15px 15px 15px;*/
}
.dl_label h2 {
	padding-left: 15px;
}
.dl_label .dl_p {
	padding-left: 15px;
}
.dl_label div {
	margin-left: 15px;
}
.dl_label:hover {
	cursor: pointer;
	cursor: hand;
}
.dl_label_gen {
	display: block;
	font-weight: normal;
	padding: 15px 15px 15px 0px;
}
.dl_label_gen:hover {
	cursor: pointer;
	cursor: hand;
}
.dl_collapseBox {
	margin: 5px 0px 0px 0px;
	display: none;
}
.dl_collapseButton1 {
	background-color: #1a609c;
	color: #ffffff;
	display: block;
	font-size: x-large;
	Margin-left: 7px;
	min-height: 30px;
	padding: 5px 5px 15px 5px;
	position: relative;
	text-align: center;
	width: 250px;
}
.dl_collapseButton2 {
	background-color: #5e0d00;
	color: #ffffff;
	display: none;
	font-size: x-large;
	Margin-left: 7px;
	min-height: 30px;
	padding: 5px 5px 15px 5px;
	position: relative;
	text-align: center;
	width: 250px;
}
.dl_collapseText1 {
	color: #1a609c;
	display: block;
	float: left;
}
.dl_collapseText2 {
	color: #5e0d00;
	display: none;
	float: left;
}
.dl_input {
	display: none;
}
.dl_input:checked ~ .dl_collapseBox {
	display: block;
}
.dl_input:checked ~ .dl_collapseButton1 {
	display: none;
}
.dl_input:checked ~ .dl_collapseButton2 {
	display: block;
}
.dl_input:checked ~ .dl_collapseText1 {
	display: none;
}
.dl_input:checked ~ .dl_collapseText2 {
	display: block;
}
.dl_section_02 {
	background-color: #e6eced;
	display: block;
	border-bottom-style: solid;
	border-bottom-color: #5f6c6f;
	border-bottom-width: 2px;
}
.dl_section_02 h2 {
	margin-left: 10px;
}
.dl_section_02 p {
	margin-left: 10px;
}

.dl_Button {
	background-color:#2f628f;
	color: #FFFFFF;
	display: block;
	font-size: 2.5em;
	width: 100%;
	padding: 15px 15px 15px 0px;
	text-align: center;
	margin-bottom: -60px;
}

.dl_Button a {
	color: #FFFFFF;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding: 15px 15px 15px 15px;
	text-align: center;
	text-decoration: none;
}

/************************/
/************************/


/* 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;
}
/************************/
/************************/

/************************/
/*Video Gallery         */
/************************/
.video-wrapper{
	max-width: 450px;
	text-align: left;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	clear: both;
	line-height: 1.3em;
}

.N_col{
	
	max-width: 450px;
	float:left;
	width:100%;
	margin-top: 10px;
}

.N_col ul {
	list-style: none;
	padding-left: 15px;
}

.N_col ul li{
	list-style: disc;
}

.L_col{
	
	float:left;
	width:47%;
	margin-right: 4%;
	margin-top: 10px;	
}

.R_col{
	
	float:left;
	width:47%;
	margin-top: 10px;	
}

.col_clear{
	clear: both;
}

/************************/
/************************/



/************************/
/*Studio Page Specials  */
/************************/

/* Studio Top Special*/

#studio_container{
	width: 100%; 
	max-width:920px; 
	clear: both;
}

#studio_HeaderContainer{
	background-color: #56348b; 
	height: auto; 
	width: 100%; 
	max-width:920px; 
	float: left; 
	padding-top: 15; 
	margin-bottom: 15px; 
	clear: both;
}

#studio_HeaderContainer iframe{
	width:60%; 
	max-width: 560px; 
	float:left;
}

#studio_HeaderContainer a img {
	width:40%; 
	max-width:360px; 
	float:left;
}
#studio_3Colum {
	width: 29%;
	margin-top: 10;
	margin-right: 10; 
	float: left;
}

@media only screen and (max-width: 625px) {
#studio_HeaderContainer iframe {
	width:100%;
}
}

@media only screen and (max-width: 625px) {
#studio_HeaderContainer a img {
	width:100%;
	height: 315px;
}
}

@media only screen and (max-width: 625px) {
#studio_3Colum {
	width:100%;
}
}






/************************/
/************************/

/*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%;*/
}
/* NEW ESSA PAGE - KH */

		/*  SECTIONS  */
.section-essa {
	clear: both;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}
/*  COLUMN SETUP  */
.col-essa {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col-essa:first-child {
	margin-left: 0;
}
/*  GROUPING  */
.group-essa:before,  .group-essa:after {
	content: "";
	display: table;
}
.group-essa:after {
	clear: both;
}
.group-essa {
	zoom: 1; /* For IE 6/7 */
}
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/* Acordeon styles */	 	 
.tab {	 	 
 position: relative;	 	 
 margin-bottom: 1px;	 	 
 width: 100%;	 	 
 color: #fff;	 	 
 overflow: hidden;	 	 
}	 	 
.accord {	 	 
 position: absolute;	 	 
 opacity: 0;	 	 
 z-index: -1;	 	 
}	 	 
.tab > label {	 	 
 position: relative;	 	 
 /* display: block;	 	 
 padding: 0 0 0 1em;	 	 
 background: #d1d1d1;	 	 
 font-weight: bold;	 	 
 line-height: 3; */	 	 
 cursor: pointer;	 	 
margin-left: 0px !important;	 	 
}	 	 
.blue label {	 	 
 background: #2980b9;	 	 
}	 	 
.tab-content {	 	 
 max-height: 0;	 	 
 overflow:hidden;	 	 
 background: #F7F7F7;	 	 
 -webkit-transition: max-height .35s;	 	 
 -o-transition: max-height .35s;	 	 
 transition: max-height .35s;	 	 
}	 	 
.blue .tab-content {	 	 
 background: #3498db;	 	 
}	 	 
.tab-content p {	 	 
 margin: 1em;	 	 
}	 	 
/* :checked */	 	 
input:checked ~ .tab-content {	 	 
 max-height: 100%;	 	 
margin-bottom: 50px;	 	 
}	 	 
/* Icon */	 	 
label::after {	 	 
 position: absolute;	 	 
 right: 0;	 	 
 top: 0;	 	 
 display: block;	 	 
 width: 3em;	 	 
 height: 3em;	 	 
 line-height: 3;	 	 
 text-align: center;	 	 
 -webkit-transition: all .35s;	 	 
 -o-transition: all .35s;	 	 
 transition: all .35s;	 	 
}	 	 
input[type=checkbox] + label::after {	 	 
 content: "+";	 	 
}	 	 
input[type=radio] + label::after {	 	 
 content: "\25BC";	 	 
}	 	 
input[type=checkbox]:checked + label::after {	 	 
 transform: rotate(315deg);	 	 
}	 	 
input[type=radio]:checked + label::after {	 	 
 transform: rotateX(180deg);	 	 
}

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

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

@media only screen and (max-width: 480px) {
.span_2_of_2, .span_1_of_2 {
	width: 100%;
}
}
.content-box-essa {
	background-color: rgb(246, 246, 246);
	/* AC Added this to control the grid better*/
	min-height: 395px;
	/*min-height: 280px;*/
	height: auto;
	overflow: visible;
	position: relative;
	padding: 5px 30px;
	color: #242424;
}
/*AC Added for variety*/
.content-box-essa2 {
	background-color: rgb(246, 246, 246);
	/* AC Added this to control the grid better*/
			/*min-height: 395px;*/
		    /*min-height: 280px;*/
	height: auto;
	overflow: visible;
	position: relative;
	padding: 5px 30px 20px 30px;
	color: #242424;
	margin-top: 25px;
	margin-bottom: 25px;
}
.content-box-essa3 {
	background-color: #1b6a9b;
	height: auto;
	overflow: visible;
	position: relative;
	padding: 30px;
	color: #FFFFFF;
	font-weight: bold;
}
.content-box-body-essa {
	color: #242424;
	line-height: 1.69;
	position: relative;
	margin-bottom: 20px;
}
/*AC ADDED for Header Text*/
.content-box-header-essa {
	font-size: 1.8em;
	color: #2D2D2D;
}
.content-box-header-essa2 {
	font-size: 1.8em;
	color: #FFFFFF;
}
.content-button-essa:hover {
	/*background: #287AAD;*/
	color: rgba(255,255,255,.9) !important;
	font-weight: bold;
}

.content-button-essa {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 0;
	text-align: center;
	background: #2A87CE;
	color: rgba(255, 255, 255, .8);
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
}
/*AC Adding reverse buttons*/
		
.content-button-essa-reverse:hover {
	background: #d7d5d5;
	color: rgba(90,90,90,.9) !important;
}
.content-button-essa-reverse {
	float: left;
	width: 29%;
	margin-left: 3%;
	border-radius: 15px;
	padding: 15px 10px 15px 10px;
	text-align: center;
	background: #f6f6f6;
	color: rgba(90, 90, 90, 1);
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
}
.content-button-essa-purple {
	float: left;
	border-radius: 15px;
	padding: 15px 10px 15px 10px;
	text-align: center;
	background: #38317d;
	color: rgba(255, 255, 255, 1);
	-webkit-transition: all .3s;
	transition: all .3s;
	text-decoration: none;
}
.content-button-essa-purple:hover {
	background: #28275b;
	color: rgba(255,255,255,.9) !important;
}
.new-badge {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background-color: #5cb85c
}
/** Specialized content width - About Us Page **/

.page-id-117 .page-content {
	margin-left: 20px;
	margin-right: 20px;
	width: auto;
}

/** Specialized content width - Founders Page **/

.page-id-31731 .page-child .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}

/** Specialized content width - JHU-HEA Report Page **/

.page-id-32118 .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}

/** Specialized content width - SOAL Report Page **/

.page-id-32297 .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}

/** Specialized content width - SAL Hub Page **/

.page-id-32788 body.page-template-tpl-page-wide-nosidebar-php.page-id-32788 .main-content section article .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}


/** Specialized content width - Perkins Hub Page **/

.page-id-32797 .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}



/** Responsive Video Embed **/

.embed-container { 
	position: relative !important; 
	padding-bottom: 56.25% !important; 
	height: 0 !important; 
	overflow: hidden !important; 
	max-width: 100% !important; 
	} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute !important; 
	top: 0 !important; 
	left: 0 !important; 
	width: 100% !important; 
	height: 100% !important;

}


/** Specialized content width - Annual Reprot Page **/ 

.page-id-32560 .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}


/** Specialized content width - SAL Report 1 **/ 

.page-id-32612 .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}


/** Specialized content width - SAL Report 2 **/ 

.page-id-32812 .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}

/** Specialized content width - SAL Critical Window **/ 

.page-id-32764 .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}

/** Specialized content width - SAL Report 3 **/ 

.page-id-33075 .page-content {
	margin-left: 20px !important;
	margin-right: 20px !important;
	width: auto !important;
}


/************************/
/* Featured Report Text
/************************/

.featured_report .flt_l {
	font-size: 1.5em;
}

.featured_report .clr_l  {
	font-size: 1.2em;
}

/** Mega Menu Button Auto Width  **/
.mega-menu .menu-featured-item .button {
	width: auto !important;
}