/*****RESET*****/
@import url("custom/css/reset.css");
@import url("custom/css/font-awesome.css");
@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i');

* { margin: 0px; padding: 0px; -webkit-font-smoothing:antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust:none; }
html, body { width: 100%; font-size: 17px; color: #000000; font-family: 'Nunito', serif; background: #f2f2f2; }
p { line-height: 23px; color: #000000; font-size: 17px; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, #header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, 
footer, #header, hgroup, menu, nav, section { display: block; }
.centering { max-width: 1400px; position: relative; margin: auto; }
.centering:after { content: ''; display: block; clear: both; width: 100%; height: 0px; overflow: hidden; } 
.wrapper { padding: 0 15px; max-width: 1304px; position: relative; margin: auto; }
.wrapper:after { content: ''; display: block; clear: both; width: 100%; height: 0px; overflow: hidden; } 

*::-webkit-input-placeholder{opacity:1; } 
*::-moz-placeholder{opacity:1; } 
*:-ms-input-placeholder{opacity:1; }

/*****GENERAL*****/
a{color:#012849; text-decoration:none; font-weight:bold;}
a:hover{text-decoration:underline;}
.home-content ul, #header ul { list-style: none; margin: 0px; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: inline-block; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.home input, .home textarea, #header input, #header textarea, footer input, footer textarea { font-family: Arial; transition: all 0.3s; -webkit-transition: all 0.3s; }
input:focus, textarea:focus { outline: none; }
p{ padding-top:11px; font-size: 21px; font-size: 1em; line-height:167%; color:#000000;}
p a{color:#124c7c;}
h1{font-size:60px; line-height:70px; color:#124c7c;}
h2{font-size:40px; line-height:48px; color:#012849; font-family: 'Lora', serif; font-weight: 700; letter-spacing: -0.02em; }
h3{font-size:30px; /*line-height:34px; color:#124c7c; font-family: 'Nunito', serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.02em; }
/*.tool_headline1{font-size:30px; line-height:34px; color:#124c7c; font-family: 'Nunito', serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.02em; */ }
h4{font-size:27px; /*line-height:34px; color:#a27f37; font-family: 'Nunito', serif; letter-spacing: -0.02em;*/ }
h5{/*overflow: hidden; padding: 20px 60px 25px; letter-spacing: -0.01em; margin: 12px 0 35px; position: relative; text-align: center; border-bottom: 1px solid #124c7c; border-top: 1px solid #124c7c; font-size:22px; line-height:26px; color:#124c7c; font-family: 'Lora', serif; font-style: italic;*/}
/*.tool_headline2{font-size:22px; line-height:26px; color:#124c7c; font-family: 'Lora', serif; font-style: italic;}*/
h6{font-size:23px; line-height:26px;color:#000000; /* font-family: 'Lora', serif; */ font-style: italic; padding-bottom:25px; letter-spacing: -0.04em; }
.alignright{ float:right; margin:0 0 10px 10px; border:2px solid #5b5658;}
.alignleft{ float:left; margin:0 10px 10px 0; border:2px solid #5b5658;}

/*
blockquote { overflow: hidden; padding: 20px 60px 25px; letter-spacing: -0.01em; margin: 12px 0 35px; position: relative; text-align: center; border-bottom: 1px solid #124c7c; border-top: 1px solid #124c7c; font-size:22px; line-height:26px; color:#124c7c; font-family: 'Lora', serif; font-style: italic;}
blockquote p { font-size:22px !important; line-height:26px !important; color:#124c7c; font-family: 'Lora', serif; font-style: italic;}
blockquote h5 { max-width: 750px; margin: auto; }
*/

#back-to-top { position: fixed; bottom: 5px; display: none; right: 15px; z-index: -1; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #3c2a1d url('custom/images/top_btn.png') center center no-repeat; }
#back-to-top.show { opacity: 0.8; z-index: 9999; }
#back-to-top.show:hover { opacity: 1; }
:focus { outline: none; }

/*
 font-family: 'Lora', serif;
 font-family: 'Nunito', serif;
 font-family: 'Open Sans', sans-serif;
*/

.detail_padding{ position: relative;}
a.anchor-link{ margin-top: -150px; position: absolute;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     a.anchor-link{ margin-top: 200px;}
}

/****main_sec****/
#main_sec { width: 100%; min-height: 100%; position: relative; }


/****#header****/
#header { width: 100%; position:absolute; z-index:999; background: #fff; }
#header #logo { padding: 6px 0; float:left; }
#header .mid-sec { position: relative; z-index: 99; }

#header.sticky{position: fixed; top: 0px;}
#header.sticky .mid-sec{display: none;}
#header.sticky #utility-navigation ul{position: absolute; right: 100px;}
#header.sticky .search-sec{position: absolute; top: -34px; right: 0px;}
#header.sticky .search-sec .search-btn{ height: 34px; width: 90px; line-height: 34px;}
#header.sticky .search_text{top: 100px;}

/*****UTILITY NAVIGATION*****/
#utility-navigation { background: #f3f3f3; height: 34px!important; border-bottom: 1px solid #d7dbe0; }
#utility-navigation ul { list-style: none; float: right; }
#utility-navigation li { float:left; }
#utility-navigation li a { display: block; transition: all 0.3s; -webkit-transition: all 0.3s; text-decoration: none; font-weight: 700; font-size: 14px; color: #fff; background: #012849 url(custom/images/btn-shadow.png) left top no-repeat; text-align: center; text-transform: uppercase; line-height: 24px; min-width: 133px; padding: 5px 15px; }
#utility-navigation li:nth-child(2) a { background-color: #a27f37; }
#utility-navigation li:nth-child(3) a { background-color: #012849; }
#utility-navigation li:nth-child(4) a { background-color: #124c7c; }
#utility-navigation li a:hover { opacity: 0.8; }


/****search-sec****/
.search-sec { float: right; display:inline-block;}
.search-sec .search-btn { width: 134px; font-size: 22px; color: #012849; text-align: center; line-height: 114px; height: 114px; border-right: 1px solid #dbdfe4; border-left: 1px solid #dbdfe4; display: block; }
.search-sec .search-btn:hover { color: #012849; }
.search_text { padding: 240px 0 340px; display: none; position: absolute; left: 0px; top: 148px; border-top: 1px solid #d5cdce; background: rgba(243,243,243,0.96); width: 100%; z-index: 9999; }
.search_text .field { padding: 0 15px; font-size: 38px; height: 61px; letter-spacing: -0.01em; width: 593px; margin: auto; background: rgba(0,0,0,0); border: none; border-bottom: 2px solid #c3c3c3; text-align: center; display: block; font-family: 'Nunito', serif; font-weight: 200; -webkit-appearance: none; -webkit-border-radius: 0; }
.search_text .search-close-btn { width: 35px; height: 35px; margin-right: -590px; text-indent: -9999px; display: block; position: absolute; right: 50%; top: 22px; background: url(custom/images/close-btn.png) center center no-repeat; background-size: 23px; }

.search-sec .fa {padding-top: 30%;}
#header.sticky .search-sec .fa {padding-top:0;}

/****footer****/
footer { width: 100%; border-top: 5px solid #a7a8ad; position: relative; background: #124c7c; }
footer #footer-logo { padding: 14px 0; width: 216px; margin: auto; display: block; }
footer ul { list-style: none; overflow: hidden; text-align: center; padding: 7px 0 15px; margin:0 auto;}
footer li { display: inline-block; vertical-align: top; padding: 0 8px; }
footer li a { display: block; font-size: 35px; line-height: 40px; color: #ffffff; transition: all 0.3s; -webkit-transition: all 0.3s; }
footer li a:hover { opacity: 0.7; }
footer address { font-size: 14px; line-height: 18px; color: #ffffff; text-align: center; font-style: normal; font-family: 'Lora', serif; font-weight: normal; padding-bottom: 22px; }
footer address a { color: #ffffff; text-decoration: none !important; display: inline-block; font-weight: normal; margin-top: 8px; cursor: default; }
footer li a svg{ fill: #ffffff; width: 35px; height: 35px;}

footer .footer-bottom { padding: 5px 0; background: #a27f37; }
footer .school-logo { float:left; margin: 0 0 0 62px; opacity: 0.4; transition: all 0.3s; -webkit-transition: all 0.3s; }
footer .school-logo:hover { opacity: 1; }
footer p { float: right; padding: 0; opacity: 0.4; font-size: 9px; line-height: 12px; color: #fff; padding-right: 62px; font-family: 'Lora', serif; }


/****INSIDE PAGE****/
#main_container { padding-bottom: 60px; overflow: hidden; width: 100%; }
#main_container p { padding: 0 0 22px;}
#main_container p a { color: #012849; font-weight: 700; }
#main_container p a:hover { text-decoration: underline; }
#main_container .pull-left { margin: 7px 30px 10px 0; }
#main_container .pull-right { margin: 0 0 20px 40px; }
hr { margin: 3px 0 38px; border: none; border-bottom: 1px solid #124c7c; }
.full .middle_column { display: block; width: calc(100% - 60px); background: #fff; position: relative; z-index: 9; padding: 30px; }
/* .full h2 { text-align: center; clear: both;}
.full h3 { text-align: center; clear: both;}
.full h4 { text-align: center; clear: both;}
.full h5 { text-align: center; clear: both;}
.full h6 { text-align: center; font-family: 'Nunito', serif; font-weight: 400;clear: both; } */
.middle_column.with_right { padding: 30px; width: calc(72% - 100px); display: inline-block; background: #fff; }
.right_column { width: 28%; float: right; }
#main_container h3.toolhead { padding: 20px 35px 15px; background: #012849; color: #fff; }
.right_per_detail { overflow: hidden; background: #ffffff; margin-bottom: 30px; }
.right_per_detail img { width: 100%; padding: 4px 4px 0; margin: 0 0 -10px; }
.right_content { padding: 25px; }
#main_container .right_content h6 { /* font-family: 'Nunito', serif; */ padding-bottom: 30px; }
body.inner { background: #f2f2f2; }
.nav-drop { display: none; }

.full .middle_column {display:inline-block;}

/****BANNER****/
#banner { margin-bottom: -205px; width: 100%; min-height: 473px; position: relative; background-position: center top; background-repeat: no-repeat; background-size: cover; float: left;/*  padding-top: 0!important; */}
#banner:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(6,24,38,0.6); }
 h1#page_heading { padding: 100px 0 0; text-align: center; color: #fff; font-size: 63px; line-height: 70px; font-family: 'Nunito', serif; font-weight: 700; position: relative; z-index: 9; }
#banner.no_banner { min-height: 10px; background: none; margin: 0; }
#banner.no_banner:after { display: none; }
#banner.no_banner h1#page_heading { color: #124c7c; text-align: left; padding: 46px 0; letter-spacing: -0.01em; }

/****breadcrumbs****/
#breadcrumbs {  /* padding: 40px 0px 0px 30px; */ padding-bottom: 30px; position: relative; background: #fff;}
#breadcrumbs a { text-decoration: none; text-transform: uppercase; display: inline-block; color: #124c7c; font-size: 15px; font-weight: 400; line-height: 22px; font-family: 'Nunito', serif; }
#breadcrumbs a.active, #breadcrumbs a:hover { color: #012849; }
#breadcrumbs span { padding: 0 9px; display: inline-block; color: #124c7c; font-size: 15px; font-weight: 400; line-height: 22px; }

/***********************/
/****** HOME PAGE ******/
/***********************/

/*****SLIDER-BAR*****/
.slider-bar { width: 100%; position: relative; z-index: 9; margin: 0;/*  padding-top: 0!important; *//* font-size: 18px; */} /* change - added font size */
.slider-bar .slide { width: 100%;}
.slider-bar .slide img{width: 100%; height: auto;}
.slider-bar .caption { padding: 18px 0; position: absolute; margin-left: -638px; left: 50%; width: 740px; bottom: 55px; background: rgba(18,76,124,0.58); }
.slider-bar .caption:after { background: rgba(18,76,124,0.58); content: ''; position: absolute; left: -9000px; top: 0; width: 9000px; height: 100%; }
.slider-bar .caption strong { display: block; color: #fff; font-weight: 400; font-size: 64px; line-height: 70px; font-family: 'Lora', serif; letter-spacing: -0.015em; padding-bottom: 10px; }
.slider-bar .caption span { display: block; font-weight: 600; font-size: 26px; line-height: 36px; color: #ffffff; padding: 0 0 17px; }
.slider-bar .more-btn { text-decoration: none; text-transform: uppercase; display: block; float:left; background: #a27f37; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; font-size: 19px; line-height: 22px; font-family: 'Nunito', serif; font-weight: 700; padding: 19px 32px; }
.slider-bar .more-btn:hover { background: #124c7c; }

/*****GALLERY-BAR - Image Gallery*****/
.gallery-bar { padding: 5px 5px 5px 6px; min-height: 680px; position: relative; z-index: 9; margin: 0; width: 57.7%; float: left; }
.gallery-bar .slide {  overflow: hidden; width: 100%; min-height:680px; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.gallery-bar .nextControl { position: absolute; right: 65px; top: 50%; z-index: 999; color: #fff; font-size: 36px; margin-top: -20px; display: block; line-height: 40px; opacity: 0.4; font-weight: normal; }
.gallery-bar .prevControl { position: absolute; left: 65px; top: 50%; z-index: 999; color: #fff; font-size: 36px; margin-top: -20px; display: block; line-height: 40px; opacity: 0.4; font-weight: normal; }
.gallery-bar .nextControl:hover { opacity: 1; }
.gallery-bar .prevControl:hover { opacity: 1; }
.gallery-bar .pager { position: absolute; left: 0px; bottom: 42px; width: 100%; text-align: center; z-index: 999; }
.gallery-bar .pager span { display: inline-block; margin: 0 3px; cursor: pointer; width: 26px; height: 3px; background: #fff; text-indent: -9999px; }
.gallery-bar .pager span.cycle-pager-active { cursor: default; background: #a27f37; }
h3.home-title { letter-spacing: 0; padding: 11px 20px 11px 25px; position: absolute; left: 6px; top: 16px; background: rgba(1,40,73,0.58); z-index: 99; color: #fff; font-size: 30px; line-height: 34px; font-family: 'Nunito', serif; font-weight: 600; text-transform: capitalize; }
h3.home-title i { font-size: 28px; margin-right: 5px; }
.gallery-bar .gallery-btn { transition: all 0.3s; -webkit-transition: all 0.3s; opacity: 0; position: absolute; left: 0px; font-family: 'Roboto', sans-serif; font-weight: 100; text-decoration: none; top: 0px; width: 100%; height: 100%; background: rgba(4,16,26,0.7); text-align: center; line-height: 400px; padding-top: 135px; color: #fff; font-size: 76px; }
.gallery-bar .slide:hover .gallery-btn { opacity: 1; }


/******* Instagram Feed *******/
#instafeed{ z-index: 10;}

.gallery-bar #instafeed a{ position: absolute; width: 100%; height: 100%; background-size: cover;}

.gallery-bar .ig_overlay{ position: absolute; bottom: -5px; width: 100%; background: rgba(255,255,255,0.8); left: 0px; padding: 20px 0px;}
.gallery-bar .ig_overlay .overlay-left{ float: left; width: 40%; padding-left: 35px;}
.gallery-bar .ig_overlay .overlay-right{ float: right; width: 60%; text-align: right; padding-right: 35px;}


.gallery-bar .ig_overlay .overlay-left img{ max-height: 45px; max-width: 45px; border-radius: 50%; vertical-align: middle; padding-right: 10px;}
.gallery-bar .ig_overlay .overlay-left span{ font-size: 18px; font-weight: bold;}
.gallery-bar #instafeed .ig_overlay .overlay-left a{ position: relative; display: inline-block; text-decoration: none; width: auto; height: auto; border: none;}

.gallery-bar .ig_overlay .overlay-right .fa{ font-size: 16px; color: #012849; height: 45px; line-height: 45px;}
.gallery-bar .ig_overlay .overlay-right{font-size: 16px; font-weight: bold; height: 45px; line-height: 45px;}
.gallery-bar .ig_overlay .likes{ float: right;}
.gallery-bar .ig_overlay #time{float: right; margin-left: 30px;}

/*****GALLERY-BAR - Video Options*****/
/*.gallery-bar.widget{}
.video_container{ background: #124c7c; min-height: 680px;}
.video_box{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video_box iframe, .video_box embed{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.home_video_description{ width: 100%; border-top: solid 5px #a27f37;}
.video_text_content{ padding: 30px 55px 55px 55px; text-align: left;}
.video_text_content h3{ font-size: 39px; font-weight: bold; font-family: 'Lora', serif; letter-spacing: -1px; color: #012849;}
.video_text_content p{ font-size: 14px; line-height: 24px; font-weight: normal; font-family: 'Nunito', serif; color: #ffffff;}

.video_box_medialibrary {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.video_box_medialibrary iframe,
.video_box_medialibrary object,
.video_box_medialibrary embed,
.video_box_medialibrary video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.vod_player{ width: 100% ;}
.mejs-container{ width: 100% !important; position: absolute !important; height: 100% !important;}
.mejs-layer{width: 100% !important; height: 100% !important;}
.mejs-container .mejs-controls{
	bottom: 40px!important;
	width: 90%!important;
}*/

/*****EVENTS-BAR*****/
.events-bar { padding: 5px 6px 0 0; width: 42.3%; overflow: hidden; position: relative; }
.events-bar .event { height: 382px; background: url(custom/images/event-bg.jpg) center top no-repeat; background-size: cover; }
.events-bar h3.home-title { left: 0px; background: rgba(1,40,73,0.85); }
.events-bar .view-all { padding: 18px 0 0 64px; font-size: 12px; line-height: 16px; text-transform: uppercase; font-family: 'Nunito', serif; font-weight: 500; color: #fff; position: absolute; right: 0px; top: 0px; background: url(custom/images/view-bg.png) right top no-repeat; width: 154px; height: 152px; text-align: center; z-index: 99; }
.events-bar .view-all span { display: block; margin: auto; position: relative; width: 24px; padding-bottom: 2px; }
.events-bar .view-all span i.fa-calendar-o { display: block; font-size: 23px; line-height: 30px; }
.events-bar .view-all span i.fa-long-arrow-right { display: block; font-size: 11px; line-height: 24px; position: absolute; left: 6px; bottom: 2px; }
.events-bar ul { padding-top: 88px; margin-left: 24px; width: 356px; }
.events-bar li {  margin-bottom: 14px; width: 100%; overflow: hidden; } /** change - remoeved incomplete padding */
.events-bar li .left { width: 25.6%; height: 79px; text-align: center; float: left; background: rgba(1,40,73,.65); padding: 14px 0 11px; }
.events-bar li .left span { display: block; color: #fff; text-transform: uppercase; font-family: 'Nunito', serif; font-weight: 700; font-size: 12px; line-height: 14px; } 
.events-bar li .left strong { display: block; color: #fff; font-size: 42px; line-height: 40px; font-family: 'Nunito', serif; font-weight: 700; letter-spacing: -0.03em; } 
.events-bar li .right { padding: 14px 18px 5px; height: 79px; text-align: left; color: #fff; width: 74.4%; float: left; background: rgba(18,76,124,.85); }
.events-bar li:first-child .right { padding-top:8px; }
.events-bar li .right a { color: #fff; text-decoration: none; font-size: 20px; line-height: 22px; font-family: 'Nunito', serif; font-weight: 700; }
.events-bar li .right small { display: block; font-size: 12px; padding: 7px 0 2px 2px; font-family: 'Nunito', serif; font-weight: 300; letter-spacing: -0.03em; }
.events-bar li .right small i { padding-right: 4px; }
.events-bar .eventsnextControl { transition: all 0.3s; -webkit-transition: all 0.3s; width: 45px; height: 41px; text-align:center; line-height: 41px; background: #012849; display: block; float:left; color: #fff; font-size: 23px;}
.events-bar .eventsprevControl { transition: all 0.3s; -webkit-transition: all 0.3s; width: 45px; height: 41px; text-align:center; line-height: 41px; background: #012849; display: block; float:left; color: #fff; font-size: 23px;  }
.events-bar .eventsnextControl:hover { background: #124c7c; }
.events-bar .eventsprevControl:hover { background: #124c7c; }
.events-bar .button { position: absolute; right: 6px; bottom: 0px; }

/***** FEATURED STORY - SECTION 2 ******/
.events-bar.editor .story{ height: 382px; display: table; width: 100%;}
.events-bar.editor .story .story-content{display: table-cell; vertical-align: middle; margin: 0 auto; text-align: center; padding-top: 40px;}
.events-bar.editor .story .story-content div{ background: rgba(18,76,124,0.7); width: 90%; display: inline-block; text-align: left; padding: 20px;}
.story .story-content h4{ color: #fff; font-size: 28px; line-height: 31px; font-family: 'Lora', serif; font-weight: normal;}
.story .story-content h6{ color: #fff; font-size: 14px; line-height: 21px; font-family: 'Lora', serif; font-weight: normal; font-style: italic; padding: 0; letter-spacing: normal;}
.story .story-content p{ color: #fff; font-size: 14px; line-height: 27px; font-family: 'Nunito', serif; font-weight: normal;}
.story .story-content a{color: #fff; text-decoration: none;}
.story .story-content a:hover{ color: #012849;}

/*****ANNOUNCEMENT-BAR*****/
.announcement-bar { padding: 5px 6px 0 0; width: 42.3%; overflow: hidden; position: relative; }
.announcement-bar .announcement { padding: 104px 25px 0; min-height: 293px; background: url(custom/images/announcement-bg.jpg) center top no-repeat; background-size: cover; }
.announcement-bar h3.home-title { left: 0px; background: rgba(1,40,73,0.85); }
.announcement-bar .left { width: 49%; float:left; }
.announcement-bar .right { width: 49%; float:right; }
.announcement-bar span { transition: all 0.3s; -webkit-transition: all 0.3s; padding: 5px 15px 2px; color: #fff; position: relative; display: block; background: rgba(1,40,73,0.85); font-size: 20px; line-height: 24px; font-family: 'Lora', serif; font-weight: normal; }
.announcement-bar span i { position: absolute; right: 18px; top: 5px; }
.announcement-bar small { transition: all 0.3s; -webkit-transition: all 0.3s; display: block; background: rgba(18,76,124,0.85); letter-spacing:-0.02em; color: #fff; font-size: 12px; line-height: 15px; padding: 28px 15px 15px; min-height: 113px; }
.announcement-bar a { display: block; text-decoration: none; }
.announcement-bar a:hover span { background: rgba(1,40,73,1); }
.announcement-bar .right small { padding-top: 13px; }

/***** HOME PAGE BLOG ****/

.announcement-bar .announcement.blog{ padding: 0; position: relative;}
.home_blog_container{ width: 100%; background: rgba(18,76,124,0.85); position: absolute; bottom: 0px;}
.home_blog_content{padding: 20px 80px 20px 20px; position: relative;}
.home_blog_content h4{padding: 0; color: #fff; font-size: 30px; line-height: 125%; font-family: 'Lora', serif; font-weight: normal; }
.home_blog_content p{ color: #fff; font-size: 14px; line-height: 19px; font-family: 'Nunito', serif; font-weight: normal;}
.home_blog_content p.blog-date{ font-weight: 500;}
.home_blog_content .blog_link_arrow{ color: #fff; font-size: 23px; position: absolute; right: 40px; top:49%;}

/*****STATEMENT-BAR*****/
.statement-bar { padding: 55px 0; width: 100%; overflow: hidden; position: relative; text-align: center; }
.statement-bar .wrapper { border-top: 1px solid #f1f1f1; padding: 45px 15px 5px; max-width: 1274px; }
.statement-bar h2 { text-align: center; color: #124c7c; font-family: 'Lora', serif; font-weight: normal; font-style: italic; font-size: 31px; line-height: 37px; letter-spacing: -0.01em; }
.statement-bar h2:after { content: ''; display: block; margin: 27px auto; width: 53px; height: 3px; background: #012849; }
.statement-bar .btn { text-decoration: none; text-transform: uppercase; display: inline-block; background: #012849; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; font-size: 19px; line-height: 22px; font-family: 'Nunito', serif; font-weight: 700; padding: 18px 16px; }
.statement-bar .btn:hover { background: #a27f37; }

/***** TOOL FIXES AND OVERRIDES *******/
.calendar_options ul.category{ list-style: none; display: none; margin: 0 auto; padding: inherit;}
.calendar_options ul.category li{ padding-left: 10px;}

.calendar_grid_day{
      	font-size: 10px !important;
      	font-size:0.625rem !important;
}
.detail_minical .calendar_grid .calendar_grid_headings th{
	font-size: 0.875rem !important;
}
.calendar_grid td{
	padding: 0rem !important;
}

.event_top{ float: none; min-height: 400px;}

.detail_profiles .staff_#header .profile ul li a {color: #ffffff;}

.staff_sec tr td{ text-align: left;}
.staff_sec tr th.dir-name{ padding-left: 0; padding-right: 10%;}

/**** home page overrides - added on 5/20/19 - AM - fixed for font size and scale on home page ***/
.wrapper{ max-width: 95%;}

.home-content .centering{ max-width: 100%;}

.slider-bar .caption{ width: 60% !important; left: 5%; margin-left: 0px;}
.slider-bar .caption strong{ font-size: 4.85em !important; line-height: 100% !important;}
.slider-bar .caption span{ font-size: 2em !important; line-height: 140% !important;}

.home-content{ font-size: 18px;}
h3.home-title{ font-size: 2.29em !important; z-index: 990;}
h3.home-title i{ vertical-align: top;}

#home_right{ float: right; width: 42.3%; position: relative;}

.gallery-bar{ position: absolute; padding: 5px 5px 0px 6px;}
.cycle-slideshow-gallery{ width: 100%; height: 100%;}
.gallery-bar, .gallery-bar .slide{ min-height: auto; height: 100%;}
.gallery-bar.medialibrary, .gallery-bar.widget{min-height: auto; height: auto; position: relative;}
.gallery-bar .slide{ width: 100%;}
.gallery-bar .nextControl, .gallery-bar .prevControl{ padding: 10px;}

.video_container{ min-height: auto;}

.video_text_content h3{ font-size: 2.95em; line-height: 100%;}
.video_text_content p{ font-size: 1.05em; line-height: 170%;}

.events-bar, .announcement-bar{ width: 100%; position: relative;}
.event-bg, .announce-bg{ position: absolute; width: 100%; height: 100%; top: 0px; left:0px; z-index: 0;}

.events-bar{ margin: 5px 0px;}
.events-bar .event{ width: 100%; height: auto; float: left;}
.events-bar ul{ width: 70% !important;}
.events-bar li{ float: left; display: flex; overflow: visible;}
.events-bar li .right, .events-bar li .left{ height: auto !important;}
.events-bar li .left strong{ font-size: 3em !important;}
.events-bar li .left span{ font-size: 0.9em !important; line-height: 100% !important; padding-bottom: 5px;}
.events-bar .button{ z-index: 990;}
.events-bar .eventsprevControl i, .events-bar .eventsnextControl i{ line-height: 40px;}
.events-bar li .right{ width: calc(100% - 36px);}
.cycle-slideshow-events .slide{ width: 100%;}

.events-bar .view-all{ z-index: 991;}

.story .story-content h4{ font-size: 2.14em; line-height: 110%; padding-bottom: 10px;}
.story .story-content p{ font-size: 1.1em; line-height: 140%;}
 
.announcement-bar .announcement{ min-height: auto; padding-bottom: 30px; float: left;}
.announcement-bar .right, .announcement-bar .left{ position: relative;}
.announcement-bar span, .events-bar li .right a{ font-size: 1.5em !important; line-height: 100% !important;}
.announcement-bar small, .events-bar li .right small{ font-size: 0.9em !important; line-height: 133% !important;}

.events-bar.editor .story{ position: relative;}

.home_blog_container{ position: relative;}
.announcement-bar .announcement.blog{ padding-top: 155px;}

.announcement-bar .announcement, .events-bar .event{ background: none;}

/** reporting link in footer - added on 11-29-21 by WA ***/
.reporting_link{ clear: both; display: block; text-align: center; padding: 0 0 10px 0; background: #a27f37;}
.reporting_link a{ color: #fff; font-size: 15px;}

/*****ENHANCEMENT****/

.quicklinks {width: 100%;text-align:center; background: #a27f37; }
.quicklinks ul li{color: #ffffff; display: inline-block;}
.quicklinks ul li a{color: #ffffff; font-size: 16px; font-family: 'Nunito', serif; line-height:normal;  }
.quicklinks ul li a:hover {color: #000000;}

.accred {text-align:center; margin-bottom: 20px;}

.calendar_grid td a {padding-left: 5px;}

.detail_minical .calendar_center {position:relative; left: 70%;}
/***********************/	
/*****MEDIA QUERIES*****/
/***********************/

@media only screen and (min-width: 1400px) {
}

@media only screen and (max-width: 1359px) {
	.home-content{ font-size: 16px;} /* change - added this */
	
	.slider-bar .caption strong{ font-size: 4em !important; line-height: 100% !important;}  /* change - added this */

	.slider-bar .caption { left: 0px; margin-left: 0px; /* padding-left: 15px; */ padding-left: 5%;} /* change - changed padding */
	.slider-bar .caption strong, h1#page_heading { font-size: 60px; }
	h3.home-title { font-size: 26px; }
	footer .school-logo { margin-left: 15px; }
	footer p { padding-right: 15px; }

	.gallery-bar .nextControl { right: 30px; }
	.gallery-bar .prevControl { left: 30px; }

}

@media only screen and (max-width: 1279px) {
	.home-content{ font-size: 15px;} /* change - added this */
	.slider-bar .caption strong{ font-size: 3.5em !important; line-height: 100% !important;}  /* change - added this */
	.slider-bar .caption span{ font-size: 1em !important;}/* change - added this */
	#home_right, .gallery-bar{ width: 50%;} /* change - added */
	.events-bar ul{ width: 75% !important;} /* change - added */
	
	h3.home-title{ font-size: 2em !important;}

	.slider-bar .caption strong, h1#page_heading { font-size: 45px; line-height: 50px; }
	.slider-bar .caption span { font-size: 22px; line-height: 28px; }
	.slider-bar .caption { width: 640px; padding-right: 20px; }
	.slider-bar .more-btn, .statement-bar .btn { font-size: 17px; padding: 15px 25px; line-height: 20px; }

	h3.home-title { font-size: 20px; line-height: 28px; padding-left: 20px; }
	h3.home-title i { font-size: 22px; }

	.announcement-bar .announcement { padding: 80px 15px 20px; } /* change --- added bottom padding */
	.events-bar ul { padding-top: 80px; margin-left: 15px; width: 310px; }
	.events-bar li .left strong { font-size: 34px; }
	.events-bar li:first-child .right { padding-top: 7px; }
	.events-bar li .left { height: 70px; padding: 10px 0; width: 24%; }
	.events-bar li .right { width: 76%; height: 70px; padding: 15px 15px 5px; }
	.events-bar li .right a { font-size: 17px; line-height: 18px; }
	.events-bar li .right small { padding: 4px 2px 2px; }

	.statement-bar { padding: 60px 0 50px; }

	.search_text .search-close-btn { margin-right: 0px; right: 50px; }
	.search_text { padding: 250px 0; }

	/* .middle_column.with_right { width: 70%; }
	.three_column .right_column { width: 28%; } */

	blockquote { padding: 20px 30px 25px; }

	#header #logo { width: 300px; }
	.search-sec .search-btn { width: 110px; height: 98px; line-height: 98px; }
	.search_text { top: 132px; }

}
	
@media only screen and (max-width: 1200px) {
	h3.home-title{ font-size: 1.8em !important;}	
}

@media only screen and (max-width: 1023px) {

	.gallery-bar { width: 100%; float: none; }
	.gallery-bar{ position: relative;} /* change - added this */
	.slider-bar .caption strong{ font-size: 3em !important; line-height: 100% !important;}  /* change - added this */
	.slider-bar .caption span{ font-size: 0.9em !important;}/* change - added this */
	
	#home_right{ width: 100%; margin-top: 10px;} /* change -- added this */
	.events-bar, .announcement-bar { width: auto; margin-left: 0px;  margin-bottom: 10px;} /* change - changed left margin to 0 and added top margin */

	.slider-bar .slide {  }
	.slider-bar .caption::after { display: none; }
	.slider-bar .caption { width: 500px; }
	.slider-bar .caption strong, h1#page_heading { font-size: 36px; line-height: 40px; padding-bottom: 5px; }
	.slider-bar .caption span { font-size: 18px; line-height: 24px; }
	.slider-bar .more-btn, .statement-bar .btn { font-size: 15px; line-height: 18px; padding: 10px 20px; }
	#banner { min-height: 440px; }

	#breadcrumbs a { font-size: 13px; }
	#breadcrumbs span { padding: 0 5px; }
	.w_right .middle_column { padding: 20px; width: calc(65% - 40px); }
	.w_right .right_column { width: 33%; }

	h2{font-size:30px; line-height:34px; }
	h3{font-size:26px; line-height:30px; }
	h4{font-size:22px; line-height:28px; }
	h5{font-size:20px; line-height:22px; }
	h6{font-size:20px; line-height:22px; }

	.statement-bar h2 { font-size: 26px; line-height: 30px; }
	.statement-bar h2::after { margin: 22px auto; }

	.announcement-bar .announcement { padding-bottom: 20px; min-height: 100px; overflow: hidden; }
	.announcement-bar .announcement.blog{min-height: 250px;}
	.events-bar .event { height: auto; padding-bottom: 30px; }
	.search_text { padding:200px 0; }

	.search_text .field { font-size: 30px; width: 500px; }

	.statement-bar { padding: 35px 0; }
	.statement-bar .wrapper { padding: 25px 15px 0px; }
	
	.video_container{min-height: inherit;}

}

@media only screen and (min-width: 767px) {
	#inside_nav{display: block !important;}
}

@media only screen and (max-width: 767px) {
	.slider-bar .caption strong{ font-size: 1.4em !important; line-height: 100% !important;}  /* change - added this */

	#header #logo { width: 170px; padding: 10px 0 2px; }
	.search-sec .search-btn { height: 62px;line-height: 62px; width: 62px; font-size: 18px; }

	footer #footer-logo { width: 180px; }
	footer li a { font-size: 28px; line-height: 34px; }
	footer li { padding: 0 4px; }
	footer address { font-size:13px; }
	.statement-bar h2 { font-size: 20px; line-height: 24px; padding: 0 15px; }
	.announcement-bar .left, .announcement-bar .right { width: 100%; }
	.announcement-bar .left { margin-bottom: 15px; }
	.announcement-bar span { font-size: 18px; line-height: 22px; }
	.announcement-bar .announcement.blog{padding: 100px 0px;}
	.home_blog_container{ position: relative;}
	.statement-bar h2::after { margin: 20px auto; }
	.statement-bar { padding: 30px 0; }
	.slider-bar .more-btn, .statement-bar .btn { font-size: 14px; padding: 10px 18px; }
	.statement-bar h2 br { display:none; }
	
	#utility-navigation{ height: auto;}
	#utility-navigation .wrapper{ padding: 0px;}
	#header.sticky #utility-navigation ul{position: absolute; right: auto; left:0px; text-align: left; }

	.events-bar ul { width: 100% !important; margin: 0; padding: 80px 15px 0px; } /* change - added important on width */
	.events-bar .event { padding-bottom: 70px; }  /* change - updated padded to 70 */
	.events-bar .view-all { background: #a27f37; width: auto; height: auto; display: inline-block; padding: 10px; /* margin-left: 15px; */ margin-left: 0px; top: auto; bottom: 0px; right: auto; left: 0px; } /* change - updated to be positioned in bottom left */
	.announcement-bar small, .announcement-bar .right small { min-height: 10px; padding: 20px; }
	.announcement-bar span br { display: none; }

	.gallery-bar .slide { min-height: 400px; }
	.gallery-bar { min-height: 400px; }
	.gallery-bar .gallery-btn { padding-top: 10px; line-height: 370px; }
	.search_text { top: 96px; }
	.search_text .search-close-btn { right: 30px; top: 15px; background-size: 18px; }
	.search_text { padding: 130px 20px; }
	.search_text .field { width: 100%; }

	.slider-bar .caption { width: 100% !important; text-align: center; bottom: 15px; padding: 18px 10px;} /* change - added !important to width & added padding */
	.slider-bar .slide {}
	.slider-bar .caption strong, h1#page_heading { font-size: 28px; line-height: 32px; }
	.slider-bar .caption span { font-size: 14px; line-height: 18px; padding-bottom: 10px; }
	.slider-bar .more-btn, .statement-bar .btn { padding: 8px 15px; font-size: 13px; }
	.slider-bar .caption strong { font-size: 24px; }
	.slider-bar .more-btn { float: none; display: inline-block; }

	#banner { margin: 0 0 15px; min-height: 10px; }
	h1#page_heading { padding: 80px 0; }
	.full .middle_column { padding: 15px; }
	blockquote { padding: 15px 10px; margin: 0px 0 20px; }
	#main_container p { padding-bottom: 18px; }
	.right_content h6 { padding-bottom: 20px; }
	.right_content { padding: 25px 15px 15px; }
	.middle_column.with_right { padding: 15px; }
	#breadcrumbs{ padding-bottom: 15px;}
	h5 { font-size: 16px; line-height: 18px; }

	#banner.no_banner h1#page_heading { padding: 30px 0; }

	.middle_column { width: calc(100% - 30px) !important; }
	.right_column { margin-top: 15px !important; float:none !important; width: 100% !important;}

	.nav-drop { display: block; }
	.nav-drop a { display: block; background: #012849; color: #fff; font-size: 18px; font-weight: 500; line-height: 40px; text-decoration: none; font-weight: 700; padding: 0 25px; text-align: center; }
	.nav-drop a.sideMenu i { display: inline-block; font-size: 16px; margin: 10px 0 0 10px; }
	.nav-drop a.sideMenu i.fa-chevron-up { display: none; }
	.nav-drop a.sideMenu.active i.fa-chevron-up { display: inline-block; }
	.nav-drop a.sideMenu.active i.fa-chevron-down { display: none; }

	.right_per_detail { margin-bottom: 20px; }
	#main_container { padding-bottom: 20px; }

	.events-bar { padding-top: 0; }

}

@media only screen and (max-width: 640px) {
	.gallery-bar .ig_overlay .overlay-left,.gallery-bar .ig_overlay .overlay-right{ width: 100%; text-align: center; padding: 0px;}
	.gallery-bar .ig_overlay #time,.gallery-bar .ig_overlay .likes{ float: none; display: inline-block;}
	.gallery-bar .ig_overlay #time{margin-left: 0px; margin-right: 25px;}
}

@media only screen and (max-width: 479px) {

	#main_container .pull-left { float: none; }
	
	#header.sticky #utility-navigation ul{text-align: left; left: 0px; right: auto;}
	#header.sticky .search-sec .search-btn{width: 45px;}
	
	.slider-bar .caption{bottom: 0px;}
	.slider-bar .caption strong{font-size: 14px;line-height: 125%;}
	.slider-bar .caption span{font-size: 12px; line-height: 100% !important;} /* change - added important to line height */
	.slider-bar .more-btn{font-size: 11px; padding: 4px 7px;}
	
	.calendar_grid td a span{
      	font-size: 0.875rem!important;
 	}
 	.calendar_grid .calendar_grid_headings th{
      	font-size: 0.8rem!important;
 	}

}
/****BPW****/
/*Remove border around login box*/
#loginbox{ border:none ; }

header{ position: relative !important;}
#main_container .wrapper{ padding: 0 !important; max-width: 100%;}
#pwr_content-part{ position: relative; float: left; overflow: hidden; width: 100%; height: 100%;}
.pwr_left_nav{ position: absolute; z-index: 1; padding-top: 0px; /* margin-top: 18%; */}
.pwr_left_nav_top .pwr_expand{ top: 5px;}
.pwr_middle_containter{ margin-top: 0px;}
/* .pwr_middle_content {margin-top: 25%!important} */
.ui-widget.ui-widget-content{ z-index: 9999 !important;}

.pwr_header-right{ position: relative;}
.pwr_user-info{ position: absolute;}
/* @media only screen and (max-width: 1700px){
	.pwr_left_nav {margin-top: 20%;}
}
@media only screen and (max-width: 1400px){
	.pwr_middle_content {margin-top: 30%!important;}
	.pwr_left_nav {margin-top: 22%;}
}
@media only screen and (max-width: 1100px){
	.pwr_left_nav {margin-top: 25%;}
}
@media only screen and (max-width: 920px){
	.pwr_middle_content {margin-top: 40%!important;}
} */
@media only screen and (max-width: 767px) {
	#utility-navigation, #header.sticky{ display: none;}
	
}
@media only screen and (max-width: 500px) {
	
	/* .pwr_middle_content {margin-top: 48%!important;} */
}