/* SITE CORE STYLES
=================== */
html {
  font-size: 70%;
  background: #fff;
}

body {
  background: #fff;
}


/* Typography
 ============ */
h2, .xlarge {
  font-size: 1.9rem;
  line-height: 1.3;
}

h3, .large {
  font-size: 1.8rem;
  line-height: 1.2;
}

h4, .medium {
  line-height: 1.3;
}

/* Custom Audio
===============*/

.audioplayer {
  display: none;
}

/* Website Struture
=================== */
.main-header {
  height: 160px;
  background: url(logo.jpg) center no-repeat #fff;
}

.awards-links {
  display: none;
  padding: 20px 0px;
}

/* Home link within the header should be across whole of header */
.home-link {
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  top: 6px;
  margin: 0 auto;
   /* Remove the border - Only present for visability */
}

.school-name {
  display: none;
}

.content-container {
  padding: 20px 15px 20px;
  background: #fff;
}


/* Breadcrumbs
============== */
.breadcrumbs {
  padding: 10px 0;
}


/* Page Title
============= */
.page-title {
  width: 100%;
  padding: 2px 15px;
  margin-left: -15px;
}


/* Footer
========= */
footer {
  height: 467px;
}


/* Responsive Navigation
======================== */
.responsive-bar {
  background: #fff;
}

.main-nav {
  background: #fff;
}

.main-nav h2 {
  border-color: #C8C8C8;
}

.responsive-bar,
.website-navbar-toggle:before,
.main-nav,
.main-nav h2 {
  color: #6d1818;
  font-weight: bold;
}

.main-nav a {
  color: #6d1818;
}

.main-nav a:focus,
.main-nav a:hover {
  color: #fff;
  background: #6d1818;
}


/* Back Arrow and Closing Navigation */

.main-nav .close-mobile-nav,
.main-nav .ps_activate-main-nav {
  color: #6d1818;
}

.main-nav .close-mobile-nav:focus,
.main-nav .close-mobile-nav:hover,
.main-nav .ps_activate-main-nav:focus,
.main-nav .ps_activate-main-nav:hover {
  color: #747474;
}

.custom-audio {
  display: none;
}

/* Log in Link (Responsive Menu)
================================ */
.login-responsive a {
  color: #fff;
  background: #747474;
}

.login-responsive a:focus,
.login-responsive a:hover {
  color: #fff;
}


/* Class Pages
==============*/

.class-pages {
  top: 20px;
}

.class-page-nav {
  width: 350px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
}

.class-page-nav li ul li a {
  width: 100px;
  height: 75px;
}

.class-pages-page .home-text {
  margin-bottom: 20px;
}

.class-pages-page .home-text h1 {
  width: 115px;
  margin-bottom: 20px;
}

/* Quick Links 
==============*/

.quicklinks {
  top: 40px;
  position: relative;
  width: 240px;
  margin: 0 auto;
}

.quicklinks li:nth-child(4),
.quicklinks li:nth-child(5),
.quicklinks li:nth-child(6) {
  display: none;
}

/* School Address 
==================*/

.school-address {
  text-align: center;
  padding: 0px 75px;
}

/* Policy & PrimarySite Link
============================ */
.footer-links {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.footer-links ul {
  text-align: center;
  float: none;
}

.footer-left {
  margin-bottom: 10px;
}

.footer-links li {
  margin: 0;
}
/* Icon Page Styles
=================== */
.icon-box {
  padding: 0 0 40px 0;
  margin: 0 auto;
  list-style-type: none;
  overflow: hidden;
}

.icon-box li {
  display: inline; /* Fix IE Double-margin Float bug */
  font-weight: bold;
  text-align: center;
  word-wrap: break-word;
  overflow: hidden;
}

.icon-box a {
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
}

/* School Menu topic page
========================= */
.school-menu {
  width: 90%;
  margin: 0 auto;
}
.school-menu a {
  width: 150px; /* Button width minus left and right padding */
  height: 47px; /* Button height minus top and bottom padding */
  padding: 150px 0px 0px;  /* To Position plain text within the button */
  margin: 25px 15px 10px;
  background-image: url(icon.png); /* Default Icon Also Required */
}
.school-menu a:focus,
.school-menu a:hover {
  background-position: right top;
}

/* activities-the-week topic page
========================= */
.activities-the-week {
  width: 90%;
}
.activities-the-week a {
  width: 150px; /* Button width minus left and right padding */
  height: 47px; /* Button height minus top and bottom padding */
  padding: 150px 0px 0px;  /* To Position plain text within the button */
  margin: 25px 15px 10px;
  background-image: url(icon.png); /* Default Icon Also Required */
}
.activities-the-week a:focus,
.activities-the-week a:hover {
  background-position: right top;
}


/* Additional Media Queries (Images etc.)
========================================= */
@media (max-width: 640px) {

  .main-header {
    height: 144px;
    background: #fff url(logo.jpg) center top no-repeat;
  }

  .awards {
    display: none;
    /* background: url(awards-320px.jpg) center no-repeat;
    height: 280px; */
  }

  footer {
    height: 397px;
  }

  .class-pages {
  width: 280px;
  }

  .class-pages li {
    padding-bottom: 10px
  }

  .class-pages li a {
    font-size: 2.6rem;
  }

  .school-address {
    padding: 0px;
    font-size: 1.4rem;
  }

}