@media screen and (max-width: 640px)
{
.QL-defaultTemplate  {
    display: flex !important;
    flex-wrap: wrap;
}

.QL-defaultTemplate  li {
    width: 50% !important;
}
}

/*

font-family: Arial, Helvetica, sans-serif;

*/

html body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: normal;
color: #282828;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}

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

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}

.reset {
list-style: none;
margin: 0;
padding: 0; }

.pd { padding: 30px 10px; }

.mfp-item-content { width: 400px; display: inline-block; vertical-align: top; }
.link-value-edit, .link-title-edit, .link-desc-edit { display: block; }
.banner-img-edit img { width: 350px; height: auto; }

a.no-click{
pointer-events: none;
cursor: default; }

.contentWrapper a:hover{
color: #262e6c !important;
text-decoration: none;
}

input#ctl00_ContentPlaceHolder1_imgGoogle {
margin: 20px auto;
text-align: center;
display: block;
width: 120px; }

.exlink-modal-dialog a, .exlink-modal-dialog a:hover { height: auto !important; }

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

#pubWrapper {
background: #001489;
font-family: Arial, Helvetica, sans-serif;
position: relative;
z-index: 3001;
color: #FFF;
}

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

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

#pubWrapper ul.pubList > li {
font-size: 13px;	
border-left: 1px solid rgba(255, 255, 255, 0.5);
display: inline-block;
list-style: none;
position: relative;
letter-spacing: .03em;
vertical-align: top;
}

#pubWrapper ul.pubList > li#searchPanel { border-right: 1px solid rgba(255, 255, 255, 0.5); }

#pubWrapper ul.pubList .pubDropdown-btn,
#pubWrapper ul.pubList li .user_link,
#pubWrapper ul.pubList li .admin_menu {
height: 35px;
line-height: 35px;	
padding: 0 12px;
cursor: pointer;
display: block;
color: #FFF;
text-transform: uppercase;
overflow: hidden;
}

#pubWrapper ul.pubList .pubDropdown-btn:hover, #pubWrapper ul.pubList .pubDropdown-btn:focus,
#pubWrapper ul.pubList .active .pubDropdown-btn,
#pubWrapper ul.pubList li .user_link:hover, #pubWrapper ul.pubList li .user_link:focus,
#pubWrapper ul.pubList li .admin_menu:hover, #pubWrapper ul.pubList li .admin_menu:focus {
background: #FEDB00;
color: #000;	
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 #sm-top { 
border-left: none;
padding: 0; }

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

#pubWrapper #sm-top li a {
text-align: center;
display: block; }

#pubWrapper #sm-top li .fa {
color: #ffffff;
margin: 5px 3px;
font-size: 24px;
line-height: 25px;
width: 40px;
}

#pubWrapper #sm-top li a:hover,
#pubWrapper #sm-top li a:focus {
background: #FEDB00;
color: #000;	
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 #sm-top li a:hover .fa, #pubWrapper #sm-top li a:focus .fa { color: #000; }

.responsiveTemplate #pubWrapper.responsive ul.pubList > li#sm-top { float: none; }

#userPanel, #loginPanel, #searchPanel { padding: 0 !important; }
#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-caret-down { 
font-size: 18px; 
margin-left: 7px; }

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

.pubDropdown-wrapper .PublishedLinkMenu,
.pubDropdown-wrapper .pubDropdown {
display: none;	
position: absolute;
left: 0;
top: 35px;
background: #ffffff;
list-style: none;
-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.7);
box-shadow: 0px 5px 10px rgba(0,0,0,0.7);
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;
display: block;
padding: 10px 15px;
text-decoration: none;
background: #FFF;
color: #000;
border-bottom: solid 1px #F2F2F2;
min-width: 200px;
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;
height: auto;
line-height: 1.2;
}

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

#pubWrapper .fr ul.pubList > li { }

#pubWrapper li#search { position: relative; }

#search-button {
color: #FFF;
border-right: 1px solid rgba(255, 255, 255, 0.5);
padding: 5px 12px;
font-size: 24px;
line-height: 24px; 
text-align: center;
display: inline-block;
float: right;
z-index: 9;
cursor: pointer;
background: #001489; 
width: 50px;}

#search-button:hover, #search-button:focus { 
color: #000;
background: #FEDB00; }


#searchPanel {
display: none;
padding: 0;
position: absolute;
right: 48px; 
width: 220px; }

#searchContainer, #searchPanel { 
position: relative;
background: #03307d;
-webkit-animation: slideInRight 100ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-moz-animation: slideInRight 100ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: slideInRight 100ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

#searchPanel input.SearchTerm {
background: #03307d;
border: none;
height: 35px;
line-height: 35px;
padding: 0px 10px 0px 10px;
width: 173px;
color: #ffffff;
letter-spacing: 0.04em;
font-size: 14px;
font-weight: 300;
outline: none;
border-left: 1px solid rgba(255, 255, 255, 0.5); 
position: absolute;
right: 0;
}
#searchPanel input.SearchTerm:hover,
#searchPanel input.SearchTerm:focus { color: #fff; }

#searchPanel input.SearchTerm::placeholder {
color: #ffffff; }

.divSearchBox { padding: 0px; }

#searchPanel a {
background: #022054;
color: #ffffff;
font-size: 16px;
position: absolute;
padding: 9px 13px;
top: 0;
right: 0;
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;
height: 35px;
box-sizing: border-box; }

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

#searchPanel a img { display: none; }

#searchPanel a:hover { text-decoration: none; }


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

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


.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn { 
display: block;
background: #001489;
width: 100%;
text-align: center;
color: #FFF;
font-size: 13px;
cursor: pointer; 
padding: 10px 0;
border-top: 1px solid rgba(255, 255, 255, 0.5);
-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: rgba(0, 0, 0, 0.2);}

.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn .fa {}

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

.responsiveTemplate #pubWrapper.responsive .pubList {
width: 100%;
float: none; }

.responsiveTemplate #pubWrapper.responsive ul.pubList > li { border: none; }

.responsiveTemplate #pubWrapper.responsive #selectSchool,
.responsiveTemplate #pubWrapper.responsive #selectLang {
width: 30%; }

.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%; 
position: relative; }

.responsiveTemplate #pubWrapper.responsive #searchPanel input.SearchTerm {
width: 300px; 
border: none; }

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

.responsiveTemplate #pubWrapper.responsive li#userPanel { display: none !important; }

/* New Google Translate */
#pubWrapper .goog-te-gadget-simple {
background: transparent;
border: none;
padding: 0;
}

#pubWrapper .goog-te-gadget img {
display: none;
}

#pubWrapper .goog-te-gadget-simple .goog-te-menu-value {
color: #ffffff;
height: 35px;
line-height: 35px;
padding: 0 15px;
display: inline-block;
font-size: 13px;
margin: 0;
}

#pubWrapper .goog-te-gadget-simple .goog-te-menu-value:hover {
background: #4d4d4d;
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;
}

#pubWrapper .goog-te-gadget-simple .goog-te-menu-value span {
display: none; }

#pubWrapper .goog-te-gadget-simple .goog-te-menu-value span:nth-child(1) {
display: block; }

#pubWrapper .goog-te-gadget-simple .goog-te-menu-value span:nth-child(1):after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0dc";
margin-left: 8px; }


@media screen and (max-width: 1000px) {
    #pubWrapper ul.pubList { border-top: solid 1px rgba(255, 255, 255, 0.5); }
    #pubWrapper li#userPanel, #pubWrapper li#pubLinks { display: none; }
}

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

    #pubWrapper ul.pubList { width: 100%; }

    #pubWrapper ul.pubList > li { 
        border-left: none; 
        border-right: 1px solid rgba(255, 255, 255, 0.5); }

    #pubWrapper li#search {
        position: relative;
        width: 70%; }

    #pubWrapper #sm-top { 
        float: left; 
        width: 30%; }

    #search-button { display: none; }
    #searchPanel {
        display: block !important;
        width: 100%;
        right: 0; }
    
    #searchPanel input.SearchTerm { 
        border-left: none;
        width: 100%; 
        position: relative; }

}

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

    .responsiveTemplate #pubWrapper.responsive #searchPanel input.SearchTerm { max-width: 150px; }

    #pubWrapper li#search, #pubWrapper #sm-top {
        border-bottom: solid 1px rgba(255, 255, 255, 0.5);
        position: relative;
        width: 100%; }

}

@media screen and (max-width: 400px) {
    #pubWrapper li#selectSchool {
        width: 100%;
        border-top: solid 1px rgba(255, 255, 255, 0.5); }    
}


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


#header-links-wrapper { 
background: #363636; 
text-align: right; }

#header-links-wrapper .inside-padding { padding: 0; }

#header-links-wrapper ul li {
position: relative;
display: inline-block;
vertical-align: middle; 
}

#header-links-wrapper ul li a {
color: #FFF;
text-transform: uppercase;
text-align: center;
display: inline-block;
vertical-align: middle;
font-weight: 600;
line-height: 30px;
font-size: 16px;
padding: 8px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }

#header-links-wrapper ul li a:hover, 
#header-links-wrapper ul li a:focus {
color: #FFF;
text-decoration: underline;
}

.header-links ul a {
width: 100%;
display: inline-block;
vertical-align: middle;
padding: 10px 15px;
font-weight: 600;
font-size: 13px;
-webkit-box-sizing: border-box;
box-sizing: border-box; }


#header { background-color: #FFFFFF; }

#header > .inside-padding {
display: table;
width: 100%; }

#header-left {
width: 35%;
display: table-cell;
vertical-align: middle; }

#header-right {
width: 65%;
display: table-cell;
vertical-align: middle;
text-align: right;
}

.school-logo {
display: table; 
position: relative;
text-decoration: none !important; }

#header .school-logo img {
width: 200px;
height: auto;
max-width: 80%;
max-height: 80%; }

.schoolName { 
width: 70%;
display: table-cell; 
vertical-align: middle; }

.schoolName h1 {
margin: 0;
font-size: 30px;
color: #000000;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase; }

.schoolName h1 span {
font-size: 70%;
font-weight: 400;
display: block;
text-transform: capitalize; }

#mottoWrapper {
position: absolute;
width: 100%;
bottom: 0;
text-align: center;
display: block;
z-index: 9; }

.motto {
padding: 0 30px;
color: #001489;
font-size: 33px;
font-weight: bold;
text-align:  center; 
display: inline-block;
position: relative;
z-index: 1; }

.motto:before {
content: '';
display: block;
vertical-align: middle;
clear: both;
position :absolute;
top: 50%;
left: 0;
width: 30%;
border: solid 1px #F2F2F2;
z-index: -1; }

.motto:after {
content: '';
display: inline-block;
vertical-align: middle;
clear: both;
position:absolute;
top: 50%;
right: 0;
width: 30%;
border: solid 1px #F2F2F2;
z-index: -1; }

#header .socialWrapper {
display: inline-block;
vertical-align: middle; }

#header ul.socialMedia {
padding: 0;
margin: 0;
list-style: none;
display: inline; }

#header ul.socialMedia li {
display: inline-block;
margin: 0 5px; }

ul.socialMedia li.icn a {
margin: 0;
padding: 10px 0;
color: #000000;
font-size: 30px;
text-decoration: none; 
width: 50px;
line-height: 30px;
text-align: center;
border-radius: 50%;
transition: all .1s ease-in-out; }

ul.socialMedia li.icn.twitter a, ul.socialMedia li.icn.twitter a { 
background: #42c0f0; 
color: #ffffff; }

ul.socialMedia li.icn.facebook a, ul.socialMedia li.icn.facebook a { 
background: #3d56a8; 
color: #ffffff; }

ul.socialMedia li.icn.youtube a, ul.socialMedia li.icn.youtube a { 
background: #ed2025; 
color: #ffffff; }

ul.socialMedia li.icn a:hover, ul.socialMedia li.icn a:focus { opacity: 0.8; }

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

#menubar:after {
content: '';
display: block;
clear: both;
}

#menubar .inner-bar { float: right; }

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

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

/*--TOP LEVEL STYLES--*/

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

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

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

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


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

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


/*--DROPDOWN MENU STYLES--*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--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,
.telerik_main_menu .rmGroup .rmItem a.rmFocused .rmExpandRight:after {
background-position: -18px -8px !important;
}


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

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

.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 10px !important;
}

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

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

/*** Normal State ***/
.telerik_main_menu .rmRootGroup a {
text-decoration: none;
font-size: 17px;
text-transform: uppercase;
letter-spacing: 1px;
}

.telerik_main_menu .rmRootGroup a span {
font-weight: bold;
text-decoration: none; }

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

.RadMenu ul.rmRootGroup { list-style: none; }

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

a#mobile-bar {
text-decoration: none;
text-transform: uppercase;
font-size: 17px;
font-weight: 400;
line-height: 45px;
color: #000;
font-weight: 700; }

a#mobile-bar span {
margin-right: 10px; }

.mm-ismenu {
background: #03307d;
color: #fff !important; }

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

#banner { position: relative; }

.banner-panel {
background: #001489;
position: relative;
display: flex;
width: 100%;
align-items: center;
justify-content: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }

#banner-wrapper .slick-dotted.slick-slider, #banner-wrapper .slick-dotted.slick-slider .slick-slide, #banner-wrapper .slick-slide {
height: 100vw;
max-height: 495px;
overflow: hidden; }

.banner-image { 
width: 70%;
height: 100%;
position: relative; }

.banner-inside {
overflow: hidden;
display: flex;
justify-content: center;
flex-wrap: wrap;
flex: 1;
width: auto;
height: 495px; }

.banner-inside img {
width: 100%;
height: auto; }

.banner-caption {
background: #001489;
position: absolute;
z-index: 1;
top: 0%;
right: 0%;
width: 30%;
height: 100%;
padding: 30px;
z-index: 9999;
margin: auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center; }

.banner-caption:after {
content: '';
display: block;
clear: both;
position: absolute;
z-index: -1;
background-image: url('../../Servers/Server_236074/Templates/images/swirl-caption-white.png');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
opacity: 0.15; }

.banner-title {
color: #FFF;
font-size: 33px;
font-weight: bold;
margin-bottom: 20px;
}

.banner-summary { 
font-size: 17px;
color: #FFF; }

.banner-readMore a {
width: 180px;
max-width: 100%;
background: #FEDB00;
color: #000; 
border-radius: 10px;
padding: 15px;
margin: 30px auto;
text-align: center;
display: block; 
}

.banner-readMore a:hover { 
background: #FFF; 
text-decoration: none;
transition: all .2s ease-in-out; }

.banner-readMore a:after {
content: '\f0da';
font-family: 'FontAwesome';
display: inline-block;
clear: both;
margin-left: 20px; }

/* Banner Start/Stop  */

.controls {
position: absolute;
top: 0;
right: 0; }

.bannerStartStop {
position: relative;
left: 0;
z-index: 1;
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";
}

/* Banner Slick Dots  */

#banner-wrapper ul.slick-dots {
list-style-type: none;
text-align: right;
position: absolute;
left: 30px;
bottom: 20px; 
margin: 0;
padding: 0;
display: inline-block !important;
}

#banner-wrapper ul.slick-dots li {
padding: 5px;
display: inline-block;
vertical-align: middle; }

#banner-wrapper ul.slick-dots li button {
border: solid 2px #000 !important;
background: transparent;
width: 18px;
height: 18px;
border-radius: 50%;
padding: 3px;
outline: none !important;
font-size: 0;
cursor: pointer; }

#banner-wrapper ul.slick-dots li.slick-active button {
background: #FEDB00; }

/* Banner Arrows */

.banner-arrows { 
margin: 30px auto 0; }

.banner-arrows .slick-prev { left: 0px;}
.banner-arrows .slick-next{ right: 0px; }

.banner-arrows .slick-arrow {
background: none;
color: #FFF;
margin: 0 5px;
z-index: 999;
font-size: 0;
border: solid 1px #FFF;
border-radius: 50%;
width: 35px;
height: 35px; }

.banner-arrows .slick-prev:before {
font-family: "FontAwesome";
font-size: 28px;
content: "\f0d9";
padding-right: 4px; }

.banner-arrows .slick-next:before{
font-family: "FontAwesome";
font-size: 28px;
content: "\f0da";
padding-left: 4px; }


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

.banner-panel { display: block; }
.banner-inside { height: auto; display: block; }
.banner-image {  width: 100%; }

.banner-caption {
position: relative;
max-width: 100%;
width: auto;
bottom: 0;
left: auto;
transform: none; }

#banner-wrapper .slick-dotted.slick-slider, #banner-wrapper .slick-dotted.slick-slider .slick-slide, #banner-wrapper .slick-slide {
background: #001489;
max-height: 100%;
height: auto; }

#banner-wrapper ul.slick-dots { 
top: 5px; 
left: 10px;
bottom: auto; }

}

/* -------------------- DISCOVER SLIDER -------------------- */

#discover-wrapper { position: relative; }

.discover-panel {
background: #001489;
position: relative;
display: table;
width: 100%; }

#discover-wrapper .slick-dotted.slick-slider, #discover-wrapper .slick-dotted.slick-slider .slick-slide, #discover-wrapper .slick-slide {
height: 100vw;
max-height: 310px;
overflow: hidden; }

.discover-image {
position: relative;
float: right;
width: 50%; }

.discover-inside {
position: relative;
height: 310px;
}

.discover-item img {
width: 100%;
height: auto; }

.discover-caption {
float: left;
width: 50%; }

.discover-padding {
display: flex;
align-items: flex-start;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: column;
flex-wrap: wrap;
margin: 0 5%;
position: absolute;
top: 0;
left: 0;
max-width: 40%;
height: 310px;
overflow: hidden; }

.discover-title {
color: #FFF;
font-size: 28px;
font-weight: bold;
margin-bottom: 10px; }

.discover-summary { 
font-size: 16px;
color: #FFF; }

.discover-readMore a {
width: 150px;
max-width: 100%;
background: #FEDB00;
color: #000; 
border-radius: 10px;
padding: 10px;
margin: 20px auto 0;
text-align: center;
display: inline-block; 
}

.discover-readMore a:hover { 
background: #FFF; 
text-decoration: none;
transition: all .2s ease-in-out; }

.discover-readMore a:after {
content: '\f0da';
font-family: 'FontAwesome';
display: inline-block;
clear: both;
margin-left: 20px; }

/* Discover Arrows */

.discover-arrows { 
margin: 30px 0 0; }

.discover-arrows .slick-prev { left: 0px;}
.discover-arrows .slick-next{ right: 0px; }

.discover-arrows .slick-arrow {
background: none;
color: #FFF;
margin: 0 5px;
z-index: 999;
font-size: 0;
border: solid 1px #FFF;
border-radius: 50%;
width: 35px;
height: 35px; }

.discover-arrows .slick-prev:before {
font-family: "FontAwesome";
font-size: 28px;
content: "\f0d9";
padding-right: 4px; }

.discover-arrows .slick-next:before{
font-family: "FontAwesome";
font-size: 28px;
content: "\f0da";
padding-left: 4px; }


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

.discover-panel { display: block; }

#discover-wrapper .slick-dotted.slick-slider, #discover-wrapper .slick-dotted.slick-slider .slick-slide, #discover-wrapper .slick-slide {
background: #001489;
max-height: 100%;
height: auto; }

.discover-padding { 
position: relative;
display: block; 
max-width: 100%;
height: auto;
margin: 0;
padding: 30px; }

.discover-image, .discover-caption {
position: relative;
float: none;
width: 100%; 
display: block; }

#discover-wrapper ul.slick-dots { 
top: 0; 
left: 10px;
bottom: auto; }

}


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

#quicklinks { 
background: #F2F2F2;
position: relative; }

.PO-quickLinks .slick-track {
width: 100%;
margin: 0 auto;
display: block; }

.QL-defaultTemplate .slick-arrow {
position: absolute;
top: 20%;
background: none;
color: #000;
border: none;
padding: 0;
z-index: 999;
font-size: 0; 
border: solid 1px #000;
border-radius: 50%;
width: 35px;
height: 35px;
margin: 10px 5px; }

.QL-defaultTemplate .slick-prev { left: 0px;}
.QL-defaultTemplate .slick-next{ right: 0px; }

.QL-defaultTemplate .slick-prev:before {
font-family: "FontAwesome";
font-size: 28px;
content: "\f0d9";
padding-right: 4px; }

.QL-defaultTemplate .slick-next:before {
font-family: "FontAwesome";
font-size: 28px;
content: "\f0da";
padding-left: 4px; }

.PO-quickLinks {
margin: auto;
text-align: center;
display: block; }

.PO-quickLinks:after {
content: "";
display: block;
clear: both;
position: relative;
}

ul.QL-defaultTemplate { 
max-width: 1200px;
margin: 0 auto !important;
padding: 0 30px;
}

.PO-quickLinks a {
text-decoration: none !important;
text-align: center;
margin: 0 auto;
padding: 10px;
}

.PO-quickLinks a .fa {
font-size: 60px !important;
text-align: center;
margin: 0 auto 20px;
display: block;
position: relative;
text-decoration: none;
}

.PO-quickLinks li:nth-child(odd) a em.fa { color: #8f7400; }
.PO-quickLinks li:nth-child(even) a em.fa { color: #001489; }

.PO-quickLinks li:nth-child(odd) a:hover span.QL-text{ color: #8f7400; text-decoration: none; }
.PO-quickLinks li:nth-child(even) a:hover span.QL-text { color: #001489; text-decoration: none; }

.PO-quickLinks a span.QL-text {
color: #000000;
font-size: 15px;
text-transform: uppercase;
max-width: 85%;
margin: auto;
display: block;
}

.PO-quickLinks a:hover .fa, .PO-quickLinks a:focus .fa {
opacity: 0.8;
transition: all .8s ease-in-out;
}

.QL-defaultTemplate li { 
display: inline-block;
vertical-align: middle;
border: none !important; }

.QL-defaultTemplate a:hover { background: transparent !important; }

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

.accordion {
position: relative; }

h4.panel-title {
display: block; }

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

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

h4.panel-title a { 
background: #001489;
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;
-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: #FEDB00;
color: #ffffff !important; }

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

h4.panel-title a:after {
color: #ffffff;
content: "\f0da";
font-family: 'fontawesome';
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: #FEDB00;
color: #ffffff !important; }

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

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

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

.panel-content {
padding: 10px 20px;
border: solid 1px #cecece;
margin-bottom: 20px; }

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

#footer {
background: #001489;
color: #FFF; 
font-size: 17px;
position: relative; }

#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#footer .inside-padding { 
display: table;
width: 100%;
padding: 30px 10px 90px 10px; }

#footer .address {
width: 15%;
display: table-cell;
vertical-align: top; }

#footer .address span { display: block; }

#footer .address a#newsletter {
display: block;
margin-top: 30px;
color: #FFF;
font-weight: bold;
}

#footer .address a#newsletter:before {
content: '\f003';
font-family: 'FontAwesome';
display: inline-block;
vertical-align: top;
margin-right: 10px;
}

#footer .phone {
width: 10%;
padding-left: 20px;
display: table-cell;
vertical-align: top; }

#footer .phone > span { display: block; }

#footer .school-logo {
width: 15%;
display: table-cell;
vertical-align: top; }

#footer .school-logo img {
width: 120px;
height: auto;
margin: auto;
display: block; }

#footer .footer-links {
padding-left: 5%;
width: 25%;
display: table-cell;
vertical-align: top; }

.footer-links ul {
-moz-coumn-count: 2;
-webkit-coumn-count: 2;
column-count: 2;
}

.footer-links ul li {
margin: 5px 0;
display: inline-block; 
vertical-align: top; }

.footer-links ul li a {
font-size: 15px;
color: #FFF; 
text-transform: uppercase; }

.credits {
background: #001489;
text-align: center;
color: #FFF; }

.credits a, .credits a:hover { color: #FFF; }

.label_skin_corporation {
font-size: 12px;
color: #FFF; }

.label_skin_corporation a {
color: #FFF; 
text-decoration: underline; }

.label_skin_corporation a:hover {
color: #FFF; 
text-decoration: none; }

/* Back to Top */

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

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

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

/* -------------------- LATEST NEWS -------------------- */

.sectionHeading {
margin-bottom: 30px;
position: relative; }

h2.sectionName span {
padding: 0 20px;
background: #FFF; }

h2.sectionName {
width: 100%;
margin: 0;
font-size: 22px;
font-weight: 700; 
text-align: center;
text-transform: uppercase; 
display: inline-block;
position: relative;
z-index: 1; }

h2.sectionName:before {
content: '';
display: block;
vertical-align: middle;
clear: both;
position :absolute;
top: 30%;
left: 0;
width: 45%;
border: solid 1px #F2F2F2;
z-index: -1; }

h2.sectionName:after {
content: '';
display: inline-block;
vertical-align: middle;
clear: both;
position:absolute;
top: 30%;
right: 0;
width: 45%;
border: solid 1px #F2F2F2;
z-index: -1; }

#newsWrapper .slick-arrow {
background: none;
color: #000;
z-index: 999;
font-size: 0;
border: solid 1px #000;
border-radius: 50%;
width: 35px;
height: 35px;
margin: 10px 5px; }

#newsWrapper .slick-arrow:hover, #news .slick-arrow:focus {
color: #000; }

.news-arrows .slick-prev:before {
font-family: "FontAwesome";
font-size: 28px;
content: "\f0d9";
padding-right: 4px; }

.news-arrows .slick-next:before{
font-family: "FontAwesome";
font-size: 28px;
content: "\f0da";
padding-left: 4px; }

#newsWrapper .see-all { 
text-align: right; 
margin: 20px 10px 0;
display: inline-block !important;
vertical-align: middle; }

.see-all {
float: right; }

.see-all a { 
color: #000;
font-size: 16px; 
text-transform: capitalize;
text-decoration: underline; }

.see-all a:hover { color: #000; text-decoration: none; }

.see-all a:after{
content: '\f0da';
font-family: 'FontAwesome';
font-size: 19px;
display: inline-block;
vertical-align: top;
clear: both;
margin-left: 20px; }


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

#newsWrapper ul li .news-item {
list-style-type: none;
display: inline-block;
}

/* NEWS ITEM */

.newsItem {
text-decoration: none !important;
display: block; }

#newsWrapper ul li .newsItem { margin: 0 20px; }
#newsWrapper ul li .newsItem:last-child{ margin: 0 20px 0 0; }

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

.newsImage { position: relative; }

.newsDate {
display: none;
color: #757575;
font-size: 13px;}

.newsImage .inside {
width: auto;
height: 180px; }

.newsContent {
background: #F2F2F2;
padding: 10px 15px;
min-height: 200px;
position: relative;
text-align: center;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.newsTitle {
color: #282828;
font-size: 16px;
font-weight: bold;
margin: 15px 0;
}

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

.newsSummary {
color: #494949;
font-size: 15px;
font-weight: 400;
}

#newsWrapper .read-more {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 10px;
background: #001489;
color: #FFF;
font-size: 15px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px; }

#newsWrapper .read-more:after {
content: '\f0da';
font-family: 'FontAwesome';
font-size: 19px;
display: inline-block;
vertical-align: top;
clear: both;
margin-left: 20px;
}

#newsWrapper a:hover .read-more, #newsWrapper a:focus .read-more {
color: #FFF; }

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

#events .see-all { 
position: relative;
float: none; }

#events .see-all:before {
content: '';
display: block;
clear: both;
width: 100%;
padding-top: 20px;
border-top: solid 1px #F2F2F2;
z-index: 1; }

a.event { 
display: table; 
width: 100%; 
padding: 15px 10px; }

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

a.event:hover .event-title, a.event:focus .event-title { color: #001489; }

/* Event Large Date */

.large-date {
display: table-cell;
vertical-align: middle;
text-align: center;
padding-right: 20px;
}

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

.event-day {
font-weight: bold;
color: #001489;
font-size: 40px;
}

/* Event Content Info */

.event-content {
display: table-cell;
vertical-align: middle;
position: relative;
}

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

.event-title, .event-location {
display: inline-block; }

.event-location { margin-left: 5px; }

.full-date {
color: #282828;
font-size: 14px;
margin-top: 8px; }

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

.CAL-timeAlert { margin-top: 10px; }

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

#social-tabs { 
padding: 0 20px;
position: relative; }

#social-tabs ul#tabs {
list-style-type: none;
padding: 0;
margin: 0 0 10px 0;
text-align: center; 
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
justify-content: space-around; }

#social-tabs ul#tabs li {
position: relative; 
width: 32%;
display: inline-block;
vertical-align: middle;
border-radius: 8px;
color: #FFF;
text-decoration: none; 
text-align: center;
font-size: 28px;
line-height: 30px;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }

#social-tabs ul#tabs li button {
background: transparent;
border: none;
width: 100%;
padding: 10px 0;
display: 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;
}

#social-tabs ul#tabs li.active:after, 
#social-tabs ul#tabs li.tab:after, 
#social-tabs ul#tabs li:focus {
opacity: 1; }

#social-tabs ul#tabs li:after {
opacity: 0;
position: absolute;
left: 35%;
right: 35%;
bottom: -1em; }

#social-tabs ul#tabs li span {
display: none;
}

#social-tabs ul#tabs li em {
font-size: 30px;
display: block; }

#social-tabs ul#tabs li .fb-like-box.fb_iframe_widget, 
#social-tabs ul#tabs li .fb_iframe_widget span, 
#social-tabs ul#tabs li .fb_iframe_widget iframe {
display: block !important; }

#social-tabs ul#tabs li a {
display: inline-block;
text-indent: 0; }

#social-tabs ul#tabs li.active:after {
display: block;
content: "";
width: 0;
height: 0;
border-right: 16px solid transparent;
border-left: 16px solid transparent;
position: absolute;
bottom: -13px;
left: 40%;
z-index: 99;
}

#social-tabs ul#tabs li.facebook { background: #001489; }
#social-tabs ul#tabs li.facebook:after { 
border-top: 13px solid #001489;
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; }

#social-tabs ul#tabs li.twitter { background: #FEDB00; color: #000; }
#social-tabs ul#tabs li.twitter:after { 
border-top: 13px solid #FEDB00;
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; }

#social-tabs ul#tabs li.instagram { background: #5c5c5c; }
#social-tabs ul#tabs li.instagram:after { 
border-top: 13px solid #5c5c5c;
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; }

#social-tabs ul#tab {
list-style-type: none;
width: 100%;
margin: 0 auto;
padding: 0; 
text-align: center;
background: #FFF;
border-bottom: solid 1px #F2F2F2; }

#social-tabs ul#tab li {
height: 400px;
display: none;
text-align: center;
overflow-y: scroll;
overflow: -moz-scrollbars-none;
-ms-overflow-style: none; }

#social-tabs ul#tab li::-webkit-scrollbar {
display: none; }

#social-tabs ul#tab li.active {
display: block; 
-webkit-animation: slideInUp 350ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-moz-animation: slideInUp 350ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: slideInUp 350ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

#social-tabs ul#tab li.tab {
display: inline-block;
width: 18.5em;
padding: 0 1em; }

@media screen and (max-width: 940px) {
#social { display: block; } 
}

@media screen and (max-width: 1160px) and (min-width: 940px), screen and (max-width: 600px) {
#social-tabs ul#tabs li:after {
left: .8em;
right: .5em; } 
}

@media screen and (max-width: 1160px) and (min-width: 940px), screen and (max-width: 600px) {
#social-tabs ul#tabs li span {
display: none; } 
}

@media screen and (max-width: 1160px) and (min-width: 940px), screen and (max-width: 600px) { }

/* Instagram */
.instagram-feed__feed-shell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.instagram-feed__post {
width: calc(20% - 1em);
box-sizing: border-box;
margin: 0.2em .5em;
box-shadow:0 0 5px 0 rgba(0,0,0,.5);
}

.instagram-feed__thumbnail {
width: 100%;
display: block;
}
.instagram-feed__caption-header{
overflow:hidden;
margin-bottom:1em;
}
.instagram-feed__caption-header h3{
font-size:1.5em;
margin:0
}
.instagram-feed__instagram-link{
text-indent: unset !important;
padding:.5em 1em;
font-weight:500;
text-decoration:none;
color:#fff;
background-color: #FEDB00;
border-radius:0px;
margin: auto;
display: block;
text-align: center;
}
.instagram-feed__instagram-link:active,.instagram-feed__instagram-link:focus,.instagram-feed__instagram-link:hover,.instagram-feed__instagram-link:link,.instagram-feed__instagram-link:visited{
text-decoration:none;
color: #000;
}
.instagram-feed__caption-shell{
position: absolute;
z-index:999999;
width: 80%;
max-width: 500px;
max-height: 115vh;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%) scale(0);
transform:translate(-50%,-50%) scale(0);
opacity:0;
background-color:#fff;
border-radius:0px;
box-sizing:border-box;
padding:1em;
box-shadow: 0 0 20px 1px rgba(0,0,0,.2);
transition:all .4s cubic-bezier(.68,-.55,.265,1.55)
}
.instagram-feed__close-caption{
background:transparent;
border:none;
font-size:1em;
border-radius:0;
cursor:pointer;
float:right;
color:#000;
font-size:1.5em;
font-weight:700;
}

.instagram-feed__post-date {
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: 300;
}
.instagram-feed__caption{
font-family: Arial, Helvetica, sans-serif;
margin:1em 0;
font-size: 0.9em;
text-align: center;
overflow-wrap: break-word;
max-height: 150px;
overflow: hidden; }

.instagram-feed__caption:after {
content: ' ...'; }

.instagram-feed__post.active .instagram-feed__caption-shell{
text-align: left;
opacity:1;
-webkit-transform:translate(-50%,-50%) scale(1);
transform:translate(-50%,-50%) scale(1);
border: solid 3px #FEDB00;
border-radius: 6px;
box-shadow: 0px 0px 5px 0px rgba(0,0,0, 1);}
.instagram-feed__post-item{
width: auto;
max-height: 170px;
margin: auto;
text-align: center;
display: block;
}
.instagram-feed__user-pic{
width:50px;
float:left;
margin:0 1em 0 0
}

@media screen and (max-width: 500px) {
#social {
  padding: 1em 0 !important;
}
#social iframe#twitter-widget-0 {
  width: 320px !important;
}
.instagram-feed__caption {
  font-size: .8em;
}
.instagram-feed__caption-header h3 {
  font-size: 1em;
}
.instagram-feed__user-pic {
  display: none;
}
}


/* -------------------- STATISTICS -------------------- */

#statWrapper { position: relative; }

.stat-item:hover, #statWrapper ul li .stat-item:focus {
background: #FEDB00; }

#statWrapper ul.slick-dots {
text-align: center;
position: relative; 
margin: 30px auto 0;
padding: 0; }

#statWrapper ul.slick-dots li {
padding: 5px;
display: inline-block;
vertical-align: middle; }

#statWrapper ul.slick-dots li button {
border: solid 2px #000 !important;
background: transparent;
width: 18px;
height: 18px;
border-radius: 50%;
padding: 3px;
outline: none !important;
font-size: 0;
cursor: pointer; }

#statWrapper ul.slick-dots li.slick-active button{
background: #FEDB00; }

.stat-item {   
display: flex;
align-items: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 280px;
height: 280px;
overflow: hidden;
position: relative; 
border: solid 5px #F2F2F2;
border-radius: 50%;
margin: auto;
padding: 20px;
text-align: center; }

.stat-value {
font-size: 50px;
color: #8f7400;
font-weight: bold;
display: block;
}

.stat-title {
font-size: 17px;
color: #000;
font-weight: bold;
text-transform: uppercase;
display: block;
margin-top: 10px;
}

/* HOVER */

.stat-desc { 
color: #000 !important;
font-weight: 500; }

#statWrapper .stat-back {
background: #FEDB00;
width: 100%;
visibility: hidden;
position: absolute;
left: 0;
top: 0; }

.stat-content {
margin: auto;
display: flex;
align-items: center;
justify-content: center; 
position: absolute;
top: 0;
left: 0;
text-align: center;
font-weight: 600;
line-height: normal;
z-index: 1;
width: 280px;
height: 280px;
padding: 10px 30px;
background: #FEDB00;
opacity: 0.9;
overflow: hidden;
}

/* entire container, keeps perspective */
#statWrapper .stat-item {
perspective: 1000px;
}
/* flip the pane when hovered */
#statWrapper .stat-item:hover .stat-front, #statWrapper .stat-item:focus .stat-front,
#statWrapper .stat-item:hover .stat-back, #statWrapper .stat-item:focus .stat-back {
transform: rotateY(180deg);
}

/* flip speed goes here */
.stat-front, .stat-back {
transition: 0.3s;
transform-style: preserve-3d;
position: relative;
}

/* hide back of pane during swap */
.stat-front, .stat-back {
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: relative;
}

/* front pane, placed above back */
.stat-front {
z-index: 1;
/* for firefox 31 */
transform: rotateY(0deg);
}

/* back, initially hidden pane */
.stat-back {
transform: rotateY(180deg);
}

#statWrapper .stat-back .stat-desc { 
font-size: 16px;
color: #000;
position: relative;
top: auto;
left: auto;
transform: none;
}

#statWrapper .stat-item:hover .stat-back,
#statWrapper .stat-item:focus .stat-back {
visibility: visible;
position: absolute;
top: 0px;
height: 100%;
transform: none;
}
#statWrapper .stat-back .stat-content .stat-desc {
display: block; }


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

.subpage #content-wrapper {
margin-top: 20px;
padding-top: 20px;
-webkit-box-shadow: 0px 0px 2px 1px rgba(224,224,224,0.5);
-moz-box-shadow: 0px 0px 2px 1px rgba(224,224,224,0.5);
box-shadow: 0px 0px 2px 1px rgba(224,224,224,0.5); 
-webkit-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
transition: 300ms ease-in-out; }

.subHero {
background: #303030 url('../../Servers/Server_236074/Image/Featured-Image/subpage-featured.png'); }

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

#sub-controls { margin-bottom: 20px; }

#side-r {
width: 30%;
display: table-cell;
vertical-align: middle;
text-align: right; }

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

ul#print-share li {
display: inline-block;
margin: 0 7px; }

ul#print-share li .fa {
color: #303030;
font-size: 1.5em; 
text-decoration: none; 
}

ul#print-share li .fa:hover, ul#print-share li .fa:focus{
color: #000;
text-decoration: none; }

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

.contentWrapper {
width: 100%;
position: relative; }

.sideBar {
width: 24%;
margin-right: 1%;
display: inline-block;
vertical-align: top; 
position: relative;
z-index: 1;
}

.mainContent {
width: 75%;
display: inline-block;
vertical-align: top;
}

.subpage h2.sectionName { 
color: #ffffff; 
font-size: 30px;
text-align: left;
text-shadow: 2px 1px #000;
}

#breadcrumbs {
float: left;
color: #8f7400;
text-align: left;
font-weight: 700;
padding: 10px;
font-size: 15px; }

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

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


#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: #000; }

ul#print-share li .fa {
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: bold; }

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


#inside-nav { border-bottom: solid 2px #F2F2F2; }

.nav-toggle {
background: #001489;
color: #FFF; }

.nav-toggle a { 
color: #FFF;
text-decoration: none; }

.sitenavl0 { 
background: #F2F2F2;
border-top: solid 2px #fdfdfd;
padding: 0; }

.sitenavl0:first-child { border: none; }

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

.sitenavl1 a.navLink {
padding-left: 30px;
/* border-left: solid 3px #001489; */
}

.sitenavl0.currentpage.navWrp { border-bottom: none; }

.sitenavl0 .currentpage a.navLink {
color: #fff;
font-weight: 600;
}

a.navLink {
color: #000000;
padding: 10px;
display: block;
position: relative;
}

a.navLink:hover,
a.navLink:focus {
text-decoration: none;
background: #001489;
color: #FFF; }

a.navLink:hover:before,
a.navLink:focus:before {
width: 104%;
height: 100%;
content: '';
position: absolute;
bottom: 0;
left: -6px;
z-index: -1;
background: #001489;
}

/* Current Page */

.currentpage a.navLink {
background: #001489;
color: #FFF;
font-weight: bold;
position: relative;
margin-bottom: 1px;
}

.currentpage a.navLink:after {
color: #FFF;
content: "\f0d7";
font-family: 'FontAwesome';
display: inline-block;
clear: both;
margin-left: 10px;
}

.currentpage a.navLink:hover {
color: #FFF;
text-decoration: none; }

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

#news-summary .content a.title:hover, #news-summary .content a.title:focus {
color: #001489; }

#news-summary .content a.read-more {
background: #001489; 
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;
}

#news-summary .content a.read-more:hover {
background: #FEDB00 !important;
color: #000 !important;
}

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


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

#header > .inside-padding, #header-left, #header-right, .school-logo {
width: 100%;
margin: 0 auto;
text-align: center;
display: block; }

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

#menubar { background: #FEDB00; margin-top: 30px;}
#menubar .inner-bar { float: none; }
.centerMenu { display: block !important; }
#mobile-bar { display: block !important; }
.RadMenu { display: none !important; }


#header-links-wrapper { text-align: center; }

}

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

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

}

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

#header-links ul { text-align: center; }

#footer .inside-padding { 
padding: 10px; 
display: flex; 
flex-direction: column; }

.address { order: 3; }
.phone { order: 2; }
#footer .school-logo  { order: 1; }
.footer-links { order: 4; }

#footer .address, #footer .phone, #footer .school-logo, #footer .footer-links {
width: 100%;
display: block;
margin: 10px auto 0;
padding: 0;
text-align: center; }

.footer-links ul {
-moz-coumn-count: 1;
-webkit-coumn-count: 1;
column-count: 1; }

.footer-links ul li { display: block; }

#footer .phone > span { display: inline-block; }

.pd { padding: 10px; }

#featured .w-50 { width: 100% !important; float: none !important; } 

#social-tabs { padding: 0; }

}

@media screen and (max-width: 730px) {
.sitenavl1 a.navLink { border-bottom: none; }
}

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

#newsWrapper ul li .newsItem:last-child { margin: 0; }
.motto:before, .motto:after { border: none; }
#breadcrumbs, #side-r { float: none; text-align: left; }

}


@media print {

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

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

#CMS_admin_ToolBar, #pubWrapper, #skip, #header, #header-links, #menubar, #banner, .bannerStartStop, .slick-slider, #footer, .credits, .subHero, .sideBar, #sub-controls { display: none; }

.mainContent { width: 100%; display: block; }
	.newsWrapper .read-more, .read-more span { padding: 0; }

#news-summary .row .image { display: none; }
#news-summary .content { width: 100%; }

}

/* Tabs Update */

#social-tabs ul#tabs li {
    width: 24%;
}



#social-tabs ul#tabs li.youtube
{
background: #282828
}

#social-tabs ul#tabs li.youtube::after
{
border-top: 13px solid #282828;
}


#social-tabs ul#tabs li.active:after
{
left: 37%;
}





/* Tablet Menubar */

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

#header {z-index: 9000 !important}

#menubar .mobile-nav-items ul li a{text-align: left}

#menubar {
    margin-top: 30px;
    margin-bottom: 0;
}

#menubar #mobileNav {
  display: flex !important; 
}

#menubar #mobile-bar {display: none !important;
}

#pubWrapper {
    z-index: 9999 !important;
}


.new-translate .translate_btn {
    text-transform: uppercase;
}

body .new-translate .translate_btn:hover, body .new-translate .translate_btn:focus {
    background: #FEDB00;
color: #000;
}

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

.pubDropdown-wrapper .PublishedLinkMenu, .pubDropdown-wrapper .pubDropdown {
    right: 0;
    left: -100px !important;
}
}
#pubWrapper ul.pubList .pubDropdown-btn-2 {
  height: 35px;
  line-height: 35px;
  padding: 0 12px;
  cursor: pointer;
  display: block;
  color: #FFF;
  text-transform: uppercase;
  overflow: hidden;
}

#pubWrapper ul.pubList .pubDropdown-btn-2:hover, #pubWrapper ul.pubList .pubDropdown-btn-2:focus, #pubWrapper ul.pubList .active .pubDropdown-btn-2, #pubWrapper ul.pubList li .user_link:hover, #pubWrapper ul.pubList li .user_link:focus, #pubWrapper ul.pubList li .admin_menu:hover, #pubWrapper ul.pubList li .admin_menu:focus {
    background: #FEDB00;
    color: #000;
  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;
}

body .new-translate .translate_btn:hover, body .new-translate .translate_btn:focus {
    background: #FEDB00;
    color: #000;
}

.new-translate .translate_btn {
    color: #fff;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    display: flex;
    text-decoration: none;
    align-items: center;
    text-transform: uppercase;
}