/* 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 ============= */

.logo {
    margin-left: 30px;
}
#arrowup{
    position: fixed;
    right: 25px;
    bottom: 105px;
    color: #FEBD64;
}
.one{
	background: linear-gradient( #ffffff, #B5DEF2);
}
.utility-bar{
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}
.notification{
    width: 100%;
    padding: 10px 10px;
	background-color: #ffc107;
}
.dropdown-menu{
	z-index: 999999;
}
.dropdown-menu li i{

    float: right;
    color: #777;
    margin: -23px 0px;
}
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: -1px;
  white-space: nowrap;
  cursor: pointer;
}
.support{
    cursor:default;
}
.nav-border { 
    box-shadow:0px .9px .5px #054c81;
}
.navbar-nav>li>.dropdown-menu>li.dropdown-submenu>.dropdown-menu{
	display: none;
}

.navbar-nav>li>.dropdown-menu>li.dropdown-submenu:hover .dropdown-menu{
	display: block;
}
#custom-bootstrap-menu.navbar-default .navbar-brand{
    color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default{
    font-size: 15px;
    background-color: #337ab7;
    margin-bottom: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a{
    color: rgba(255, 255, 255, 1);
    border-bottom-color: #337ab7;
    border-bottom-style: solid;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover, #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus{
    color: #fff;
    background-color: #004386;
    border-bottom-color:#BDE4F9 ;
    border-bottom-style: solid;
	outline-color: #FFFFFF; /** PKraft added 12/10/18 **/
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a, #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover, #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus{
    /*color: rgba(247, 137, 12, 1); */
    /*background-color: #BDE4F9;*/
    /*border-bottom-color: #F90; */
    border-bottom-style: solid;
	
}
#custom-bootstrap-menu.navbar-default .navbar-toggle{
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover, #custom-bootstrap-menu.navbar-default .navbar-toggle:focus{
    background-color: #ddd;

}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar{
    background-color: #f1f1f1;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar, #custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar{
    background-color: #004386;
}

		/** PKraft 12/10/18 updated focus color to improve acessibility **/
	a:focus {
	  /** outline-color: #e4011c; **/
	  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;
	}
	
	
	/* *** Utility-bar height classes *** */
	
	.mid-center{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
	.half-height100{
		height: 100px;
	}
	.half-height300{
		height: 300px;
	}
	
	/*  *** 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;
	}
	
	/* *** Mobile display *** */
	
	.mostra{
		display: block !important;
	}
	.non-mostra{
	   display: none !important;
	}
	#mobile-nav{
		width: 100%;
		position: absolute;
		top: 260px;
		left: 0px;
		background: #054c81;
		opacity: 0.9;
		z-index: 999999;

	}
	#mobile-nav ul li a{
		color: #fff;
		margin: 10px 0px;
		line-height: 25px;
		font-size: 16px;
		
	}
	#mobile-nav ul li{
		padding: 5px 5px;
		list-style-type: none;
	}
	#mobile-nav ul li:hover{
		background-color: #337ab7;
	}
	#mobile-nav ul li a:hover{
		text-decoration: none;
	}
	
	
	

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

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

.individual1 { 
    margin:0px 50px 0px 50px;
}
.programname{
    font-size: 24px;
    padding-left: 5.7%;
    padding-top: .7%;
    padding-bottom: .7%;
    background: linear-gradient( #ffffff, #fbd9b5);
    cursor: pointer;
   font-family: 'Overlock', cursive;

}
.programname:hover{
   color:#2665A5; 
}



	/* *** Left Side Navigation 1st Column *** */
	
	.list-group ul{
		margin-left: -40px;
	}
	.list-group ul li{
		list-style-type: none;
	}
	.sub-list-group li{
		padding: 3px 3px 3px 15px;
		background-color: #;   
	}
	.sub-list-group li:last-child{
		border-bottom: 1px solid #ddd;
	}
			/* DJG and GD - Added to try to fix jumping left nav links 2/10/20 ***WORKS!!  */
			a.list-group-item:focus{
				padding: 10px 15px;
			}
			
			
			
	/* ***** 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;
		font-family: 'Overlock', cursive;

	}
	.title_bar2{
		width: 100%;
		height: min-height;
		color: #444;
		background-color: #e4f4fd;
		background: linear-gradient( #ffffff, #daeffa);
		padding: 7px 10px;
		text-align: center;
		font-size: 15px;
		font-weight: 700;
		font-family: 'Overlock', cursive;

	}
	.title_bar3{
		width: 100%;
		height: 35px;
		color: #444;
		background-color: #e4f4fd;
		background: linear-gradient( #ffffff, #fdbd39);
		padding: 7px 10px;
		text-align: center;
		font-size: 15px;
		font-weight: 700;
		font-family: 'Overlock', cursive;

	}

	.title_bar i{
		color: #BDE4F9;
	}

	.title_bar1{
		text-align: center;
		margin-bottom: 7px;
	}
	.add_content{
		padding: 5px 15px;
	}	
	
	
/* ============= DESE Main Homepage ONLY ============= */

.home_image{  /* Grey banner headline content section code */
    position: relative;
    width: 100%;
}
 .page-banner-content3{ /* Grey banner headline content on homepage */
    width: 100%;
    height: 70px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    background-image: linear-gradient(-90deg,rgba(255,255,255,0.7),#f3f3f3 30%);
    padding-left: 20px;
    padding-right: 30px;
    bottom: -35px;
}
.mass_student{ /* Grey banner headline font - Accomodates long header text */
    color: #555;
    margin-top: 15px;
    margin-left: 20px;
    padding-right: 10px;
    font-family: 'Quicksand', sans-serif;
    font-size: 32px;
}
#featured-image{ /* big image */
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    left: 0;
    width: 100%;
    position: relative;
}
 #featured-image img {
     width: 100%;
 }
.img-portfolio img {
     border: 2px solid #eee;
 }
.scroll-banner{
    width: 100%;
    background: url(/images/lockers.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 10% 0;
    margin-top: 20px;
}
.latest-news{
    min-height: 150px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.video-banner{ /* Media Overlay banner image */
    width: 100%;
    background: url(/images/banner/2021toy.jpg) no-repeat center center;
    background-size: cover; 
	height: 450px;
}
.reopen{ /* TEMP CLASS - Text overlay on Banner Image */
	margin-top: -180px;
	font-size: 43px;
}
.reopen1{ /* TEMP CLASS - Text overlay on Banner Image */
	margin-top: -5px;
}
.b2s-homepage-banner{
	width: 100%;
	height: 400px;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-image: url(/images/homepage/b2s-kids.jpg);
}



	/* *** Graduation Video TEMP Homepage *** */	
	
	.grad-btn{
	margin-top: 75px;
	}
	
	#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;
	}
	
	/* 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%;
	  }
	}

	
		  

	/* *** COVID TEMP Homepage *** */

	.bring-home{
		font-family: 'Raleway', sans-serif;
		font-weight: 600;
		font-size: 50px;
		color: #2a398c;
		/*color: #337ab7;*/
	}
	.five-things li{
		font-size: 14px;
		padding-top: 5px;
		padding-bottom: 5px;
		list-style-type: square;
	}


	/* *** Logo Farm *** */
	
	.lfarm-size1 img{
	    width: 80px;
	    padding-top: 10px;
	}
	
	.lfarm-size2 img{
	    width: 50px;
	    margin-top: 5px;
	}
	
	.lfarm-size3 img{
	    padding-top: 10px;
	    width: 120px;
	}
	
	.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; 
	}

/* ============= Primary Section Pages ============= */

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

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

.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;   
}

.finance-banner{ /* FinanceFunding.html banner image */
    background: url(/images/fundingfinance.png) 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;   
}
.b2s-banner{
	width: 100%;
	height: 200px;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	position:relative;
	background-image: url(/images/backtoschool/2021b2s-banner.jpg);
}
.page-banner-content6{ /* Grey banner headline content on Primary Section pages */
    width: 100%;
    height: 70px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    background-image: linear-gradient(-90deg,rgba(255,255,255,0.5),#f3f3f3 95%);
    padding-left: 40px;
    padding-right: 40px;
    margin-top:-33px;
}
.banner-h1{ /* Font Style for page-banner-content6 headings */
    color: #555;
    margin-top: 15px;
    margin-left: 60px;
    padding-right: 20px;
    font-family: 'Quicksand', sans-serif;
}
.office-messaging{ /* Section introduction text  */
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 0px 0px 20px 0px;
    margin-bottom: 20px;
}
.primary-h2{ /* Font Style for H2 headers - DJG 12.17.2018 */
    font-family: sans-serif;
	font-weight: bold;
	margin-top: 15px;
    margin-bottom: 10px;
	font-size: 16px;
}
.level{ /* Remove on Top Level Pages, Use <small> tag instead */
    font-weight: normal;
    font-size: 14px;
}

/* ============= Other Font Sizes ============= */

.text-large{ 
    font-size: 20px !important;
    line-height: 35px;
}


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

.text-white{ /* DJG - updated name from "love" 4/10/2020 */
	border-bottom: none;
	color: #ffffff;
}
.text-white a:hover{ 
	color: #ffffff;
}
.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-dkorange {
	background-color: #f88f00;
}
.bg-dkpink {
	background-color: #c41f8c;
}



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

.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;
	}


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

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

.shadow-rb{
	border: 1px solid #f3f3f3;
}
.shadow-rb:hover{
	box-shadow: 2px 2px 0px 0px #bebebe;
	cursor: pointer;
}
.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; 
		/*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;
	}
	.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: #ffffff;
  color: #222222;
  cursor: pointer;
  padding: 11px 20px;
  width: 100%;
  border: none;
  border-bottom: 1px solid #dedede;
  text-align: left;
  outline: none;
  font-size: 18px;
  transition: 0.4s;
}
.accordion i {
	color: #FEBD64;
}
.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/2021toy.jpg) no-repeat center center;
		background-size: cover;
		height: 475px;   
	}
	.fafsa-banner{ 
		width: 100%;
		background: url(/images/fafsa/banner-orange.png) no-repeat center center;
		background-size: cover;
		height:270px;
	}

	
	.campaign-img{
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    width: 40%;
	    height: 40%;
	    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;
	}
	.march{
		background-color: #f9e2f0;
	}
	.may{
		background-color: #90d4dc;
	}
	.ongoing{
		background-color: #67bb8b;
	}

	.l_purple{
		background-color: #faedfd;
	}
	.chart {
		width: 100%;
	}
	.mt{ /* #### This schould be removed when Back-To-School Campaign is over#### */
	    margin-top: 7px;
	    margin-left: 3px;
	}

	
	/*  *** flip-box - used for back-to-school or commissioner's office only *** */

	.flip-card {
		background-color: transparent;
		width: 100%;
		height: 400px;
		perspective: 1000px;
		margin-bottom: 20px; 
	}
	.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;
	}
	

	/*  *** 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;
	}
	.yellow-block{
	background-color: #FFC107;
	}
	.blue-block{
	background-color: #155D9A;
	}
	.dark-pink-block{
	background-color: #c41f8c;
	}
	.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: 100px;
	}
	.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:400px) and (max-width:990px){
    .media-card{
        height: 450px;
    }  
}


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


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

/*==================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 *** */
	
	p{
		font-size: 15px;
	}
	.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;
    }
	.bring-home{
		font-size: 30px;
	}
	.reopen{ /* TEMP CLASS - Remove after 2020 school reopening image changes (bus image + video) */
		font-size: 30px;
	}
	.page-banner-content6{ /* Grey banner headline content on Bring Learning Home */
	    height: 45px;
		margin-top: -22px;
	}
	.page-banner-content7{ /* Grey banner headline content on Bring Learning Home */
	    display: none;
	}
}
@media (max-width:500px){
    #google_translate_element, .home_image, .page-banner5 img{
        display: none !important;
    }
    .page-banner5 {
    position: relative;
    width: 100%;
    height: 50px !important;
    }
    .page-banner-content5{
        top: 25px;
    }
	.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: 525px) and (max-width: 1200px) {
	.bring-home{
		font-size: 45px;
	}
}

@media (min-width: 525px) and (max-width: 1400px) {
	.page-banner-content6, .page-banner-content7 { /* Grey banner headline content on Bring Learning Home */
	    height: 55px;
		margin-top: -22px;
	}
}


@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 { 

	.accordion-panel,.accordion{
	display:block !important;
	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;
		}