/* GLOBAL STYLES
-------------------------------------------------- */
body{color:#262626; line-height:1.5em; font-size:16px; font-family:'Roboto',sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; background:#262626}

.clear { clear:both; }

@media (max-width:1399px){
	.container{ width:100%}
}
@media (min-width:1400px){
	.container{ width:1400px}
}

#body { background:white; border-bottom:5px solid #23d981; border-top:5px solid #23d981; }
#body.container { padding-left:0; padding-right:0; } 

.h1, h1, .h2, h2, .h3, h3, .h4, h4{font-weight:900}
.h1, h1 {border-bottom: 2px solid rgba(0,0,0,.25); padding-bottom: 10px; margin-top: 0;}
.h2, h2 {color:#1b8cd2;}
h1.hidden-xs {
	margin:0;
}

a {color: #1b8cd2;}
a:focus, a:hover {color: #1b8cd2;text-decoration: underline;}

blockquote {font-weight: 500;font-style: italic;color: #777;background-color: #f7f7f7;border-left: 5px solid #1b8cd2;}
.well {border-radius: 0;}

/* Form STYLES
-------------------------------------------------- */
.form-control {border-radius: 0; height: 50px; font-size: 18px; line-height: 1.2;}
.btn { height: 50px;font-size: 18px; line-height:20px; font-weight: 600;text-transform: uppercase;padding:15px 15px;border-radius: 5px;}
.btn-primary {color: #fff;background-color: #1b8cd2;border: none;transition: background-color, text-shadow, .2s;}
.btn-primary:hover {color: #fff;text-shadow: 1px 1px 3px rgba(0,0,0,.5);background-color: #23d981;}
.btn-sm { height:auto; font-size:12px; line-height:18px; font-weight:normal; text-transform:none; padding:5px 10px; border-radius:0px; }

.row-mod{ overflow:hidden;  box-shadow:0 0 0px 1px rgba(0,0,0,.1)}
.block{ padding:40px 40px 10000px 40px;  margin:0 -15px -9960px -15px; box-shadow: -1px 1px 0 0px rgba(0,0,0,.1)inset;}

/*.list{ display: -ms-flexbox; -ms-flex-direction: column; -ms-flex-wrap: wrap; display: flex; flex-direction: column; flex-wrap: wrap; font-size: 0;}*/
/*
.list-item{ display:inline-block;  width:100%;  vertical-align:top;  margin-bottom:20px; float: none}
.list {font-size: 0; margin-bottom: -20px;}
*/


/* CUSTOMIZE THE Main Header
-------------------------------------------------- */
#main-header{background:#1b8cd2}

#main-header .brand{color:#fff; display:block}
#main-header .brand a{display:table; padding:0; color:inherit; transition:background-color .12s; text-decoration:none; min-height:80px}
#main-header .brand .logo{ display:table-cell; width:60px; height:60px; margin-top:0; left:10px;  background-repeat:no-repeat; background-position:center center; position:relative;     background-size:contain; top:0; vertical-align:middle; transition:height 0.2s;}
#main-header .brand .title{ display:table-cell; position:relative; vertical-align:middle; top:0; padding:10px 20px}
#main-header .brand .title1{text-transform:uppercase; display:block; font-size:30px; font-weight:900; line-height:26px}
#main-header .brand .title2{display:block; font-size:18px; font-weight:300; line-height:18px}
#main-header .brand .title3{display:none}

@media (min-width:992px){
	#main-header .brand{ background-position:right center; background-repeat:no-repeat; }
	#main-header .brand .logo{width:160px; height:160px;}
	#main-header .brand a{min-height:160px}
    #main-header .brand .title{ padding:10px 30px}
	#main-header .brand .title1{text-transform:uppercase; display:block; font-size:48px; font-weight:900; line-height:40px}
	#main-header .brand .title2{display:block; font-size:30px; font-weight:300; line-height:30px}
	#main-header .brand .title3{display:block; font-size:18px; font-weight:300; line-height:20px}
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
#main-menu { position:relative; }
#navbar{ font-size:18px; font-weight:500; color:white; padding:0 15px; float:left; }
#navbar > .nav { padding:0 15px; border-bottom:1px solid rgba(255,255,255,0.25); }
@media (max-width:1199px){#navbar .caret {display: none} }
#navbar .caret { margin-left: 3px; opacity: .35; position: absolute; top: 50%;}

#navbar .navbar{ margin-bottom:0;  border:0;  background:#262626;  border-radius:0;  min-height:80px}

.navbar-wrapper{ top:0;  right:0;  left:0;  z-index:20}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper >.container{ padding-right:0;  padding-left:0}
.navbar-collapse{ float:left}
.navbar-wrapper #navbar .container{ width:auto}

#navbar .navbar-nav >li >a, #navbar .navbar-nav >li.active >a{ padding-top:0px;  padding-bottom:0px;  line-height:80px;  padding:0 15px;  color:#fff;  background-color:inherit;  transition:background-color .3s}
#navbar .navbar-nav >li >a:hover, #navbar .navbar-nav >li.active >a:hover{ background-color:rgba(255,255,255,.1)}
@media (min-width:1200px){#navbar .navbar-nav .nav-home a { background-image:url(../images/icon_nav_home.png); background-repeat:no-repeat; background-position:center center; text-indent: -9999px;display: block;width: 60px;}}
#navbar .navbar-nav li.search {background: url(../images/icon_nav_search.png) no-repeat center center;text-indent: -9999px;display: block;width: 60px;}

#main-menu .navbar-toggle{ position:relative;  float:left;  margin:0;  margin-left:15px;  padding:10px 20px 15px 20px;  border:none;  height:80px;  border-radius:0; transition: background-color .3s; }
#main-menu .navbar-toggle .icon-bar { background:white; }
#main-menu .navbar-toggle:hover { background-color:rgba(255,255,255,.1); }

@media (min-width:500px) {
	#main-menu .navbar-toggle:before { content:"Menu"; color:#fff; display:block; font-size:18px; font-weight:500; margin-left:30px; margin-bottom:-19px; text-transform:uppercase; }
}

@media (max-width:349px){.navbar-toggle { text-indent: -9999px;}}
#navbar .dropdown-menu {
	min-width: 250px;
	padding: 10px 0px;
	font-size: 16px;
	border-radius: 0;
	border:none;
}
#navbar .dropdown-menu>li>a {
	padding: 6px 20px;
	white-space: inherit;
}

#navbar-right { margin-right:15px; }

/* Skip to Content - ADA
-------------------------------------------------- */
a.skip-to-content {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden;
	display: block;
	padding: 5px;
	background: white;
	color: black;
}

a.skip-to-content:active,
a.skip-to-content:focus,
a.skip-to-content:hover {
	left: 0;
	top: 0;
	z-index: 1000;
	width: auto;
	height: auto;
	overflow: visible;
	color: black;
}

/* Nav School Button
-------------------------------------------------- */
#main-menu .nav-schools-button { margin-top: 15px;  margin-right:15px; margin-bottom:15px; float:left; }
#schools-nav{  border-left: 1px solid rgba(255,255,255,.25); border-right: 1px solid rgba(255,255,255,.25); height: 50px; }
#schools-nav .btn { background: transparent url(../images/icon_cap.png) no-repeat 20px center; display: block; height: inherit; color: #fff; background-color: inherit; font-size: 18px; font-weight: 500; padding: 0 20px 0 65px; border-radius: 0; transition: background-color .3s;
	background-color: transparent;
}
@media (max-width:449px){ 
	#schools-nav .btn {text-indent: -9999px; padding: 0 20px 0 55px; }
}
#schools-nav .btn:hover { background-color:rgba(255,255,255,.1) }
#schools-nav.open>.dropdown-toggle.btn:focus
	, #schools-nav.open>.dropdown-toggle.btn:hover { background-color:rgba(255,255,255,.1) }
#schools-nav .dropdown-menu { margin: 0 -1px 0 0;  right:0;  left:inherit;  border-radius:0;  border:none;  min-width:250px; }

#schools-collapse { display:none; position:absolute; top:100%; right:0; z-index:9998; }
#schools-nav.open #schools-collapse { display:block; }

#district-menu { background:white; box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.5); color:#19191b; }
#district-menu .district-link { line-height:25px; font-size:18px; line-height:20px; text-align:center; background:#f2f2f2; border-bottom:1px solid #bfbfbf; font-weight:bold; }
#district-menu .district-link a { display:block; padding:10px 15px; }
#district-menu .district-link a:hover { text-decoration:none; background:white; }

#district-menu .schools-filter { margin:0 0 5px 0; padding-right:80px; box-shadow:0 2px 1px 0 rgba(0,0,0,0.25); font-family:'Oswald', sans-serif; position:relative; }

#district-menu .school-search { position:absolute; top:0; right:0; bottom:0; width:80px; background:white; }
#district-menu .school-search.open { width:auto; left:0; }
#district-menu .school-search .search-button { display:block; color:inherit; width:80px; text-indent:-9999px; cursor:pointer; background:url(../images/icon_search_black.png) no-repeat center center; position:absolute; top:0; right:0; bottom:0; }
#district-menu .school-search .search-button:hover { background-color:#f2f2f2; }
#district-menu .school-search .search-input { display:none; position:absolute; top:0; right:80px; left:0; bottom:0;  }
#district-menu .school-search .search-input input { width:100%; height:78px; padding:20px 20px; font-size:18px; line-height:18px; margin:0; border:0; background:transparent; }
#district-menu .school-search .search-input input:focus { outline:none; }
#district-menu .school-search.open .search-input { display:block; }
#district-menu .school-search.open .search-input .adaText {text-indent: -9999px;}

#district-menu .school-type-tabs { margin:0; padding:0; list-style:none; display:table;  }
#district-menu .school-type-tabs li { margin:0; padding:0; display:table-cell; }
#district-menu .school-type-tabs li a { display:block; color:inherit; padding:30px 20px; font-size:18px; text-transform:uppercase; }
#district-menu .school-type-tabs li a:hover { background:#f2f2f2; text-decoration:none; }
#district-menu .school-type-tabs li.active a { background:#f2f2f2; position:relative; }
/* #district-menu .school-type-tabs li.active a::before { position: absolute; bottom: -11px; left: 50%; display: inline-block; margin-left: -20px; width: 0; height: 0; border-top: 10px solid #c3c3c3	; border-right: 20px solid transparent; border-left: 20px solid transparent; content: ""; } */
#district-menu .school-type-tabs li.active a::after { position: absolute; bottom: -9px; left: 50%; display: inline-block; margin-left: -20px; width: 0; height: 0; border-top: 10px solid #f2f2f2; border-right: 20px solid transparent; border-left: 20px solid transparent; content: ""; 
	-webkit-filter: drop-shadow(0 3px 2px rgba(0,0,0,0.25));
	-moz-filter: drop-shadow(0 3px 2px rgba(0,0,0,0.25));
	-ms-filter: drop-shadow(0 3px 2px rgba(0,0,0,0.25));
	-o-filter: drop-shadow(0 3px 2px rgba(0,0,0,0.25));
	filter: drop-shadow(0 3px 2px rgba(0,0,0,0.25)); }

#district-menu .schools-list { max-height:300px; min-height:50px; overflow:auto; background-color:#f2f2f2; }
#district-menu .schools-list .school { display:none; border-bottom:1px dashed #b6b6b6; }
#district-menu .schools-list .school.active { display:block; }

#district-menu .district-schools .school a { display:block; color:inherit; padding:10px 20px; white-space:normal;  transition:color 0; }
#district-menu .district-schools .school a:hover { background-color:white; text-decoration:none; }
#district-menu .district-schools .school img { margin-right:10px; }
#district-menu .district-schools .school .title { display:block; font-weight:bold; margin-left:60px; font-size:20px; line-height:24px; }
#district-menu .district-schools .school .subtitle { display:block;  margin-left:60px; font-size:14px; }

#district-link {  }
#district-link a { display:block; color:white; padding:5px; }
#district-link a:hover { text-decoration:none; background:rgba(255,255,255,0.1); }

/* Nav Social
-------------------------------------------------- */
 
#main-menu .nav-social-links {display:block; text-align:center; font-size:0; float:left; margin-top: 15px; margin-right:15px; margin-bottom:15px; }
#main-menu .nav-social-links .social-media{display:inline-block;}
#main-menu .nav-social-links .social-media.last{border-right:none}
#main-menu .nav-social-links .social-media a{display:block; min-width:40px; height:50px; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; transition:background-color .2s;background-size: 90%;}
#main-menu .nav-social-links .social-media a:hover{background-color:rgba(255,255,255,.1)}
#main-menu .nav-social-links .social-media.twitter a{color: #fff; background-image:url(../images/social_twitter.png)}
#main-menu .nav-social-links .social-media.youtube a{color: #fff; background-image:url(../images/social_youtube.png)}
#main-menu .nav-social-links .social-media.facebook a{color: #fff; background-image:url(../images/social_facebook.png)}
#main-menu .nav-social-links .social-media.instagram a{color: #fff; background-image:url(../images/social_instagram.png)}
#main-menu .nav-social-links .social-media.rss a{color: #fff; background-image:url(../images/social_rss_white.png)}



/* Nav Collapse Mod at 1200px
-------------------------------------------------- */
@media (max-width:1199px){ 
	.navbar-nav >li >a{ line-height:20px;  padding-top:10px;  padding-bottom:10px}
	#navbar .navbar-nav >li >a, #navbar .navbar-nav >li.active >a{ line-height:40px}
	.nav{ margin-left:0px}
}
@media (min-width:1200px){ 
	#navbar .dropdown:hover >.dropdown-menu{ display:block}
}

@media (max-width: 1199px) {
	.navbar-header {float:left;}
	.navbar-toggle {display: block;}
	.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
	.navbar-text {float: none;margin: 15px 0;}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in { display: block!important;}
	.collapsing {overflow: hidden!important;}
}



/* Page Header
-------------------------------------------------- */
#page-header { font-size: 30px; color: #333; font-weight: 900; text-transform: uppercase; color: #fff; background: #1b8cd2; padding:25px 40px; }
#cookie-crumb .breadcrumb { border-radius: 0; padding:10px 40px; margin:0; }
#cookie-crumb a:focus, #cookie-crumb a:hover { text-decoration: none; -webkit-filter: brightness(65%); color: #1b8cd2; }
.breadcrumb > .active {color: #6f6f6f;}


/* Groups
-------------------------------------------------- */
.pagegroup { padding:20px; box-shadow:-1px 1px 0 0px rgba(0,0,0,.1) inset; }
@media (min-width:500px) {
	.pagegroup { padding:40px; }
}
.pagegroup_forms, .pagegroup_forminstances {background-color: #f7f7f7}

/* Announcement Bar
-------------------------------------------------- */
#announcement { background: #23d981;color: #333;margin: -1px 0px 0px 0px;}
#announcement ul { margin:0; }
#announcement .alert { padding:15px 15px; margin-bottom:0; border:none; border-radius:0; font-size:18px; }
#announcement .alert .header { display:none; }
#announcement .alert-dismissable .close { background: url(../images/icon_close.png) no-repeat 
center center;width: 40px; height: 100%; position: absolute; right: 30px; top: 0px; opacity: .35; transition:opacity .2s}
#announcement .alert-dismissable .close:hover {opacity:1;}


@media (min-width:500px) {
	#announcement .alert { background: url(../images/icon_announcement.png) no-repeat 30px 17px; padding:15px 60px; }
}
@media (min-width:768px) {
	#announcement .alert .header { display:inline; text-transform: uppercase; margin-right: 10px; font-weight: 600}
}

/* Link Group
-------------------------------------------------- */
#link-group{text-align:center; background-color:#f7f7f7}
#link-group .header{font-size:30px; font-weight:900; text-transform:uppercase; margin-bottom:30px}
#link-group .list{overflow:hidden}
#link-group .list .row { margin: 0px;}
#link-group .list .list-item{box-shadow:1px 0px rgba(0,0,0,.15); padding: 0}
#link-group .list .list-item .item{font-size:18px; font-weight:500; transition:background .2s; padding:10px; line-height:1.2}
#link-group .list .list-item .item:hover{background:rgba(0,0,0,.05)}
#link-group .list .list-item.last{box-shadow:none}

/* Text Block Group
-------------------------------------------------- */
#text-block-group{background-color:#fff}
#text-block-group .list{margin-right:-15px; margin-left:-15px; display:table}
#text-block-group .list .list-item{padding:0 10px;}
#text-block-group .list .item{background:#1b8cd2; overflow:hidden; color:#fff; text-align:left; border:1px solid #fff; box-shadow:5px 5px rgba(0,0,0,.15);  transition:background,box-shadow,text-shadow,.2s; text-shadow:2px 2px 2px rgba(0,0,0,.5);}
#text-block-group .list .item:hover{box-shadow:0px 0px rgba(0,0,0,0);}
#text-block-group .list .item .date{display:block; font-size:24px;  font-weight:300}
#text-block-group .list .item .text-block-title{ font-size:30px; display:block; position:absolute; font-weight:900; bottom:20px; left:30px; text-transform:uppercase; z-index: 10}
#text-block-group .list .item img{ width:100%;  height:auto; opacity:.75; transition: opacity .2s;}
#text-block-group .list .item:hover img{opacity: 1}
#text-block-group .list .item:before{ content:""; display:block; position:absolute; bottom:0; margin:1px 11px; height:100px; background-image:-webkit-linear-gradient(top,rgba(0,0,0,.0001) 0,rgba(0,0,0,1) 100%); background-image:-o-linear-gradient(top,rgba(0,0,0,.0001) 0,rgba(0,0,0,1) 100%); background-image:-webkit-gradient(linear,right top,right bottom,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,1))); background-image:linear-gradient(to bottom,rgba(0,0,0,.0001) 0,rgba(0,0,0,1) 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000',endColorstr='#80000000',GradientType=1); left:0; right:0; z-index: 5}
#text-block-group .list .item.ad img{ width:100%;  height:auto; opacity:.85; transition: opacity .2s;}
#text-block-group .list .item.ad:hover img{opacity: 1}
#text-block-group .list .item.ad:before{display: none}


/* Footer
-------------------------------------------------- */
#footer{background:#333; color:#fff; padding:20px 40px 40px 40px}
#footer .address-bar{border-bottom:1px solid rgba(255,255,255,.35); padding-bottom:15px; text-align:center}

#footer .footer-text{ float:left;}

#footer ul.social{float:none; margin:3px 10px 3px 0; padding:0; padding-bottom:10px}
@media (min-width:599px){
	#footer ul.social{float:left}
	#footer .address-bar{text-align:left}
}
#footer .social li{display:inline-block; padding:0; margin-right:10px}
#footer .social li a{display:block; overflow:hidden; padding:10px 7px; width:21px; height:21px; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; white-space:nowrap}
#footer .social li.twitter a{color: #fff; background-image:url(../images/icon_twitter_white.png)}
#footer .social li.facebook a{color: #fff; background-image:url(../images/icon_facebook_white.png)}
#footer .social li.youtube a{color: #fff; background-image:url(../images/icon_youtube_white.png)}
#footer .social li.instagram a{color: #fff; background-image:url(../images/icon_instagram_white.png)}
#footer .social li.rss a{color: #fff; background-image:url(../images/icon_rss_white.png)}

#footer .translate { float:right; }

#footer #bottom-menu{color:rgba(255,255,255,0.65); padding:10px 0 15px; text-align:center}
@media (min-width:481px){#footer #bottom-menu{float:left; text-align:left; clear:both}
}
#footer #bottom-menu a{color:inherit}
#powered-by{text-align:center; position:relative; font-family:'Georgia'; padding:0 0 40px 0}
@media (min-width:599px){#footer #powered-by{float:right}
}
#footer #powered-by a {display:block; text-decoration:none; padding:5px 0; color:inherit; transition:background-color 0.2s}
#footer #powered-by a:hover {background-color:rgba(255,255,255,0.05)}
#footer #powered-by .digital-bell {display:block; line-height:1.25em; color:#fff}
#footer #powered-by .digital-bell .powered {font-size:14px; font-weight:400; color:rgba(255,255,255,0.65); font-style:italic; display:none}
#footer #powered-by .digital-bell .bell-logo {display:inline-block; width:274px; height:40px; background:url(../images/logo_digital_bell_footer.png) no-repeat top left; text-indent:-9999px; margin:0}

/* Floting header */
@media (min-width: 992px) and (min-height: 800px){
	body.floating-header #main-header-before { padding-bottom:80px; }
	body.floating-header #main-header { position:fixed; top:0; right:0; left:0; z-index:100; box-shadow:0 0 10px 0px rgba(0, 0, 0, 0.5); }
    body.floating-header #main-header .brand { background-size: 60%; }
	body.floating-header #main-header .brand a { min-height:80px; }
	body.floating-header #main-header .brand .logo { width:60px; height:60px; left:10px; }
	body.floating-header #main-header .brand .title .title1 {}
	body.floating-header #main-header .brand .title .title2 { display:none; }
	body.floating-header #main-header .brand .title .title3 { display:none; }
}

#errorpage { padding:20px; }
@media (min-width:500px) {
	#errorpage { padding:40px; }
}

#copy { overflow:hidden; }

#sidebar { background: #1b8cd2; }
#sidebar-psuedo { display:none; }

#related-links .header { display:block; padding-bottom:20px; border-bottom:3px solid rgba(255,255,255,.35); font-size:30px; font-weight:900; }
#related-links .header .light { font-weight:300; }

@media (min-width:992px) {
	.with-sidebar #copy { float:left; width:75%; min-height:1px; }
	#sidebar-psuedo { display:block; width:25%; position:absolute; top:0; bottom:0; right:0; z-index:1; background: #1b8cd2; }
	#sidebar { float:left; width:25%; position:relative; z-index:2; }
}

/* Sidebar
-------------------------------------------------- */
#copy-wrapper { position:relative; }
#sidebar-psuedo {  }
#sidebar-inner {
}
#related-links { font-size: 18px; color: #fff; padding:40px; box-shadow:0px 1px 0 0px rgba(0,0,0,0.1) inset; }

#related-links li a {
	padding: 15px 10px;
	border-bottom: 1px dashed rgba(255,255,255,.35);
	color: inherit;
	transition:background-color .5s;
}
#related-links li a:hover {
	text-decoration: none;
	background-color:rgba(255,255,255,.1);
}

.lay-copy-iframe .pagegroup {
	padding: 0;
}
@media (min-width: 500px) {
	.lay-copy-iframe .pagegroup {
		padding: 0;
	}
}
.lay-copy-iframe .calendar {
	margin: 0;
	margin-bottom: 1.33em;
}

/* Masonry
-------------------------------------------------- 
#masonry {
	background: #131212;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	-ms-flex-direction: column;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 100vw;
	max-height: 800px;
	font-size: 0;
	padding: 0;
	margin: 0 -15px;
}
#masonry .list-item {
	width: 33.3333334% !important;
}
#masonry img { 
	width: 33.33334%;
	transition: .8s opacity;
}

#masonry:hover img {
	opacity: 0.3;
}
#masonry:hover img:hover {
	opacity: 1;
}



@supports not (flex-wrap: wrap) {
	#masonry {
		display: block;
	}
	#masonry img { 
		display: inline-block;
		vertical-align: top;
	}
}

@media screen and (max-width: 500px) {
	#masonry { height: 200vw; }
	#masonry img { width: 50%; }
}
*/
@media print{
	a[href]:after{
		content: "";
	}
	nav {
		display: none;
	}
	#footer {
		display: none;
	}
	.fa-print {
		display: none;
	}
    /* table {page-break-inside: avoid;} */
}