@import url('https://fonts.googleapis.com/css?family=Oswald|PT+Sans');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
/* As Designed (Default) */
/*II Dark Option Remove Comment to Activate*/

/*@media (min-width: 769px){
    .home-col-wide {
        background:@color-body;
        color: contrast(@color-body);

        &:before {
            background: url(../images/logo-transparent.png) no-repeat top 20px right 40px @color-body;
        }
    }
}
@media (max-width: 769px){
    .home-col-wide:before{border-right:none; box-shadow: none;}
    .home-col-narrow:before{border-left:none;}
}*/

a.dashboard-item {
  display: block;
  background: #FFF;
  border: 0.0625rem solid #050000;
  padding: 0.0625rem;
  overflow: hidden;
  border-radius: 0.125rem;
  -webkit-box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.35);
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
a.dashboard-item .image {
  padding-bottom: 56.25%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
a.dashboard-item figcaption {
  text-align: left;
  padding: 0.25rem;
  color: #444;
}
a.dashboard-item h3 {
  margin-top: 0.0625rem;
  border-bottom: 0.0625rem solid #CCC;
  text-transform: uppercase;
  font-size: 0.9125rem;
}
a.dashboard-item:hover {
  opacity: 0.8;
}
.dashboard .dashboard-grid .dashboard-item .dashboard-content {
  background-color: #9e0000;
  color: #ffffff;
}
.dashboard .dashboard-grid .dashboard-item .dashboard-content h3 {
  background-color: #9e0000;
  color: #ffffff;
}
.dashboard .dashboard-grid .dashboard-item .dashboard-content .btn-white {
  color: #ffffff;
  border: solid #ffffff 1px;
}
.dashboard .dashboard-grid .dashboard-item .dashboard-content :hover .btn-white {
  background: #ff0505;
}
.dashboard .dashboard-grid .dashboard-item:nth-child(2n) .dashboard-content {
  background-color: #c9c8c8;
  color: #111111;
}
.dashboard .dashboard-grid .dashboard-item:nth-child(2n) .dashboard-content h3 {
  background-color: #c9c8c8;
  color: #111111;
}
.dashboard .dashboard-grid .dashboard-item:nth-child(2n) .dashboard-content .btn-white {
  color: #111111;
  border: solid #111111 1px;
}
.dashboard .dashboard-grid .dashboard-item:nth-child(2n) .dashboard-content :hover .btn-white {
  background: #969595;
}
.dashboard .btn-white {
  white-space: normal;
  line-height: 1.5;
}
.db-events-text {
  padding: 20px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  height: 250px;
}
.db-events-text h3 {
  position: absolute;
  top: -400px;
  left: 0px;
  height: 40px;
  width: 283px;
  overflow: hidden;
  padding: 8px;
}
.db-events-text p {
  max-height: 130px;
  overflow: hidden;
}
.db-events-text .btn-white {
  color: #ffffff;
  border: solid #ffffff 1px;
  position: absolute;
  bottom: 20px;
  left: 56px;
}
.rspPane .db-events-text h3 {
  width: 280px;
}
img.s-box {
  margin: 12px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
}
.db-subhdr {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.db-event-picture {
  overflow: hidden;
  height: 400px;
}
.btn-white {
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 40px 12px 40px;
  border: solid #ffffff 1px;
  text-decoration: none;
  word-wrap: break-word;
  text-transform: uppercase;
  white-space: nowrap;
  display: inline-block;
}
.btn-white:hover {
  background: #ff0505;
  text-decoration: none;
  color: #ff9e9e;
}
.btn-white:visited {
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 40px 12px 40px;
  border: solid #ffffff 1px;
  text-decoration: none;
  word-wrap: break-word;
  text-transform: uppercase;
  white-space: nowrap;
  display: inline-block;
}
.box-padding {
  padding: 0;
}
.dashboard.row-m.clearfix {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .db-event-picture {
    height: 250px;
  }
}
.db-subhdr {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.col-md-12 .db-events-text h3 {
  position: absolute;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .col-md-12 .db-events-text h3 {
    position: inherit;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .db-events-text {
    height: 290px;
  }
  .db-events-text h3 {
    height: 70px;
  }
  .btn-white {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .db-event-picture {
    height: 290px;
  }
}
/*Topbar*/

.top-bar .schools {
  display: none;
}
.top-bar .language:before {
  display: none;
}
.top-bar .district-link {
  display: none;
}
.top-bar .util-right {
  display: none;
}
/*Title*/

.title-bar .site-title h1 a {
  font-size: 200%;
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .title-bar .site-title h1 a {
    font-size: 150%;
  }
}
.title-bar .title-links > a:hover {
  background: #ff362c;
}
/*Announcements*/

/*#catapultannounce-content .catapultannounce-title {
    font-family: sans-serif;
}*/

/*#catapultannounce-content date.catapultannounce-date {
    display: none;
}*/

.catapultannounce-title {
  font-size: 1.3em;
  height: 2em;
  padding: 0 0 0 0;
}
/*Navigation Bar*/

.navbar .wsmenu-list > li:hover > a {
  color: #ffcecc;
}
.navbar .wsmenu-list > li > a {
  font-size: 1rem;
  font-weight: 900;
}
/*High Traffic Links*/

.primary-quick-links a:hover {
  background: #ff362c;
}
.breadcrumbs .breadcrumb-quick-links a:after {
  margin: 8px 0 0 -28px;
  width: 110px;
}
/*Dashboard Grid*/

.link-tiles {
  background: #2f2f2f url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAOUlEQ…LDpRAmDlaETSGyRrgiZIXoJqMowmU1aSahW4HhJoK+IyacAP5iQjj6uJumAAAAAElFTkSuQmCC);
}
/*Footer*/

footer .footer-content .footer-contact .f-phone a.phone-attendance[href="tel:"] {
  display: none;
}
footer .footer-content .footer-title {
  font-size: 40px;
}
footer .footer-content .footer-title span {
  font-size: 18px;
  line-height: 1.3;
}
footer .footer-content .footer-title span.ada {
  color: #000;
}
/*CUSTOM ICONS*/

.primary-quick-links .aeriesIcon:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 6px;
  height: 36px;
  width: 36px;
  background: url(../images/aeries.png);
  background-size: 36px;
}
.grid .aeriesIcon:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 6px;
  height: 36px;
  width: 36px;
  background: url(../images/aeries.png);
  background-size: 36px;
}
.grid .aeriesIcon:before {
  height: 26px;
  width: 26px;
  background-size: 26px;
}
/*Subpage Breadcrumb*/

.breadcrumbs a:hover,
.breadcrumbs a b {
  color: #c22a22;
}