/* -------------------------------------------------*/
/* BODY STYLES                          */
/* -------------------------------------------------*/

/* style panels w/ 3 color rotation; commented out for now per co
.panel:nth-child(3n-6) .panel-heading{
    background-color: #646464; 
}
.panel:nth-child(3n-7) .panel-heading{
    background-color: #00a859;
}
.panel:nth-child(3n-8) .panel-heading{
    background-color: #036;
}
*/

body {
    background-color:aliceblue;
} 

#img-change{
    background-attachment: fixed !important;
    background-position: center !important;
}

#district_forms ul,
#jobdescriptions ul {
    list-style-type: none;
	padding-left: 25px; /* decreases li indent from 40px default */
}

#district_forms strong,
#jobdescriptions strong {
	/*font-variant: small-caps;*/
	text-transform: uppercase;
}

#jobdescriptions ul{
    margin-bottom:0px;
}

#meetingVideo iframe{
    width:560px;
    height:439px;
}

table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
}


/* -------------------------------------------------*/
/* SECTION STYLES                          */
/* -------------------------------------------------*/
section,footer {
	background-color: #fff;
}

.section-secondary{
	background:#003366;
}

#whatsnew{
    background-color: rgba(245, 245, 245, 0.7); 
}

.welcome{
    margin-top: 10px;
}

.jumbotron#csd-splash {
    background: #0383c0;
	height: 100%;
	background-attachment: fixed; /* lets website scroll but image remains in place */
    background-position: center center;
    background-size: cover;
	/*background-image: url(../img/graduation2010.jpg);*/
	background-image: url(../img/bay.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
}

/* -------------------------------------------------*/
/* NAVIGATION (DISTRICT)                            */
/* -------------------------------------------------*/

.large{
	border-bottom:5px solid #00a859;
}

.small{
	border-bottom:5px solid #00a859;
}

.dropdown-menu li > a:hover { /* color of dropdown links when hovered over */
	color: #00a859 !important;
}

.dropdown-menu li .active > a {
    color: #00a859;
}

a:hover#nav-districthome {
	color: #00a859;
}

.navbar {
	border-bottom: 6px solid #00a859; /* green line between nav and body */
	background-color:#D9ECFF; 
	
    background-color: #fff;
}

/* border color of dropdown menu */
.navbar .dropdown-menu { 
	border-top: 4px solid #00a859; 
	border-left: 2px solid #00a859; 
	border-right: 2px solid #00a859; 
	border-bottom: 2px solid #00a859; 
} 

.navbar-nav > li > a {
    color: #003366 !important;
}

/* hover color for main navigation */
.navbar-nav > li > a:hover,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:#036 !important; /* medium blue #0383c0 */
	color:#F9F9F9 !important;	
}

.pull-right#header-contact { 
	color: #003d7a;
} 

.header-contact-links {
	color: #003d7a;
}

/* District Sailboat Logo in Navbar */
.navbar-brand#nav-district-logo {
	margin-top: -24px; 
	padding-top: 0px;
	padding-bottom: 0px;
}

.dropdown-menu li.nav-title{
    border-bottom-color: #0044cc; /*#00B43D;*/
	color: #0044cc;
}

.dropdown-menu li > a:hover,
    .dropdown-menu li > a:focus,
    .dropdown-submenu:hover > a { color: #00a859;}

/* -------------------------------------------------*/
/* COLORS (FONTS AND BACKGROUNDS)                   */
/* -------------------------------------------------*/

.breadcrumb {
    background-color:#036;
}

.breadcrumb a { 
    color:#00a859; 
}

.breadcrumb > li + li:before {
	color: #FFF; /*#00B43D;*/
}
.breadcrumb > .active { 
    color: #fff; 
} /* white active page text */

.fa-file-pdf-o { 
	color: #a30000; 
}

/* -------------------------------------------------*/
/* Twitter/rss COLORS (FONTS AND BACKGROUNDS)       */
/* -------------------------------------------------*/

.tweet{
    background-color: rgba(245, 245, 245, 0.4);
    border:#003366;
}

/* CSD Index RSS Feed*/

#whatsnew hr{
    /*color:#043B0A;*/
	color: #fff;
}
#whatsnew p {
	font-weight: normal;
	color: #fff;
}
#whatsnew a{
    color:#5BB75B;
    /*text-decoration:underline;*/
	text-decoration: none;
	font-size: 18px;
}
#whatsnew li{
	font-weight: normal;
}
.bg-green-semi-trans {
	background:rgba(0, 168, 89, 0.75);
}
.semi-transparent {
	background:rgba(58, 60, 60, 0.2);
    padding: 5px
}
.info-box li { 
	/*padding-bottom: 10px; */
	font-weight: normal;
	line-height: 1.3;
	padding-bottom: 5px;
}

.info-box li:nth-child(odd) {color: #fff}
.info-box li:nth-child(even) {color: #fff}
/*.info-box li:nth-child(even) {color: #aaa}*/

.info-box li { 
	font-weight: normal;
	line-height: 1.3;
	padding-bottom: 15px; /* space between rss items */
}
.item a {color:#fff; font-weight: bold; font-size: 110%;} /* line-height: 1; */

.slogan#whatsnew { 
	padding:10px;
	background-color: rgba(58, 60, 60, 0.75);
	line-height: 1.4;
}

/* -------------------------------------------------*/
/* Alternate RSS feed                               */
/* -------------------------------------------------*/
.feed2{
    text-align:left !important;
    /*font-size: 1em !important;*/
    max-height: 400px;
    overflow-y: scroll;
}
.feed2 a{
    /*font-size: 1em !important;*/
	font-weight: bold;
}
.feed2 .row{
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.item2 p{
    text-align:left;
	/*font-size: 1em;*/
}

.item2 img{
    width: 75%;
    height: auto;
}
.feed2 li{
    padding-bottom:5px;
    /*font-size: 1em !important;*/
}

@media (max-width: 1005px){
    .item2 p{
        padding: 0px;
    }
    .item2 ul{
        padding: 0px;
    }
    .item2{
        padding-left: 15px;
    }
}


/* -------------------------------------------------*/
/* Calendar (FONTS AND BACKGROUNDS)           */
/* -------------------------------------------------*/

.date{
    background-color: #00a859;
    color:fff;
    /*background-color: rgba(245, 245, 245, 0.4);*/
}

/* -------------------------------------------------*/
/* COLORS (FONTS AND BACKGROUNDS)                   */
/* -------------------------------------------------*/

.section-breadcrumb {
	background:#036;/*#e44d26;*/
}

.section-darkblue {
	background:#003366;/* blue #003366; orange #e44d26; */
	color:#fff;
}

.section-blue {
	background:#0383c0;/* blue #003366; orange #e44d26; */
	color:#fff;
}

/*.section-gray { background:#f4f4f4; }*/

.section-offwhite, 
.section-offwhite 
.list-group-item {
	background:#ddd;/* med blue #0383c0; green #00a859; */
	color:#000;
}

.section-green, 
.section-green 
.list-group-item {
	background:#00a859;/* med blue #0383c0; green #00a859; */
	color:#111;
	border-color: transparent;
}

.section-orange, 
.section-orange 
.list-group-item {
	background:#e58e1c;/* med blue #0383c0; green #00a859; */
	color:#111;
	border-color: transparent;
}

.panel-primary > .panel-heading{
    background: #036;
}

/* -------------------------------------------------*/
/* styles from here down have not been categorized  */
/* -------------------------------------------------*/

blockquote#orange-blockquote { 
    border-left: 5px solid #e58e1c; 
}

.text-secondary{
    color:#0383c0;
}
.text-secondary h4{
    color:#0383c0;
}


.center {
  display: block;
  margin:auto;
  
}

/* -------------------------------------------------*/
/* slick-dots                                       */
/* -------------------------------------------------*/

/* active and hover dot colors */
/*#video-library .slick-dots li button:hover:before,
#video-library .slick-dots li button:focus:before
{
    color:#f00;
}
*/

/* inactive dot colors */
#video-library .slick-dots li button:before
{
    color: #036;
	
}

/* active dot color */
#video-library .slick-dots li.slick-active button:before
{
    color: #036;
;
}


/* -------------------------------------------------*/
/* JUMBOTRON (STYLES AND BACKGROUNDS)               */
/* -------------------------------------------------*/

.jumbotron#district-boat {
    background:url(../img/bg-boat-lg.jpg) no-repeat;
    /*added a paralax effect to the background image https://davidwalsh.name/parallax*/
    background-size:auto;
    background-attachment: fixed;
    background-position:center left;
}
/*
.jumbotron#school-board-splash .btn-warning {
	background-color: #e58e1c; /* orange to match color scheme */
/*}*/

.jumbotron#school-board-splash{
	/*
	WORKING EXAMPLE BUT NO GRADIENT*/
	background: #35455E;
	height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: url(../img/board.jpg);/*(../img/lunapic-lake.jpg);*/
}

.jumbotron#districtcalendars{
	/*
	WORKING EXAMPLE BUT NO GRADIENT*/
	background: #35455E;
	height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: url(../img/schoolboard-blur.jpg);/*(../img/lunapic-lake.jpg);*/
}

.jumbotron#budget-splash {
	background: #2a2323;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    /*pennies background*/
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.7), rgba(0,122,255,0.3)), url(../img/coins.jpg);
    background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,122,255,0.3)), url(../img/coins.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
}

.jumbotron#buildinggrounds-splash {
    background: #2a2323;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.9)), url(../../../district/departments/buildinggrounds/img/grass.jpg);
    background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9)), url(../../../district/departments/buildinggrounds/img/grass.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
}

.jumbotron#curriculum-splash {
    /*background: #2a2323;*/
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: url(../../../district/departments/curriculum/img/mathbook.jpg);
	background-color: #00a859;
	background-blend-mode: multiply;
}

.jumbotron#humanresources-splash, .jumbotron#resources-splash {
    /*background: #2a2323;*/
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: url(../../../district/departments/humanresources/img/HR_BG_03.jpg);
	background-color: #8ccc8c; /*#00a859;*/
	background-blend-mode: multiply;
}

.jumbotron.technology-splash {
    background: #2a2323;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: -webkit-linear-gradient(rgba(0,51,102,0.5), rgba(0,51,102,0.9)), url(../../../district/departments/technology/img/keyboard-lt-blue.jpg);
    background-image: linear-gradient(rgba(0,51,102,0.5),rgba(0,51,102,0.9)), url(../../../district/departments/technology/img/keyboard-lt-blue.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
}

.jumbotron#nutritionalservices-splash {
    background: #2a2323;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: -webkit-linear-gradient(rgba(0,51,102,0.5), rgba(0,51,102,0.9)), url(../../../district/departments/nutritionalservices/img/food.jpg);
    background-image: linear-gradient(rgba(0,51,102,0.5),rgba(0,51,102,0.9)), url(../../../district/departments/nutritionalservices/img/food.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
}

.menu h3, .menu h4, .menu h5, .menu ul{
    text-align:center;
    /*font-weight: bold;*/
}
.menu ul{
    list-style-type:none;
    padding-left:0;
}
.menu a{
    font-size:1.05em;
    text-transform: uppercase;
    font-weight: bold;
}

.jumbotron#pto-splash {
    background: #2a2323;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: -webkit-linear-gradient(rgba(0,51,102,0.5), rgba(0,51,102,0.9)), url(../../../district/about/pto/img/Honeycrisp-Apple.jpg);
    background-image: linear-gradient(rgba(0,51,102,0.5),rgba(0,51,102,0.9)), url(../../../district/about/pto/img/Honeycrisp-Apple.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
}

.jumbotron#nursing-splash {
    background: #2a2323;
    /*height: 100%;*/
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: -webkit-linear-gradient(rgba(0,51,102,0.5), rgba(0,51,102,0.9)), url(../../../district/departments/nursing/img/stethoscope_0.jpg);
    background-image: linear-gradient(rgba(0,51,102,0.5),rgba(0,51,102,0.9)), url(../../../district/departments/nursing/img/stethoscope_0.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
}

.jumbotron#school-splash{
	background-color: #dff0d8;
}

.jumbotron#transport-splash {
    background: #2a2323;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: -webkit-linear-gradient(rgba(0,51,102,0.5), rgba(0,51,102,0.9)), url(../../../district/departments/transportation/img/bus-generic.jpg);
    background-image: linear-gradient(rgba(0,51,102,0.5),rgba(0,51,102,0.9)), url(../../../district/departments/transportation/img/bus-generic.jpg);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
}
.jumbotron#csdss-splash {
    background: #2a2323;
    height: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: url(../../../district/student-support/img/chalkboard-black.jpg);
	background-color: #00a859;
	background-blend-mode: overlay; /* was multiply but was too dark */
}

.jumbotron#specialist-splash {
    background: #0383c0;
	height: 100%;
	background-attachment: fixed; /* lets website scroll but image remains in place */
    background-position: center center;
    background-size: cover;
	background-image: -webkit-linear-gradient(rgba(0,122,255,0.7), rgba(0,0,0,0.4)), url(../../includes/img/csd/ppsart.jpg);
    background-image: linear-gradient(rgba(0,122,255,0.7),rgba(0,0,0,0.4)), url(../../includes/img/csd/ppsart.jpg); /* black overlay over image */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
    min-height: 100vh; /* 100% of the view port */
}

.jumbotron#district-splash {
    background: #0383c0;
	height: 100%;
	background-attachment: fixed; /* lets website scroll but image remains in place */
    background-position: center center;
    background-size: cover;
	background-image: -webkit-linear-gradient(rgba(0,122,255,0.7), rgba(0,0,0,0.4)), url(../img/lake-short.jpg);/* url(img/hero.jpg);*/
    background-image: linear-gradient(rgba(0,122,255,0.7),rgba(0,0,0,0.4)), url(../img/lake-short.jpg) ; /*url(img/hero.jpg); /* black overlay over image */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22c82df', endColorstr='#2003366',GradientType=0 ); /* IE6-9 */
    min-height: 100vh; /* 100% of the view port */
}

/* -------------------------------------------------*/
/* FOOTER                                           */
/* -------------------------------------------------*/



/* -------------------------------------------------*/
/* MEDIA QUERIES                                    */
/* -------------------------------------------------*/

@media(max-width:990px) {
    
    /* small screen icon for navigation */
    .navbar-toggle {
        background-color: #00a859;
        border: 1px solid #036;
    }
  
    .icon-bar { background-color: #036; }
	
}  /* END: @media(max-width:990px) */