/* --- FONTS --- 

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

------------ */
/* --------------------- COLORS ---------------------- */
/*--Link Color--*/
/*a, a:hover {
 color: $color-1-dark;
}*/
.subpage .ptl_page a, .subpage .ptl_page a:hover {
    color: #8a0202; }
  
  /*-- School Name BG --*/
  #header-left a {
    background: #8a0202; }
  
  /*-- School name text color --*/
  #school-name h1 {
    color: #ffffff; }
  
  /*-- Menubar BG color --*/
  #menubar {
    background: #C10303; }
  
  /*-- Section heading BG color and text color --*/
  .sec-header h2, .sec-header h3 {
    color: #ffffff;
    background: #C10303; }
  
  /*-- Upcoming Events Filler BG color --*/
  #upcoming-events {
    background: #CCCCCC; }
  
  /*-- Upcoming Events title BG color --*/
  #upcoming-events .sec-header h2 {
    color: #000000;
    background: #CCCCCC; }
  
  /*-- Subpage pagetitle BG color --*/
  .subpage .sec-header h3 {
    color: #000000;
    background: #CCCCCC; }
  
  /*-- Current page BG and text color --*/
  .currentpage a.navLink {
    background: #C10303;
    color: #ffffff; }
  
  /*-- Top level menu item BG HOVER --*/
  .sitenavl0 a.navLink:hover {
    background: #CCCCCC;
    color: #000000; }
  
  /*-- Weather BG color --*/
  .weather-wrapper {
    background: #8a0202; }
  
  /*-- Weather right top box BG color --*/
  .weather-wrapper:after {
    background: #CCCCCC; }
  
  /*-- Weather right bottom box BG color --*/
  .weather-wrapper:before {
    background: #9f9f9f; }
  
  /*-- News Caption BG color --*/
  .newsCaption, #news-summary .content a.read-more:hover {
    background: #CCCCCC; }
  
  .newsCaption:hover, #news-summary .content a.read-more:hover {
    background: #FFFFFF; }
  
  /*-- Breadcrumb BG and text color --*/
  #breadcrumbs {
    background: #C10303;
    color: #ffffff; }
  
  /*-- Breadcrumb link color --*/
  #breadcrumbs a, #breadcrumbs a:hover {
    color: #ffffff !important; }
  
  /*---- UPCOMING EVENTS ----*/
  /*-- Event Border Bottom --*/
  .eventPlaceHolder {
    border-bottom: 1px solid #CCCCCC; }
  
  /*-- Event BG HOVER --*/
  .eventPlaceHolder:hover {
    background: #fef2f2; }
  
  /*-- Event Date BG and Text Color --*/
  .event-date {
    background: #C10303;
    color: #ffffff; }
  
  /*-- Event Title Text Color --*/
  .name-of-event {
    color: #8a0202; }
  
  /*-- More Events BTN Text Color --*/
  .more-events a, .more-events a:hover {
    color: #000000; }
  
  /*-- Event Slider Triangle Right --*/
  .flex-next:after {
    border-color: transparent transparent transparent #000000; }
  
  /*-- Event Slider Triangle Left --*/
  .flex-prev:after {
    border-color: transparent #000000 transparent transparent; }
  
  /*-- Event Slider Triangle Right HOVER --*/
  .flex-next:hover:after {
    border-color: transparent transparent transparent #000000; }
  
  /*-- Event Slider Triangle Left HOVER --*/
  .flex-prev:hover:after {
    border-color: transparent #000000 transparent transparent; }
  
  /*---- BANNER CONTROLS ----*/
  /*--BTN Background--*/
  .nivo-directionNav a {
    background-color: #C10303 !important; }
  
  /*--BTN Background HOVER--*/
  .nivo-directionNav a:hover {
    background-color: #292929 !important; }
  
  /*---- TELERIK COLORS ----*/
  /*--TOP LEVEL STYLES--*/
  .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: #000000; }
  
  .telerik_main_menu .rmRootGroup a:hover span, .telerik_main_menu .rmRootGroup a.rmFocused span {
    color: #000000; }
  
  /*--TOP LEVEL HOVER BG COLOR AND IMAGES (two images)--*/
  .telerik_main_menu .rmRootGroup a:hover, .telerik_main_menu .rmRootGroup a.rmFocused {
    background-color: #CCCCCC; }
  
  /*--END OF TOP LEVEL STYLES--*/
  /*--DROPDOWN MENU STYLES--*/
  /*--Normal State--*/
  .telerik_main_menu .rmGroup a {
    color: #ffffff;
    background: #8a0202; }
  
  .telerik_main_menu .rmGroup a span {
    color: #ffffff;
    background: #8a0202; }
  
  /*--Over and Focused State--*/
  .telerik_main_menu .rmGroup a:hover, .telerik_main_menu .rmGroup a.rmFocused {
    background: #C10303;
    color: #ffffff; }
  
  .telerik_main_menu .rmGroup a:hover span, .telerik_main_menu .rmGroup a.rmFocused span {
    background: #C10303;
    color: #ffffff; }
  
  /*--END OF DROPDOWN MENU STYLES--*/
  .rmItem:hover {
    background-color: #CCCCCC; }
  
  .rmVertical .rmItem:hover a span, .rmVertical .rmItem:hover a {
    background-color: #C10303; }
  
  .telerik_main_menu .rmRootGroup a.rmExpanded span { color: #000000; }
  
  .telerik_main_menu .rmRootGroup a.rmExpanded span.rmExpandRight { color: #ffffff ; }
  
  /*--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 ----*/
  /*------------------END COLORS---------------------*/
  /* --------------------- IMAGES ---------------------- */
  /*-- header image --*/
  #school-image {
    background: url(../../Servers/Server_54761/Templates/High.html); }
  
  /*--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 END IMAGES -------------------------------*/
  /* --------------------- QUICK LINKS ---------------------- */
  ul.quick-links {
    margin: 0px;
    padding: 0px;
    list-style: none; }
  
  .quick-links li {
    float: left;
    margin: 0px 10px 10px 0px;
    background: #CCCCCC;
    width: 84px;
    height: 84px;
    text-align: center;
    position: relative; }
  
  .quick-links li a:hover {
    background-color: #ffffff;
    -webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear; }
  
  .quick-links li:first-child {
    margin-left: 0px; }
  
  .quick-links li:last-child {
    margin-right: 0px;
    position: relative; }
  
  .quick-links li:last-child:after {
    content: '';
    display: block;
    height: 84px;
    width: 960px;
    background: #CCCCCC;
    position: absolute;
    left: 94px;
    top: 0px; }
  
  .quick-links li:after {
    content: '';
    display: block;
    height: 84px;
    width: 84px;
    background: #CCCCCC;
    position: absolute;
    left: 94px;
    top: 0px; }
  
  .quick-links li a {
    padding-top: 3px;
    display: block;
    width: 84px;
    height: 81px; }
  
  /* ------------------------------------------------------------- */
  #banner .nivo-directionNav a {
    display: block;
    width: 31px !important;
    height: 31px !important;
    background-repeat: no-repeat !important;
    z-index: 2999 !important;
    background-image: none !important;
    top: 15px; }
  
  #banner a.nivo-nextNav {
    left: 60px; }
  
  #banner a.nivo-prevNav:after {
    content: '';
    position: absolute;
    top: 9px;
    left: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 12px 7px 0;
    border-color: transparent #ffffff transparent transparent; }
  
  #banner a.nivo-nextNav:after {
    content: '';
    position: absolute;
    top: 9px;
    left: 11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 11px;
    border-color: transparent transparent transparent #ffffff; }
  
  #banner .bannerContainer.bannerShowControls .nivo-caption {
    padding-bottom: 0.5em !important; }
  
  #banner .nivo-controlNav {
    display: none !important; }
  
  body .row {
    margin-bottom: 10px; }
  
  body .inside-padding {
    padding: 5px; }
  
  body .mb-0 {
    margin-bottom: 0px; }
  
  .w-70.fr > .inside-padding {
    padding: 0px 0px 0px 5px; }
  
  .w-30.fl > .inside-padding {
    padding: 0px 5px 0px 0px; }
  
  .w-33-col-50 .inside-padding {
    padding: 0px; }
  
  p {
    margin: 0px 0px 15px;
    line-height: 20px; }
  
  .content-bg {
    background: #ffffff;
    color: #292929; }
  
  .content-bg .inside-padding {
    padding: 20px; }
  
  body {
    background: #ececec;
    font-family: 'latoregular';
    font-size: 16px;
    line-height: normal; }
  
  #outer-wrapper {
    max-width: 970px;
    margin: 10px auto;
    padding: 0px 5px 0px 5px; }
  
  #header-left a {
    display: block;
    min-height: 125px;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  
  #header-left a:hover {
    text-decoration: none; }
  
  .pubDropdown-wrapper, #pubWrapper-btn, .pubDropdown-btn {
    color: #ffffff; }
  
  #logo {
    float: left;
    width: 18%; }
  
  #logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto; }
  
  #school-name {
    float: left;
    width: 82%; }
  
  #school-name h1 {
    margin: 0px;
    text-transform: uppercase;
    font-size: 55px;
    padding: 11px 0px 0px 20px;
    font-weight: normal;
    letter-spacing: 2px;
    display: block; }
  
  #school-name h1 span {
    text-transform: none;
    display: block;
    font-family: 'latolight';
    font-size: 50%;
    line-height: 8px; }
  
  #school-image {
    min-height: 125px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  
  #content-wrapper {
    padding: 0px 5px 0px 5px; }
  
  #menubar {
    margin: 5px 0px 10px 0px; }
  
  .subpage #menubar {
    margin-bottom: 5px; }
  
  .sec-header h2, .sec-header h3 {
    font-family: 'bebas_neueregular';
    margin: 0px;
    padding: 10px 10px 10px 15px;
    font-size: 36px;
    letter-spacing: 2px;
    font-weight: normal; }
  
  #main-content > .inside-padding {
    padding: 5px 0px 5px 5px; }
  
  #sub-content-left > .inside-padding {
    padding: 5px 5px 5px 0px; }
  
  .subpage #sidebar {
    background: #dedede; }
  
  .subpage #sidebar .inside-padding {
    background: #dedede;
    padding: 0px;
    border-bottom: 10px solid #ececec; }
  
  .sitenavl0 {
    padding-left: 0px; }
  
  a.navLink {
    padding: 10px 15px 10px 15px;
    display: block; }
  
  .sitenavl0 a.navLink:hover {
    text-decoration: none; }
  
  .weather-wrapper {
    width: 70%;
    position: relative;
    text-align: center;
    padding-bottom: 10px; }
  
  .weather-wrapper:after {
    width: 35%;
    height: 60%;
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    right: -42%;
    margin-left: 10px; }
  
  .weather-wrapper:before {
    width: 35%;
    height: 33%;
    display: block;
    content: '';
    position: absolute;
    bottom: 0px;
    right: -42%;
    margin-left: 10px; }
  
  .weather-img img {
    max-width: 100px;
    height: auto;
    width: 100%; }
  
  .weather-location {
    color: #fff;
    font-family: arial;
    font-size: 21px; }
  
  .weather-temp span.deg {
    font-size: 12px;
    position: relative;
    top: -11px;
    font-family: arial; }
  
  .weather-temp span.typ {
    font-size: 14px;
    position: relative;
    left: 3px; }
  
  .weather-temp {
    color: #fff;
    font-family: arial;
    font-size: 19px; }
  
  .news-padding {
    padding: 0px;
    margin-bottom: 10px; }
  
  .newsItem {
    width: 100%;
    float: none; }
  
  .newsItem:nth-child(3) {
    display: none; }
  
  .newsItem img {
    margin-left: 0px;
    position: relative;
    left: 0px; }
  
  a.ptl_portlet_map_link {
    position: relative;
    height: 301px;
    display: block; }
  
  img.ptl_portlet_map_img {
    width: 680px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -340px;
    margin-top: -200px;
    height: 400px; }
  
  #banner {
    width: 672px; }
  
  #upcoming-events {
    color: #ffffff;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 288px;
    height: 297px;
    z-index: 999;
    border-left: 10px solid #ececec; }
  
  .bannerContainer {
    padding-right: 10px; }
  
  .nivo-controlNav {
    display: none !important; }
  
  .event-date {
    font-family: 'bebas_neueregular'; }
  
  .month {
    font-family: 'latolight'; }
  
  .day {
    font-size: 26px;
    letter-spacing: 2px; }
  
  .more-events {
    height: 30px;
    line-height: 30px;
    background: #CCCCCC; }
  
  .flex-direction-nav a {
    bottom: -22px; }
  
  #footer {
    background: #8a0202;
    padding: 10px;
    margin: 0px 5px 0px 5px;
    margin: 5px 5px 25px 5px;
    text-align: left;
    color: #ffffff;
    font-size: 15px; }
  
  #footer .inside-padding { 
    display: inline-block; }
  
  #footer-address {
    color: #FFF; }
  
  .credits {
    display: inline-block;
    text-align: left;
    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; }
  
  #sub-content-left {
    width: 23%;
    float: left; }
  
  #sub-content-right {
    width: 77%;
    float: left; }
  
  .page-content {
    background: #ffffff;
    min-height: 500px; }
  
  .page-content > .inside-padding {
    padding: 20px; }
  
  #breadcrumbs {
    padding: 8px 8px 8px 15px;
    margin: 10px 0px 10px;
    font-family: 'latolight';
    font-size: 15px;
    letter-spacing: 1px; }
  
  #breadcrumbs a, #breadcrumbs a:hover {
    text-decoration: none;
    font-family: 'latolight';
    font-size: 15px;
    letter-spacing: 1px; }
  
  .newsCaption h3 {
    padding: 9px; }
  
  #menubar .RadMenu .rmLink {
    padding: 0px; }
  
  .RadMenu a.rmLink {
    line-height: 47px; }
  
  /*** 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 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 ***/
  #mobile-bar {
    line-height: 47px;
    color: #ffffff;
    padding: 0px 0px 0px 15px; }
  
  /* Calendar -- GO button beside the month dropdown */
  #btn_month_68654 { color: #000; }
  
  @media screen and (max-width: 700px) {
    #banner, #upcoming-events {
      width: 100%;
      position: static;
      height: auto;
      border: none; }
  
    #banner {
      margin-bottom: 10px; }
  
    .bannerContainer {
      padding-right: 0px; }
  
    body .w-70, body .w-30 {
      width: 50%; }
   }
  
  @media screen and (max-width: 730px) {
    .subpage #sidebar {
      height: auto !important;
      min-height: 0 !important; }
  
    .subpage #sidebar .inside-padding {
      border-bottom: 0px; }
  
    #inside-nav {
      margin-top: 0px; }
  
    #sub-content-left > .inside-padding {
      padding: 5px 0px 5px 0px; }
  
    #main-content > .inside-padding {
      padding: 5px 0px 5px 0px; }
  
    #main-content > .inside-padding > div.equal {
      height: auto !important; }
  
    #breadcrumbs {
      margin-top: 0px; }
   }
  
  @media screen and (max-width: 550px) {
    body .w-70, body .w-30 {
      width: 100%; }
  
    .w-70.fr > .inside-padding {
      padding: 0px 0px 5px 0px; }
  
    .w-30.fl > .inside-padding {
      padding: 0px 0px 5px 0px; }
  
    #school-name {
      width: 100%; }
  
    #school-name h1 {
      padding: 0px; }
  
    body .w-70, body .w-30 {
      margin-bottom: 10px; }
  
    .weather-wrapper:after, .weather-wrapper:before {
      width: 38%; }
   }
  
  #social li.icn a:hover {
    opacity: 0.8; }
  
  .news-hide.hovered a.newsCaption span { color: #000; }
  
  /*===== FONTS =====*/
  @font-face {
    font-family: 'bebas_neueregular';
    src: url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/BebasNeue-webfont.eot');
    src: url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/BebasNeue-webfont.woff') format('woff'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/BebasNeue-webfont.ttf') format('truetype'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal; }
  
  @font-face {
    font-family: 'latobold';
    src: url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-bol-webfont.eot');
    src: url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-bol-webfont.woff') format('woff'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-bol-webfont.ttf') format('truetype'), url('https://cdnsm5-ss15.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-ss15.sharpschool.com/common/template-fonts/lato-reg-webfont.eot');
    src: url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-reg-webfont.woff') format('woff'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-reg-webfont.ttf') format('truetype'), url('https://cdnsm5-ss15.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-ss15.sharpschool.com/common/template-fonts/lato-lig-webfont.eot');
    src: url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-lig-webfont.woff') format('woff'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-lig-webfont.ttf') format('truetype'), url('https://cdnsm5-ss15.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-ss15.sharpschool.com/common/template-fonts/lato-bla-webfont.eot');
    src: url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-bla-webfont.woff') format('woff'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-bla-webfont.ttf') format('truetype'), url('https://cdnsm5-ss15.sharpschool.com/common/template-fonts/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal; }
  
  /*-------------------------------------------------------------------------*/
  
  /*   add style to news portlet   */
  
  a.newsItem span, a.newsItem p, a.newsItem div {
      text-decoration: underline !important;
  }
  
  a.newsItem:hover span, a.newsItem:hover p, a.newsItem:hover div {
      text-decoration: none !important;
  }
  
  #news-summary .inner-news-content span {
      font-weight: bold;
  }
  
  
  #news-summary .content .date {
      color: #000;
  }
  
  
  #main-content a:hover, .homepage .content-bg a:hover {
      text-decoration: none;
  }
  
  #main-content a, .homepage .content-bg a {
      text-decoration: underline;
      color: #CC0000;
  }
  
  
  div#footer a {
      text-decoration: underline;
  }
  
  div#footer a:hover, div#footer a:focus {
      text-decoration: none;
  }
  
  /* Tab Hover Effect */
  .TA-tab-content a {
      text-decoration: underline;
  }
  
  .TA-tab-content a:hover, .TA-tab-content a:focus {
      text-decoration: none;
  }
  
  /* Footer underline */
  div#footer a {
      text-decoration: underline;
  }
  
  div#footer a:hover, div#footer a:focus {
      text-decoration: none;
  }
     .subpage .sec-header h2 { color: black; background: #CCCCCC; }
  
  /* Calendar Border colour */
  .CAL-V-MV-table .CAL-V-MV-selectDay {
      border-color: #333 !important;
  }
  
    #footer-address div:first-child span {
    padding-right: 7px;
  }
  
  .footer-email:hover, .footer-email:focus {
   text-decoration: underline;
  }
  
  
  #footer-address .footer-email {
      text-decoration: none;
      padding-bottom: 1px;
      border-bottom: 1px solid;
  }
  
  #footer-address .footer-email:hover, #footer-address .footer-email:focus {
      border:  none;
  }
  
  /*----------issue ADA -----------*/
  .ptl_page a {
  color: #0000c1;
  text-decoration: underline;
  }
  
  .ptl_page a:hover {
  text-decoration: non;
  }
  
  
  
  /* Social Tab */
  
  .social-tabs .tabs{padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center}.social-tabs .tabs li{width:50%;list-style:none}.social-tabs .tabs li a{display:block;text-align:center;padding:15px 10px;text-decoration:none!important;color:#fff!important;font-weight:700;position:relative}.social-tabs .tabs li a#twitter-tab{background:#007EAE}.social-tabs .tabs li a#facebook-tab{background:#3B5997}.social-tabs .tab-content{padding:0;margin:0}.social-tabs .tab-content li{list-style:none}.social-tabs .tab-content li iframe{width:100%!important}.social-tabs .tab-content li.active{display:block}.social-tabs .tab-content li{display:none}.social-tabs .tabs li a.active:before{display:block}.social-tabs .tabs li a:before{display:none;content:'';left:50%;top:100%;transform:translateX(-50%);width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;position:absolute}.social-tabs .tabs li a#twitter-tab:before{border-top:8px solid #007EAE}.social-tabs .tabs li a#facebook-tab:before{border-top:8px solid #3b5997}.social-tabs .tabs li a:hover,.social-tabs .tabs li a:focus{opacity:.9}.social-tabs .tab-content li#facebook-feed iframe{max-width:500px;margin:0 auto}.social-tabs .tab-content li#facebook-feed.active{display:flex;justify-content:center}

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

.DDW_portletWrapper ul.slides li[portlet_id="229"] {
    display: none !important;
}


#menubar #mobileNav span {
  display: block !important;
}

/* CHANGES 20/07/22 ADD ICON */

li.fortifyFL a {
    background: url('../../Servers/Server_54619/Templates/FortifyFL_Icon.png') no-repeat;
    width: 25px;
    height: 27px;
    display: inline-block;
    background-size: 100%;
    vertical-align: bottom;
}    


/* Popup pencil fix*/
.CMS_button .fa.fa-pencil {
    font-family: "Fontawesome";
}

/* CHANGES 07-02-23 */


a.VIpgJd-ZVi9od-xl07Ob-lTBxed {
    height: 35px;
    line-height: 35px;
    padding: 0 3px;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.VIpgJd-ZVi9od-xl07Ob-lTBxed span {
    color: #fff !important;
    border-left: none !important;
    font-size: 13px;
}

div#google_translate_element:hover {
    background: #4d4d4d ;
    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;
}

a.VIpgJd-ZVi9od-xl07Ob-lTBxed:hover {
    text-decoration: none;
}

.VIpgJd-ZVi9od-xl07Ob-lTBxed> span:nth-child(1) {
    padding-right: 3px;
}