@charset "utf-8";
/* CSS Document */

/*Find and Replace the following colors */
/*Header/Footer and Links: #0057B8*/
/*Footer text: #C1C6C8 */
/*Sub color: [Example: background color for navigation : #E87722]*/
/*Highlight Color: [Example: Selected Navigation color: #c1c6c8]*/

a,a:link,a:active,a:visited,a:hover,a:focus{
	color:#0057B8;
}
.ms-vb a:visited, .ms-vb2 a:visited, .ms-vb-user a:visited, .ms-vb a:hover, .ms-vb a:focus{
		color:#0057B8;

}
.ms-alternatingstrong .ms-vb a:link, .ms-alternatingstrong .ms-vb2 a:link, .ms-alternatingstrong .ms-vb-user a:link, .ms-alternatingstrong .ms-vb a:visited, .ms-alternatingstrong .ms-vb2 a:visited, .ms-alternatingstrong .ms-vb-user a:visited, .ms-alternatingstrong .ms-vb a:hover:visited, .ms-alternatingstrong .ms-vb2 a:hover:visited, .ms-alternatingstrong .ms-vb-user a:hover:visited{
	color:#0057B8;
}
.inner-columns .ms-alternating{
	background:#e4e4e4;
}

a.btn-primary,
a.btn-primary:link,
a.btn-primary:active,
a.btn-primary:visited {
    color: #ffffff !important;
    background-color: #0057B8 !important;
    border: 1px solid #0057B8 !important;
    border-radius: 0;
    text-transform: uppercase;
    padding: 7px 20px;
}

a.btn-primary:hover,
a.btn-primary:focus {
    color: #ffffff !important;
    background-color: #00479a !important;
    border-color: #00479a !important;
    border-radius: 0;
    text-transform: uppercase;
    padding: 7px 20px;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
	background-color: #0057B8;
    border-color: transparent;
}
/*
.btn-primary:active,a.btn-primary:hover, a.btn-primary:focus{
	background-color:#0057B8 !important;
	color:white !important;
}*/

.header{background-color:#0057B8;}
.footer{background-color:#0057B8;color:white;}

.footerLinks li a,.footerLinks li a:link,.footerLinks li a:active,.footerLinks li a:visited,.footerLinks li a:hover,.footerLinks li a:focus{
	color:white;
}
.footerHead a,.footerHead a:link,.footerHead a:active,.footerHead a:visited,.footerHead a:hover,.footerHead a:focus{
	color:white;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText{
	background-color:#fff;
	color:#0057B8;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover, .ms-navedit-editLinksText:hover{
	background-color:#e1ecf8 !important;
	color: #0057B8 !important;
}


.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover .additional-background.ms-navedit-flyoutArrow.dynamic-children{
 background-image:
        linear-gradient(45deg, transparent 50%, #E87722 50%),
        linear-gradient(135deg, #E87722 50%, transparent 50%),
        linear-gradient(to right, transparent , transparent ) !important;
}
.ms-core-listMenu-horizontalBox a.selected.ms-core-listMenu-item, .ms-core-listMenu-horizontalBox a.selected.ms-core-listMenu-selected.ms-core-listMenu-item, a.ms-tv-item:hover, a.selected.ms-tv-header{
	background-color:#ffffff !important;
	color:#0057B8 !important;
	border-bottom:4px solid #E87722 !important;

}
.ms-srch-sb > .ms-srch-sb-searchLink,#SearchBox .ms-srch-sb > .ms-srch-sb-searchLink,#SearchBox .ms-srch-sb > .ms-srch-sb-searchLink:hover, #SearchBox .ms-srch-sb > .ms-srch-sb-searchLink:active{
	 background-color:#ffffff !important;
    border-left: 3px solid #E87722;
    color:#000000;
    font-size: 14px;
}
.ms-srch-sb {
    height: 38px;
}
#SearchBox input {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-size: 14px !important;
    height: 38px !important;
}
.styleSelect option {
    color: #000000;
}
.ms-srch-sb-searchLink {
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.ms-srch-sb {
    height: 38px;
}
#SearchBox .ms-srch-sb-searchLink::after {
    line-height: normal;
}
.topSecondaryMenu {
	color:white;
}
.topSecondaryMenu a, .topSecondaryMenu a:link,.topSecondaryMenu a:active,.topSecondaryMenu a:visited, .topSecondaryMenu a:hover, .topSecondaryMenu a:focus{
	color:white;
}
.styleSelect {
    height: 38px;
    background-color: #ffffff;
    border: none;
    padding-right: 35px;

    font-size: 14px;
    color: #000000;

    /* Orange arrow + divider */
    background-image:
        linear-gradient(45deg, transparent 50%, #E87722 50%),
        linear-gradient(135deg, #E87722 50%, transparent 50%),
        linear-gradient(to right, #E87722, #E87722);

    background-position:
        calc(100% - 15px) center,
        calc(100% - 10px) center,
        calc(100% - 30px) 0;

    background-size:
        5px 5px,
        5px 5px,
        2px 100%;

    background-repeat: no-repeat;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#E87722;
}
.searchIcon,.searchIcon:link,.searchIcon:active,.searchIcon:visited,.searchIcon:hover,.searchIcon:visited{
	color:#E87722;
}
.ms-core-listMenu-horizontalBox .additional-background.dynamic-children{
 background-image:
    linear-gradient(45deg, transparent 50%, #E87722 50%),/*Marketng change*/
    linear-gradient(135deg, #E87722 50%, transparent 50%),/*Marketng change*/
    linear-gradient(to right, transparent , transparent ) !important;
}



.ms-core-listMenu-horizontalBox ul li.static.dynamic-children:hover .additional-background.dynamic-children{
 background-image:
    linear-gradient(45deg, transparent 50%, #E87722 50%),/*Marketng change*/
    linear-gradient(135deg, #E87722 50%, transparent 50%),/*Marketng change*/
    linear-gradient(to right, transparent , transparent ) !important;

}
#SearchBox .ms-srch-sb-searchLink::after{
	color:#E87722;
}
#main-slider .owl-controls .owl-pagination .owl-page.active{
	    background: #0057B8;
}
h2 span{
	color: #004FA8;/*Marketng change;6/24 ADA COLOR CHANGE*/
}
.inner-container-content h2{
	color: #000;

}
.ms-rtestate-field, .ms-rtestate-field p, .ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2,.ms-rtestate-field h3, h3.ms-rteElement-H3,.ms-rtestate-field h4, h4.ms-rteElement-H4{
	color:#000;
}
.welcome-container .nav-tabs.nav > li.active > a {
    color: #0057B8;
    border-bottom: 4px solid #E87722;
}
.welcome-container .nav-tabs.nav {
    border-bottom: 1px solid #E87722;
}
.welcome-container .tab-content h3 {
    color: #0057B8;
}



.news-date span.date-num {
    background: #0057B8;
    color: #fff;
    font-size: 1.1em;
    line-height: 1.1em;
}
.news-date span {
    border: 1px solid #0057B8;
    color: #0057B8;
}
.newsslider .owl-controls .owl-pagination .active.owl-page,#galleryslider .owl-controls .owl-pagination .active.owl-page {
    background: #E87722;/*Marketing change*/
}

.panel-default#district-panel {
	background: #F7F9FB;
	border: 1px solid #C1C6C8;
	border-radius: 6px;
	overflow: hidden;
	color: #000000;
}
.panel-default#district-panel > .panel-heading {
    background: #0057B8;
    color: #ffffff;

    font-family: 'Lato', "Segoe UI", Tahoma, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;

    padding: 12px 16px;

    border: none;
    border-radius: 6px 6px 0 0;

    /* Orange base */
    box-shadow: 0 2px 0 rgba(232,119,34,0.85);
	min-width: 190px;
}

.district-listing li p{
	color:#000000;
}
.district-listing li .pad {
    border-bottom: 1px solid #C1C6C8;
}

#district-panel .panel-footer .pagination > li > a.prev span::before{border-top: 6px dashed #E87722;}
#district-panel .panel-footer .pagination > li > a.next span::before{border-bottom: 6px dashed #E87722;}

#district-panel .panel-footer .pagination > li > a, #district-panel .panel-footer .pagination > li > span {
	background: #ffffff;
	border: 1px solid #C1C6C8;
	border-radius: 0px;
	color: #0057B8 !important;
}


.eventlist ul li .readmore a{
	color: #0057B8!important;
}

.readmore{position:relative; color:#fff; }

.event-container.pad-40{padding:20px 0;}

.eventspanel .upcomingevents.sprites {
	position: absolute;
	left: -7px;
	top: -21px;
	width: 61px;
	height: 290px;
	background-position: 0 0;
	text-indent: -9999px;
}



.upcomingevents.sprites  {
	background-image: url("../images/upcoming-event.png");
	background-repeat: no-repeat;
}


.newsslider .item .caption .desc-panel {
	min-height: 148px;
}

/*#main-slider .owl-controls .owl-buttons .owl-prev {
	left: 40px;
	background: url("../images/sprites.png") no-repeat -77px -63px;
}

#main-slider .owl-controls .owl-buttons .owl-next {
	right: 40px;
	background: url("../images/sprites.png") no-repeat -160px -63px;
}*/

.district-listing li h3 a{
	color:#000000;
}
.socialTabs{
	    border-bottom: 1px solid #1f3a93;/*Marketng change*/
}
.socialTabs li.active a, .socialTabs li.active a:link, .socialTabs li.active a:active, .socialTabs li.active a:visited, .socialTabs li.active a:hover, .socialTabs li.active a:focus {
	color: #1f3a93;/*Marketng change*/
    border-bottom: 4px solid #1f3a93;/*Marketng change*/

}
.newsslider .item .caption .authorname {
    color: #000;
}
.InnerAnnouncementHeader{
	color:white;
	background:#0057B8;
}

.Jurupa-address-footer a,.Jurupa-address-footer a:link,.Jurupa-address-footer a:active,.Jurupa-address-footer a:visited,.Jurupa-address-footer a:hover,.Jurupa-address-footer a:focus{
	color:white;
}

.ms-headerCellStyleNormal{
	border-bottom:1px solid #0057B8;
}




/*Left Nav*/
.LeftNav .panel-heading{background-color:#d9ecd6;}/*Light Green*/
.LeftNav .panel-heading .indicator{color:#0057B8;}/*Dark Green*/
.LeftNav .panel-heading.highlightHeading{background-color:#0057B8;}
.LeftNav .panel-heading.highlightHeading .indicator{color:#fff;}
.LeftNav .panel-heading a,.LeftNav .panel-heading a,.LeftNav .panel-heading a,.LeftNav .panel-heading a,.LeftNav .panel-heading a{color:#0057B8;}
.LeftNav .panel-heading.highlightHeading a,.LeftNav .panel-heading.highlightHeading a:link,.LeftNav .panel-heading.highlightHeading a:active,.LeftNav .panel-heading.highlightHeading a:visited,.LeftNav .panel-heading.highlightHeading a:hover,.LeftNav .panel-heading.highlightHeading a:focus{color:#fff;}
.leftNavMenuList a,.leftNavMenuList a:link,.leftNavMenuList a:active,.leftNavMenuList a:visited,.leftNavMenuList a:hover,.leftNavMenuList a:focus{color:#0057B8;}



.resourcesHead{color:white;background:#0057B8;	}



.welcome-container .nav.nav-tabs > li > a span {
	font-size: 0px;
	font-weight: bold;
}
/*Media Queries Below*/

.address:hover{ color:#fff;}
.readmore a {
	color: #fff !important;
	text-decoration: none;
}

.left-navigation li.static.expanded a:after{ right: 13px;top: 28px;}
.left-navigation li.static ul li a:after{ right: 10px!important;}
.left-navigation li.static ul li span:after{ right: 10px!important;}
.left-navigation ul ul {
	padding: 10px 20px!important;
}

.left-navigation ul ul li a::after {
	top: 18px !important;
}
.socialContent {
    overflow-y: inherit!important;
}
.twitter-timeline-rendered.twitter-timeline {
	height: 475px !important;
	overflow: inherit!important;
}

.ms-WPBody > table img {
	width: auto;
}
.inner-columns table tr td img {

	display: inline;
}




.ms-WPBody table tr td > div{

display: table!important;

}



/*===Facebook feed height css start heree==*/


/*
.fb_iframe_widget span {
	height:476px!important;
}


.twitter-timeline-rendered.twitter-timeline, .fb_iframe_widget.fb-page, .fb_iframe_widget.fb-page iframe {
	height: 475px !important;
}
*/
.eventlist ul li h4 {
	width: inherit;
	white-space: inherit;
	overflow: inherit;
	text-overflow: inherit;
	max-width: inherit;
}
.eventlist ul li .media .media-left {
	padding-right: 10px;
}


.ViewFullCal {
	padding: 10px;
}

.left-navigation ul li a:hover{ color:#fff;}

/*
.fb_iframe_widget span{ width:100%!important;}
*/


.twitter-timeline-rendered.twitter-timeline, .fb_iframe_widget.fb-page, .fb_iframe_widget.fb-page iframe {
	min-width: auto !important;
	width: 100% !important;
	height: 468px !important;
	overflow: hidden;
}

/*=====css for ipad======== */

.facebookcontent{
	overflow: hidden;
	position:relative;

}




@media only screen and (min-width : 768px) {

ul.dynamic {
	width: 300px !important;
}
 /*li.dynamic  {
  changed for managed metadata navbar
	float: left !important;
    width: 50% !important;
}*/


}

@media only screen and (min-width : 800px) and (max-width : 990px) {
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText {
	padding: 11px 5px;

}





}








@media only screen and (min-width : 1040px) {

ul.dynamic {
	/*changed for managed metadata navbar
	float: none;
	border: 0 none;
	padding: 0;
	width: 520px !important;
	float:left;
	border: 1px solid #e1ecf8!important;*/
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
}
li.dynamic  {
	border-bottom: 1px solid #d9e4f2;
	color: #0057B8;
	/*changed for managed metadata navbar
	display: inline-block;
    list-style-type: none;
    float: left !important;
    width: 50% !important;*/
}
/*
li.dynamic:nth-child(16) a span span{
text-overflow: ellipsis!important;;

}
*/
}










@media (max-width: 768px) {
	.foo-logo img {
	    width: 70%; /*Marketing change for bottom logo*/
	    height: 70%;/*Marketing change for bottom logo*/
	    	}

.eventspanel .upcomingevents.sprites {
	position: relative;
	left: 10px;
	top: 0;
	width: auto;
	height: auto;
	background-position: 0 0;
	text-indent: 0;
}
.upcomingevents.sprites  {
	background-image: none;
	background-repeat: no-repeat;
}

.topSecondaryMenu a, .topSecondaryMenu a:link,.topSecondaryMenu a:active,.topSecondaryMenu a:visited, .topSecondaryMenu a:hover, .topSecondaryMenu a:focus{
	color:#0057B8;
}

/*.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText{
	background-color:#E87722;
}
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover, .ms-navedit-editLinksText:hover{
	background-color:#ffffff;
}
.ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover{
	background-color:#ffffff;
}
*/
.ms-core-listMenu-horizontalBox a.selected.ms-core-listMenu-item, .ms-core-listMenu-horizontalBox a.selected.ms-core-listMenu-selected.ms-core-listMenu-item, a.ms-tv-item:hover, a.selected.ms-tv-header {
   background-color:#ffffff !important;
	color:#0057B8 !important;
	border-bottom:4px solid #E87722 !important;
		}

.ms-core-listMenu-horizontalBox li{
	border-bottom:1px solid #ffffff;
		}
.upcomingeventsheader ,.upcomingeventsheader span{
	color:black;
	background-color: transparent;

}
.goog-te-menu-value span{
		color:#fff !important;
	}

 .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText {
	padding: 11px 5px;
}

 .eventspanel .eventlist {
	padding: 0px 0 0 10px;
}

 .eventspanel .upcomingevents {
	position: relative;
	left: 9px;
	top: 0;
	width: auto;
	height: auto;
	background-position: 0 0;
	text-indent: 0;
}


	.topSecondaryMenu a, .topSecondaryMenu a:link, .topSecondaryMenu a:active, .topSecondaryMenu a:visited, .topSecondaryMenu a:hover, .topSecondaryMenu a:focus {
	color: #0057B8;
}



}
@media (max-width: 991px) {
.upcomingeventsheader ,h2.upcomingeventsheader span{
	color:black;
	font-weight:normal;

}
}
@media (min-width: 992px) {
.upcomingeventsheader ,h2.upcomingeventsheader span{
	color:white;
	background-color: #0057B8;
	font-weight:700;

}


}
/*24 Aug 2016*/
/*Header/Footer and Links: #0057B8*/
/*Left Nav Links border color(will be same for all site): #b7b7b7*/
/*Sub color: [Example: background color for navigation : #d9ecd6]Light Green*/
.LeftNavArea .navbar.left-navbar{
	background-color:transparent;
	border:1px solid #b7b7b7;
}



.LeftNavArea ul.static span.static.menu-item.ms-core-listMenu-item{
    background-color: #0057B8;
    color:white
}
.LeftNavArea ul.static li.static.collapsed span.static.menu-item.ms-core-listMenu-item{
    background-color: #d9ecd6;
    color:#0057B8
}

.LeftNavArea ul.static li.static ul.static li.static{
        border-top: 1px solid #b7b7b7;
}
.LeftNavArea ul.static li.static ul.static li.static a,.LeftNavArea ul.static li.static ul.static li.static a:link,.LeftNavArea ul.static li.static ul.static li.static a:active,.LeftNavArea ul.static li.static ul.static li.static a:visited,.LeftNavArea ul.static li.static ul.static li.static a:hover,.LeftNavArea ul.static li.static ul.static li.static a:focus{
 	color:#0057B8;
 	background:none;
}


/*==========style css start from here==================*/

#leftNav, #breadcrumbSiteMap,.LeftNavArea {
	display: none;
}
#MainContent,.MainContentArea,#centerarea {
	width: 100% !important;
	padding:0;
	overflow-x:hidden;
}

ul.ms-core-listMenu-root > li:first-child > a{
	 display:block!important;
}

#DeltaSiteLogo{
	position:relative;
}

.logo {
	margin: 38px auto 2px auto;
	max-height: 130px;/*Marketing change from 155px*/
	position: absolute;
	max-width: 250%;/*Marketng change */
	/*right: 0; Marketng change */
	top: -18px;
}


.shrink .logo {
	max-width: 127px;
	max-height: 55px;
	margin-top: 22px;
	margin-bottom: 5px;
}



.newsslider .item .caption {
	min-height: 298px;
}


.WP_SocialContainer {
	background: #8bbee8; /*6/24 ADA COLOR CHANGE*/
	border: 1px solid #b7b7b7;
	padding: 15px;
	height: 541px;
}
.socialTabs li a, .socialTabs li a:link, .socialTabs li a:active, .socialTabs li a:visited, .socialTabs li a:hover, .socialTabs li a:focus {
    color: black; /*6/24 ADA COLOR CHANGE*/

}

@media only screen and (min-width : 992px) and (max-width : 1024px) {
.eventlist ul li h4 {
	font-size: 1em;
	max-height: 40px;
	overflow: visible;
	min-height: 10px;
}

.eventlist ul li .media {
	padding: 0 0 10px 0;
}

/*.shrink .logo {
	margin-top: 40px;
} marketing change 1/11/18 too low*/

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText {
	padding: 11px 12px;
}

}



@media only screen and (min-width : 768px) and (max-width : 800px) {
.newsevent-container .nav.nav-tabs > li > a {
	padding: 12px 24px;
}

.welcome-container.pad-40 h2{ font-size:30px;}

.eventspanel .upcomingevents.sprites {
	position: relative;
	left: 10px;
	top: 0;
	width: auto;
	height: auto;
	background-position: 0 0;
	text-indent: 0;
}
.upcomingevents.sprites  {
	background-image: none;
	background-repeat: no-repeat;
}

.eventspanel .eventlist {
	padding: 20px 0 0 15px;
}

}


 @media (max-width: 767px) {
 .fb_iframe_widget span {
	height: 375px !important;
}



 .twitter-timeline-rendered.twitter-timeline, .fb_iframe_widget.fb-page, .fb_iframe_widget.fb-page iframe {
    height: 375px !important;
}


 .newsevent-container .nav.nav-tabs > li.NewsMobile{
 width:100%;
 float:none;
 }
.newsevent-container .nav.nav-tabs > li.NewsMobile > a {
	font-size: 14px;
}




 .twitter-timeline-rendered.twitter-timeline {
	height: 386px !important;
	overflow: inherit !important;
}

 /*
.fb_iframe_widget.fb-page iframe {
	height: 388px !important;
}
*/

 .goog-te-menu-value span {
	color: #333 !important;
}

.topSecondaryMenu a, .topSecondaryMenu a:link, .topSecondaryMenu a:active, .topSecondaryMenu a:visited, .topSecondaryMenu a:hover, .topSecondaryMenu a:focus {
	 color: #0057B8;
}

.logo {
	margin: 5px auto 2px -8px;
	max-height: 159px;
	position: static;
	max-width: 131%;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #E87722;
}


.WP_SocialContainer {
	background: #ebebeb;
	border: 1px solid #b7b7b7;
	padding: 15px;
	height: auto;
}


.newsslider .item .caption {
	min-height: inherit;
}

.eventspanel .upcomingevents {
	background: none;
	height: auto;
	left: 0;
	position: relative;
	text-indent: 0;
	top: 0;
	width: auto;
	margin-bottom: 20px;
}

#main-container {
	padding: 0 15px;
}


.pad-40 {
	padding: 0px 0px;
}


.news-date span {
	text-align: center;
	font-size: 1.1em;
}


}

/*@media only screen and (min-width : 481px) and (max-width : 640px) {
.logo {
	max-width: 75%;
}
}

@media only screen and (min-width : 361px) and (max-width : 480px) {
.logo {
	max-width: 100%;
}
}



@media only screen and (min-width : 320px) and (max-width : 360px) {
.logo {
	max-width: 131%;
}
}








@media only screen and (min-width: 641px) and (max-width: 767px){

.logo {max-width: 75% !important;}

}*/

/*Beginning of Extended Marketing changes 11/16/17*/
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText {
	text-transform:none
}

#main-slider .item .caption h3{
	text-transform: none;
}
.left-navigation ul li a:hover, .left-navigation ul li.selcted a, .left-navigation .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item:hover, .left-navigation .ms-core-listMenu-verticalBox li.static > ul.static > li.static.selected > .ms-core-listMenu-item, .left-navigation .ms-core-listMenu-verticalBox li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover, .left-navigation .ms-core-listMenu-verticalBox li > a.ms-core-listMenu-item:hover, li > a.ms-core-listMenu-item:active {
    color: #ffffff !important; }


.newsslider .item .caption .desc-panel {
    color: #707070;
    line-height: 18px;
    font-size: 14px;
    padding-bottom: 12px;
    text-align: left;
}
#galleryslider .item img {
	object-fit: cover;
}
#inner-banner img {
object-fit:contain;
}
.center-block{
	object-fit: scale-down;
	background-color: #0057B8}

	.foo-logo img {
    width: 30%;
    height: 30%;
    text-align: left;
}

#footer {
    background: #0057B8;
    padding: 25px 15px;
    color: #fff;
}

.newsevent-container .nav.nav-tabs > li.active > a {
    color: #0057B8;
    background: #ffffff;
    border: 1px solid #C1C6C8;
    border-bottom: 4px solid #E87722;
}
.newsevent-container .nav.nav-tabs {
    border-bottom: 2px solid #C1C6C8;
    margin-bottom: 40px;
}

.footer-slogan {
    padding-bottom: 35px;
    font: normal 20px 'Roboto', sans-serif;
    color: #C1C6C8;
		display:none;
}

#footer h3 {
	font-size: 16px;
	color: #fff;
	margin-bottom: 15px;
	text-transform: uppercase
}
.foo-list {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: #C1C6C8;
	line-height: 20px
}
.foo-list li {
	font-size: 14px;
	color: #C1C6C8;
	line-height: 24px
}
.foo-list li a {
	color: #C1C6C8;
	text-decoration: none;
}
.foo-list li a:hover {
	color: #fff;
	text-decoration: none
}
.address-footer {
	font-size: 14px;
	color: #C1C6C8;
	line-height: 24px
}

.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item {
    background-color: #ffffff;
    border-left: 6px solid #E87722;
    border-top: 1px solid #C1C6C8;
    border-right: 1px solid #C1C6C8;
    border-bottom: 1px solid #C1C6C8;
    color: #0057B8 !important;
    font-size: 16px;
    padding: 10px 20px;
    text-transform: uppercase;
    line-height: normal;
}
.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item:hover,
.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item:focus {
    background-color: #EAF4FB !important;
    color: #0057B8 !important;
}
.breadcrumb-bar,
.customBreadcrumb {
    background-color: #ebebeb;
    padding: 15px;
    text-transform: uppercase;
}

.breadcrumb-bar a,
.breadcrumb-bar .breadcrumbRootNode,
.breadcrumb-bar .breadcrumbNode,
.customBreadcrumb a,
.customBreadcrumb .breadcrumbRootNode,
.customBreadcrumb .breadcrumbNode {
    color: #0057B8 !important;
    text-decoration: none;
    font-weight: 600;
}

.breadcrumb-bar a:hover,
.breadcrumb-bar a:focus,
.customBreadcrumb a:hover,
.customBreadcrumb a:focus {
    text-decoration: underline;
}

.breadcrumb-bar .breadcrumbCurrentNode,
.customBreadcrumb .breadcrumbCurrentNode {
    color: #4a4a4a !important;
}


.ytp-title {
    overflow: hidden;
    flex: 1;
    color: #C1C6C8;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 670px) {
/* fix footer logo */
.foo-logo img {
    width: 70%;
    height: 70%;
    text-align: left;
}
.logo {
	/*max-width: 50px;*/
	display: none;
}
}
@media (min-width: 768px){
.navbar-collapse.collapse{
	float:right;
}

}
/* (1024x768) Tablet in landscape*/
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
#main-slider .item .caption {
    top: 225px;
	}
}
/* (1920x1080) Full HD Display */
@media  screen and (min-width: 1920px) {
    /* insert styles here */
		/*#main-container #main-slider {
			position: relative;
			z-index: 0;
			overflow: hidden;
			height: auto;
		}
		#main-slider .owl-item img{
		  display: block;
		  width: 100%;
		  height: auto;
			min-height: 700px
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		}
		#main-slider .item img{
	max-height:800px;
}
#main-slider .owl-controls .owl-pagination {
    position: relative;
    bottom: 80px;
    left: 50%;
    width: 250px;
    margin-left: -125px;
}
}*/


.foo-logo img {
    width: 30%;
    height: 30%;
		text-align: left;
}

#footer {
    background: #0057B8;
    padding: 25px 15px;
    color: #fff;
}

.newsevent-container .nav.nav-tabs > li.active > a {
    color: #000000;
    background: #E87722;
    border: 1px solid #E87722;
}
.newsevent-container .nav.nav-tabs {
    border-bottom: 2px solid #E87722;
    margin-bottom: 40px;
}

.footer-slogan {
    padding-bottom: 35px;
    font: normal 20px 'Roboto', sans-serif;
    color: #C1C6C8;
		display:none;
}

#footer h3 {
	font-size: 16px;
	color: #fff;
	margin-bottom: 15px;
	text-transform: uppercase
}
.foo-list {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: #C1C6C8;
	line-height: 20px
}
.foo-list li {
	font-size: 14px;
	color: #C1C6C8;
	line-height: 24px
}
.foo-list li a {
	color: #D1D1D1;
	text-decoration: none;
}
.foo-list li a:hover {
	color: #fff;
	text-decoration: none
}
.address-footer {
	font-size: 14px;
	color: #C1C6C8;
	line-height: 24px
}

.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item {
  background-color: #E87722; /* darker orange */
    border-color: #E87722;
    color: #ffffff !important;
    font-size: 16px;
    padding: 10px 20px;
    text-transform: uppercase;
    line-height: normal;
}

.breadcrumb-bar .breadcrumbRootNode, .breadcrumb-bar .breadcrumbNode {
    color: #E87722;
    text-decoration: none;
}

.ytp-title {
    overflow: hidden;
    flex: 1;
    color: #C1C6C8;
}
} /* end @media screen and (min-width: 1920px) */

/*End Marketing changes 11/16/17*/
/* ===== DISTRICT PANEL CONTRAST FIX ===== */
#district-panel .district-listing li h3,
#district-panel .district-listing li h3 a {
  color: #000000 !important;
}

#district-panel .district-listing li p {
  color: #000000 !important;
}

#district-panel .panel-footer .pagination > li > a,
#district-panel .panel-footer .pagination > li > span {
  color: #000 !important;
}
/* GLOBAL ORANGE CONTRAST FIX 
*[style*="#E87722"],
*[style*="rgb(232, 119, 34)"],
.bg-orange,
.orange-bg {
    color: #000000 !important;
}*/
/* Welcome To School web part button contrast fix 
.welcome-container a.btn.btn-primary,
.welcome-container a.btn.btn-primary:link,
.welcome-container a.btn.btn-primary:visited {
    color: #0057B8 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #0057B8 !important;
}*/


/* Homepage slider caption box */
#main-slider .owl-item .item .caption .col-sm-8,
#main-slider .owl-item .item .caption .col-lg-9 {
    background: linear-gradient(
  rgba(0, 0, 0, 0.65),
  rgba(0, 0, 0, 0.4)
);
    padding: 7px 9px;
    border-radius: 6px;

    display: block !important;
    width: fit-content !important;
    max-width: 560px;
}
#main-slider .owl-item .item .caption h3,
#main-slider .owl-item .item .caption p {
    text-shadow: 0 2px 4px rgba(0,0,0,0.7);
}

/* Keep text readable inside the box */
#main-slider .owl-item .item .caption h3,
#main-slider .owl-item .item .caption p,
#main-slider .owl-item .item .caption a,
#main-slider .owl-item .item .caption p .readmore,
#main-slider .owl-item .item .caption p .readmore a {
    color: #FFFFFF !important;
}

/* Tighten spacing a little */
#main-slider .owl-item .item .caption h3 {
    margin-bottom: 6px;
}

#main-slider .owl-item .item .caption p {
    margin-bottom: 0;
}
/* Keep owl controls anchored to the slider */
#main-slider .owl-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#main-slider .owl-controls .owl-buttons {
    position: relative;
    width: 100%;
    height: 100%;
}

/* Arrow buttons */
#main-slider .owl-controls .owl-buttons .owl-prev,
#main-slider .owl-controls .owl-buttons .owl-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;

    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    border: 2px solid #FFFFFF !important;
    background: rgba(0, 0, 0, 0.55) !important;
    opacity: 1 !important;

    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
}

/* Position */
#main-slider .owl-controls .owl-buttons .owl-prev {
    left: 18px !important;
}

#main-slider .owl-controls .owl-buttons .owl-next {
    right: 18px !important;
}

/* Draw the chevrons */
#main-slider .owl-controls .owl-buttons .owl-prev::before,
#main-slider .owl-controls .owl-buttons .owl-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border-top: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
}

/* Left chevron */
#main-slider .owl-controls .owl-buttons .owl-prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}

/* Right chevron */
#main-slider .owl-controls .owl-buttons .owl-next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}

/* Optional hover polish */
#main-slider .owl-controls .owl-buttons .owl-prev:hover,
#main-slider .owl-controls .owl-buttons .owl-next:hover {
    background: rgba(0, 0, 0, 0.75) !important;
}
/* Fix: allow clicks through slider controls */
#main-slider .owl-controls {
    pointer-events: none;
}

#main-slider .owl-controls .owl-buttons .owl-prev,
#main-slider .owl-controls .owl-buttons .owl-next {
    pointer-events: auto;
}
/* Match Welcome + News Learn More buttons exactly */
.welcome-container a.btn.btn-primary,
.welcome-container a.btn.btn-primary:link,
.welcome-container a.btn.btn-primary:visited,
.welcome-container a.btn.btn-primary:active,
.newsevent-container a.btn.btn-primary,
.newsevent-container a.btn.btn-primary:link,
.newsevent-container a.btn.btn-primary:visited,
.newsevent-container a.btn.btn-primary:active {
    font-family: 'Lato', "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: inline-block !important;
    min-width: 160px !important;
    padding: 12px 20px !important;
    color: #ffffff !important;
    background-color: #0057B8 !important;
    border: 1px solid #0057B8 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
	transition: transform 0.1s ease, box-shadow 0.1s ease;
    box-shadow: 0 3px 0 #003f8a; /* darker blue “base” */
}

.welcome-container a.btn.btn-primary:hover,
.welcome-container a.btn.btn-primary:focus,
.newsevent-container a.btn.btn-primary:hover,
.newsevent-container a.btn.btn-primary:focus {
    font-family: 'Lato', "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: inline-block !important;
    min-width: 160px !important;
    padding: 12px 20px !important;
    color: #0057B8 !important;
    background-color: #e1ecf8 !important;
    border: 1px solid #0057B8 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
	transform: translateY(-1px);
    box-shadow: 0 4px 0 #003f8a;
	
}
/* ===== CONSOLIDATED NAVBAR + DROPDOWN RULES ===== */

/* top-level nav default */
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:link,
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:visited,
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:active,
.ms-navedit-editLinksText,
.ms-navedit-editLinksText:link,
.ms-navedit-editLinksText:visited,
.ms-navedit-editLinksText:active {
    background-color: #ffffff;
    color: #0057B8 !important;
}

/* top-level nav hover/focus */
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:focus,
.ms-navedit-editLinksText:hover,
.ms-navedit-editLinksText:focus {
    background-color: #e1ecf8 !important;
    color: #0057B8 !important;
}

/* selected/current top-level item */
.ms-core-listMenu-horizontalBox li.static > a.selected.ms-core-listMenu-item,
.ms-core-listMenu-horizontalBox li.static > a.selected.ms-core-listMenu-selected.ms-core-listMenu-item,
.ms-core-listMenu-horizontalBox li.static > a.selected.ms-core-listMenu-item:link,
.ms-core-listMenu-horizontalBox li.static > a.selected.ms-core-listMenu-item:visited,
.ms-core-listMenu-horizontalBox li.static > a.selected.ms-core-listMenu-item:hover,
.ms-core-listMenu-horizontalBox li.static > a.selected.ms-core-listMenu-item:focus,
a.ms-tv-item:hover,
a.selected.ms-tv-header {
    background-color: #ffffff !important;
    color: #0057B8 !important;
    border-bottom: 4px solid #E87722 !important;
}

/* dropdown panels and rows */
.ms-core-listMenu-horizontalBox ul.dynamic,
.ms-core-listMenu-horizontalBox ul li ul.dynamic,
.ms-core-listMenu-horizontalBox ul.dynamic li.dynamic,
.ms-core-listMenu-horizontalBox ul.dynamic li.dynamic-children,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic-children {
    background-color: #f7f7f7 !important;
    border-bottom: 1px solid #d9e4f2 !important;
}

/* all dropdown text containers */
.ms-core-listMenu-horizontalBox ul.dynamic a,
.ms-core-listMenu-horizontalBox ul.dynamic a:link,
.ms-core-listMenu-horizontalBox ul.dynamic a:visited,
.ms-core-listMenu-horizontalBox ul.dynamic a:hover,
.ms-core-listMenu-horizontalBox ul.dynamic a:focus,
.ms-core-listMenu-horizontalBox ul.dynamic a:active,
.ms-core-listMenu-horizontalBox ul.dynamic span,
.ms-core-listMenu-horizontalBox ul.dynamic span.menu-item-text,
.ms-core-listMenu-horizontalBox ul.dynamic .ms-core-listMenu-item,
.ms-core-listMenu-horizontalBox ul.dynamic .dynamic,
.ms-core-listMenu-horizontalBox ul.dynamic .dynamic-children,
.ms-core-listMenu-horizontalBox ul li ul.dynamic a,
.ms-core-listMenu-horizontalBox ul li ul.dynamic a:link,
.ms-core-listMenu-horizontalBox ul li ul.dynamic a:visited,
.ms-core-listMenu-horizontalBox ul li ul.dynamic a:hover,
.ms-core-listMenu-horizontalBox ul li ul.dynamic a:focus,
.ms-core-listMenu-horizontalBox ul li ul.dynamic a:active,
.ms-core-listMenu-horizontalBox ul li ul.dynamic span,
.ms-core-listMenu-horizontalBox ul li ul.dynamic span.menu-item-text,
.ms-core-listMenu-horizontalBox ul li ul.dynamic .ms-core-listMenu-item,
.ms-core-listMenu-horizontalBox ul li ul.dynamic .dynamic,
.ms-core-listMenu-horizontalBox ul li ul.dynamic .dynamic-children {
    color: #0057B8 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* dropdown hover and keyboard focus rows */
.ms-core-listMenu-horizontalBox ul.dynamic li.dynamic:hover,
.ms-core-listMenu-horizontalBox ul.dynamic li.dynamic:focus-within,
.ms-core-listMenu-horizontalBox ul.dynamic li.dynamic-children:hover,
.ms-core-listMenu-horizontalBox ul.dynamic li.dynamic-children:focus-within,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:hover,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic:focus-within,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic-children:hover,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li.dynamic-children:focus-within {
    background-color: #e1ecf8 !important;
}

/* keep dropdown text blue on hover/focus */
.ms-core-listMenu-horizontalBox ul.dynamic li:hover a,
.ms-core-listMenu-horizontalBox ul.dynamic li:hover span,
.ms-core-listMenu-horizontalBox ul.dynamic li:hover .menu-item-text,
.ms-core-listMenu-horizontalBox ul.dynamic li:focus-within a,
.ms-core-listMenu-horizontalBox ul.dynamic li:focus-within span,
.ms-core-listMenu-horizontalBox ul.dynamic li:focus-within .menu-item-text,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li:hover a,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li:hover span,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li:hover .menu-item-text,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li:focus-within a,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li:focus-within span,
.ms-core-listMenu-horizontalBox ul li ul.dynamic li:focus-within .menu-item-text {
    color: #0057B8 !important;
}

/* keyboard focus */
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item:focus,
.ms-core-listMenu-horizontalBox ul.dynamic a:focus,
.ms-core-listMenu-horizontalBox ul.dynamic span:focus,
.ms-core-listMenu-horizontalBox ul li ul.dynamic a:focus,
.ms-core-listMenu-horizontalBox ul li ul.dynamic span:focus {
    outline: 2px solid #E87722 !important;
    outline-offset: 2px !important;
    box-shadow: none !important;
}
/* NOTE:
Navbar dropdown text is mostly normalized, but some nested SharePoint flyout text
may still inherit black from deeper system selectors. Leaving as-is for now because
appearance impact is minor and further overrides add excessive CSS redundancy.
*/
/* ===== LEFT NAV DESKTOP CLEANUP ===== */

/* Fix disappearing white hover text in left nav */
.left-navigation ul li a:hover,
.left-navigation ul li.selcted a,
.left-navigation .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item:hover,
.left-navigation .ms-core-listMenu-verticalBox li.static > ul.static > li.static.selected > .ms-core-listMenu-item,
.left-navigation .ms-core-listMenu-verticalBox li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
.left-navigation .ms-core-listMenu-verticalBox li > a.ms-core-listMenu-item:hover,
.left-navigation li > a.ms-core-listMenu-item:active {
    color: #0057B8 !important;
    background: #EAF4FB !important;
    text-decoration: none !important;
}

/* Restore left-nav section header treatment */
.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item,
.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item:link,
.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item:visited {
    color: #ffffff !important;
    background-color: #E87722 !important;
    border-left: 6px solid #c85f14 !important;
    border-top: 1px solid #d86f1c !important;
    border-right: 1px solid #d86f1c !important;
    border-bottom: 1px solid #d86f1c !important;
}

/* Make the little arrows less pathetic */
.left-navigation ul li a,
.left-navigation .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {
    padding-right: 30px !important;
    position: relative !important;
}

/* Default arrows (sub-items stay blue) */
.left-navigation ul li ul li a:after,
.left-navigation ul li ul li.selcted a:after,
.left-navigation .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item:after,
.left-navigation .ms-core-listMenu-verticalBox li.static > ul.static > li.static.selected > .ms-core-listMenu-item:after {
    color: #0057B8 !important;
}

/* Top-level arrows (orange headers → white arrows) */
.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item:after {
    color: #ffffff !important;
}

/* Clean up the top-level left-nav cards */
.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item:hover,
.left-navigation .ms-core-listMenu-verticalBox .ms-core-listMenu-root > li.static > .ms-core-listMenu-item:focus {
    background-color: #d86f1c !important;
    color: #ffffff !important;
}
/* District gallery modal fix */


#GListModalGallery #owl-modal .item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}
#GListModalGallery .modal-body {
    overflow: hidden !important;
}

#GListModalGallery #owl-modal {
    overflow: hidden !important;
}

#GListModalGallery #owl-modal .item {
    overflow: hidden !important;
}

#GListModalGallery #owl-modal .item + .item {
    display: none;
}