/* --- 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: #0b2c6b;
}


/*-- School Name BG --*/

#header-left a {
  background: #0b2c6b;
}


/*-- School name text color --*/

#school-name h1 {
  color: #ffffff;
}


/*-- Menubar BG color --*/

#menubar {
  background: #10419E;
}


/*-- Section heading BG color and text color --*/

.sec-header h2,
.sec-header h3 {
  color: #ffffff;
  background: #10419E;
}


/*-- 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: #10419E;
  color: #ffffff;
}


/*-- Top level menu item BG HOVER --*/

.sitenavl0 a.navLink:hover {
  background: #CCCCCC;
  color: #000000;
}


/*-- Weather BG color --*/

.weather-wrapper {
  background: #0b2c6b;
}


/*-- 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 {
  color: #000000;
  background: #CCCCCC;
}

.newsCaption:hover,
.newsCaption:focus {
  background: #FFFFFF;
}

.news-hide.hovered a.newsCaption span {
  color: #000;
}


/*-- Breadcrumb BG and text color --*/

#breadcrumbs {
  background: #10419E;
  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: #d8daf3;
}


/*-- Event Date BG and Text Color --*/

.event-date {
  background: #10419E;
  color: #ffffff;
}


/*-- Event Title Text Color --*/

.name-of-event {
  color: #0b2c6b;
}


/*-- 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: #10419E !important;
}


/*--BTN Background HOVER--*/

.nivo-directionNav a:hover {
  background-color: #CCCCCC !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,
.telerik_main_menu .rmRootGroup a.rmRootLink.rmExpanded {
  background: #0a2c6b;
}

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


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


/*--DROPDOWN MENU STYLES--*/


/*--Normal State--*/

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

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


/*--Over and Focused State--*/

.telerik_main_menu .rmGroup a:hover,
.telerik_main_menu .rmGroup a.rmFocused {
  background: #10419E;
  color: #ffffff;
}

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


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

.rmItem:hover {
  background-color: #CCCCCC;
}

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

.telerik_main_menu .rmRootGroup a.rmExpanded span {
  color: #fff;
}

.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/Elementary.jpg');
}


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

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

#school-name {
  float: left;
  width: 85%;
}

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

@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;
}


/*===== 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: #4C71B7;
}


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

#news-summary .content .inner-news-content:hover {
	color: #10419E !important;
}

a.navLink:hover {
    color: #10419E !important;
}

#news-summary .content a.title:hover {
	color: #10419E !important;
}

#news-summary .content a.title {
	color: #10419E !important;
}

#news-summary .content .inner-news-content {
	color: #10419E !important;
}

/* Social Tabs */
.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}


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

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

/* CHANGES 21/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 - Oct 21 2022  */

.CMS_button .fa.fa-pencil {
    font-family: "Fontawesome";
}

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