@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
/*This hides the title if the logo contains the same words*/

/*ADA Adjustments*/

/*.ada {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.ada-contrast{
    position: absolute;
    top: 13px;
    font-size: 11px;
    a{
        font-size: 11px;
        line-height: 20px;
        font-family: @font-primary;
        color: contrast(@color-navbar,#ffffff,#111111);
        position: relative;
        text-decoration: none;
        font-weight: bold;
        transition: all 0.2s ease-in-out;
        text-transform: uppercase;
        padding: 25px 10px;
        &:hover{
            background:@color-primary;
            color:contrast(@color-primary,#ffffff,#111111);
        }
    }
}*/

#skiptocontent a {
  background: #000 none repeat scroll 0 0;
  border-bottom: 1px solid #ffffff;
  border-bottom-right-radius: 8px;
  border-right: 1px solid #ffffff;
  color: #ffffff;
  left: 0;
  padding: 6px;
  position: absolute;
  top: -40px;
  transition: top 1s ease-out 0s, background 1s linear 0s;
  z-index: 100;
}
#skiptocontent a:focus {
  background: #bf1722 none repeat scroll 0 0;
  left: 0;
  outline: 0 none;
  position: absolute;
  top: 0;
  transition: top 0.1s ease-in 0s, background 0.5s linear 0s;
}
.back-to-top {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  bottom: 50px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 20px;
  height: 40px;
  left: auto;
  line-height: 40px;
  position: fixed;
  right: 30px;
  text-align: center;
  top: auto;
  width: 40px;
  z-index: 299;
}
.back-to-top:focus {
  outline: none;
}
.back-to-top span {
  color: #000;
  background: #fff;
}
.back-to-top:hover {
  color: #00602b;
}
/*Topbar*/

.languageMenu ul li.schools,
.languageMenu ul li.district-link {
  display: none;
}
/*Header*/

.banner {
  background-color: #000;
}
.banner:before {
  /*Header Dark instead of light*/
  background: rgba(0, 0, 0, 0.5);
}
.headerTitle h1 {
  font-size: 350%;
  line-height: 1.3;
  color: #ecd674;
}
.headerTitle span {
  color: #fff;
}
.headerTitle .calinfo {
  display: none;
}
li.schoolMenuDropdown {
  display: none !important;
}
/*Calendar*/

ul.ccms-gcalendar-calendar-feed-list li article {
  width: 70%;
  padding-right: 10px;
}
/*Navigation*/

/*
.navbar .menu-list > li > ul > li ul > li a {
    background: #7b3900;
}
*/

/*Footer*/

.footer-contact .f-phone a.phone-fax {
  display: none;
}
.footer h3 {
  font-size: 200%;
}
ul.footer-social {
  text-align: center;
}
a.social-facebook {
  background: #2b50a9;
  color: #fff;
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
}
a.social-twitter {
  background: #4399dc;
  color: #fff;
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
}
a.social-instagram {
  background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
  color: #fff;
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
}
.logo-footer {
  text-align: center;
}
.logo-footer img {
  padding-bottom: 12px;
  max-height: 160px;
}
/*Tables*/

@media only screen and (max-width: 1024px) {
  .ccms-contentelement.ccms-contentelement-Editor > div > div > div > div > table {
    width: 90% !important;
    font-size: 75% !important;
  }
}
.footer-contact .f-location-mail {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
}
/*Fixing images in dashboard when page is translated*/

.ccms-contentelement.ccms-contentelement-HTMLComponent > ul > li > figure {
  height: 178px;
}
/*Homepage Calendar*/

.calender ul a.ccms-gcalendar-link li {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}