/* WWW Master ONLY = line 17 */
/* Master Pages = line 242 */
/* DESE Main Homepage ONLY = line 370 */
/* Primary Section Pages = line 602 */
/* Font Colors = line 717 */
/* Background Colors = line 728 */
/* Highlighted Text = line 790 */
/* Buttons = line 828 */
/* Linked Images = line 847 */
/* DESE Other Styles = line 872 */
/* Early Literacy = line 941 */





/* ============= WWW Master ONLY ============= */

#arrowup{
    position: fixed;
    right: 25px;
    bottom: 105px;
    color: #27967f;
}

.notification {
    width: 100%;	   
    /*background-color: #efa851;*/
	background-color: #ffc107;
	border-radius: 75px 0 0 0;
}


/** PKraft 12/10/18 updated focus color to improve acessibility **/
	/* a:focus {
	  outline-color: #000000;
	  padding-top: 2px;
	  padding-bottom: 2px;
	}
	footer a:focus{
		outline-color: #FFFFFF;
	}

	header a:focus{
		outline-color: #000000;
	}
	
	input:focus { 
		outline-color: #000000 !important;

	} */

	/* =*=*=* Keyboard Accessibility Code =*=*=*  */

	/*.dropdown.s-active > .dropdown-menu, 
	.navbar-nav>li.dropdown.s-active > .dropdown-menu > .dropdown-submenu.s-active .dropdown-menu{
		display: block;
	}*/
	
	

	
	/*  *** Search form classes *** */
	
	#custom-search-form{
		margin: 0;
		margin-top: 5px;
		padding: 0;
	}
	#custom-search-form .search-query {
		padding: 10px;
		line-height: 25px;
		border: 1px solid #ccc;
		height: 35px;
		width: 75%;
		padding-right: 4px \9;
		padding-left: 10px;
		padding-left: 4px \9;
				/* IE7-8 doesn't have border-radius, so don't indent the padding */
		margin-bottom: 0;
	}
	#custom-search-form button{
		border: 0;
		background: none;
		padding: 2px 5px;
		margin-top: 2px;
		position: relative;
		left: -28px;
		margin-bottom: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.search-query:focus + button{
		z-index: 3;
	}
	
/* ============= DESE Homepage ONLY ============= */

.image-container{
	width: 100%;
	height: 350px;
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-size:cover;
	position:relative;
	background-image: url(/images/homepage/b2s-kids.jpg);
}
.b2s-homepage-banner{
	width: 100%;
	height: 400px;
	background: url(/images/homepage/b2s-superheroes.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
  	border-radius: 0 0 75px 0;
}

.leaf-container{ 
width: 100%;
float: left;
}
.leaf-container img{
border-radius: 75px 0 75px 0;
}
.hp-banner-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 30px;
  /*background: inherit;*/
  background-color: #394668;
  opacity: .8;
  background-attachment: fixed;
  overflow: hidden;
  border-radius: 0 0 75px 0;
}
	/* LOGO FARM */
.logo_farm { 
	background-color: #f3f3f3;
	width: 100%;
	display: block;
	text-align: center;
	min-height: 50px;
	margin-top: 20px;
}
.logo_farm img { 
	-ms-interpolation-mode: bicubic; 
}
.conection img{
	width: 80px;
	padding-top: 10px;
}
.conection1 img{
	width: 50px;
	margin-top: 5px;
}
.conection3 img{
	padding-top: 10px;
	width: 120px;
}

/* ============= Master Pages ============= */

.individual { 
    margin:0px 100px 0px 100px;
}

.individual1 { 
    margin:0px 50px 0px 50px;
}
.programname{
	font-size: 1.5rem;
	padding-left: 2.5%;
	padding-top: .7%;
	padding-bottom: .7%;
	background-color: #ffffff;
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
	font-weight: 500;
}
.programname:hover{
   color:#2665A5; 
}



	/* *** Left Side Navigation 1st Column *** */
	
.left-nav-bgcolor{ 
	background-color: #3c4d79;
	border-radius: 0 0 75px 0;
	margin-left: -15px;
	padding-bottom: 50px;
	padding-top: 20px;
}

.left-nav-border li{
	border-bottom: 2px solid #5f668c;
	margin-right: 15px;
	margin-left: 5px;
}
.left-nav-border li:hover{
	background-color: #3c5d87;
	color: #222222;
}
.left-nav-border li:last-child{
	border: none;
}
li > .nav-item > .active{ 
	background-color: #153e5a;
}
ul .sub-left-nav {
	/*border-bottom: 2px solid #5f668c;*/
	list-style-type: square;
	margin-right: 10px;
}
ul .sub-left-nav  li{
	border: none;
	color: #ffffff;
}
ul .sub-left-nav  li:hover{
	color: #ffffff;
}
ul .sub-left-nav  li a:hover{
	text-decoration: underline;
	color: #ffffff;
}
			
	/* ***** Right Side 3rd Column ***** */

	.adds{
		width: 100%;
		background-color: #fff;
		min-height: 350px;
		border-left: 1px solid #d5d5d5;
		padding-left: 15px;
	}
	.right-add-one, .right-add-two{
		width: 100%;
		margin-bottom: 10px;
		background-color: #fff;
		border: 1px solid #d5d5d5;
		border-bottom: 2px solid #d5d5d5;
		border-radius: 4px;
		padding-bottom: 5px;
	}
	.right-add-two{
		background-color: #fff;
		border: 1px solid #d5d5d5;
		border-bottom: 2px solid #d5d5d5;
		border-radius: 4px;
	}
	.right-add-three{
		width: 100%;
		background-color: #fff;
		border: 1px solid #d5d5d5;
		border-bottom: 2px solid #d5d5d5;
		border-radius: 4px;
	}
	.title_bar{
		width: 100%;
		color: #444;
		padding: 7px 10px;
		text-align: center;
		font-size: 15px;
		font-weight: 700;

	}
	.title_bar2{
		width: 100%;
		height: min-height;
		color: #000;
		background-color: #27967f;
		padding: 7px 10px;
		text-align: center;
		font-size: 15px;
		font-weight: 700;

	}
	.title_bar3{
		width: 100%;
		height: 35px;
		color: #000;
		background-color: #efa851;
		padding: 7px 10px;
		text-align: center;
		font-size: 15px;
		font-weight: 700;
	}

	.title_bar i{
		color: #BDE4F9;
	}

	.title_bar1{
		text-align: center;
		margin-bottom: 7px;
	}
	.add_content{
		padding: 5px 15px;
	}	
	


/* ============= Primary Section Pages ============= */
.finance-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/finance.png);
}
.commissioner-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/commissioner.jpg);
}
.district-support-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/district-support.jpg);
}
.ed-options-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/ed-options.jpg);
}
.instruction-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/instruction.jpg);
}
.kaleidoscope-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/kaleidoscope.jpg);
}
.legal-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/legal.jpg);
}
.research-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/research.jpg);
}
.csi-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/csi.jpg);
}
.assessment-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/assessment.jpg);
}
.bese-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/bese.jpg);
}
.families-banner{ /* StudentsFamilies.html banner image */
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
    background: url(/images/banner/studentsfamilies.jpg);
}
.educators-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/banner/educators.jpg);
}
/*.b2s-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/backtoschool/2022bts-banner.jpg);
}*/

.teachlearntest-banner{ /* TeachLearntest.html banner image */
    background: url(/images/banner/teachlearntest.jpg) no-repeat center center;
    background-size: cover;
    height: 475px;   
}

.data-banner{ /* DataAccountability.html banner image */
    background: url(/images/dataaccountability3.jpg) no-repeat center center;
    background-size: cover;
    height: 475px;   
}

.about-banner{ /* About.html banner image */
    background: url(/images/banner/about.jpg) no-repeat center center;
    background-size: cover;
    height: 475px;   
}

.edboard-banner{ /* /bese/default.html banner image */
    background: url(/images/educationboard-new.jpg) no-repeat center center;
    background-size: cover;
    height: 475px;   
}

.learningstandards-banner{ /* LearningStandards.html banner image */
    background: url(/images/learningstandarts.jpg) no-repeat center center;
    background-size: cover;
    height: 475px;   
}

.testing-banner{ /* /assessment/ banner image */
    background: url(/images/studenttesting.jpg) no-repeat center center;
    background-size: cover;
    height: 475px;   
}

.turnaround-banner{ /* Turnaround.html banner image */
    background: url(/images/districtturnaround.jpg) no-repeat center center;
    background-size: cover;
    height: 475px;   
}

.sddata-banner{ /* SchDistrictData.html banner image */
    background: url(/images/data.jpg) no-repeat center center;
    background-size: cover;
    height: 475px;   
}

.primary-h2{ /* Font Style for H2 headers - DJG 12.17.2018 */
    font-family: sans-serif;
	font-weight: bold;
	font-size: 1.2rem;
}
	/* *** Graduation Video TEMP Homepage *** */	
	
	.grad-btn{
	margin-top: 30px;
	}


	#myImg {
	  cursor: pointer;
	  opacity: 0.7;
	  transition: 0.3s;
	}
	#myImg:hover {opacity: 0.9;}
	
	/* The Modal (background) */
	.modal {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 1; /* Sit on top */
	  padding-top: 100px; /* Location of the box */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	  overflow-y:hidden;
	  z-index: 9999;
	}
	
	/* Modal Content (image) */
	.modal-content {
	  margin: auto;
	  display: block;
	  width: 90%;
	  max-width: 800px;
	}
	
	/* Caption of Modal Image */
	#caption {
	  margin: auto;
	  display: block;
	  width: 80%;
	  max-width: 700px;
	  text-align: center;
	  color: #FFFFFF;
	  padding: 10px 0;
	  height: 150px;
	}
	
	/* Add Animation */
	.modal-content, #caption {  
	  -webkit-animation-name: zoom;
	  -webkit-animation-duration: 0.6s;
	  animation-name: zoom;
	  animation-duration: 0.6s;
	
	}
	
	@-webkit-keyframes zoom {
	  from {-webkit-transform:scale(0)} 
	  to {-webkit-transform:scale(1)}
	}
	
	@keyframes zoom {
	  from {transform:scale(0)} 
	  to {transform:scale(1)}
	}
	
	/* The Close Button */
	.close1 {
	  position: absolute;
	  top: 15px;
	  right: 35px;
	  color: #ffffff;
	  font-size: 40px;
	  font-weight: bold;
	  transition: 0.3s;
	}
	
	.close1:hover,
	.close1:focus {
	  color: #ffffff;
	  text-decoration: none;
	  cursor: pointer;
	}
	
	/* 100% Image Width on Smaller Screens */
	@media only screen and (max-width: 700px){
	  .modal-content {
	    width: 100%;
	  }
	}


/* ============= Font Colors ============= */

.text-white{
	border-bottom: none;
	color: #ffffff;
}
.text-white a:hover{ 
	color: #ffffff;
}
.text-black{ 
	border-bottom: none;
	color: #000000;
}
.text-black a:hover{ 
	color: #000000;
}
.text-red {
	color: #EC130F;
}
.text-dkteal {
	color: #0C7580;
}
.text-dkpurple {
	color: #752f78;
}
.text-dkblue{
	color: #1A4785;
}


/* ============= Background Colors ============= */

.bg-ltgrey{ 
	background-color: #f3f3f3;
}
.bg-dkgray{
	background-color: #555555;
}
.bg-ltblue{
	background-color: #edf7fd;
}
.bg-mdblue{
	background-color: #B5DEF2;
}
.bg-blue {
	background-color: #337ab7;
}
.bg-dkblue{
	background-color: #1A4785;
}
.bg-turquoise {
	background-color: #46bfed;
}
.bg-teal{
	background-color: #45BDB2;
}
.bg-dkteal {
	background-color: #0C7580;
}
.bg-ltgreen {
	background-color: #b0d684;
}
.bg-green {
	background-color: #40b242;
}
.bg-violet {
	background-color: #8a82cc;
}
.bg-dkpurple {
	background-color: #752f78;
}
.bg-yellow{
	background-color: #fed808;
}
.bg-dkyellow {
	background-color: #ffc107;
}
.bg-ltorange {
	background-color: #FEBD64;
}
.bg-orange {
	background-color: #efa851;
}
.bg-dkorange {
	background-color: #f88f00;
}
.bg-dkpink {
	background-color: #c41f8c;
}

/* ********** CARD CONTAINERS ********** */
.leaf-card--blue{
	width: 350px;
	height: 300px;
	background-color: #566da3;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-card--mdblue{
	width: 350px;
	height: 300px;
	background-color: #1877b9;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-card--dkblue{
	width: 350px;
	height: 300px;
	background-color: #394668;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-card--orange{
	width: 350px;
	height: 300px;
	background-color: #efa851;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-card--green{
	width: 350px;
	height: 300px;
	background-color: #27967f;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-card--yellow{
	width: 350px;
	height: 300px;
	/*background-color: #edb100;*/
	background-color: #e0cd50;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-card--dkorange{
	width: 350px;
	height: 300px;
	background-color: #df8738;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-border--mdblue{
	width: 350px;
	height: 300px;
	background-color: #ffffff;
	border: 15px solid #1877b9;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-border--dkblue1{
	width: 350px;
	height: 300px;
	background-color: #ffffff;
	border: 15px solid #153e5a;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-border--dkorange{
	width: 350px;
	height: 300px;
	background-color: #ffffff;
	border: 15px solid #df8738;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-border--green{
	width: 350px;
	height: 300px;
	background-color: #ffffff;
	border: 15px solid #1c8b76;
	border-radius: 75px 0 75px 0;
	float: left;
}
.leaf-display1{
	font-size: 1.6rem;
}

/* ********** BUTTONS ********** */
.btn-primary {
    color: #fff;
    background-color: #054c93;
    border-color: #cccccc;
}
.btn-outline-secondary{
	border: 1px solid #cccccc;	
}
.btn-outline-secondary:hover{
	background-color: #7b7c7a;
	border: 1px solid #cccccc;	
}
.btn-success{
	color: #222222;
	background-color: #63b552;
	border: 1px solid #cccccc;
}
.btn-success:hover{
	background-color: #69ca15;
	border: 1px solid #cccccc;
}
.btn-light{
	color: #031a8f;
	background-color: #fcc930;
	border: 1px solid #cccccc;
}
.btn-light:hover{
	background-color: #ffc107;
	border: 1px solid #cccccc;
}
.btn-light:active{
	background-color: #ffc107;
	border: 1px solid #cccccc;
}
.btn-outline-info{
	color:#054c93;
}

/* ============= Highlighted Notes ============= */

.highlight{ /* featured content in blue area */
    width: 100%;
    border: 1px solid #f1f1f1;
    background-color: #daeffa;
    border-radius: 3px;
    border-top: 5px;
    background: linear-gradient( #ffffff, #daeffa)
}
.highlight-content{
    margin: 15px 15px 15px 15px;
}
.btnn { /* blue arrow pointer for highlight section */
    position: relative;
    width: 100%;
    text-align: center;
    background: #337ab7;
    text-decoration: none;
    height: 7px;
    border-top: 1px solid #f1f1f1;
}

.btnn:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    border-width: 15px 70px 0 70px;
    border-style: solid;
    border-color: #337ab7 transparent transparent transparent;  
}
.note-bt-teal{
	width: 100%;
	min-height: 50px;
	background-color: #E8F7F6;
	border-top: 7px solid #45bdb2;
	padding: 10px 15px;
    background: linear-gradient( #ffffff, #E8F7F6)
}
.note-bt-red{
	width: 100%;
	min-height: 50px;
	background-color: #FBE5E6;
	border-top: 7px solid #D64A59;
	padding: 10px 15px;
    background: linear-gradient( #ffffff, #FBE5E6)
}


/* ============= Buttons ============= */

.btn-dkblue{ 
    font-family: Arial;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    padding: 15px 20px;
	color:      #FFFFFF;
	background-color:      #1A4785;
    border: 1px solid      #EFEFEF;
    box-shadow: 1px 1px 1px 0px      #D9D9D9;
}
.btn-dkblue:hover{
    text-decoration: none;
	background: linear-gradient(#337AB7, #1A4785);
}
a > .btn-dkblue:hover{
	color: #ffffff;
}
.btn-dkyellow{
	padding: 15px 30px;
	background-color: #f7c600;
	font-size: 18px;
	color: #111111;
	border-radius: 4px 4px;
	font-weight: bold;
}
.btn-dkyellow:hover{
	text-decoration: none;
	box-shadow: 2px 2px 0px 0px #bebebe;
}
.btn-dkyellow:focus{
	padding: 15px 30px;
}

	/* ***** FAFSA ***** */
	.btn-fafsa:hover{ 
		transform: scale(1.1, 1.1);
		transition: all 0.3s ease-in-out;
	}


/* ********** ALERTS (not in use yet) ********** */
.alert-success{
	color: #111111; 
	background-color: #90be6d;
}
.alert-info{
	color: #ffffff; 
	background-color: #155d9a;
}
.alert-warning{
	color: #222222; 
	background-color: #ffc107;
}
.alert-danger{
	color:#ffffff; 
	background-color: #CC1928;
}


/* ============= Linked Images ============= */

.image-link:hover{
    opacity: .7;
}

.shadow-rb{
	box-shadow: 3px 3px 0px 0px #bebebe;
	border: 1px solid #bebebe;
}
.shadow-rb:hover{
	cursor: pointer;
	transform: scale(1.1, 1.1);
	transition: all 0.3s ease-in-out;
}
.img-ease-in-out{ 
	box-shadow: 0 1px 6px rgba(31, 31, 31, 0.12), 0 1px 4px rgba(31, 31, 31, 0.12);
}
.img-ease-in-out:hover{
	transform: scale(1.1, 1.1);
	transition: all 0.3s ease-in-out;
}


/* ============= Media Blocks ============= */

	.media-block{
		width: 100%;
		height: 100px;
		border: 1px solid #bebebe; 
		background-color: #fff;				 
		/*box-shadow: 0 1px 6px rgba(31, 31, 31, 0.12), 0 1px 4px rgba(31, 31, 31, 0.12); */ 
		margin-bottom: 25px;
	}
	.media-block-fluid{
		width: 100%;
		min-height: 100px;
		border: 1px solid #bebebe;
		background-color: #fff;			 
	}
	.media-side{
		width: 100%;
		height: 350px;
		border: 1px solid #bebebe;
		/*box-shadow: 0 1px 6px rgba(31, 31, 31, 0.12), 0 1px 4px rgba(31, 31, 31, 0.12);    */
		margin-bottom: 25px;
		padding: 0px 10px;
	}
	.media-body{
		padding-top: 10px;
		padding-right: 10px;
	}
	.mid-lines2{ 
		border-right: 1px solid #D9D9D9;
		border-left: 1px solid #D9D9D9;
		min-height: 375px;
	}
	.media-block-border{
		width: 100%;
		min-height: 100px;
		border: 1px solid #D9D9D9;
	}


/* ============= DESE Other Styles ============= */

.col-nopadding{
	padding-left: 0px;
}
.table-borderless th,
.table-borderless td {
    border: none !important;
} 

.table-nonfluid {
   width: auto !important;
}

.nowrap{
  white-space: nowrap;
}

#movie_player { 
    width: 565px;
    height: 290px;
}

.margin50 {
	margin-left: 50px;
}

.space { /* space added, use inside DIV */
    height: 30px;
}

.list-none { 
    list-style-type: none;    
}
blockquote { 
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	font-size: 18px !important; 
}
.text-blockquote {
	color: #0C7580;
}
.accordion {
  background-color: #f9f9f9;
  color: #222222;
  cursor: pointer;
  padding: 11px 20px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #dedede;
  box-shadow: 2px 2px 0px 0px #f1f1f1;									 
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
}
.accordion i {
	color: #efa851;
}
.active, .accordion:hover {
  background-color: #337ab7; 
  color: #ffffff;
}
.accordion-panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
	/* *** Newsletter/Mailchimp Responsive styles *** */

.email, .firstn, .lastn{
	width: 250px;
	border: 1px solid #b5b5b4;
	border-radius: 2px;
	line-height: 26px;
}
.gray-con{
border:1px solid;
width:100%;
padding-top:1%;
border-color:#dadada;
background-color:#f9f9f9;
border-radius:3px;
padding-bottom:1%
}
.center1{
	text-align: center;
}
.individual2 { 
    margin:0px 100px 0px 100px;
}
	
	/* *** Campaign - Special Pages (Leading the Nation / aMAzingEducators styles) *** */
	
	
	.backtoschool{
		background: url(/images/banner/backtoschool.jpg) no-repeat center center;
		background-size: cover;
		height: 475px;   
	}	
	.ltn-banner{
		background: url(/images/leadingthenation/leading.jpg) no-repeat center center;
		background-size: cover;
		height: 475px;   
	}
	.amazing-banner{
		background: url(/images/banner/aMazingEducator.jpg) no-repeat center center;
		background-size: cover;
		height: 475px;   
	}
	.amaz-education-banner{
		background: url(/images/AmazingEducators/amazing2.jpg) no-repeat center center;
		background-size: cover;
		height: 475px;   
	}
	.deeperlearning-banner{
		background: url(/images/banner/DeeperLearning.jpg) no-repeat center center;
		background-size: cover;
		height: 475px;   
	}
	.teachmass-banner{
		background: url(/images/banner/2022toy.jpg) no-repeat center center;
		background-size: cover;
		height: 400px;   
	}
	.fafsa-banner{ 
		width: 100%;
		background: url(/images/fafsa/banner-orange.png) no-repeat center center;
		background-size: cover;
		height:270px;
	}
	.cte-families-banner{ 
		width: 100%;
		height: 200px;
		background-repeat:no-repeat;
		background-size:cover;
		position:relative;
		background-image: url(/images/ccte/cvte/cte-families/cte-banner.png);
	}		   

	
	.campaign-img{
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    width: 150px;
	    height: 150px;
	    margin-bottom: 10px;
	}

	
	#myTab li{
		font-size: 17px;
	}
	.sign_now{

		padding: 10px 10px;
		color: #fff;
		background-color: #fdbd39;
		border-color: #fdbd39;
	}
	.nav-tabs li a{
		color: #fff;
	}
	.nav-tabs li a:hover{
		background-color: #144173;
		border: 1px solid #144173;
		border-bottom: 1px solid #fff;
	}
	.bgcol, .bgcol1{
		background-color: #fff;
		padding: 20px 20px;
		/*opacity: .9; ### Commented out on 8-21-19 to make clear b*/ 
		border-radius: 3px 3px;
		border: 1px solid #b8eafb;
	}
	.col-md-5 >.more{
		font-size: 18px;
	}
	.color_section{
		width: 100%;
		background-color: #337ab7;
		margin-top: 10px;
	}
	
	
/*  *** flip-box - used for back-to-school or commissioner's office only *** */

	.flip-card {
		background-color: transparent;
		width: 100%;
		height: 400px;
		perspective: 1000px; 
	}
	.flip-card-inner {
		position: relative;
		width: 100%;
		height: 100%;
		transition: transform 0.8s;
		transform-style: preserve-3d;
	}
	.flip-card:hover .flip-card-inner, .flip-card:active .flip-card-inner, .flip-card:focus .flip-card-inner{
		transform: rotateY(180deg);
	}
	.flip-card-front, .flip-card-back {
		position: absolute;
		width: 100%;
		height: 100%;
		-webkit-backface-visibility: hidden; /* Safari */
		backface-visibility: hidden;
	}
	.flip-card-front {
		background-color: #394668;
		/*text-align: center;*/
	}
	.flip-card-back {
		background-color: #153e5a;
		transform: rotateY(180deg);  
		padding: 20px 25px;
		text-align: left;
	}
	.flip-card.focus-within .flip-card-inner{
		transform: rotateY(180deg);
	}
	
	/*@media (prefers-reduced-motion) {
	    .flip-card-inner {
	        transition: transform none;
	    } */
	
	.flip-bg-blue{ 
		background-color: #2c678c;
	}
	.flip-bg-green{
		background-color: #33b575;
	}
	.flip-bg-purple{
		background-color: #604065;
	}
	.flip-bg-pink{
		background-color: #c96794;
	}
	.link-text-yellow{
		color: #fbcf2f;
	}
	.flip-bg-yellow{ 
	background-color: #E2B21A;
	}
	.flip-bg-red{
	background-color: #CC411B;
	}



	
	/*  *** ELE Blueprint Dashboard *** */
	
	.info-block{
		width: 100%;
		min-height: 167px;
		background-color:      #FFFFFF;
		border: 1px solid      #F3F3F3;
		box-shadow: 1px 1px 2px 0px      #888888;
		margin-bottom: 30px;
		padding-bottom: 20px;
	}
	.green-block, .yellow-block, .blue-block, .dark-pink-block{
	padding: 1px 10px 8px 20px;
	margin-bottom: 20px;
	}
	.green-block{
	background-color: #90BE6D;
	width: 100%;
	}
	.yellow-block{
	background-color: #FFC107;
	width: 100%;
	}
	.blue-block{
	background-color: #155D9A;
	width: 100%;
	}
	.dark-pink-block{
	background-color: #c41f8c;
	width: 100%;
	}
	.horiz-space a{
	padding-right: 14px;
	font-size: 16px;
	}
	.mid-lines{
	border-right: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	min-height: 140px;
	}
	.sub-blocks{
	height: 110px;
	}
	.blueprint-search a{
	float: right;
	padding-top: 10px;
	margin-right: 20px;
	}
	.form-control{
	border-radius: 0px;
	}
	.space1{
	height: 24px;
	}
	.btn-reset{
	margin-top: 23px;
	margin-bottom: 42px;
	}
	.btn-default, .btn-info{
	width: 77px;
	}
	.view{
	width: 300px;
	}

	
	@media (min-width: 300px) and (max-width: 990px) {
	
	.sub-blocks{
	margin-top: 10px;
	height: 90px;
	}
	.mid-lines{
	border-right: none;
	border-left: none;
	border-top:1px solid #bebebe;
	border-bottom:1px solid #bebebe;
	margin-top: 10px;
	min-height:none;
	min-height: 140px;
	}
	
	.btn-reset{
	margin-top: 23px;
	margin-bottom: 23px;
	}
	}

/*==================Parent Portal======================*/ 


.media-card-links{
    margin-left: -40px;
    font-size: 18px;
}
.media-card-links li{
    margin-bottom: 7px;
}
.media-card{
    width:100%;
    height:530px ;
    background-color: #F9F9F9;
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px 0px      #888888;
    padding: 7px 35px;
    margin-bottom: 30px;
}
@media (min-width:1070px) and (max-width:1200px){
    .media-card{
        height: 600px;
    } 
}
@media (min-width:990px) and (max-width:1070px){
    .media-card{
        height: 700px;
    } 
}
@media (min-width:399px) and (max-width:990px){
    .media-card{
        height: 470px;
    }  
}


/*==================BESE Annual Report======================*/ 


.annual-report-img{ 
	width: 100%;
	background: url(/images/bese/annual/2020/studying1.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 10% 0;
	height:450px;
}
.annual-report-img1{
	width: 100%;
	background: url(/images/bese/annual/2020/studying.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 10% 0;
	height:450px;
}
.annual-report-img2{
	width: 100%;
	background: url(/images/bese/annual/2020/covid.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 10% 0;
	height:450px;
}
.annual-report-img3{ 
	width: 100%;
	background: url(/images/bese/annual/2020/covid2.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 10% 0;
	height:450px;
}

.annual-report-img4{
	width: 100%;
	background: url(/images/bese/annual/2021/teacher-whiteboard.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 10% 0;
	height:450px;
}
.annual-report-img5{
	width: 100%;
	background: url(/images/bese/annual/2021/female-student.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 10% 0;
	height:450px;
}

.content-bg-pink  {
	position:relative;
	z-index:4;
	padding:20px 20px;
	background-color:#C41F8C;
	width:350px;
	opacity: .9;
}

.content-bg-blue {
	position:relative;
	z-index:4;
	padding:20px 20px;
	background-color:#1a77b9;
	width:350px;
	opacity: .9;
	border-radius: 0 35px 0 35px ;
}

/*==================Deeper Learning======================*/ 


.dl-container{
	width: 100%;
	min-height: 500px;
	background-color: #ccedfb;
}
.dl-bg-dkgray{ 
	background-color: #416273;
}
.dl-bg-lgray{
	background-color: #dce4e7;
}

.dl-bg-footer{
	width: 100%;
	min-height:50px;
	background-color: #4c7a8f;
	/*background-color: #1A4785;*/
}
.place-top{
	margin-bottom: -20px;
	z-index: 1000;
	padding: 2px 15px 7px 15px;
	border-radius: 0px 0px 50px 0px;
	width: 70%;
	min-height: 50px;
	background-color: #416273;
}
.b-bottom{
	border-bottom: 1px solid #ffffff;
}


	
	
	/* *** News Headlines Table Custom Style *** */
	
	.table>thead>tr>.news-header{
		vertical-align: bottom;
		border-bottom: 2px solid #ff9c58;
		color:#1c4a88;
		font-size: 16px;
		padding: 2px !important;
	}
	.table>tfoot>tr>.news-footer{
	   background: #edf7fd;
	}

	.news th:nth-child(2), .news td:nth-child(2) { 
		text-align: right; 
		white-space:nowrap;
	}

	/* *** DESE Styleguide *** */
	
	.color-swatch{ 
		width: 93%; 
		height: 82px; 
		padding: 0.75em 1em 0.375em;
	}
	.color-data{
		width: 93%; height: 92px; border-bottom-right-radius: 3px; 
		border-bottom-left-radius: 3px;
		padding: 0.75em 1em 0.375em;
		border-right: 1px solid #eaeaea;
		border-left: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
	}
	
	
	/* *** Bootstrap Customization *** */
	
	.col-md-2{
		margin:15px 0px 15px 0px;
	}
	.col-lg-12 p{
		margin-bottom: 30px;
	}
	.btn-primary{
		background-color: #fdbd39;
		border: 1px solid #fdbd39;
	}
	.btn-primary:hover{
		background: linear-gradient(#f9d58c, #fdbd39);
		border: 1px solid #fdbd39;
	}
	.btn-info{
		background-color: #337ab7;
		border: 1px solid #337ab7;
	}
	.btn-info:hover{
		background: linear-gradient(#3a8dd5, #337ab7);
		border: 1px solid #337ab7;
	}
	.btn-success:hover{
		background: linear-gradient(#51bb51, #449d44);
		border: 1px solid #449d44;
	}
	
/* ============= Media Query ============= */

@media (min-width:300px) and (max-width:525px){ /** PKraft added 12/10/18 **/
    .individual1, .individual2{
        margin:0px 0px 0px 0px !important;
	}
	.notification p{
	  font-size: 14px;  
	}
    input[type=checkbox], input[type=radio]{
        margin-left: 0px !important;
    }
	.bgcol1{
        display: none !important;
    }
}
@media (max-width:500px){
    #google_translate_element {
        display: none !important;
    }
	.ie-translate {
        display: none !important;
	}
}
@media (min-width:400px) and (max-width:990px){ 
	.text-large{
		font-size: 16px !important;
		line-height: 30px;
	}  
}



@media (min-width: 1400px) and (max-width: 1700px) {

    .individual, .individual2 {
    margin:0px 200px 20px 200px !important;  
    }
}


@media (min-width: 1700px) and (max-width: 2400px) {

    .individual, .individual2 {
    margin:0px 320px 20px 320px !important;
    }
}

/*================ Print Media Query ================ */
@media print { 

	header { 
		display: none !important; 
	} 
	footer { 
		display: none !important; 
	}

	.utility-bar, #disclaimer, .logo-farm, .navbar, .notification, .left-nav-bgcolor, .fixed-top {
		display: none !important;
	}
	.accordion-panel,.accordion{
		display:block !important;
		overflow:visible !important;
	}
	
	p, li  {
		overflow:visible !important;
	}
	.note-bt-teal, .note-bt-red {
		page-break-before:always;
		overflow:visible !important;
	}
	
}


/* =======================  DESE OLD STYLES from Vision.css  ======================= */


		/* *** DIV positioning...Code to be updated to use bootstrap instead *** */
		
		.floatL {
		float: left;
		}
		
		.floatR {
		float: right;
		}
		
		.clear {
		clear:both;
		height: 0px;
		}
		
		
		/*  ***Tooltips for icon lists ...Code to be updated to use bootstrap instead *** */
		
		a.tooltip {
			text-decoration: none;
			font-size: 0.75em;
		}
		
		a.tooltip:hover, a.tooltip:focus {
			position: relative;
		}
		
		a.tooltip span.hide {
			position: absolute;
			left: -999px;
		}
		
		a.tooltip:hover span.hide, a.tooltip:focus span.hide {
				display: block;
		   	position: absolute; top: -40px; left: 0px;
				white-space: nowrap;
				text-align: left;
				color: #ffffff;
				
				
			/* formatting only styles */
		   	padding: 5px; margin: 10px; z-index: 100;
		   	background: #004386; border: 1px dotted #c0c0c0;
				opacity: 0.9;
			/* end formatting */
		}
		a.tooltip:hover span.hide2, a.tooltip:focus span.hide2 {
			top: -53px;
		}
		
		.icon_img {
			width: 40px; 
			text-align: right;
			margin-top:2px;
			margin-bottom:4px;
		}
		
		.icon_arrow {
			width: 11px; 
			text-align: right;
			margin-top:2px;
			margin-bottom:4px;
		}
		
		.icon_txt { 
			padding-left: 9px;
			margin-top:2px;
			margin-bottom:4px;	 
			width: 80%;
		}	   
		
		.icon_date { 
			padding-left: 9px;
			margin-top:2px;
			margin-bottom:4px; 
			width: 75px;
		}