/* Base (Keep top) */
/* Base Colours */
/* Template Colour Scheme */
/* Primary Colours */
/* Primary Colours */
/* Secondary Colours */
/* Secondary Colours */
/* Custom Content Colours */
/* Custom Content Colours */
/* Template Colour Scheme */
/* / Base Colours */
/* Fonts */
/* Fonts */
/* Widths */
/* Widths */
/* Alignment & Positions */
/* Alignment & Positions */
/* Padding & Margins */
/* Padding & Margins */
/* Font */
/* Font */
/* Shadows , Radius' & Others */
/* Shadows , Radius' & Others */
/* Lists & Borders  */
/* Lists */
@import url("https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
body {
  overflow-x: hidden;
  font-family: 'Open Sans', sans-serif; }

/* Libre Baskerville */
/* Libre Baskerville */
/* Open Sans */
/* Open Sans */
/* Headings  */
h1 {
  color: #0a1a54;
  font-family: 'Libre Baskerville', serif; }

h2 {
  font-family: 'Libre Baskerville', serif; }

h3 {
  font-family: 'Libre Baskerville', serif; }

h4 {
  font-family: 'Libre Baskerville', serif; }

h5 {
  font-family: 'Libre Baskerville', serif; }

h6 {
  font-family: 'Libre Baskerville', serif; }

/* Headings */
.row {
  max-width: 68rem; }

/* Paragraphs , Lists , Strong etc */
p {
  color: #676666; }

ul {
  list-style: circle; }

ul li {
  color: #676666; }

table tbody tr:first-child {
  background-color: #0a1a54; }

table tbody tr:first-child td {
  color: #fff; }

/* Paragraphs , Lists , Strong etc */
/* Links and Hovers */
a {
  color: #0a1a54;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  cursor: pointer !important; }

a:hover {
  color: #132d75; }

a:active {
  color: #132d75; }

/* Links and Hovers */
/* Buttons */
.button {
  background: #0a1a54;
  color: #fff !important; }

.button:hover {
  background: #cdcdff; }

/* Buttons */
/* Images */
img {
  max-width: 100%; }

/* Quotes */
blockquote {
  padding: 16px;
  background: ghostwhite;
  border-left: 16px solid #d1bb1c;
  border-right: 2px solid #d1bb1c;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

/* Quotes */
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

.wpcf7-submit {
  background: #0a1a54 !important;
  border: 0px;
  padding: 10px !important;
  color: #fff; }

/* =WordPress Core
-------------------------------------------------------------- */
/* Base (Keep top) */
/* Layout Styles */
.website-navigation-wrapper {
  background-color: #0a1a54;
  border-bottom: 4px solid #cdcdff;
  padding: 1.6rem 0rem;
  position: relative;
  z-index: 999 !important; }

.facebook-tab {
  z-index: 999 !important;
  position: absolute;
  top: 180px;
  right: 0px;
  max-width: 60px; }

.calendar-tab {
  z-index: 999 !important;
  position: absolute;
  top: 250px;
  right: 0px;
  max-width: 60px; }

.menu .active > a {
  color: #d1bb1c !important;
  border-bottom: 2px solid #d1bb1c;
  background-color: transparent;
  font-weight: bold; }

.site-logo {
  max-width: 140px;
  margin-bottom: -100px;
  margin-top: -16px;
  position: relative;
  z-index: 999;
  left: 32px; }

.topbar-center-logo {
  background-color: #0a1a54; }

.topbar-center-logo .menu {
  background-color: #0a1a54; }

.topbar-center-logo .menu a {
  color: #fff; }

.topbar-center-logo .top-bar-center {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.off-canvas {
  background-color: #0a1a54; }
  .off-canvas .close-button {
    position: relative;
    color: #d1bb1c;
    width: 100%;
    text-align: right;
    margin-bottom: 16px;
    font-size: 40px; }
  .off-canvas ul li a {
    color: #fff !important; }
  .off-canvas .menu .active > a {
    border-bottom: 0px !important; }

@media screen and (max-width: 39.9375em) {
  .topbar-center-logo .top-bar-center {
    display: none; } }
.topbar-center-logo-mobile {
  background-color: #0a1a54; }

.topbar-center-logo-mobile .menu-icon {
  vertical-align: text-top; }

/* Footer */
.footer {
  padding: 3rem 1rem;
  background: #0a1a54; }

.footer h3 {
  color: #cdcdff;
  font-weight: bold;
  margin-bottom: 1.6rem; }

.footer ul {
  list-style: none;
  margin-left: 0rem; }

.footer ul li {
  color: #fff; }

.footer a {
  color: #fff; }

.footer ul li a:hover {
  color: #0a1a54 !important; }

.footer p {
  color: #fff !important;
  margin-bottom: 0px; }

.footer-bottom {
  padding: 0.4rem;
  background-color: #0a1a54;
  border-bottom: 4px solid #cdcdff; }

.footer-bottom a {
  color: #fff !important; }

.footer-bottom a:hover {
  color: #fff !important; }

.footer-bottom .border-top {
  border-top: 1px solid #cdcdff;
  padding: 1.6rem 1rem; }

.footer-bottom-links {
  display: none !important; }

.find-us {
  margin-top: 10px; }
  .find-us a {
    color: #cdcdff !important; }

.academy-information {
  margin-top: 2rem;
  opacity: 0.6; }

/* Footer */
.home-header {
  height: 78vh;
  background-color: #676666;
  position: relative; }
  .home-header .school-motto {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 800; }
    .home-header .school-motto h1 {
      color: #fff !important;
      margin-bottom: 32px; }
    .home-header .school-motto .down-arrow {
      margin-bottom: -30px; }
    .home-header .school-motto .grid-container {
      max-width: 42rem; }
  .home-header .top-fade {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%; }
  .home-header .top-cross {
    position: absolute;
    bottom: 0px;
    right: 0px; }

.welcome-from-ht {
  padding: 6rem 1rem;
  background: #fff; }
  .welcome-from-ht h1 {
    margin-bottom: 2rem; }
  .welcome-from-ht p {
    margin-bottom: 0rem;
    max-width: 50rem;
    margin: 0 auto;
    font-size: 1.2rem;
    lune-height: 2.4rem; }
  .welcome-from-ht .button {
    margin-top: 3.2rem; }
  .welcome-from-ht .trust-logos {
    margin-top: 2rem; }

.latest-news {
  background-color: #0a1a54;
  padding: 8rem 1rem;
  background-image: url("../img/newscross.png");
  background-position: left;
  background-repeat: no-repeat; }
  .latest-news .arrows-holder {
    position: relative; }
  .latest-news img {
    max-width: 60px; }
  .latest-news .slideLeft {
    transform: rotate(90deg);
    cursor: pointer; }
  .latest-news .slideRight {
    margin-left: 8px;
    transform: rotate(-90deg);
    cursor: pointer; }
  .latest-news h1 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 2rem; }
  .latest-news .callout {
    position: relative;
    min-height: 400px;
    margin: 1rem;
    background-color: #676666;
    background-position: bottom right;
    background-repeat: no-repeat;
    border: 0px !important;
    background-size: cover;
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.32); }
    .latest-news .callout .foot {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      padding: 1.4rem;
      z-index: 999; }
      .latest-news .callout .foot h5 {
        color: #fff;
        font-weight: bold;
        margin-bottom: 0px;
        background-color: #d1bb1c;
        padding: 0.6rem;
        float: left;
        display: block;
        margin-bottom: 10px; }
      .latest-news .callout .foot p {
        color: #fff !important;
        margin-bottom: 0px !important;
        float: left;
        width: 100%;
        display: block; }
      .latest-news .callout .foot a:hover {
        text-decoration: underline; }
    .latest-news .callout .fade {
      position: absolute;
      bottom: 0px;
      left: 0px;
      max-width: 100%;
      z-index: 8;
      width: 100%; }

.block-links {
  padding: 6rem 2rem; }
  .block-links .cell {
    padding: 0rem; }
    .block-links .cell .callout {
      border: 0px; }
  .block-links .slick-slider {
    margin-bottom: 0px !important; }
  .block-links .callout {
    margin-bottom: 0rem;
    padding: 3.2rem 2rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
    .block-links .callout img {
      margin-bottom: 1.6rem; }
    .block-links .callout h4 {
      font-weight: bold;
      color: #fff; }
  .block-links .prince-bishop {
    margin-top: 3.2rem; }

.violet {
  background-color: #cdcdff; }

.yellow {
  background-color: #d1bb1c; }

.navy {
  background-color: #0a1a54; }

.second-school-motto {
  background-size: cover;
  background-position: right top;
  background-repeat: no-repeat;
  padding: 8rem 1rem; }
  .second-school-motto .callout {
    border: 0px;
    margin-bottom: 0px;
    padding: 3.2rem 2rem;
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 4px rgba(0, 0, 0, 0.2);
    background-color: rgba(10, 26, 84, 0.8); }
    .second-school-motto .callout h2 {
      color: #fff;
      font-weight: bold;
      line-height: 4.4rem !important; }
      .second-school-motto .callout h2 span {
        color: #d1bb1c; }

.accreditation-logos {
  background-color: #fff;
  padding: 2rem 1rem; }

.accreds-slider {
  margin-bottom: 0px !important; }
  .accreds-slider img {
    margin: 0 auto;
    max-width: 220px; }

/* Tile Area */
/* page */
.page-wrapper {
  background: #fff;
  padding: 1rem;
  padding-bottom: 2rem; }

/* page */
/* Page Content */
.page-content {
  padding: 1rem;
  padding-top: 2rem !important;
  background: #fff;
  border-bottom-left-radius: 26px; }
  .page-content h1 {
    font-weight: bold; }
  .page-content a {
    color: #0a1a54; }
  .page-content .breadcrumbs a {
    color: #676666;
    opacity: 0.6; }
  .page-content .breadcrumbs .current-page {
    color: #0a1a54;
    opacity: 1; }
  .page-content .breadcrumbs span {
    color: #d1bb1c; }

.sub-header {
  position: relative; }

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: left; }

/* Page Content */
/* Sidebar */
/* In this section */
.section-menu {
  background-color: #0a1a54;
  border: 0px !important;
  margin-top: -60px;
  background-image: url("../img/sidemenucross.png");
  background-position: right bottom;
  background-repeat: no-repeat; }
  .section-menu h3 {
    color: #d1bb1c;
    font-weight: bold;
    padding: 1rem;
    padding-bottom: 0.6rem !important; }
  .section-menu ul {
    list-style: none;
    margin-left: 0px !important; }
  .section-menu li {
    padding: 0.6rem 1.2rem !important;
    transition: all 300ms;
    -webkit-transition: all 300ms; }
  .section-menu li:hover {
    background: #d1bb1c;
    color: #fff; }
  .section-menu li a {
    color: #fff !important; }
  .section-menu li a:hover {
    color: #fff !important; }

.side-tab {
  margin-bottom: 16px; }

/* In this section */
/* Sidebar */
@media (max-width: 1280px) {
  .top-cross {
    max-width: 360px; } }
@media (max-width: 1100px) {
  .site-logo {
    max-width: 120px; } }
@media (max-width: 1040px) {
  .section-menu {
    margin-top: 0px !important; } }
@media (max-width: 1024px) {
  .site-logo {
    left: 0px; }

  .home-header {
    height: 68vh; }

  .latest-news {
    padding: 4rem 1rem !important; }
    .latest-news h1 {
      font-size: 2.4rem; }

  .block-links .callout img {
    max-width: 120px !important; }

  .welcome-from-ht h1 {
    font-size: 2.4rem; }

  .second-school-motto .callout h2 {
    font-size: 1.6rem !important;
    line-height: 3.6rem !important; } }
@media (max-width: 900px) {
  .top-cross {
    display: none; }

  .block-links .callout {
    padding: 2rem !important; }
    .block-links .callout img {
      max-width: 80px !important; } }
@media (max-width: 780px) {
  .block-links .callout h4 {
    font-size: 1.28rem; } }
@media (max-width: 660px) {
  .block-links .cell .callout {
    height: auto !important; }

  .footer-bottom {
    font-size: 0.8rem; } }
@media (max-width: 640px) {
  .page-wrapper {
    padding: 0rem; }

  .footer h3 {
    margin-top: 2rem; }

  .block-links {
    padding: 3rem 1rem; }

  .welcome-from-ht h1 {
    font-size: 1.6rem; }

  .latest-news h1 {
    font-size: 1.6rem; }

  .latest-news img {
    max-width: 36px; }

  .website-navigation-wrapper {
    padding: 0.4rem 0rem !important;
    padding-top: 0.8rem !important; }


  .site-logo {
    max-width: 100px;
    margin-top: -36px; }

  .home-header {
    min-height: 420px; }

  .menu-bar {
    padding: 1rem !important; }

  .logo-bar {
    text-align: center !important; }

  .logo-bar-right {
    text-align: center !important; } }
/* Layout Styles */

/*# sourceMappingURL=itchyrobot.css.map */