/* --- FONTS --- 

 font-family: 'lusitanaregular';
 font-family: 'latobold';
 font-family: 'latoregular';
 font-family: 'latoregularitalic';
 font-family: 'latolight';
 font-family: 'latoblack';

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

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

Dom     : @color1

Sec     : @color2

---*/

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

/*--Link Color--*/
a, a:hover {
  color: #Eebe17;
 }
 
 .subpage .ptl_page a {
  color: #4f4f4f;
 }
 
 /*-- Header BG color --*/
 #header {
  background: #000;
 }
 
 /*-- School name text color --*/
 #school-name h1 {
  color: #fff;
 }
 
 /*-- Motto text color --*/
 #motto {
  color: #000000;
 }
 
 /*-- Menubar BG color --*/
 #menubar {
  background: #Eebe17;
 }
 
 /*-- Under banner ribbon BG color --*/
 .d-bg {
  background: #000;
 }
 
 /*-- Under banner ribbon heading text color --*/
 .d-bg h2 {
  color: #fff;
 }
 
 /*-- Section heading text color and border bottom color --*/
 .sec-header h2 {
  border-bottom-color: #Eebe17;
  color: #000;
 }
 
 /*-- Footer BG color --*/
 #footer {
  background: #000;
 }
 
 /*-- Footer school name text color --*/
 #footer h3 {
  color: #Eebe17;
 }
 
 /*-- Sidenav LV2 border left color --*/
 .sitenavl1 a.navLink {
  border-left: 3px solid #000;
 }
 
 /*-- Home News and Upcoming events button --*/
 #news-summary .content a.read-more, .ptl_upcomingevents .ptl_upcomingevents_footer .more_events:link, .ptl_upcomingevents .ptl_upcomingevents_footer .more_events:visited, .ptl_upcomingevents .ptl_upcomingevents_footer .more_events:active {
  background: #Eebe17;
 }
 
 /*-- Home News and Upcoming events button HOVER --*/
 #news-summary .content a.read-more:hover, .ptl_upcomingevents .ptl_upcomingevents_footer .more_events:hover {
  background: #000;
  color: #000000;
 }
 
 /*---- TELERIK COLORS ----*/
 
 /*--TOP LEVEL STYLES--*/
 
 .RadMenu .rmGroup .rmText {
  color: #000;
 }
 
 /*--Normal State--*/
 .telerik_main_menu .rmRootGroup a {
  color: #000;
 }
 
 .telerik_main_menu .rmRootGroup a span {
  color: #000;
 }
 
 /*--Over and Focused State ***/
 .telerik_main_menu .rmRootGroup a:hover,
 .telerik_main_menu .rmRootGroup a.rmFocused {
  color: #000000;
 }
 
 .telerik_main_menu .rmRootGroup a:hover span,
 .telerik_main_menu .rmRootGroup a.rmFocused span {
  color: #fff;
 }
 
 /*--TOP LEVEL HOVER BG COLOR AND IMAGES (two images)--*/
 .telerik_main_menu .rmRootGroup a:hover,
 .telerik_main_menu .rmRootGroup a.rmFocused {
  background-color: #000;
 }
 
 /*--END OF TOP LEVEL STYLES--*/
 
 
 /*--DROPDOWN MENU STYLES--*/
 
 /*--Normal State--*/
 
 .telerik_main_menu .rmGroup a {
  color: #ffffff;
  background: #Eebe17;
 }
 
 .telerik_main_menu .rmGroup a span {
  color: #ffffff;
  background: #Eebe17;
 }
 
 /*--Over and Focused State--*/
 .telerik_main_menu .rmGroup a:hover,
 .telerik_main_menu .rmGroup a.rmFocused {
  background: #000;
  color: #fff;
 }
 
 .telerik_main_menu .rmGroup a:hover span,
 .telerik_main_menu .rmGroup a.rmFocused span {
  background: #000;
  color: #fff;
 }
 
 /*--END OF DROPDOWN MENU STYLES--*/
 
 .rmItem:hover {
  background-color: #000;
 }
 
 .rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
  background-color: #000;
 }
 
 /*--DROPDOWN LV2 MENU STYLES--*/
 
 /*--Normal State--*/
 
 .telerik_main_menu .rmGroup .rmGroup a {
  color: #171717;
  background: #ffffff;
 }
 
 .telerik_main_menu .rmGroup .rmGroup a span {
  color: #171717;
  background: #ffffff;
 }
 
 /*--Over and Focused State--*/
 .telerik_main_menu .rmGroup .rmGroup a:hover,
 .telerik_main_menu .rmGroup .rmGroup a.rmFocused {
  background: #Eebe17;
  color: #ffffff;
 }
 
 .telerik_main_menu .rmGroup .rmGroup a:hover span,
 .telerik_main_menu .rmGroup .rmGroup a.rmFocused span {
  background: #Eebe17;
  color: #000;
 }
 
 /*--SECOND LEVEL BORDER LEFT--*/
 
 .rmLevel2 {
  border-left: 4px solid #000;
 }
 
 /*--END OF DROPDOWN MENU STYLES--*/
 
 /*---- END TELERIK COLORS ----*/
 
 /*------------------------------- END COLORS -------------------------------*/
 
 /* --------------------- IMAGES ---------------------- */
 
 /*-- body BG image --*/
 #background {
  background: url(../../../Common/resources/DesignPortfolio/SiteThemes/discovery/image-bg-01.jpg) no-repeat center center; 
 }
 
 /*--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 -8px !important;
 }
 
 /*or*/
 
 /*--Dark--*/
 /*
 .telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
  background-position: -18px -8px !important;
 }
 */
 
 /*------------------------------- END END IMAGES -------------------------------*/
 
 /* --------------------- QUICK LINKS ---------------------- */
 
 ul.quick-links a {
  font-size: 17px;
  margin-bottom: 10px;
  display: block;
 }
 
 /*------------------------------- END QUICK LINKS -------------------------------*/
 
 body .row {
  margin-bottom: 10px;
 }
 
 .row.bg-d .inside-padding {
  padding-top: 20px;
 }
 
 #content-col-wrapper.row {
  margin-bottom: 0px;
 }
 
 .sec-header h2 {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  margin: 0px 0px 15px;
  font-family: 'lusitanaregular';
  font-weight: normal;
  font-size: 26px;
  padding-bottom: 5px;
 }
 
 #header-left {
  width: 85%;
  float: left;
 }
 
 #header-right {
  float: left;
  width: 0%;
 }
 
#logo {
    float: left;
    width: 16%;
    /*text-align: center;*/
}
 
 #logo img {
  max-width: 127px;
  max-height: 100%;
  width: auto;
  height: auto;
 }
 
 #school-name {
  float: left;
  width: 83%;
 }
 
 #school-name h1 {
  margin: 0px;
  font-family: 'lusitanaregular';
  text-transform: uppercase;
  font-size: 33px;
  padding: 35px 10px 10px 3px;
  font-weight: normal;
 }
 #header-left a {
  display: block;
 -webkit-transition: opacity 100ms linear;
     -moz-transition: opacity 100ms linear;
     -o-transition: opacity 100ms linear;
     -ms-transition: opacity 100ms linear;
     transition: opacity 100ms linear;
 }
 
 #header-left a:hover {
     text-decoration: none !important;
     opacity: 0.6;
 }
 
 #motto {
  font-family: 'latolight';
  font-size: 50%;
 }
 
 ul#social {
  list-style: none;
  margin: 0px;
  padding: 0px;
  float: right;
 }
 
 #social li.icn {
  display: inline-block;
  padding: 0px 3px 0px 3px;
 }
 
 #social li.icn a {
  width: 40px;
  height: 40px;
  display: inline-block;
 }
 
 #social li.icn.facebook a { background-position: 0px 0px; }
 #social li.icn.twitter a { background-position: -40px 0px; }
 #social li.icn.youtube a { background-position: -80px 0px; }
 #social li.icn.email a { background-position: -120px 0px; }
 
 #social li.icn a {
  background: url(../../../common/resources/DesignPortfolio/SiteThemes/CommonLib/social-media/social-sprite.png);
 }
 
 .inner-bar {
  max-width: 1000px;
  margin: 0px auto;
  padding: 0px 10px 0px 10px;
 }
 
 #background {
  z-index: -1;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 200px;
  display: block;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
 }
 
 #banner .inside-padding {
  padding: 40px 10px 30px 10px;
 }
 
 #banner .bannerContainer {
  position: relative;
  border: 10px solid #ffffff;
 }
 
 #banner .nivoSlider {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
 }
 
 .d-bg .inside-padding {
  padding: 25px 10px 25px 10px;
 }
 
 .d-bg {
  text-align: center;
 }
 
 .d-bg h2 {
  font-family: 'lusitanaregular';
  font-size: 30px;
  margin: 0px 0px 15px;
 }
 
 .d-bg p {
  font-family: 'latoregularitalic';
  margin: 0px;
 }
 
 #footer {
  color: #fff;
 }
 
 #footer-left {
  width: 66.66666%;
  float: left
 }
 
 #footer-right {
  width: 33.33334%;
  float: right;
 }
 
 #footer p {
  font-size: 14px;
  line-height: 18px;
 }
 
 #footer-address {
 color: #fff;
 
 }
 
 #RSSLink {
  height: 24px;
  position: absolute;
  width: 24px;
  top: -50px;
  right: 9px;
 }
 
 #content-col-wrapper > .inside-padding > .w-33 {
  background: #f5f5f5;
 }
 
 
 #footer h3 {
  font-family: 'lusitanaregular';
  margin: 0px 0px 10px;
  font-size: 25px;
 }
 
 .subpage #page {
  max-width: 1000px;
  margin: 30px auto;
  padding: 10px;
 }
 
 #sub-content-left {
  width: 23%;
  float: left;
 }
 
 #sub-content-right {
  width: 77%;
  float: left;
 }
 
 a.navLink {
  display: block;
  padding: 6px;
 }
 
 .sitenavl0.currentpage a.navLink {
  background: #f5f5f5;
 }
 
 .sitenavl1 a.navLink {
  padding: 3px 6px 3px 6px;
  margin: 6px 0px 6px 0px;
 }
 
 .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;
 }
 
 #breadcrumbs {
  margin: 0px 0px 15px;
 }
 
 .RadMenu a.rmLink {
  line-height: 45px;
 }
 
 /*** 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-family: 'latoregular';
  font-weight: normal;
  font-size: 12pt;
 }
 
 .RadMenu .rmLink {
  float: left;
  outline: 0 none;
  padding-left: 0px !important;
 }
 
 .RadMenu .rmHorizontal .rmText {
  padding: 0px 8px 0px 8px !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: 'latoregular';
 }
 
 .telerik_main_menu .rmRootGroup a span {
  text-decoration: none;
  font-size: 14px;
  font-family: 'latoregular';
 }
 
 /*** 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: 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: 0px;
 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 ***/
 
 
 
 
 
 
 #mobile-bar {
  line-height: 40px;
  color: #ffffff;
  text-indent: 15px;
 }
 
 @media screen and (max-width: 900px) {
 
  #background { z-index: 1; }
 
  #header, #content-wrapper {
   position: relative;
   z-index: 2;
  }
     
 }
 
 #social li.icn a:hover {
  opacity: 0.8;
 }
 
 .ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_month {
  color: #000000;
 }
 
 /*===== FONTS =====*/
 
 @font-face {
     font-family: 'lusitanaregular';
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lusitana-regular-webfont.eot');
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lusitana-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lusitana-regular-webfont.woff') format('woff'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lusitana-regular-webfont.ttf') format('truetype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lusitana-regular-webfont.svg#lusitanaregular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
      font-family: 'latoregularitalic';
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-regita-webfont.eot');
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-regita-webfont.eot?#iefix') format('embedded-opentype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-regita-webfont.woff') format('woff'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-regita-webfont.ttf') format('truetype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-regita-webfont.svg#latobold') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
      font-family: 'latobold';
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bol-webfont.eot');
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bol-webfont.woff') format('woff'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bol-webfont.ttf') format('truetype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bol-webfont.svg#latobold') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'latoregular';
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-reg-webfont.eot');
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-reg-webfont.woff') format('woff'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-reg-webfont.ttf') format('truetype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-reg-webfont.svg#latoregular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
      font-family: 'latolight';
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-lig-webfont.eot');
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-lig-webfont.woff') format('woff'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-lig-webfont.ttf') format('truetype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-lig-webfont.svg#latolight') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'latoblack';
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bla-webfont.eot');
     src: url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bla-webfont.woff') format('woff'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bla-webfont.ttf') format('truetype'),
          url('https://cdnsm5-ss7.sharpschool.com/common/template-fonts/lato-bla-webfont.svg#latoblack') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
 /*-------------------------------------------------------------------------*/
 
 #news_content_body {
     font-family: "latoregular" ,sans-serif;
 }
 
 .label_skin_corporation a:hover{text-decoration:none;}
 
 
 
 /* arrow */
 
 
 #menubar .telerik_main_menu .rmGroup .rmItem:hover .rmExpandRight:after, 
 #menubar .telerik_main_menu .rmGroup .rmExpanded .rmExpandRight:after, 
 #menubar .telerik_main_menu .rmGroup .rmFocused .rmExpandRight:after
 
 { background-position: -18px -44px !important;}
 
 #menubar .telerik_main_menu .rmGroup.rmLevel2 .rmItem .rmExpandRight:after
 { background-position: -18px -8px !important;}

 /*#menubar .telerik_main_menu .rmGroup.rmLevel2 .rmItem:hover .rmExpandRight:after, 
 #menubar .telerik_main_menu .rmGroup.rmLevel2 .rmExpanded .rmExpandRight:after, 
 #menubar .telerik_main_menu .rmGroup.rmLevel2 .rmFocused .rmExpandRight:after
 { background-position: -18px -44px !important;}*/
 
 /* level 1 */
 
 .telerik_main_menu .rmGroup a:hover span, .telerik_main_menu .rmGroup a.rmFocused span, .telerik_main_menu .rmGroup a.rmExpanded span {
 
 background:#000;
 color: #fff;
 
 }
 
 
 /*-----------------------Links fixes----------------------------------*/
 
 .subpage .ptl_page a {
     text-decoration: underline;
     font-weight: bolder;
 }
 
 .subpage .ptl_page a:hover {
     text-decoration: none;
 }
 
 
 /*-----------------------keyboard NAV fixes----------------------------------*/
 
 
 /* -- level zero menu expand --- */
 
 a.rmLink.rmRootLink.rmExpanded span.rmText.rmExpandDown {
     background: #000;
     color: #fff;
 }
 
 ul.quick-links a{text-decoration: underline;}
 
 ul.quick-links a:hover, ul.quick-links a:focus {text-decoration: none;}
 
 
 .nivo-controlNav a:hover, .nivo-controlNav a:focus {    background-position: 0 -22px;}
 
 .nivo-directionNav a {
     opacity: 0.8;
 }
 
 .nivo-directionNav a:focus, .nivo-directionNav a:hover {
     opacity: 1;
 }
 
 a.navLink {text-decoration: underline;}
 
 a.navLink:hover, a.navLink:focus  {text-decoration: none;}
 
 .RadMenu ul.rmRootGroup {
     list-style: none;
 }

.CMS_adminBar .optionRows>ul>li.optionHelp span.CMS_title {
    color: #929599 !important;
    background: #272f36 !important;
}

.nivo-prevNav, .nivo-nextNav, .nivo-control {
    color: #000 !important;
    
}

.offScreen {
    background: #000 !important;
    color: #fff !important; 
}

#skip a:focus {
    top: 50px !important;
}

#skip a {
    position: absolute;
    left: -10000px;
    top: auto;
    overflow: hidden;
}

#skip a:focus {
    padding: 0.5em 0.5em 0.4em;
    margin: 0.6em 0;
    border-radius: 5px;
    font-weight: 600;
    color: #654106;
    background: #ffe1b1;
    z-index: 9000;
    left: 10px !important;
}

#skip a:focus {
    left: auto;
    font-size: 15px !important;
    position: absolute !important;
    width: auto;
    height: auto;
}

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

.PO-miniCalendar .MC-disabled em {
    opacity: 1 !important;
}

nav.portal-breadcrumb a {
    text-decoration: underline;
}

nav.portal-breadcrumb a:hover {
    text-decoration: none;
}

.QL-defaultTemplate a .fa {
  display: none;
}

.QL-defaultTemplate a {
  display: inline-flex;
  padding: 0px;
}

.QL-defaultTemplate li {
  border-bottom: none;
  padding: 5px;
}

.QL-defaultTemplate li a:hover {
  text-decoration: none;
}

.QL-defaultTemplate li a {
  text-decoration: underline;
}

ul.QL-defaultTemplate {
  list-style: inside;
}

.QL-defaultTemplate a:hover span.QL-text {
  text-decoration: none;
}

iframe {
    width: 100% !important;
}

a#link_get_widget {
    display: none;
}

.nivo-startstopNav {
  z-index: 9 !important;
}

.telerik_main_menu .rmGroup.rmLevel2 a:hover span, 
.telerik_main_menu .rmGroup.rmLevel2 a.rmFocused span, 
.telerik_main_menu .rmGroup.rmLevel2 a.rmExpanded span {
  background-color: #Eebe17;
  color: #000;
}

.PO-miniCalendar {
  margin: 0px auto 30px auto !important;
}

.d-bg p, .d-bg strong, .d-bg span {
    font-family: 'lusitanaregular';
}

@media screen and (max-width: 769px) {
#school-name h1 {
    /*font-size: 25px !important;*/
}

 #header-left {
  width: 100%;
 }

#school-name h1 {
    padding: 35px 10px 10px 15px;
}
}

/* CHANGES 29/11/22 */

@media screen and (max-width: 640px) 
{
  #logo{
    height: 130px;
  }
  
  #menubar {
    margin-bottom: 0;
  }
}

#menubar {
    margin-bottom: 0;
}

/* IMAGE HEADER */
#header {
 display: none;
}
#image-header {
 background-color: #000;
 position: relative;
 text-align: center;
 z-index: 1;
}
#image-header h1 {
 line-height: 0;
 margin: 0;
}
#image-header img {
 display: inline-block;
 height: auto;
 max-width: 100%;
}
#image-header img.img-logo {
 width: 30%;
}
#image-header img.img-desc {
 width: 70%;
}
@media screen and (max-width: 600px){
 #image-header img.img-logo {
  width: 80%;
 }
 #image-header img.img-desc {
  width: 95%;
 }
}


/* CHANGES 1/13/22 */

@media screen and (max-width: 900px){
#menubar {
    margin-bottom: 33px;
}
}

/* CHANGES 02-02-23 */

li#pubLinks > a {
    height: 35px !important;
}

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

.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn a, 
.responsiveTemplate #pubWrapper.responsive.active #pubWrapper-btn {
    color: #fff!important;
    background: #303030 !important;
}

.responsiveTemplate #pubWrapper.responsive #pubWrapper-btn a:hover {
    color: #000 !important;
    background: #8f8f8f !important;
}

.sitenavl1 a.navLink {
    border-left: 3px solid #000;
}

.CAL-view .offScreen td {
    background: #000 !important;
}