/* --- FONTS --- 

 font-family: 'bebas_neueregular';
 font-family: 'latobold';
 font-family: 'latoregular';
 font-family: 'latolight';
 font-family: 'latoblack';

 ------------ */

/*--- COLOR GUIDE - FIND AND REPLACE THESE COLORS

Dom     : #c14300

---*/

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

/*--Link Color--*/
/*a, a:hover {
 color: #c14300;
 }*/

 .subpage .ptl_page a {
   color: #c14300;
 }

 /*-Header BG-*/
 #header {
   background: #F1B828;
 }

 /*-Section Header Border Top Color-*/
 .sec-header h3, .sec-header h2 {
   border-top-color: #c14300;
 }

 /*-Banner Border Bottom-*/
 .bg-d {
   border-top-color: #c14300;
 }

 /*-Footer BG and text color-*/
 #footer {
   background: #c14300;
   color: #ffffff;
 }

 /*---- CALENDAR ----*/

 /*--Calendar BG's--*/
 .mini_calendar_tbl, .tbl_mini_calendar, .tbl_cell_calendar {
   background-color: #c14300;
 }

 /*--Calendar Number Boxes BG--*/
 .mini_calendar_day {
   background: #ffffff;
 }

 /*--Calendar 'Days of The Week' Colors--*/
 td.mini_calendar_header {
   color: #ffffff;
 }

 /*--Top of the Calendar BG Color--*/
 .cal-top {
   background: #ffc103;
 }

 /*--Calendar Today BG and Color--*/
 .mini_calendar_day.mini_calendar_today {
   background: #FF8846;
   color: #ffffff;
 }

 /*--Calendar 'Go to Main Calendar' Color--*/
 A.mini_calendar_header:link, A.mini_calendar_header:visited {
   color: #ffffff;
 }

 /*--Calendar 'Go to Main Calendar' Color Hover--*/
 A.mini_calendar_header:hover {
   color: #fd8f19;
 }

 /*--Calendar Event Text Color--*/
 A.mini_calendar_day:link, A.mini_calendar_day:visited {
   color: #ffffff;
   background: #4a4a4a;
 }

 /*--Calendar Event Hover BG Color and Text Color--*/
 A.mini_calendar_day:hover {
   color: #ffffff;
   background: #0a977d;
 }

 /*--Calendar Today With Event BG and Color--*/
 a.mini_calendar_day.mini_calendar_today {
   background: rgba(255, 255, 255, 0.39);
   color: #ffffff;
 }

 /*-- Calendar Arrows --*/
 .cal-btn-l {
   border-color: transparent #ffffff transparent transparent;
 }
 .cal-btn-r {
   border-color: transparent transparent transparent #ffffff;
 }

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

 /*-Magic Line Triangle Color-*/
 .RadMenu li#magic-line:after { border-top-color: #c14300 }

 /*--TOP LEVEL STYLES--*/
 .rmText {
   color: #ffffff;
 }

 .RadMenu .rmGroup .rmText {
   color: #ffffff;
 }

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

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

 /*--Over and Focused State ***/
 #menubar a:hover,
 .telerik_main_menu .rmRootGroup a.rmRootLink:hover,
 .telerik_main_menu .rmRootGroup a.rmRootLink.rmFocused {
   color: #ffffff;
 }

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

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

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


 /*--DROPDOWN MENU STYLES--*/

 /*--Normal State--*/

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

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

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

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

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

/*.rmItem:hover {
 background-color: #E4002B;
 }*/

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

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

 /*--Normal State--*/

 .telerik_main_menu .rmGroup .rmGroup a {
   color: #ffffff;
   background: #2e2e2e;
 }

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

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

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

/*--SECOND LEVEL BORDER LEFT--

.rmLevel2 {
 border-left: 4px solid #be1e2d;
 }*/

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

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

 /*--UPCOMING EVENTS--*/
 .abtnPrev a,
 .abtnPrev a:hover,
 .abtnNext a,
 .abtnNext a:hover {
   background: #333333;
   color: #ffffff;
 }
 /*--END UPCOMING EVENTS--*/

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

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

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

ul.quick-links {
 list-style: none;
 margin: 0px;
 padding: 0pc;
}

.quick-links a {
 border: 1px solid #cccccc;
 display: block;
 margin-bottom: 10px;
}

.quick-links a:hover {
 background: #ececec;
}

.quick-links a img {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}

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

body .w-33 { width: 33.33334%; float: right; }
body .w-66 { width: 66.66667%; float: right; }

#header > .inside-padding { padding: 0px; position: relative; }

.bg-d { background: #4a4a4a; color: #ffffff; border-top-width: 4px; border-top-style: solid; }

.sec-header h3, .sec-header h2 {
 font-family: 'latobold';
 font-size: 20px;
 text-transform: uppercase;
 color: #4d4d4d;
 background: #ececec;
 padding: 9px 15px 9px 15px;
 margin: 0px 0px 20px;
 border-top-width: 4px;
 border-top-style: solid;
}

#header-right.w-75 { float: right; }

#header-left {
 background: #ffffff;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 9;
}

a#logo {
 padding: 20px 0px 20px 20px;
 display: block;
 position: relative;
 text-align: center;
 height: 129px;
}

a#logo img {
 max-width: 100%;
 max-height: 100%;
 height: auto;
 width: auto;
}

.tri-r {
 position: absolute;
 top: 0px;
 right: -40px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 169px 40px 0 0;
 border-color: #ffffff transparent transparent transparent;
}

.header-cover {
 width: 100000px;
 height: 100%;
 position: absolute;
 left: -100000px;
 top: 0px;
 content: '';
 background: #ffffff;
}

.inner-bar {
 max-width: 1000px;
 margin: 0px auto;
}

#menubar .inner-bar .RadMenu {
 width: 72%;
 float: right;
}

#school-name {
 padding: 10px 50px 0px 50px;
}

#menubar {
 background: #414141;
}

#school-name a {
 color: #ffffff;
 font-size: 32px;
}

#school-name a:hover { text-decoration: none; color: #ffffff; }

#school-name a span {
 font-family: 'latolight';
 display: block;
 font-size: 80%;
}

#banner.row {
 margin-bottom: 0px;
}

.bg-d .inside-padding {
 padding: 20px 15px 20px 15px;
}

.subpage #page {
 max-width: 1000px;
 margin: 0px auto;
 padding: 10px;
}

#sub-content-left {
 width: 23%;
 float: left;
}

#sub-content-right {
 width: 77%;
 float: left;
}

#breadcrumbs {
 background: #2E2E2E;
}

#breadcrumbs nav > div {
 padding: 10px 5px 10px 5px;
 max-width: 1000px;
 margin: 0px auto;
 color: #ffffff;
}

#breadcrumbs a { color: #ffffff; }

a.navLink {
 display: block;
 padding: 8px;
}

.sitenavl0.currentpage a.navLink, .sitenavl0 a.navLink:hover {
 background: #ececec;
 text-decoration: none;
}

.sitenavl0.currentpage a.navLink:hover {
 background: #c14300;
 color: #ffffff;
}

#menubar .RadMenu .rmLink { padding: 0px; }

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

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

.telerik_main_menu a,
.telerik_main_menu a:hover {
 text-decoration: none;
 font-size: 14px;
 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-family: 'latolight' ,Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12pt;
}

.RadMenu .rmLink {
 float: left;
 outline: 0 none;
}

.RadMenu .rmHorizontal .rmText {
 padding: 0px 7px 0px 7px !important;
 letter-spacing: 0.06em;
}

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

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

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

.telerik_main_menu .rmRootGroup a span {
 text-decoration: none;
 font-size: 14px;
 font-family: 'latobold';
}

/*** Over and Focused State ***/
.telerik_main_menu .rmRootGroup a.rmRootLink:hover,
.telerik_main_menu .rmRootGroup a.rmRootLink.rmFocused {
 text-decoration: none;
}

.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: 10pt;
 font-weight: normal;
 line-height: normal !important;
 font-family: 'latoregular' ,Arial, Helvetica, sans-serif;
 text-transform: none;
}

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

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

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

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

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



.mini_calendar_tbl {
 margin: 0px auto;
 width: 100%;
 padding: 15px 0px 10px;
}

.mini_calendar_tbl table {
 margin: 0px auto;
 width: 97%;
}

.tbl_cell_calendar {
 width: 13%;
 height: 13%;
}

.mini_calendar_day {
 font-family: 'latoregular' ,Arial, Helvetica, sans-serif;
 font-size: 10pt;
 width: 100%;
 display: inline-block;
 padding: 6px 0px 6px 0px;
 min-height: 15px;
}

td.mini_calendar_header {
 font-weight: normal;
 font-size: 18px;
 background: none;
 font-family: 'latoregular' ,Arial, Helvetica, sans-serif;
 line-height: 16px;
 padding-bottom: 9px;
 font-family: 'latobold';
 letter-spacing: .5px;
 text-transform: uppercase;
}

td.mini_calendar_header_small {
 background: #1a7da6;
}

A.mini_calendar_header:link, A.mini_calendar_header:visited {
 font-weight: normal;
 text-align: center;
 display: block;
 font-family: 'latoregular' ,Arial, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 15px;
 margin-top: 8px;
}

A.mini_calendar_header:hover {
 font-weight: normal;
 text-align: center;
 display: block;
 font-family: 'latoregular' ,Arial, Helvetica, sans-serif;
 text-decoration: underline;
 font-size: 15px;
 margin-top: 8px;
}

A.mini_calendar_day:link, A.mini_calendar_day:visited {
 font-weight: normal;
 font-family: 'latoregular' ,Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-decoration: none;
}

A.mini_calendar_day:hover {
 font-weight: normal;
 font-family: 'latoregular' ,Arial, Helvetica, sans-serif;
 font-size: 10pt;
 text-decoration: none;
}

/*-- Calendar Arrows Hover --*/
.cal-btn-l:hover {
 opacity: 0.8;
}
.cal-btn-r:hover {
 opacity: 0.8;
}

.cal-btn-l {
 position: relative;
 top: 0px;
 left: 5px;
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 7px 12px 7px 0;
 display: block;
 text-indent: -9999px;
}

.cal-btn-r {
 position: relative;
 top: 0px;
 right: 5px;
 width: 0px;
 height: 0px;
 border-style: solid;
 border-width: 7px 0 7px 12px;
 display: block;
 text-indent: -9999px;
}

.cal-btn-r:focus, .cal-btn-l:focus {
  outline-color: transparent;
  outline-style: none;
}



#magic-line { position: absolute; top: 0px; left: 0; width: 100px; height: 40px; background: #E4002B; z-index: -1; }
.RadMenu .rmHorizontal .rmItem { z-index:200; }

li#magic-line:after {
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 10px 10px 0 10px;
 border-color: transparent;
 content: '';
 position: absolute;
 top: 0px;
 left: 50%;
 margin-left: -10px;
 z-index: 999;
}


#footer {
 position: fixed;
 bottom: 0px;
 left: 0px;
 width: 100%;
 z-index: -1;
}

#footer .inside-padding {
 padding: 30px;
}

#footer h3 {
 margin: 0px 0px 10px;
}

#footer-address {
  color: #FFF;
}

.credits {
 background: #333333;
 text-align: center;
 color: #ffffff;
 padding: 5px;
}

.label_skin_corporation {
 font-size: 13px;
 font-family: 'latolight';
}

.label_skin_corporation a {
 color: #ffffff;
 text-decoration: none;
 font-family: 'latolight';
}

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


#content-wrapper {
 background: #ffffff;
 padding-bottom: 50px;
}

ul#social {
 list-style: none;
 margin: 15px 0px 0px 0px;
 padding: 0px;
}

ul#social li.icn {
 display: inline-block;
 padding: 0px 3px 0px 3px;
}

ul#social li.icn a {
 width: 40px;
 height: 40px;
 display: inline-block;
}

ul#social li.icn.facebook a { background-position: 0px 0px; }
ul#social li.icn.twitter a { background-position: -40px 0px; }
ul#social li.icn.youtube a { background-position: -80px 0px; }
ul#social li.icn.email a { background-position: -120px 0px; }

ul#social li.icn a {
 background: url('/common/resources/DesignPortfolio/SiteThemes/CommonLib/social-media/social-sprite.png');
}

#mobile-bar {
 line-height: 40px;
 color: #ffffff;
 text-indent: 30%;
}

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

 body #header, body #content-wrapper { z-index: inherit; }

}

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

 #header #logo, #header #school-name { width: auto; }

 body .w-66 {
  width: 100%;
  float: none;
}

body .w-33 {
  width: 100%;
  margin-bottom: 15px;
}

#header-left {
  display: none;
}

#header #school-name {
  padding: 10px 0px 0px 15px;
  text-align: left;
}

#mobile-bar { text-indent: 15px; }

}

#social li.icn a:hover {
 opacity: 0.8;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_month {
 color: #000000;
}


/*===== FONTS =====*/

@font-face {
  font-family: 'bebas_neueregular';
  src: url('/common/template-fonts/BebasNeue-webfont.eot');
  src: url('/common/template-fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
  url('/common/template-fonts/BebasNeue-webfont.woff') format('woff'),
  url('/common/template-fonts/BebasNeue-webfont.ttf') format('truetype'),
  url('/common/template-fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
 font-family: 'latobold';
 src: url('/common/template-fonts/lato-bol-webfont.eot');
 src: url('/common/template-fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
 url('/common/template-fonts/lato-bol-webfont.woff') format('woff'),
 url('/common/template-fonts/lato-bol-webfont.ttf') format('truetype'),
 url('/common/template-fonts/lato-bol-webfont.svg#latobold') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
  font-family: 'latoregular';
  src: url('/common/template-fonts/lato-reg-webfont.eot');
  src: url('/common/template-fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
  url('/common/template-fonts/lato-reg-webfont.woff') format('woff'),
  url('/common/template-fonts/lato-reg-webfont.ttf') format('truetype'),
  url('/common/template-fonts/lato-reg-webfont.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
 font-family: 'latolight';
 src: url('/common/template-fonts/lato-lig-webfont.eot');
 src: url('/common/template-fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
 url('/common/template-fonts/lato-lig-webfont.woff') format('woff'),
 url('/common/template-fonts/lato-lig-webfont.ttf') format('truetype'),
 url('/common/template-fonts/lato-lig-webfont.svg#latolight') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
  font-family: 'latoblack';
  src: url('/common/template-fonts/lato-bla-webfont.eot');
  src: url('/common/template-fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
  url('/common/template-fonts/lato-bla-webfont.woff') format('woff'),
  url('/common/template-fonts/lato-bla-webfont.ttf') format('truetype'),
  url('/common/template-fonts/lato-bla-webfont.svg#latoblack') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*-------------------------------------------------------------------------*/



@media all and (-ms-high-contrast:none)
{
 *::-ms-backdrop, #footer { position: static !important; } /* IE11 */
}


/* new style */
#school-name a {
  color: #000;
  font-size: 32px;
}

#school-name a:hover {
  color: #616161;
}

#menubar {
  background: #1d1d1d;
}

.telerik_main_menu .rmGroup a span {
  color: #000;
  background: #F1B828;
}

.RadMenu .rmGroup .rmText {
  color: #000;
}

.telerik_main_menu .rmHorizontal .rmGroup a:hover span, .telerik_main_menu .rmHorizontal .rmGroup a.rmFocused span, .telerik_main_menu .rmHorizontal .rmGroup a.rmExpanded span {
  background-color: #E4002B;
  color: #fff;
}

.telerik_main_menu .rmHorizontal .rmGroup .rmGroup a:hover span, .telerik_main_menu .rmHorizontal .rmGroup .rmGroup a.rmFocused span, .telerik_main_menu .rmHorizontal .rmGroup .rmGroup a.rmExpanded span {
  background-color: #000;
  color: #fff;

}

.telerik_main_menu .rmHorizontal a:hover span, .telerik_main_menu .rmHorizontal a.rmFocused span, .telerik_main_menu .rmHorizontal a.rmExpanded span {
  color: #000;
  background: #F1B828;
}


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

.telerik_main_menu .rmGroup .rmItem:hover .rmExpandRight:after , .telerik_main_menu .rmGroup .rmFocused .rmExpandRight:after , .telerik_main_menu .rmGroup .rmExpanded .rmExpandRight:after {
  background-position: -18px -44px !important;
}

.bg-d {
  border-top-color: #F1B828;
  background: #000;
}

.sec-header h3, .sec-header h2 {
  border-top-color: #F1B828;
}

.sec-header h3, .sec-header h2 {
  color: #4d4d4d;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_month {
  background: #F1B828 !important;
}

.ptl_upcomingevents_date {
  border: 1px solid #F1B828 !important;
}

.ptl_upcomingevents_footer .more_events:hover {
  background: #F1B828 !important;
  color: #000 !important;
}

#footer {
  background: #F1B828;
  color: #000;
}

#footer-address {
  color: #000;
}

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

div#pub-school-dropdown {
  display: none;
}

#pubLinks .fa {
  top: 7px !important;
}

.RadMenu .rmHorizontal .rmItem {
  z-index: 0;
}

body#ctl00_PageBody {
  text-align: unset !important;
}

.home_news_summary-scrolling .news-item:hover .read-more .link {
  background: #F1B828;
  color: #000;
}


/* Mega Menu Style */

.megamenu .nav-menu > .nav-item > a:hover, .megamenu .nav-menu > .nav-item > a:focus, nav-menu > .nav-item > a.open, .nav-item > a.open {
  text-decoration: none;
  background: #F1B828 !important;
  color: #000 !important;
}

.nav-item .sub-nav {
  background: #282828;
}

.sub-nav-group.category a:hover, .sub-nav-group.category a:focus {
  background: #F1B828 !important;
  color: #000 !important;
}

.sub-nav .level1 > ul {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}

.sub-nav .level1 > ul > li > div > a {
  font-weight: 600 !important;
  font-size: 16px !important;
  position: relative;
}


.sub-nav a {
  font-size: 14px !important;
  font-weight: 300 !important;
}

.level2 > ul li a:before {
  content: '- ';
}

.sub-nav .level1 > ul > li {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.sub-nav .level1 > ul > li > div > a:before {
  position: absolute;
  content: '';
  height: 70%;
  width: 3px;
  background: #F1B828;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -5px;
}


/* Revisions */

.bg-d {
  background: #F1B828;
  border-top-color: #E4002B;
}

.bg-d * {
  color: #000 !important;
}

#footer {
  background: #F1B828;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_month {
  background: #F1B828 !important;
  border-radius: 5px 5px 0 0;
}

.ptl_upcomingevents_date {
  border: 1px solid #F1B828 !important;
}

.sec-header h3, .sec-header h2 {
  border-top-color: #E4002B;
}

.home_news_summary-scrolling .news-item:hover .read-more .link {
 background: #F1B828;
}

.ptl_upcomingevents_footer .more_events:hover {
  background: #F1B828;
}

body .w-33 .inside-padding > div {
  background: #d8d8d8;
}

body .w-33 .inside-padding .home_news_summary-scrolling, body .w-33 .inside-padding .quick-links, body .w-33 .inside-padding .ptl_upcomingevents {
  padding: 0 10px;
  box-sizing: border-box;
}

body .w-33 iframe {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}


.recent-news-wrapper .bx-next:hover, .recent-news-wrapper .bx-next:focus, .recent-news-wrapper .bx-prev:hover, .recent-news-wrapper .bx-prev:focus {border: 2px solid #e70331;}

.recent-news-wrapper .bx-next, .recent-news-wrapper .bx-prev {
  padding: 3px;
  box-sizing: border-box;
  border: 2px solid transparent;
}


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

  .megamenu {
    display: none;
  }

}

/* Breadcrumb a */
#breadcrumbs a {
  text-decoration: underline;
}

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

/* Header Right height fix */
#header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 120px;
}

div#header-right img {
  height: 100%;
  width: auto;
}

#header-right .image {
  height: 120px;
}

@media screen and (max-width: 640px) {
  #header-right {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; 
  }
}

body .w-33 .inside-padding > div {
  overflow: hidden;
}

/* pub wrapper */
#pubWrapper {
  z-index: 5000 !important;
}

/* Google Translate */

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

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

div#google_translate_element {
  display: block;
  height: 35px;
  overflow: hidden;
}

body .goog-te-gadget-simple {
  background: none;
  border: none;
  display: block;
  height: 32px;
}

iframe.goog-te-menu-frame.skiptranslate {
  width: 100% !important;
  max-width: 320px !important;
  height: 768px !important;
}

/* Google Translate Select */

select.goog-te-combo {
  margin: 0 !important;
  border: none !important;
  background: #333;
  color: #fff;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  -webkit-appearance: none;
  font-size: 13px;
  border-right: 1px solid #4d4d4d;
  /* display: inline-block; */
  /* list-style: none; */
  position: relative;
  letter-spacing: .03em;
  vertical-align: top;
  height: 35px;
  line-height: 35px;
  padding: 0 15px;
  cursor: pointer;
  overflow: hidden;
}

.skiptranslate > div:after {
  content: '\f0dc';
  font-family: 'FontAwesome';
  position: absolute;
  right: 10px;
  color: #fff;
  font-size: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.skiptranslate > div {
  position: relative;
}

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

/* Quicklinks */
.PO-quickLinks {
 padding: 0;
}
.QL-defaultTemplate li {
 border: 0 none;
 margin-bottom: 10px;
}
.QL-defaultTemplate li a {
 background: #d8d8d8;
 border: 1px solid #cccccc;
 color: #272727;
 height: 35px;
 margin: 0 10px;
 display: flex;
}
.QL-defaultTemplate a:hover {
 background: #ececec;
 text-decoration: none;
}
.QL-defaultTemplate a span.QL-text {
 font-size: 14px;
 font-weight: 800;
 text-transform: uppercase;
 display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.QL-defaultTemplate a:hover span.QL-text {
 text-decoration: none;
}
.QL-defaultTemplate a:hover {
 color: #272727;
}
.QL-defaultTemplate a .fa {
 color: #4e4e45;
 font-size: 1.8em;
 margin: 0 15px 0 12px;
 display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}
.QL-defaultTemplate a .fa {
  min-width: 30px;
}
/* --- */