@import url("http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,300");
@import url("../apps/js/polls/polls-pack.html");
html {
  background: url("../pics/html_bg.jpg") top center repeat #525252;
  background-size: 100%;
}

body:before {
  background: url("../pics/body_bg.jpg") repeat-x top center;
  border-top: 46px #03317d solid;
}

body #header_title a {
  font-size: 48px;
  background-image: url("../pics/logo.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 160px auto;
}

@media screen and (min-width: 768px) {
  body #header_title a {
    background-position: left center;
  }
}

@media screen and (min-width: 1024px) {
  body #header_title a {
    font-size: 60px;
  }
}

@media screen and (min-width: 1350px) {
  body #header_title a {
    font-size: 80px;
  }
}

body #topbar_nav #social_nav a:hover svg {
  fill: #0444af;
}

body #topnav .first:hover > header a,
body #topnav .first:hover .third:hover header a,
body #topnav .first:hover .level a:hover {
  background: #0444af;
}

@media screen and (min-width: 1024px) {
  body #topnav .first > header a {
    padding: 0 9px;
  }
  body #topnav .first:hover > header a {
    position: relative;
    background: transparent;
    color: #bdbdbd;
  }
}

@media screen and (min-width: 1350px) {
  body #topnav .first > header a {
    padding: 0 9px;
  }
}

body .pagetitle {
  color: #0551d0;
}

body .right-column-page-navigation li.active a {
  background: #0551d0;
}

body .content-container .section-title {
  color: #0551d0;
}

body .content-container .section-title:before {
  background: #0551d0;
}

body .content-container .read-more-link {
  color: #0551d0;
}

body .content-container a {
  color: black !important;
}

body .content-container [class*="-name"] a {
  color: #0551d0;
}

body #events_container .event-date {
  background: #0551d0;
}

body #spotlight_container {
  background: linear-gradient(rgba(5, 81, 208, 0.7), rgba(5, 81, 208, 0.7)), url("../pics/spotlight_bg.jpg") bottom -375px center repeat-x;
}

body #bbmessages_container a {
  color: #0551d0;
}

body #spotlight_container_2 .spotlightmessage-text {
  color: #0551d0;
}

body #links_container .links-list .item-name {
  margin: 0.05em 0;
}

body #footer_main {
  width: 100%;
  height: auto;
  background: url("../pics/footer_bg.jpg") repeat top center;
}

body #footer_main #footer_inner {
  position: relative;
  width: 100%;
  max-width: 1024px;
  height: auto;
  margin: 0 auto;
}

body #footer_main #footer_inner {
  background: transparent;
}

body #footer_address_title {
  height: 240px;
  background-image: url("../pics/Distinguished_Schools.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 300px auto;
}

@media screen and (min-width: 768px) {
  body #footer_address_title {
    background-size: 420px auto;
    height: 160px;
  }
}

@media screen and (min-width: 1024px) {
  body #footer_address_title {
    height: 220px;
    background-size: 600px auto;
  }
}

body #mobile_nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background: #0551d0;
}

body #mobile_nav a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: .75em;
  text-decoration: none;
  color: white;
}

body #mobile_nav a svg {
  width: 28px;
  height: 28px;
  margin-bottom: 5px;
  fill: white;
}

body #mobile_nav a:hover {
  color: black;
}

body #mobile_nav a:hover svg {
  fill: black;
}

@media screen and (min-width: 768px) {
  body #mobile_nav {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #footer_main {
    padding-bottom: 64px;
  }
}

body .slick-list {
  margin: 0 30px 15px;
}

@media screen and (min-width: 768px) {
  body .slick-list {
    margin: 0;
  }
}

body .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}

body .slick-slide {
  height: auto;
  outline: none;
}

body .slick-arrow {
  position: absolute;
  top: 40%;
  width: 23px;
  height: 63px;
  margin-top: -24px;
  color: transparent;
  background-color: transparent;
  border: none;
  outline: none;
}

body .slick-arrow:hover {
  cursor: pointer;
  outline: none;
}

body .slick-prev {
  left: 0.8em;
  background: url("../pics/prev_button.png") center no-repeat rgba(5, 81, 208, 0.7);
  z-index: 9;
}

body .slick-next {
  right: 0.8em;
  background: url("../pics/next_button.png") center no-repeat rgba(5, 81, 208, 0.7);
  z-index: 9;
}

#board_district_button {
  display: block !important;
  width: 100%;
}

#board_button {
  background-color: white;
  color: #0551d0;
  text-decoration: none;
  width: 20%;
  padding: 5px;
  border-radius: 6px;
}

#board_button:hover {
  color: white;
  background-color: #0551d0;
}

@media screen and (max-width: 767px) {
  #board_district_button {
    display: block !important;
    width: 50%;
  }
  #topbar_nav {
    flex-wrap: none !important;
    height: 72px !important;
  }
  #school_selector_mobile {
    display: none !important;
  }
  body:before {
    border-top: 75px #03317d solid;
  }
  #topnav_holder {
    top: 112px !important;
  }
}