@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Signika:400,600');
@import url("/UserFiles/Servers/Server_1549441/Templates/css/updates.css");

/*

font-family: 'Lato', sans-serif;
font-family: 'Signika', sans-serif;

Primary Color: #800000; Dark: #710000
Secondary: #194b76;

*/

/* Fix for some UI elements */
.CMS_element .fa, .CMS_button .fa, .ui-widget-content .fa { 
font: normal normal normal 16px/1 FontAwesome !important; }

html body {
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: normal;
color: #231f20;
-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Signika', sans-serif;
}

body#ctl00_PageBody .responsiveTemplate {
opacity: 0;
background: #ffffff; }

/* --------------------- GOOGLE TRANSLATE ---------------------- */

#placeholder-CMS_admin_ToolBar { background: #710000 !important; }

div#google_translate_element {
margin: 5px 10px;
padding: 0 1px;
text-align: left;
display: block;
width: 171px;
height: 40px;
overflow: hidden;
}

.goog-te-gadget .goog-te-combo {
width: 100%;
height: 40px;
margin: 0 !Important;
background: #fff !important;
border: 1px solid #fff !important;
padding: 8px !important;
border-radius: 4px !important;
font-size: 1rem !important;
line-height: 2rem !important;
display: inline-block;
cursor: pointer;
zoom: 1;
}

.goog-logo-link { display: none; }

/* --------------------- PUBWRAPPER ---------------------- */

#pubWrapper {
background: #710000;
position: relative;
z-index: 3001;
color: #000; }

#pubWrapper .container {
max-width: 1200px;
margin: 0 auto;
position:  relative; }

#pubWrapper ul.pubList,
#pubWrapper ul ul {
padding: 0;
margin: 0;
list-style: none;
}

#pubWrapper ul.pubList > li {
font-size: 13px;
border-right: 1px solid #841e22;
display: inline-block;
list-style: none;
/* position: relative; */
letter-spacing: .03em;
vertical-align: top; }

#pubWrapper ul.pubList li#loginPanel { border: none; }
#pubWrapper ul.pubList li:last-child { border: none; }

#pubWrapper ul.pubList .pubDropdown-btn,
#pubWrapper ul.pubList li .user_link,
#pubWrapper ul.pubList li .admin_menu,
#pubWrapper ul.pubList .district-btn {
font-size: 15px;height: 36px;line-height: 36px;padding: 0 10px;cursor: pointer;display: block;color: #fff;overflow: hidden; text-decoration: none; }

#pubWrapper ul.pubList .pubDropdown-btn:hover,
#pubWrapper ul.pubList .active .pubDropdown-btn,
#pubWrapper ul.pubList li .user_link:hover,
#pubWrapper ul.pubList li .admin_menu:hover,
#pubWrapper ul.pubList .pubDropdown-btn:focus,
#pubWrapper ul.pubList li .user_link:focus,
#pubWrapper ul.pubList li .admin_menu:focus,
#pubWrapper ul.pubList .district-btn:hover,
#pubWrapper ul.pubList .district-btn:focus {
background: #870000;color: #fff;transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;text-decoration: none; }

#userPanel, #loginPanel, #searchPanel { padding: 0; }

#loginPanel:hover, #userPanel:hover, #searchPanel:hover { background: none !important; }

#pubWrapper ul.pubList li .user_link,
#pubWrapper ul.pubList li .admin_menu {
text-decoration: none;
}

#pubWrapper ul.pubList li .fa.fa-comments, #pubWrapper ul.pubList li .fa.fa-caret-down, #pubWrapper ul.pubList li .fas.fa-home {
margin-left: 6px;
font-size: 18px; }

#pubLinks .fa {
font-size: 20px;
position: relative;
top: 0;
}

.pubDropdown-wrapper .PublishedLinkMenu,
.pubDropdown-wrapper .pubDropdown {
display: none;
position: absolute;
top: 35px;
background: #ffffff;
text-align: left;
list-style: none;
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
z-index: 999; }


#pubWrapper .pubDropdown-wrapper .PublishedLinkMenu li,
#pubWrapper .pubDropdown-wrapper .pubDropdown li { list-style: none; margin: 0; }

#pubWrapper .pubDropdown-wrapper .PublishedLinkMenu a.admin_menu,
#pubWrapper .pubDropdown-wrapper .pubDropdown a {
font-size: 13px;
font-weight: 600;
color: #303030;
display: block;
padding: 10px 15px;
text-decoration: none;
background: #ffffff;
border-bottom: 1px solid #dcdcdc;
min-width: 200px;
height: auto;
line-height: 1.2;
transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
}

#pubWrapper .pubDropdown-wrapper .pubDropdown li:last-child a {
border-bottom: none;
}

#pubWrapper .pubDropdown-wrapper .PublishedLinkMenu a.admin_menu:hover,
#pubWrapper .pubDropdown-wrapper .pubDropdown a:hover,
#pubWrapper .pubDropdown-wrapper .PublishedLinkMenu a.admin_menu:focus,
#pubWrapper .pubDropdown-wrapper .pubDropdown a:focus {
background: #870000;
text-decoration: none;
}

#pubWrapper .fr ul.pubList > li {
border-right: none;
border-left: 1px solid #4d4d4d;	
}

#searchPanel { 
padding: 0; 
margin: 20px 0 0; }

#searchPanel input.SearchTerm {
background: #ffffff;
border: none;
width: 405px;
height: 40px;
line-height: 35px;
padding: 0px 10px 0px 10px;
color: #000000;
letter-spacing: 0.04em;
font-size: 14px;
font-weight: 300;
outline: none;
border-radius: 0 !important;
}

#searchPanel input.SearchTerm:hover,
#searchPanel input.SearchTerm:focus { color: #000; }

.divSearchBox { 
padding: 0px; 
width: 100%;
display: block;
position: relative;
}

#searchPanel a {
background: #ffffff;
color: #303030;
font-size: 20px;
position: absolute;
padding: 9px 13px;
right: 0;
top: -2px;
transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
overflow: hidden;
width: 42px;
box-sizing: border-box;
}

#searchPanel a span {
position: absolute;
left: -900px;
}

#searchPanel a img { display: none; }

#searchPanel a:hover, #searchPanel a:focus {background: #610000;color: #fff;text-decoration: none;}

#pubWrapper .sm-top {
margin: 0;
padding: 0;
}

#pubWrapper .sm-top li {
list-style: none;
cursor: pointer;
display: inline-block;
vertical-align: middle;
color: #ffffff;
}

#pubWrapper .sm-top li a {
padding: 1px 8px;
display: block; }

#pubWrapper .sm-top li .fa, #pubWrapper .sm-top li .fab, #pubWrapper .sm-top li .fas {
color: #fff;
margin: 5px 0;
font-size: 24px;
line-height: 24px;
}

#pubWrapper .sm-top li a:hover,
#pubWrapper .sm-top li a:focus {
background: #870000;
color: #FFFFFF;	
transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
text-decoration: none;
}

#pubWrapper #pubWrapper-btn { display: none; }

.standardTemplate #pubWrapper.responsive > .container { display: block !important; }


.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn { 
display: block;
background: #31486a;
width: 100%;
text-align: center;
color: #ffffff;
font-size: 13px;
cursor: pointer; 
padding: 10px 0;
-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
box-shadow: 0px 3px 5px rgba(0,0,0,0.4);
}
.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn:hover,
.responsiveTemplate #pubWrapper.responsive.active #pubWrapper-btn { color: #fff; background: #41608e; }
.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn .fa {}

.responsiveTemplate #pubWrapper.responsive > .container { display: none; }

.responsiveTemplate #pubWrapper.responsive .pubList {
width: 100%;
float: none;
border-bottom: 1px solid #41608e;
}

.responsiveTemplate #pubWrapper.responsive #selectLang {
/* width: 30%;*/
border-right: none;
}

.responsiveTemplate #pubWrapper.responsive #selectSchool {
/* width: 30%;*/
border-right: none;
}

.responsiveTemplate #pubWrapper.responsive #pubLinks {
float: right;
}

.responsiveTemplate #pubWrapper.responsive #pubLinks.pubDropdown-wrapper .PublishedLinkMenu {
left: auto;
right: 0;	
}

.responsiveTemplate #pubWrapper.responsive #searchPanel,
.responsiveTemplate #pubWrapper.responsive #loginPanel,
.responsiveTemplate #pubWrapper.responsive #userPanel {
float: none;
}

.responsiveTemplate #pubWrapper.responsive #searchPanel {
width: 100%;
}
.responsiveTemplate #pubWrapper.responsive #searchPanel input.SearchTerm {
width: 92%;
padding: 0 4%;
}

.responsiveTemplate #pubWrapper.responsive.active #pubWrapper-btn .fa-cog:before { content:"\f077"; }



/* Custom School Dropdown */

li#selectSchool .pubDropdown { left: 0; }

#pubWrapper ul.pubList > li#selectSchool #custom-school-dropdown {
display: table;
width: 100%;
background: #fff !important;
}

#selectSchool .PublishedLinkMenu a.admin_menu,
#selectSchool .pubDropdown a {
background: transparent !important; }

#custom-school-dropdown .school-list-col {
display: table-cell;
text-align: left;
margin-top: 10px;
}

#custom-school-dropdown .school-list-col .school-group-heading h1 {font-size: 18px;padding-bottom: 8px;color: #770000;border-bottom: solid 2px #770000;text-transform: uppercase;margin: 10px;}

#custom-school-dropdown .row .school-list-col ul#elem {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

#custom-school-dropdown .row .school-list-col ul {
padding: 0 1em;
line-height: normal;
}

#custom-school-dropdown .row .school-list-col ul li {
list-style: none;
float: none;
}


#custom-school-dropdown .row .school-list-col ul li a {
display: block;
font-size: 14px;
padding: 6px 0;
border-bottom: none !important;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

#custom-school-dropdown .row .school-list-col ul li a:hover {
color: #000;
text-decoration: underline;
}


@media screen and (max-width: 1600px) and (min-width: 1440px) {
li#selectSchool .pubDropdown { left: -6%; }
#custom-school-dropdown .school-list-col { }
}

@media screen and (max-width: 1430px) {
li#selectSchool .pubDropdown { left: 0%; }
#custom-school-dropdown .school-list-col {
 display: inline-block;
 vertical-align: top;
}

}

@media screen and (max-width: 900px) {
#custom-school-dropdown .school-list-col {
    width: 100%; }
}

@media screen and (max-width: 640px) {
#custom-school-dropdown .row .school-list-col ul#elem {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1; }

}

.PublishedLinkMenu li { float: none !important; }



@media screen and (max-width: 990px) {

#pubWrapper .sm-top { padding: 0 15px; }	

li#pubLinks { display: none !important; }

#searchPanel input.SearchTerm { width: 97%; overflow: hidden; }

}

@media screen and (max-width: 768px) {
#pubWrapper .container { text-align: center; }
}


@media screen and (max-width: 640px) {
#userPanel { float: none; }
#searchPanel input.SearchTerm { width: 94%; overflow: hidden; }	
}

@media screen and (max-width: 400px) {
#pubWrapper .sm-top { padding: 0; }	
.responsiveTemplate #pubWrapper.responsive #selectLang,
.responsiveTemplate #pubWrapper.responsive #selectSchool {
width: auto;
}
#searchPanel input.SearchTerm { width: 92%; overflow: hidden; }	

}

/* --------------------- HEADER ---------------------- */

.divSearchBox { overflow: hidden; }

#header {
background: #800000;
}

#header > .inside-padding {
padding: 20px 10px !important; } 

#header-left {
width: 50%;
float: left;
animation: fadeIn 1.3s both;
}

#header-right {
width: 50%;
float: right;
animation: fadeIn 1.3s both;
}

#header-left a, #footer-left a {
display: table;
width: 100%;
text-decoration: none;
position: relative;
z-index: 2;
}

#header-left a:hover, #header-left a:focus {
opacity: 0.9;
}

.logo { 
width: 30%;
display: table-cell;
vertical-align: middle;
}

#header .school-name { 
display: table-cell;
vertical-align: middle;
}

.logo img {
max-width: 90%;
max-height: 100%;
}

.school-name h1 {
font-family: 'Signika', sans-serif;
color: #fff;
font-size: 44px;
line-height: 100%;
font-weight: 700;
text-decoration: none;
margin: 0;
padding: 10px 0;
}

.school-name h1 span { 
display: block; }

.motto {
color: #fff;
font-size: 55%;
line-height: normal;
font-weight: 400;
display: block;
text-decoration: none;
margin: 5px 0;
}

.address a { color: #fff !important; }

#header .address {
margin-top: 55px;
text-align: right;
}

#header .address span {
color: #fff;
display: inline-block;
}

.address span:after {
content: ' | ';
display: inline-block;
clear: both;
margin: 0 5px;
}

.address span:last-child:after {
content: '';
margin: 0;
}

#top-links {
position: absolute;
top: 0px;
right: 10px;
}

#top-links ul {
list-style: none;
padding: 0;
margin: 0;
display: table;
}

#top-links ul li {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 10px;
}

#top-links ul li a {
width: 60px;
height: 40px;
padding: 8px;
font-size: 16px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
text-align: center;
display: table-cell;
vertical-align: middle;
}

/* Hover */

#top-links ul li a:hover, #top-links ul li a:focus { color: #fff; }

#top-links ul li a {
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

#top-links ul li a:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #194b76;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; 
}

#top-links ul li a:hover:before, #top-links ul li a:focus:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}

li#class-link a {
background: #1B7F98;
}

li#focus a {
background: #BD4B00;
}

li#staff-portal a {
background: #427B76;
}

/* --------------------- MENUBAR ---------------------- */

#menubar { background: #194b76; }

.inner-bar {
padding: 5px;
max-width: 1180px;
margin: 0 auto;
}

/* --------------------- TELERIK MENU ---------------------- */

/*---- TELERIK COLORS ----*/

/*--TOP LEVEL STYLES--*/

/*--Normal State--*/
.inner-bar a,
.telerik_main_menu .rmRootGroup a {
color: #ffffff;
}

.telerik_main_menu .rmRootGroup a span {
color: #ffffff;
}

/*--Over and Focused State ***/
.inner-bar a:hover,
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
color: #000;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span {color: #fff;}

/*--TOP LEVEL HOVER BG COLOR AND IMAGES (two images)--*/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {background-color: #800000;color: #fff !important;}

.telerik_main_menu .rmRootGroup a.rmExpanded span.rmExpandDown {background: #800000;color: #fff;}

.telerik_main_menu .rmRootGroup a.rmExpanded span.rmExpandRight { 
background: #800000;
color: #000 ; }

/*--END OF TOP LEVEL STYLES--*/


/*--DROPDOWN MENU STYLES--*/

/*--Normal State--*/
.telerik_main_menu .rmGroup a {
color: #ffffff;
background: #b71f27;
}

.telerik_main_menu .rmGroup a span {
color: #ffffff;
background: #b71f27;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
background: #800000;
color: #000;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
background: #800000;
color: #000;
}

/*--END OF DROPDOWN MENU STYLES--*/

.rmItem:hover {background-color: #800000;color: #000;}

.telerik_main_menu .rmRootGroup > li:hover > a span {
color: #fff;
}

.rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
background-color: #800000;
}

/*--DROPDOWN LV2 MENU STYLES--*/

/*--Normal State--*/
.telerik_main_menu .rmGroup .rmGroup a {
background: #ffffff;
color: #b71f27;
}

.telerik_main_menu .rmGroup .rmGroup a span {
background: #ffffff;
color: #b71f27;
}

/*--Over and Focused State--*/
.telerik_main_menu .rmGroup .rmGroup a:hover,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused {
background: #b71f27;
color: #ffffff;
}

.telerik_main_menu .rmGroup .rmGroup a:hover span,
.telerik_main_menu .rmGroup .rmGroup a.rmFocused span {
background: #b71f27;
color: #ffffff;
}

/*--SECOND LEVEL BORDER LEFT--*/

.rmLevel2 {
border-left: 4px solid #800000;
}

/*--END OF DROPDOWN MENU STYLES--*/

/*---- END TELERIK COLORS ----*/

/*------------------------------- END COLORS -------------------------------*/

/* --------------------- IMAGES ---------------------- */

/*--Navigation Arrow BG--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
background: url('/Common/resources/DesignPortfolio/SiteThemes/Metric/Blue/arrows-sprite.png');
}

/*--Navigation Arrow--*/

/*--Light--*/
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
background-position: -18px -44px !important;
}

/*or*/

/*--Dark--*/

.telerik_main_menu .rmGroup .rmItem:hover .rmExpandRight:after {
background-position: -18px -8px !important;
}

.RadMenu a.rmLink {
line-height: 35px; }

#menubar .RadMenu .rmItem {
float: left;
position: relative;
list-style-image: none;
list-style-position: outside;
list-style: none;
line-height: inherit;
margin-right: 0px;
}

#menubar .RadMenu li.rmItem .rmRootLink {
border-right: 1px solid #870000;
}

#menubar .RadMenu .rmItem.rmLast > .rmRootLink {
margin-right: 0px;
border-right: none;
}

/*** START OF TOP LEVEL MENU STYLES ***/

.telerik_main_menu a,
.telerik_main_menu a:hover {
text-decoration: none;
font-size: 13px;
font-weight: normal;
}

.telerik_main_menu .rmText {
padding-top: 5px !important;
padding-bottom: 15px !important;
text-transform: uppercase;
}

.telerik_main_menu .rmGroup .rmText {
padding-bottom: 5px !important;
}

.RadMenu .rmItem {
height: auto;
margin-right: 0px;
}

.RadMenu .rmText {
font-weight: normal;
font-size: 12pt;
}

.RadMenu .rmLink {
float: left;
outline: 0 none;
padding-left: 0px !important;
}

.RadMenu .rmHorizontal .rmText {
padding: 0px 20px !important;
}

.RadMenu .rmGroup .rmText {
margin-left: 0px !important;
padding: 8px 10px !important;
margin-bottom: 4px;
}

.rmrootGroup .rmHorizontal li.rmItem {
margin-left: 10px;
}

/*** Normal State ***/
.telerik_main_menu .rmRootGroup a {
text-decoration: none;
font-size: 18px;
}

.telerik_main_menu .rmRootGroup a span {
text-decoration: none;
font-size: 18px;
font-weight: 600;
letter-spacing: 0.18px;
}

/*** Over and Focused State ***/
.telerik_main_menu .rmRootGroup a:hover,
.telerik_main_menu .rmRootGroup a.rmFocused {
text-decoration: none;
background-position: left top, right top;
background-repeat: no-repeat;
}

.telerik_main_menu .rmRootGroup a:hover span,
.telerik_main_menu .rmRootGroup a.rmFocused span {
text-decoration: none;
}

/*** END OF TOP LEVEL MENU STYLES ***/

/*** START OF DROPDOWN MENU STYLES ***/

/*** Normal State ***/

.telerik_main_menu .rmGroup {
}

.telerik_main_menu .rmGroup a {
text-decoration: none;
font-size: 10pt;
font-weight: normal;
}

.telerik_main_menu .rmGroup a span {
text-decoration: none;
font-size: 15px;
font-weight: 400;
line-height: normal !important;
text-transform: none;
}

.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
content: '';
position: absolute;
top: 5px;
right: 5px;
width: 18px;
height: 26px;
}

/*** Over and Focused State ***/
.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
text-decoration: none;
border-bottom: none !important;
}

.telerik_main_menu .rmGroup a:hover span,
.telerik_main_menu .rmGroup a.rmFocused span {
text-decoration: none;
}

/*** Dropdown border ***/
.RadMenu .rmRootGroup .rmItem ul.rmGroup {
width: 200px;
padding: 0px;
}

/*** END OF DROPDOWN MENU STYLES ***/

/* --------------------- SECTIONS ---------------------- */

#landing .w-55 {
display: inline-block;
vertical-align: top;
width: 55%;
}

#landing .w-45 {
display: inline-block;
vertical-align: top;
width: 45%;
}

.mb0 { margin: 20px 0 0 0; }

.sectionHeading {
background: #800000;
display: table;
width: 100%;
height: 50px;
padding: 0 10px;
margin-bottom: 5px;
position: relative;
box-sizing: border-box;
}

.sectionName, .sectionControls {
display: table-cell;
vertical-align: middle;
}

.sectionName {color: #fff;font-size: 24px;line-height: normal;font-weight: 700;}

.sectionName span {
font-weight: 400; }

.ql-container .sectionName { text-align: center; }

.sectionControls {
width: 25%;
text-align: right; 
padding: 0 5px 0 0; 
}

.sectionControls .fa {
font-size: 28px; }

ul.quicklink-list-item { 
list-style: none !important;
margin: 0 !important; 
padding: 0 !important; 
text-align: center; }

ul.quicklink-list-item li { 
margin: 0 !important; 
padding: 0 !important; }

ul.quicklink-list-item li a { color: #fff !important; }

.ql-icon-edit, .ql-title-edit {
display: inline-block;
vertical-align: middle; }

ul.quicklink-list-item li img { 
width: 40px; 
height: 40px; }

.ql-icon-edit { margin-right: 10px; }

.slick-arrow.slick-disabled { opacity: 0.6; }

.sectionHeading .slick-arrow { color: #fff; }

.slick-arrow {
font-size: 18px;
color: #ffffff;
vertical-align: middle;
background: none;
border: none;
padding: 10px;
z-index: 9;
}

.slick-arrow:hover, .slick-arrow:focus {
opacity: 0.8;
}

#banner .slick-prev:before, #banner .slick-next:before {
font-size: 20px;
line-height: 1;
}

#controlsWrapper {
position: absolute;
 z-index: 9;
top: 40%;
width: 100%;
display: block;
box-sizing: border-box;
}

.sliderControls {
top: 45%;
position: relative;
z-index: 9;
}

#previousDiv.sliderControls {
position: absolute;
left: 0; 
}

#nextDiv.sliderControls {
position: absolute;
right: 0;    
}

#trendingWrapper { 
padding: 0 15px;
position: relative; }

#trendingWrapper .slick-arrow {
color: #000;
vertical-align: middle;
background: none;
border: none;
padding: 0;
z-index: 9;
}

#trendingWrapper .slick-prev:before, #trendingWrapper .slick-next:before {
font-size: 50px;
font-weight: bold;
}

.subpage #trendingWrapper .slick-prev:before, .subpage #trendingWrapper .slick-next:before {
font-size: 30px;
}

.view-all {
width: 80px;
padding: 0 10px 0 0;
font-size: 14px;
text-align: right;
display: table-cell;
vertical-align: middle;
border-left: solid 1px rgba(255, 255, 255, 0.32);
}

.view-all a, .view-all a:hover {color: #fff !important; }

.view-all a:after {
content: '\f054';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: inline-block;
clear: both;
margin-left: 8px;
}

#trending {
background: #e6edf1; 
position: relative;
}

#trending h2.sectionName {
background: transparent;
color: #000000;
font-size: 30px;
font-weight: 700;
letter-spacing: 2px;
text-align: center;
display: block;
position: relative;
margin: 0 0 20px 0;
}

#trending h2.sectionName:after{content: '';display: block;clear: both;width: 260px;height: 8px;margin: auto;border-bottom: solid 3px #b71f27;}

#noteworthy {
position: relative;
padding-bottom: 20px;
}

#mobile {
position: relative;
top: -40px;
width: 100%;
}

/* --------------------- ACCORDION ---------------------- */

.accordion {
position: relative;
}

h4.panel-title {
display: block;
}

h4.panel-title:hover {
text-decoration: none;
}

h4.panel-title {
font-size: 16px;
border-radius: 5px;
transition: all 0.3s ease-out;
position: relative;
margin: 3px 0;
font-weight: 400;
text-transform: uppercase;
}

h4.panel-title a { 
background: #194b76;
padding: 15px 10px;
margin-bottom: 10px;
color: #FFFFFF !important;
font-weight: 700;
display: block; 
max-width: 100%; 
text-decoration: none !important;
outline: none;
box-shadow: none;
border-radius: 6px;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

h4.panel-title a:hover, h4.panel-title a:focus { 
background: #800000;
color: #FFFFFF !important;
border-radius: 6px;
}

h4.panel-title a:hover:after, h4.panel-title a:focus:after { 
color: #ffffff;
}

h4.panel-title a:after {
color: #fff;
font-size: 22px;
content: "\f0da";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}

.panel-title a.active {
background: #800000;
border-radius: 6px;
color: #000F !important; }

.panel-title a.active:after {
content: "\f0d7";
color: #000;
}

.panel-title a em {
float: right;
margin-right: 20px;
}

.panel-title h4 a em span { display: none; }

.panel-content {
padding: 10px 20px;
}

/* --------------------- BANNER ---------------------- */

.bannerContainer {
position: relative;
margin: auto;
display: block;
width: 100%;
text-align: center;
}

.nivo-startstopNav a { color: #fff !important; }
.nivo-startstopNav a:focus { color: #000 !important; }

#banner {
position: relative; }

.bannerItem {
width: auto;
height: 470px; }

.sliderPanel {
position: relative;
}

.sliderPanel a:hover {
text-decoration: none;
}

.bannerItem {
position: relative;
}

ul.mainBanner {
margin: 0;
padding: 0;
}

.slideCaption {
background: #800000;
opacity: 0.9;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
padding: 0;
z-index: 9999;
display: block;
box-sizing: border-box;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.slideSummary {
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-align: center;
display: block;
padding: 13px;
min-height: 35px;
}

span.learn-more {
display: inline-block;
vertical-align: top; }

span.learn-more a {
color: #fff;
margin-left: 10px;
display: block; }

span.learn-more a:hover, span.learn-more a:focus {
color: #fff !important;
text-decoration: underline;
}

/* Banner Start/Stop  */

#banner #controls {
position: absolute;
top: 0;
right: 0;
}

.bannerStartStop {
position: relative;
left: 0;
z-index: 1000;
overflow: hidden;
width: 45px;
}

.bannerStartStop a {
background: rgba(68,68,68,0.8);
color: #ffffff;
font-size: 16px;
padding: 10px 17px;
display: block;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.bannerStartStop a em,
.bannerPrev a em,
.bannerNext a em {
position: absolute;
top: 100px;
}

.bannerStartStop a:hover,
.bannerPrev a:hover,
.bannerNext a:hover {
color: #ffffff;
}

.bannerStartStop a:focus,
.bannerPrev a:focus,
.bannerNext a:focus {
background: #1D1D1D;
}

.bannerStartStopControl.pause span:before {
content: "\f04c";
}

.bannerStartStopControl.play span:before {
content: "\f04b";
}

ul.banner-item-edit {
margin: 0;
padding: 0; }

ul.banner-item-edit li {
display: inline-block;
vertical-align: top; }

.subpage .banner-title-edit span {
color: #fff; }

.banner-img-edit { width: 400px; }

ul.banner-item-edit img {
width: 100%;
height: auto;
margin: 0 0 10px 0; }

#banner .sliderControls {
background: rgba(68,68,68,0.8); }

/* --------------------- CURRENT NEWS ---------------------- */

#newsWrapper ul {
margin: 0;
padding: 0;
}

#newsWrapper ul li {
list-style-type: none;
display: inline-block;
margin: 0;
padding: 0;
}

#newsWrapper .newsImage .inside {
width: auto;
height: 170px;
}

#newsWrapper .newsContent {
background: #e6edf1;
padding: 15px;
min-height: 151px;
position: relative;
}

#newsWrapper .newsTitle {
color: #282828;
font-size: 17px;
font-weight: 600;
}

#newsWrapper .newsItem:hover .newsTitle,
#newsWrapper .newsItem:focus .newsTitle {
color: #b71f27;
}

#newsWrapper .newsSummary {
color: #000;
font-size: 16px;
font-weight: 400;
text-align: left;
margin: 12px 0;
}

/* Current and Featured News Shared Classes */

.newsItem {
display: block; }

a.newsItem:hover {
text-decoration: none;
}

.newsImage { position: relative; }

.newsImage img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}

.newsItem:hover .newsImage img,
.newsItem:focus .newsImage img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}

/* --------------------- DEPARTMENT LINKS ---------------------- */

.grid-container { margin-bottom: 20px; }

ul.grid-list {
list-style-type: none;
max-width: 1200px;
margin: auto;
padding: 0;
text-align: center;
}

ul.grid-list li {
width: 23%;
display: inline-block;
vertical-align: middle;
margin: 10px;
}

a.grid {
display: inline-block;
vertical-align: middle;
width: 100%;
position: relative;
}

a.grid .grid-img img,
a.grid .grid-img span.fas {
width: 135px;
height: auto;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

a.grid:hover .grid-img img, a.grid:focus .grid-img img, 
a.grid:hover span.fas, a.grid:focus span.fas  {
-webkit-transform: scale(1);
transform: scale(1);
}

a.grid:hover .grid-title, a.grid:focus .grid-title {
background: #710000;
color: #fff !important; }

.grid-img .grid-inside {
width: auto;
height: 180px;
line-height: 170px;
padding: 10px;
overflow: hidden;
}

.grid-img .grid-inside .fas {
color: #fff;
font-size: 75px;
}

.grid-title {
position: absolute;
bottom: 0;
left: 0;
display: block;
background: #800000;
color: #fff;
width: 100%;
padding: 10px;
text-align: center;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
box-sizing: border-box;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

/* --------------------- SINGLE FEATURED LINK ---------------------- */

li#featured-ql {
display: inline-block;
vertical-align: middle;
}

#featured-ql a {
/* width: 250px; */
display: block;
overflow: hidden;
}

#featured-ql .featured-ql-img {
position: relative;
}

.featured-ql-img img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}

#featured-ql:hover .featured-ql-img img,
#featured-ql:focus .featured-ql-img img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}

#featured-ql .featured-ql-img .inside {
width: 100%;
height: 235px;
}

.featured-ql-caption {background: #800000;opacity: 0.9;position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;text-align: center;color: #fff;font-size: 14px;padding: 10px 7px;min-height: 60px;}

/* --------------------- FEATURED NEWS ---------------------- */

#newsContainer {
margin-top: 20px;
}

#newsContainer ul {
margin: 0;
padding: 0;
}

#newsContainer ul li {
width: 48%;
list-style-type: none;
display: inline-block;
vertical-align: top;
margin: 0 3% 0 0;
padding: 0;
}

#newsContainer ul li:last-child {
margin: 0;
}

#newsContainer a.newsItem {
position: relative;
}

#newsContainer .newsImage .inside {
width: auto;
height: 235px;
}

#newsContainer .newsContent {
background: #800000;
opacity: 0.9;
padding: 10px 7px;
position: absolute;
bottom: 0;
width: 100%;
min-height: 60px;
box-sizing: border-box;
}

#newsContainer  .newsTitle {color: #fff;text-align: center;font-size: 14px;}

#newsContainer  .newsItem:hover .newsTitle,
#newsContainer  .newsItem:focus .newsTitle {
color: #fff;
}

/* --------------------- I WANT TO QUICK LINKS ---------------------- */

.ql-container {
background: #e6edf1;
display: block; 
}

.ql-container ul {
list-style-type: none;
margin: 0;
padding: 10px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

.ql-container ul:after {
display: block; 
clear: both; 
content: ''; 
}

ul.ql-list li {
display: block; }

ul.ql-list li a:hover, ul.ql-list li a:focus {
-webkit-transition: background-color 250ms linear;
-moz-transition: background-color 250ms linear;
-o-transition: background-color 250ms linear;
-ms-transition: background-color 250ms linear;
transition: background-color 250ms linear;
}


a.ql {
display: table;
width: 100%;
text-decoration: none !important;
padding: 3px;
}

ul.ql-list .ql-icon {
padding: 5px;
}

.ql-icon img {
width: 18px;
height: auto;
}

ul.ql-list li a.ql-list:hover,
ul.ql-listl li a.ql-list:focus {
opacity: 0.8
}

ul.ql-list .ql-icon, ul.ql-list .ql-title {
display: table-cell;
vertical-align: middle;
}

ul.ql-list .ql-icon {
width: 30px;
text-align: center;
}

.ql-container .fas {
color: #770000;font-size: 24px;transition: all .8s ease-in-out;}

.ql-title {
color: #4e4848;
font-weight: 600;
}

.ql-title:hover, .ql-title:focus {
color: #000000;

transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
}

/* --------------------- ONLINE SERVICES ---------------------- */

#serviceWrapper {background: #770000;margin: 40px auto;}

#serviceWrapper .inside-padding {
max-width: 1150px; 
width: 95%;
display: table;
position: relative;
overflow: hidden;
}

.serviceLeft, .serviceImage, .serviceRight {
vertical-align: middle;
display: table-cell;
}

.serviceLeft, .serviceImage {
position: relative;
}

.serviceIcon { 
color: #fff;
font-size: 5em;
width: auto;
text-align: center;
margin: auto;
transition: all .8s ease-in-out; }

.serviceIcon .fa-mobile { 
font-size: 1.4em; 
line-height: 0.9em; }

#serviceWrapper h2 {
font-size: 33px;color: #fff;
margin: 10px 0;
font-weight: 100;}

.word_split span:nth-child(3), .word_split span:nth-child(4) {
font-weight: 600;
display: inline-block; }

a.serviceButton {
font-size: 23px;
color: #fff !important;
font-weight: 400;
border: solid 1px #fff;
padding: 10px 20px;
max-width: 250px;
margin: 0 auto;
text-align: center;
display: block;
text-transform: uppercase; }

a.serviceButton span:before {
/* background: url('/UserFiles/Servers/Server_1549441/Templates/images/download-white.png'); */
content: '';
display: inline-block;
vertical-align: middle;
clear: both;
width: auto;
/* width: 24px; */
height: 32px;
/* margin-right: 5%; */
position: relative;
}

.serviceRight a.serviceButton:hover, .serviceRight a.serviceButton:focus {
text-decoration: none !important;
color: #fff !important;
background: #ffffff;
border: solid 1px #303030;
-webkit-transition: .250ms all ease-in;
-moz-transition: .250ms all ease-in;
-o-transition: .250ms all ease-in;
transition: .250ms all ease-in;
}

/* .serviceRight a.serviceButton:hover span:before,
.serviceRight a.serviceButton:focus span:before {
background: url('/UserFiles/Servers/Server_1549441/Templates/images/download-black.png');
} */

a.serviceButton {
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

a.serviceButton:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #194b76;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
  
}

a.serviceButton:hover:before, a.serviceButton:focus:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}

/* -------------------- QUICK LINKS BAR -------------------- */

#ql-bar-wrapper {
background: #e6edf1;
padding: 20px 10px;
position: relative; }

#ql-bar-wrapper .sliderControls {
top: 30%; }

#ql-bar-wrapper .slick-arrow {
color: #31486a;
vertical-align: middle;
background: none;
border: none;
padding: 0;
z-index: 9;
}

#ql-bar-wrapper .slick-prev:before, #ql-bar-wrapper .slick-next:before {
font-size: 50px;
font-weight: bold;
padding: 5px 10px;
}

#ql-bar-wrapper ul {
max-width: 1200px;
margin: auto;
list-style-type: none;
padding: 0;
}

#ql-bar-wrapper li a {
text-align: center;
margin: 10px;
padding: 0;
display: block;
position: relative;
text-decoration: none !important;
transition: all .2s ease-in-out;
}

#ql-bar-wrapper a:hover, #ql-bar-wrapper a:focus {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}

#ql-bar-wrapper .ql-icon .fas {
color: #770000;
font-size: 50px;
display: block;
margin: 10px auto;
text-align: center;
transition: all .8s ease-in-out;
}

#ql-bar-wrapper .ql-title {
margin-top: 20px;
color: #770000;
font-weight: 600;
margin: 3px;
display: block;
}

/* -------------------- QUICK LINKS SLIDER -------------------- */

#ql-slider .slider {
list-style-type: none;
max-width: 1100px;
margin: 0 auto;
padding: 0;
}

#ql-slider ul li {
list-style-type: none;
margin: 5px 10px;
-webkit-box-shadow: 5px 5px 8px 0px rgba(193,203,214,1);
-moz-box-shadow: 5px 5px 8px 0px rgba(193,203,214,1);
box-shadow: 5px 5px 8px 0px rgba(193,203,214,1);

-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}

#ql-slider ul li a:hover, #ql-slider ul li a:focus {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}

#ql-slider .slick-arrow{ 
top: 40%;
font-size: 0;
background: none;
position: absolute;
}

#ql-slider .slick-prev { left: -30px;}

#ql-slider .slick-next{ right: -30px; }

#ql-slider .slick-arrow {
background: none;
color: #31486a;
border: none;
padding: 0;
z-index: 999;
font-size: 0;
}

#ql-slider .slick-arrow:hover,
#ql-slider .slick-arrow:focus {
color: #31486a;
}

#ql-slider .slick-prev:before {
font-family: "FontAwesome";
font-size: 60px;
font-weight: bold;
text-shadow: -1px 1px 5px #ffffff;
content: "\f104";
}

#ql-slider .slick-next:before{
font-family: "FontAwesome";
font-size: 60px;
font-weight: bold;
text-shadow: -1px 1px 5px #ffffff;
content: "\f105";
}


#ql-slider .ql-img { position: relative; }

#ql-slider .ql-img .inside {
width: 100%;
height: 230px;
}

#ql-slider .ql-img .inside img {
width: 100%;
height: auto;
}

#ql-slider ul li a {
display: block;
position: relative;
overflow: hidden;
}

.ql-caption {background: #800000;opacity: 0.9;position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px;box-sizing: border-box;text-align: center;color: #fff;font-size: 16px;font-weight: 600;text-transform: uppercase;min-height: 60px;}

#ql-slider a:hover .ql-caption {
display: none;
}

/* HOVER */

#ql-slider .ql-hover {width: 100%;visibility: hidden;position: absolute;left: 0;top: 0;color: #fff;font-size: 15px;font-weight: 400;text-align: center;}

#ql-slider .ql-hover .ql-content {
background: #800000;
opacity: 0.9;
}

#ql-slider .ql-hover .ql-caption { 
color: #000;
font-size: 18px; 
font-weight: 800;
}


#ql-slider a:hover .ql-hover,
#ql-slider a:focus .ql-hover {
visibility: visible;
position: absolute;
top: 0px;
height: 210px;
}

#ql-slider .ql-hover .ql-content {
height: 210px;
margin: 0;
padding: 10px 15px;
overflow: hidden;
}

#ql-slider .ql-hover .ql-content .ql-caption {display: block;position: relative;color: #fff;padding: 8px 5px;background: transparent;min-height: auto;}

/* --------------------- SOCIAL MEDIA TABS ---------------------- */

#socialTimeline h2 { color: #800000; margin: 0; }
#socialTimeline li.active h2 { color: #fff; }

#socialTimeline ul#socialTabs {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center; }

#socialTimeline ul#socialTabs li {
background: #e6edf1;
width: 49%;
margin-right: 5px;
display: inline-block;
position: relative;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

#socialTimeline ul#socialTabs li:last-child {
margin-right: 0;
}

#socialTimeline ul#socialTabs li:after {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 25px 0 25px;
border-color: #800000 transparent transparent transparent;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
z-index: 9999;
}

#socialTimeline ul#socialTabs li.active:after {
content: '';
display: block;
clear: both;
position: absolute;
bottom: -10px;
left: 42%;
right: 42%;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 16px 0 16px;
}

#socialTimeline ul#socialTabs li:after {
border-color: #800000 transparent transparent transparent; }

#socialTimeline ul#socialTabs li a {color: #fff;font-weight: 500;text-transform: capitalize;font-size: 36px;text-decoration: none;display:  block;padding: 3px;background: none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;box-sizing:  border-box;}

#socialTimeline ul#socialTabs li.active { background: #800000; }

#socialTimeline ul#socialTab {
padding: 0;
list-style-type: none;
background: #ffffff;
width: 100%; }

#socialTimeline ul#socialTab li {
display: none; }

#socialTimeline ul#socialTab li.active{
display: block;
text-align: center;
}

#socialTimeline ul#socialTab li{
width: 100%; }

/* --------------------- UPCOMING EVENTS ---------------------- */

a.event {
position: relative;
display: block; }

a.event:hover {
text-decoration: none;
}

.event-date {
display: block;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

.event-date:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #800000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

a.event:hover .event-date:before, a.event:hover .event-date:focus:before, a.event:hover .event-date:active:before,
a.event:focus .event-date:before, a.event:focus .event-date:focus:before, a.event:focus .event-date:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

a.event:hover .event-title, a.event:hover .event-time, a.event:hover .event-location, a.event:hover .event-time:before, a.event:hover .event-location:before,
a.event:focus .event-title, a.event:focus .event-time, a.event:focus .event-location, a.event:focus .event-time:before, a.event:focus .event-location:before {color: #fff;}

/* Event Large Date */

.large-date {
width: 60px;
background: #800000;
padding: 15px;
text-align: center;
margin-right: 10px;
display: table-cell;
vertical-align: middle; }

.event-date { 
background: #e6edf1;
}

.event-month {font-weight: bold;color: #fff;font-size: 25px;text-transform: uppercase;display: block;}

.event-day {font-weight: 500;color: #fff;font-size: 30px;line-height: 35px;}

/* Event Content Info */

#eventsList ul {
margin: 0;
padding: 0;
}

#eventsList ul li { 
list-style-type: none;
margin: 0 0 10px 0; }

#eventsList ul li:last-child {
margin: 0; }

.event-content {
padding: 10px 15px;
display: table-cell;
vertical-align: middle; }

.event-title {
color: #282828;
font-size: 17px;
line-height: 20px;
font-weight: bold;
margin-bottom: 5px;
}

.full-date {
color: #282828;
font-size: 16px;
}

.event-time, .event-location {
font-size: 14px;
margin: 5px 0;
}

.event-time:before {
content: '\f017';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: inline-block;
clear: both;
font-size: 14px;
margin: 0 5px 0 2px;
color: #b71f27;
}

.event-location:before {
content: '\f3c5';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: inline-block;
clear: both;
font-size: 14px;
margin: 0 5px 0 4px;
color: #b71f27;
}

.event-time, .day-text, .month, .day, .year { display: inline; }



/* --------------------- SUBPAGE DEPARTMENT LINKS  + QL BAR ---------------------- */

.subpage .mfp-item-content { background-color: #303030; }

ul.sub-list-item { 
list-style: none !important;
margin: 0 !important; 
padding: 0 !important; 
text-align: center; }

ul.sub-list-item li { 
margin: 0 !important; 
padding: 0 !important; }

ul.sub-list-item li a { 
color: #fff !important;
display: block; }

.sub-img-edit, .sub-icon-edit, .sub-title-edit {
display: inline-block;
vertical-align: middle; }

.sub-icon-edit .fas { 
color: #fff;
font-size: 20px; }

.sub-title-edit { 
color: #fff; 
margin-left: 10px; }

ul.sub-list-item li img, .sub-img-edit img { 
width: 40px; 
height: 40px; }


/* --------------------- SUBPAGE LAYOUT ---------------------- */


.subHero {
background: #303030;
background-size: cover;
background-position: 85% 15%;
color: #ffffff;
position: relative;
animation: fadeIn 1.3s both;
}

.subHero:after {
content: '';
background: rgba(0, 0, 0, 0.2);
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
}

.subHero .inside-padding {
position: relative;
padding: 200px 20px 10px;
max-width: 1200px;
margin: 0 auto;
}

.subpage h2.pageTitle {
position: absolute;
bottom: 30px;
left: 10px;
z-index: 8;
margin: 0;
font-size: 50px;
line-height: normal;
text-shadow: 3px 3px 0px #333333;
color: #fff;
padding: 10px;
}

.subpage h2.pageTitle:after{ 
content: '';
display: block;
clear: both;
min-width: 95px;
height: 8px;
border-bottom: solid 3px #e12b32; }

.subpage .mainContent a, .subpage .mainContent a:hover {
color: #00f; }

.subpage .mainContent a:hover, .subpage .mainContent a:focus  {
text-decoration: underline;
}

#breadcrumbsContainer {background: #870000;}

#breadcrumbs {
float: left; }

#side-r {
float: right; 
margin: 5px 0; }

ul#print-share, ul#controls {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
}

ul#print-share li,
ul#controls li{
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}

ul#print-share li a,
ul#controls li a {color: #fff;}

ul#print-share li .fas {
font-size: 1.3em;
margin: 0 3px;
text-decoration: none;
}

.jssocials a:hover {
text-decoration: none;
}

ul#controls li a {
font-size: 1.4em;
font-weight: 700;
}

ul#print-share li .fas:hover, 
ul#controls li a:hover {
opacity: 0.8;
text-decoration: none;
}

.pageContent {
width: 100%;
display: block;
}

#sideBar {
background: #e6edf1;
width: 25%;
display: inline-block;
vertical-align: top;
}

.mainContent {
width: 75%;
display: inline-block;
vertical-align: top;
}
#breadcrumbs {padding: 10px 0;font-size: 16px;color: #fff;}

#breadcrumbs a {color: #fff;text-decoration: underline;}

#breadcrumbs a:hover, #breadcrumbs a:focus {
text-decoration: none; }

.nav-toggle {
background: #800000;
color: #fff;
}

.nav-toggle a, .nav-toggle a:hover { color: #fff; }

.sitenavl0.currentparent {
background: #800000;   
font-weight: 600;
}

.sitenavl0.currentparent a {
color: #fff;
font-size: 18px;
}

.sitenavl0 {
padding: 0;
}

.sitenavl1 .navWrp a.navLink span {
color: #fff;
}

.sitenavl1 {
margin: 10px 0;
padding-left: 10px;
}

.sitenavl1 a.navLink {
padding: 8px;
border-left: solid 3px #800000;
}

.sitenavl0.currentpage {
background: #800000;
color: #000;
font-weight: 600;
}

.sitenavl0.currentpage a {color: #fff;font-size: 18px;}

.sitenavl1.currentpage a.navLink {
background: #f9d5d5;
color: #000000;
}

.currentpage a.navLink:hover { text-decoration: underline;opacity: 1;}

a.navLink {
color: #000000;
padding: 10px;
display: block;
font-size: 15px;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

a.navLink:hover {
text-decoration: underline;
opacity: 1;
}

.sitenavl1 a.navLink:hover, .sitenavl2 a.navLink:hover,
.sitenavl1 a.navLink:focus, .sitenavl2 a.navLink:focus {
padding-left: 15px;
}

.sitenavl2 a.navLink {
padding: 8px;
margin: 5px 0;
border-left: solid 3px #800000; }

.pageContent button[id*="btn_month"] { 
color: #000000 ; }

#news-summary .row {
width: 100%;
margin-bottom: 10px;
border-bottom: solid 1px #e8e8e8;
padding: 10px 0;
}

#news-summary .row:first-child { margin-top: 0; }
#news-summary .row:last-child { border-bottom: none; }

#news-summary .content a.title {
font-size: 18px;
font-weight: 600;
color: #000000;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#news-summary .content a.title:hover {
color: #000000;
text-decoration: underline;
}

#news-summary .content a.read-more {
background: #710000 !important;
color: #fff;
padding: 10px;
font-size: 15px;
position: relative;
}

#news-summary .content a.read-more:hover, #news-summary .content a.read-more:focus {
color: #fff;
}

a.read-more {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

a.read-more:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #194b76;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

a.read-more:hover:before, a.read-more:focus:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}

#news_content_title {
font-weight: bold;
font-size: 22px;
margin: 10px 0 5px;
color: #800000;
font-family: 'Lato', sans-serif;
}

#news_content_date {
color: #525252;
font-family: 'Lato', sans-serif;
font-size: 14px;
}

#news_content_date:before {
content: '\f017';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: inline-block;
clear: both;
font-size: 13px;
margin: 0 3px 0 0;
color: #525252;
}

#news_content_body {
font-family: 'Lato', sans-serif;
font-size: 16px;
padding: 15px 0px;
border-top: solid 1px #e8e8e8;
margin-top: 10px;
}

#news_content_body #featured_image {
max-width: 250px;
float: left;
padding: 0px 10px 10px 0px;
}

#news-summary .content a.title {
color: #800000;
}

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

#footer {
background: #800000;
}

#footer .inside-padding {
padding: 20px 10px 0 10px !important;
box-sizing: border-box; 
position: relative;
}

#footer > .inside-padding:after {
content: '';
display: block;
clear: both;
background: url('/UserFiles/Servers/Server_1549441/Templates/images/footer-district-logo2.png') no-repeat;
background-position: top;
width: 435px;
height: 250px;
max-width: 100%;
max-height: 100%;
position: absolute;
bottom: 0;
left: 0;
}

#footer-left {
width: 40%;
display: inline-block;
vertical-align: middle;
padding-bottom: 20px;
}

#footer-right {
width: 60%;
display: inline-block;
vertical-align: middle; }

#footer .school-name { 
width: auto;
}

#footer h3 {font-family: 'Signika', sans-serif;color: #fff;font-size: 40px;line-height: 100%;font-weight: 700;text-decoration: none;margin: 10px auto;text-align: left;}

#footer h3 span { display: block; }

#footer .address {
margin: 10px 0 20px;
}

#footer .address span {
color: #fff;
display: inline-block;
}

#footer ul {
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 9;    
}

#footer .sm-bottom li {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}

#footer .sm-bottom li .fab {
color: #fff;
font-size: 40px;
line-height: 40px;
}

#footer .sm-bottom li a:hover .fab,
#footer .sm-bottom li a:focus .fab {
color: #194b76;	
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
text-decoration: none;
}

#bottom-links {
float: right;
width: 85%;
display:  table; }

#bottom-links .col {
width: 33.33%;
display: table-cell;
padding: 0 10px;
}

#bottom-links .col:last-child {
padding: 0 0 0 20px;
}

#bottom-links col ul {
list-style: none;
padding: 0;
margin: 0;
}

/* #footer #bottom-links ul {
display: inline-block;
vertical-align: top;
width: 100%;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
} */

#bottom-links ul  li {
margin: 0 0 15px 0;
}

#bottom-links ul li a {
color: #fff;
}


#credits {
background: #710000;
color: #fff;
}

#credits .inside-padding { max-width: 1160px; }

.label_skin_corporation {
font-size: 15px;   
}

#credits-left {
width: 40%;
float: left;
}

#credits-right {
width: 60%;
float: right;
}

#credits-right ul {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}

#credits-right ul li {
display: inline-block;
vertical-align: middle;
}

#credits-right ul li:after {
content: ' | ';
display: inline-block;
clear: both;
margin: 0 10px;
}

#credits-right ul li:last-child:after {
content: '';
}

#credits-right ul li a {
color: #fff;
font-size: 15px;
text-decoration: none;
}

#credits-right ul li a:hover { text-decoration: underline; }

.label_skin_corporation a, .label_skin_corporation a:hover {
    color: #fff;
}

/* --------------------- FORMS / TABLES ---------------------- */

.ptl_portlet_CustomForm { margin-bottom: 20px; }

.ptl_portlet_CustomForm input {
width: 98%;
display: block;
border-radius: 6px;
font-size: 16px;
margin: 10px auto;
padding: 10px 1px;
border: solid 1px grey;
}
	
.ptl_portlet_CustomForm textarea {
width: auto; 
display: block;
margin: 10px 0;
height: 80px; 
min-height: 80px; 
max-height: 80px; 
max-width: 98%; 
min-width: 98%; 
border-radius: 6px;
border: solid 1px grey;
}


.ptl_portlet_CustomForm input[type="submit"]{
width: 94%;
background: transparent;
color: #800000;
font-size: 16px;
text-transform: uppercase;
border-style: solid;
border-width: 2px;
border-color: #800000 !important;
border-radius: 6px;
padding: 15px;
text-align: center;
margin: 0 auto 30px auto;
display: block;
}

.ptl_portlet_CustomForm input[type="submit"]:hover { 
background-color: #194b76;
color: #fff;
border-color: #194b76 !important;
}

.ptl_portlet_CustomForm input[value="Reset"] { display:none; }

.ptl_portlet_CustomForm .tbl { background: #e6edf1; }


div.tbl div.tbl_header {
background: #800000;
color: #fff;
padding: 15px 10px;
text-align: center !important;
font-size: 20px;
}

#dvViewBody { padding: 10px !important; }

.g-recaptcha { margin: 15px 20px; }


/* --------------------- DEFAULT TAB PORTLET ---------------------- */


.TA-nav-tabs>li>a {
background: #800000;
color: #fff !Important;
}

.TA-nav-tabs>li.active>a {
background: #fff;
color: #800000 !important;  
}

.TA-nav-tabs>li.active>a:after { background: transparent; }


.TA-nav-tabs>li>a:hover {
background: #e6edf1;
color: #800000 !Important;
}

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


#mobile-bar {
color: #fff;
font-size: 20px;
padding: 5px;
text-transform: uppercase;
}

#mobile-bar .fa { margin-right: 5px; }

@media screen and (max-width: 1200px) {

ul.grid-list li {
width: 30%; 
margin: 5px; }

}

@media screen and (max-width: 750px) {

ul.grid-list li {
width: 45%; 
margin: 5px; }

}

@media screen and (max-width: 545px) {

ul.grid-list li {
width: 100%; }

}

@media screen and (max-width: 990px) {

#header .address { float: none; }

#header .address span { margin: 0; }

#searchPanel { float: none; }

.mb0 { margin: 0; }

#trendingWrapper ul li:hover, #trendingWrapper ul li a:focus {
-moz-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}

#noteworthy .sliderControls {
background: #fff;
padding: 0 10px; }

#serviceWrapper .inside-padding {
width: auto;
padding: 10px 10px 20px 10px;
display: block;
}

.serviceLeft, .serviceImage, .serviceRight  { 
position: relative;
bottom: 0;
margin: auto;
padding: 0;
text-align: center;
display: block; 
}

#credits-left, #credits-right { 
width: 100%;
float: none; 
text-align: center; }

#credits-right ul { text-align: center; }

}


@media screen and (max-width: 850px) {

.ql-container { margin: 10px; } 

.bannerItem { height: 470px !important; }

#landing .w-55, #landing .w-45 {
width: 100%;
display: block; }

#connect .w-33 {
float: none;
width: 100%;
display: block; }

#newsWrapper .newsImage .inside {
height: 250px; }


#sideBar, .mainContent {
width: 100%;
display: block;
min-height: auto !important; }

#footer-left, #footer-right {
width: 100%;
float: none;
display: block;
text-align: center;
}

#footer .inside-padding { padding: 10px !important; }

#footer > .inside-padding:after {
left: 50%;
transform: translate(-50%, 0);
}

#footer h3 { text-align: center; }

#bottom-links .col:last-child { padding: 0; }

#bottom-links {
float: none;
width: 100%;
}

#newsContainer ul li, #newsContainer ul li:last-child { 
width: 100%;
display: block;
margin-top: 15px; }

}

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

#header-left a { display: inline; }

#header-left, #header-right {
width: 100%;
float: none;
text-align: center;
}

#top-links {
position: relative;
text-align: center;
margin: 10px auto;
top: 0;
right: 0;
}

#top-links ul { display: block; }
#top-links ul li { display: inline-block; }

#header .address {
margin-top: 20px;
text-align: center; 
}

}


@media screen and (max-width: 640px) {

#header-left a { display: block; }

#bottom-links .col {
float: none;
width: 100%;
display: block;
}

#bottom-links .col:last-child { padding: 0; }

#newsContainer ul li { 
width: 100%;
display: block; }

.ql-title { font-size: 15px; }

}

@media screen and (max-width: 320px) {

.school-name h1 { font-size: 24px !important; }

.ql-container ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}

#connect .pageTitle { font-size: 17px; }
.sectionControls { padding: 0; }

}


@media print {

* { 
color: #303030 !important; 
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}

a[href]:after, a:after, a:link:after, a:visited:after { content:""; }

#CMS_admin_ToolBar, #pubwrapper, #pubWrapper #pubWrapper-btn, #skip,
.subHero, #breadcrumbsContainer, #sideBar, #credits-right { display: none !important; }

.inner-bar {
width: 100%;
display: block;
float: none;
}

#logo { 
position: relative; 
display: block; 
text-align: center;
margin: 10px auto; 
box-shadow: none; }

.inside-nav { display: none; }

.mainContent { width: 100%; }

.pageContent .row { margin: 0; }

.pageContent, .inside-padding { 
margin: 0; 
padding: 0;}

#credits { margin: 20px; }

#credits-left { 
width: 100%;
text-align: center; }

}

/* Back to top */

a#Btop {
    position: fixed;
    right: 20px;
    bottom: -50px;
    background: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    transition: all 400ms ease;
     z-index: 8000;
}

a#Btop:hover {
    background: #000;
    text-decoration: none;
    color: #fff;
}

a#Btop.show {
    bottom: 20px !important;
}


.mfp-item-content ul.quicklink-list-item li a span {
    color: #000;
}


.bannerItem a[href=""] {
    pointer-events: none;
}

/* footer revision */

.search-box {
    width: 85%;
    float: right;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    justify-content: space-between;
    align-items: center;
}

.search-box #searchPanel {
    margin: 0;
    width: 70%;
    float: right;
}


@media screen and (max-width: 850px) {
    .search-box {
        width: 100%;
    }
    .search-box #searchPanel {
        width: 100%;
    }
}



.label_skin_corporation a, #credits-right ul li a, #footer-right a, div[id*="divContent"] a {
    text-decoration: underline !important;
}

.label_skin_corporation a:hover, .label_skin_corporation a:focus, #credits-right ul li a:hover, #credits-right ul li a:focus, #footer-right a:hover, #footer-right a:focus, div[id*="divContent"] a:hover, div[id*="divContent"] a:focus {
    text-decoration: none !important;
}


.TA-tab-content a, .ptlPageDirectory a {
    text-decoration: underline;
}

.TA-tab-content a:hover, .TA-tab-content a:focus, .ptlPageDirectory a:hover, .ptlPageDirectory a:focus {
    text-decoration: none;
}



li.tips img {
    width: 22px;
    height: 22px;
}
li.tips a {
    padding: 4px 8px 4px 8px !important;
}

li.tips a img {
    padding-top: 3px;
}

a.speaker {display: inline-block !important;vertical-align: middle;margin-right: 10px;width: 35px !important;}

.tip {
    background-image: url('/UserFiles/Servers/Server_1549441/Templates/white.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 35px;
    width: 35px;
    transition: background-image .15s ease-in-out;
}

.tip:hover {
    background-image: url('/UserFiles/Servers/Server_1549441/Templates/blue3.png');
}
/* --- FOOTER DISCLAIMER --- */
.footer-disclaimer {
text-align:center;
color:#fff;
padding: 10px 0 20px
}

/* Nav Arrow Fix */
#trendingWrapper .slick-arrow {
    width: 35px;
    height: 50px;
}
#previousDiv.sliderControls {
    left: 25px;
}

#nextDiv.sliderControls {
    right: 40px;
}

#trendingWrapper .slick-prev:before, #trendingWrapper .slick-next:before {
    color: #800000;
    font-family: 'FontAwesome';
}

@media screen and (max-width: 768px){
  #trendingWrapper .slick-prev:before, #trendingWrapper .slick-next:before {
    font-size: 35px;
}

#nextDiv.sliderControls {
    right: 30px;
}
}

.QL-defaultTemplate a {
  color: #4e4848 !important;
}

.QL-defaultTemplate a .fa {
    color: #770000 !important;
  }