@charset "UTF-8";
/* #### Generated By: http://www.cufonfonts.com #### */
.btn {
  border-radius: 0;
}

@font-face {
  font-family: "Colfax Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Colfax Regular"), url("https://tidewater.ibcdn.nz/font/Colfax-Regular.woff") format("woff");
}
@font-face {
  font-family: "Colfax Regular Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Colfax Regular Italic"), url("Colfax-RegularItalic.woff") format("woff");
}
@font-face {
  font-family: "Colfax Thin";
  font-style: normal;
  font-weight: normal;
  src: local("Colfax Thin"), url("https://tidewater.ibcdn.nz/font/Colfax-Thin.woff") format("woff");
}
@font-face {
  font-family: "Colfax Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Colfax Bold"), url("https://tidewater.ibcdn.nz/font/Colfax-Bold.woff") format("woff");
}
html,
.root {
  font-size: 13px;
  line-height: 29px;
}

body {
  background-color: #fff;
  font-family: "Colfax Regular";
  -webkit-animation: fadein 2s;
  animation: fadein 2s;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
hr, .hr {
  border: 1px solid;
  margin: -1px 0;
}

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

blockquote:before {
  color: #ccc;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

/* buttons */
.btn-outline-primary {
  color: #204593;
  background-color: none;
  border-color: #204593;
  border-radius: none;
}

.btn-primary:hover {
  color: #333;
  background-color: none;
  border-color: #000;
  border-radius: none;
}

/*  LAYOUT   */
#ADIMN_toolobar {
  position: relative !important;
  height: 5em;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 2px 0;
  background: rgba(0, 0, 0, 0.6);
  /* z-index: 1000; */
  text-transform: uppercase;
  font-size: 0.2rem;
  line-height: 1.5rem;
  color: #ffffff;
}

img {
  max-width: 100%;
  height: auto;
}

div.rc-header {
  display: none;
  background-color: #428EB5;
  font-family: "Colfax Bold";
}

/*HOME PAGE */
.rc-header-motto1 {
  font-size: 1.8em;
  color: #027EFF;
  font-weight: 500;
  margin-left: auto;
  font-weight: 400;
  text-transform: uppercase;
}

.rc-header-motto {
  font-size: 1.8em;
  color: #027EFF;
  font-weight: 500;
  margin-left: auto;
  font-weight: 400;
  font-style: italic;
}

.page_title h2 {
  font-family: "Colfax Bold";
  color: #a0c7dc;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 0.8em;
}

.hero-banner {
  position: relative;
  color: #ffffff;
  height: 200px;
  background: #464646;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.no-hero {
  position: relative;
  color: #ffffff;
  height: 60px;
}

#tw-hero-slider {
  margin-top: -6em;
}

.carousel-inner2 {
  height: 50px;
  justify-content: center;
}

.promo {
  margin-top: 30px;
}

.home-news-container {
  padding-top: 0;
  background-position: right top;
  background-repeat: no-repeat;
}

.home-news-title {
  padding: 10px;
}

.home-news-title h3 {
  font-size: 1.8rem;
  margin-left: auto;
  margin-right: auto;
  color: #204593;
}

.home-news {
  display: flex;
  flex-direction: row;
  /*desk*/
  flex-direction: column;
  margin-bottom: 30px;
}

.home-news-item {
  flex: 1 0 21%;
  /* explanation below */
  box-sizing: border-box;
  object-fit: cover;
  background-color: #ccc;
  display: block;
  height: 250px;
  /*desk*/
  height: 180px;
  background-size: cover;
  flex-wrap: row;
}

.home-news-item-port {
  flex: 1 0 21%;
  /* explanation below */
  box-sizing: border-box;
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: #000;
  height: 250px;
  /*desk*/
  height: 180px;
}

.home-news-item-text {
  flex: 1 0 21%;
  /* explanation below */
  box-sizing: border-box;
  background-color: #449B23;
  color: #fff;
  padding: 10px;
}

.fade {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
  line-height: 2em;
  text-decoration: none;
}

.fade:hover {
  padding: 5px;
  opacity: 1;
  line-height: 2em;
  text-decoration: none;
}

.home-news-item, .home-news-item-port, .home-news-item-text {
  position: relative;
  display: block;
  border-left: 2px #fff solid;
  border-top: 2px #fff solid;
}

.home-news-item img {
  width: 100%;
  height: 200px;
}

.news-block .postion-absolute {
  /* position: absolute;*/
  /* top: 10; left: 0; right: 0; bottom: 0;*/
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #ffffff;
  background: rgba(2, 126, 255, 0.7);
  text-decoration: none;
}

.text-only {
  line-height: 1.5em;
}

a.news-block {
  text-decoration: none;
  color: #fff;
}

.news-block span {
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  padding: 10px;
  background-color: #027b1c;
  opacity: 0.8;
}

.global-news-block {
  background-color: #fff;
  height: 450px;
}

.global-news-intro {
  line-height: 1.7470588rem;
  margin-bottom: 1.8470588rem;
}

/*DESKTOP NAV*/
.desktop-head {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  z-index: 2;
  top: 0px;
  z-index: 2;
  display: none;
  /*  background-color: #204593;*/
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN06ttaDwAEpQIGKwdDPQAAAABJRU5ErkJggg==);
  align-items: center;
  align-content: space-around;
}

div.desktop_nav_container {
  width: 100%;
  border-bottom: 1px #fff solid;
  display: flex;
  justify-content: center;
  font-size: 2rem;
  color: #fff;
}

div.rc-nav-controler {
  padding: 10px;
  font-family: "Colfax Bold";
  display: flex;
  width: 40%;
  align-items: center;
  justify-content: space-between;
  border-right: 1px #fff solid;
}

div.rc-nav-controler a {
  color: #fff;
  text-decoration: none;
  font-family: "Colfax Bold";
}

a.menu-button {
  font-size: 1.3rem;
  text-transform: uppercase;
  margin-right: auto;
  text-decoration: none;
  font-family: "Colfax Thin";
  color: red;
}

ul.desktop-nav {
  color: #fff;
  margin-left: auto;
  display: flex;
  width: 60%;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  line-height: 1em;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0px;
  flex-shrink: 0;
}

.desktop-nav > li {
  position: relative;
  text-align: center;
  list-style-type: none;
  margin: 0;
  flex: 1;
  padding: 10px;
  font-size: 1rem;
  font-weight: 500;
}

.homepage .desktop-nav > li.nav-item-8192 {
  display: none;
}

.desktop-nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  line-height: 1.3em;
  transition: 2s;
  letter-spacing: 1.5px;
}

.desktop-nav > li:hover {
  background-color: #266193;
  transition: 2s;
}

.desktop-nav a:hover:parent {
  background-color: #266193;
  transition: 2s;
}

/*  SMART STUFF */
.organizer {
  display: flex;
  flex-direction: column;
}

.mob-toc-container {
  order: 1;
}

.page_title {
  order: 2;
}

/*DESKTOP NAV*/
.desktop_nav_container {
  display: none;
}

.title-bar {
  display: none;
}

.footer-links {
  display: none;
}

/*HOME PAGE LOGO STUFF*/
div.logo-bar-wrap {
  position: fixed;
  top: 145px;
  left: 0;
  right: 0;
  background: #ffffff;
  z-index: 100;
}

div.logo-bar {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  align-items: center;
  color: #4E4D4D;
  margin-bottom: 30px;
  margin-top: 30px;
  overflow: visible;
}

/*mob*/
/*
.mob_nav_container {height:400px; overflow: hidden; overflow-y: auto;}*/
a.parent-teacher-interviews {
  display: block;
  margin-top: 20px;
  padding: 10px;
  font-size: 0.8rem;
  background-color: #95C3E0;
  color: #fff;
  text-align: center;
  transition: 0.9s;
  height: 50px;
}

a.parent-teacher-interviews img {
  display: none;
}

a.parent-teacher-interviews:hover {
  text-decoration: none;
  background-color: #FEC858;
  transition: 0.9s;
}

div.info-div {
  margin-top: 50px;
}

/* Secondary TOC */
info-div {
  margin-top: 50px;
}

ul.secondary-toc {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  border-radius: 3px;
  margin-bottom: 20px;
}

.info-header h3 {
  font-size: 1.5rem;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0em;
  font-style: italic;
  color: #333;
}

ul.secondary-toc li {
  flex: 1;
  list-style: none;
  background-color: #a0c7dc;
}

ul.secondary-toc > li {
  list-style-type: none;
  margin: 0 0;
  flex: 1;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 10px;
  /* border-bottom: #fff 1px solid;*/
  font-style: italic;
  color: #333;
}

ul.secondary-toc > li.last {
  border-bottom: none;
  text-align: center;
}

ul.secondary-toc > li.info-header {
  padding: 15px;
  border-radius: 3px 3px 0px 0px;
  color: #333;
  text-transform: uppercase;
}

ul.secondary-toc > li.info-footer {
  border-bottom: none;
  padding: 15px;
}

.secondary-toc a {
  color: #333 !important;
  text-decoration: none !important;
  display: block;
  line-height: 1.2em;
}

.secondary-toc a:hover {
  color: #fff !important;
  text-decoration: none !important;
  display: block;
  line-height: 1.2em;
}

.secondary-toc > li.contents:hover {
  background-color: #0e3772;
  color: #fff !important;
  transition: 0.9s;
}

/* HOME EVENTS */
info-div {
  margin-top: 50px;
}

div.home-events {
  padding: 0;
  border-radius: 3px;
  margin-bottom: 30px;
}

.home-event {
  list-style: none;
  background-color: #77BD79;
  min-height: 80px;
  margin: 0;
  padding: 10px;
  border: #fff 1px solid;
}

.home-event > a {
  color: #000 !important;
  text-decoration: none !important;
  line-height: 1.2em;
}

.home-event > a:hover {
  background-color: #037A1D;
  color: #fff !important;
  transition: 0.9s;
}

.carousel-item .img-fluid {
  width: 100%;
}

.full-size .carousel-item .img-fluid {
  height: 100%;
}

/*CONTENT*/
img.intro-image {
  margin-bottom: 30px;
}

div.rc-content {
  margin-top: 80px;
  min-height: 800px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/*
h4:first-of-type {
  font-size: 1.2em;
margin-top: 0em;
margin-bottom: 1.2em;
font-weight: 700;
}


*/
div.rc-content a:not(.btn) {
  color: #204593;
  text-decoration: underline;
  font-weight: 400;
}

div.rc-content a:hover:not(.btn) {
  color: #000;
  text-decoration: underline;
}

.form_error,
p.form_error,
.text-error {
  color: red;
  margin: 0;
  padding: 0;
}

div.content_mosaic {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.content_mosaic a > img {
  display: block;
  width: 200px;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  margin-right: 10px;
  margin-bottom: 10px;
}

@supports (display: grid) {
  div.content_mosaic {
    display: -ms-grid;
    display: grid;
    grid-gap: 2px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 150px;
    grid-auto-flow: dense;
  }

  .content_mosaic a > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
    z-index: -1;
  }
}
span.view {
  position: absolute;
  font-size: 0.7rem;
  color: #fff;
  bottom: 1;
  left: 1;
  padding: 10px;
  background: black;
  /* fallback color */
  background: rgba(0, 0, 0, 0.5);
  z-index: 133;
}

/*NEWS*/
ol.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0rem 0rem;
  margin-bottom: 10px;
  list-style: none;
  background-color: #ccc;
  align-items: center;
  font-size: 0.8rem;
  line-height: 1rem;
  border-radius: 0;
  color: #333;
  padding: 10px;
}

ol.breadcrumb li {
  line-height: none;
}

.global-news-article-title {
  font-size: 2.5rem;
}

span.global-view {
  position: absolute;
  font-size: 0.7em;
  color: #fff;
  bottom: 1;
  left: 1;
  padding: 10px;
  background: black;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

div.news-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  min-height: 400px;
  max-height: 400px;
  margin-bottom: 30px;
  display: block;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #000;
}

div.news-bar {
  display: flex;
  margin-bottom: 10px;
}

div.news-bar .events {
  margin-left: auto;
}

div.news-block {
  border: 1px #ccc solid;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 450px;
}

div.news-block h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 0px;
}

.img-block-wrap,
.img-block-wrap:hover {
  color: #343434;
  background: #ffffff;
  box-shadow: 0 2px 4px #ddd;
  text-decoration: none;
}

.img-block,
.img-block:hover {
  position: relative;
  display: block;
  height: 180px;
  background: #841b3a;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

div.news-summery {
  padding: 15px;
}

div.news-summery h3 a {
  color: #333;
}

div.global-news-summery-text-only {
  padding: 5em;
  background-color: #027EFF;
  color: #fff;
  height: 100%;
  min-height: 450px;
}

div.news-summery-text-only a {
  color: #ffffff;
}

div.news-nav {
  text-align: center;
  padding: 5px;
  background-color: #ccc;
  margin-bottom: 30px;
}

div.news-nav a {
  text-decoration: none;
  display: block;
  line-height: 1em;
  color: #4E4D4D;
}

.news-nav a:hover {
  color: #8E002D;
  transition: 0.9s;
}

div.news-nav a:hover:parent {
  background-color: #fff;
}

/*NEWS ARTICLE*/
div.news_gallery {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
}

.news_gallery a > img {
  display: block;
  width: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  margin-right: 10px;
  margin-bottom: 10px;
}

@supports (display: grid) {
  div.news_gallery {
    display: -ms-grid;
    display: grid;
    margin-top: 10px;
    margin-bottom: 10px;
    grid-gap: 2px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 150px;
    grid-auto-flow: dense;
  }

  .news_gallery a > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -ms-grid-column-span: 1;
    grid-column: span 1;
    -ms-grid-row-span: 1;
    grid-row: span 1;
  }
}
.table-cc {
  font-size: 0.8rem;
}

.cc1 {
  background-color: #6f8ab1;
  color: #fff;
}

.cc2 {
  background-color: #385623;
  color: #fff;
}

.cc3 {
  background-color: #1f3864;
  color: #fff;
}

.cc4 {
  background-color: #525252;
  color: #fff;
}

div.key {
  display: flex;
  flex-direction: horizontal;
}

div.cc1 {
  width: 20px;
  height: 20px;
}

div.cc2 {
  width: 20px;
  height: 20px;
}

div.cc3 {
  width: 20px;
  height: 20px;
}

div.cc4 {
  width: 20px;
  height: 20px;
}

/*CALENDAR*/
#calendar-filter {
  display: flex;
}

#calendar-filter label {
  flex: 1;
  flex-shrink: 1;
  flex-basis: auto;
}

/*MOB FOOTER*/
div.rc-footer {
  border-top: 1px solid #fff;
  color: #fff;
  display: flex;
  flex-direction: column;
  background-color: #428EB5;
  align-items: center;
  align-content: space-around;
  align-content: center;
  font-size: 0.8rem;
}

img.footlogo {
  align-self: center;
  width: 80px;
  flex: 1;
}

div.foot-left {
  display: flex;
  margin-top: 1em;
  margin-bottom: 0;
  flex-direction: column;
  text-align: center;
  padding: 0;
  list-style-type: none;
}

.foot-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  margin-top: 10px;
  text-align: center;
}

.foot-right {
  color: #fff;
  line-height: 1.5em;
}

/*MOB NAV*/
div.mob_nav_container {
  position: fixed;
  width: 100%;
  z-index: 222;
  top: 0;
}

a.mob-nav-head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5em;
  font-weight: 400;
  color: #fff;
  font-size: 1.5rem;
  text-decoration: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN06ttaDwAEpQIGKwdDPQAAAABJRU5ErkJggg==);
}

.mob-menu-icon {
  margin-left: auto;
  color: #fff;
}

h3 i {
  margin-left: 20px;
  font-size: 0.8em;
}

.fa-phone {
  -webkit-transform: rotate(130deg);
  transform: rotate(130deg);
}

.rotate {
  transition: 5s ease-in-out;
}

.rotate.down {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav_mob {
  display: flex;
  flex-direction: row;
  color: #fff;
  padding: 0px;
  flex-wrap: wrap;
  font-size: 1em;
}

.nav_head {
  background-color: #fff;
  color: #000;
  height: 60px;
  padding: 5px;
}

.nav_mob a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
  text-align: center;
}

.nav_left > li:hover {
  background-color: #333;
}

.nav_right > li:hover {
  background-color: #a0c7dc;
}

.nav_mob a:hover:parent {
  background-color: #000;
}

ul.nav_top {
  display: flex;
  flex-direction: column;
  background-color: #333;
  width: 100%;
}

.nav_top li {
  flex-wrap: nowrap;
}

.nav_top img {
  display: inline-block;
  vertical-align: middle;
}

.nav_left {
  display: flex;
  flex-direction: column;
  background-color: #a0c7dc;
}

.nav_right {
  display: flex;
  flex-direction: column;
  background-color: #8E002D;
  border-left: 1px solid;
}

.nav_mob > ul.nav_top {
  box-sizing: border-box;
  text-align: center;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.nav_mob > ul.nav_left, .nav_mob > ul.nav_right {
  box-sizing: border-box;
  text-align: left;
  flex: 2;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.nav_mob > ul.nav_right {
  flex: 1;
  text-align: left;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.nav_mob > ul > li {
  border-bottom: 1px solid;
  border-color: #fff;
  padding: 10px 10px 10px 15px;
  flex-wrap: nowrap;
}

.nav_mob > ul > li:last-child {
  border-bottom: none;
}

.nav_mob > ul.nav_top > li:last-child {
  border-bottom: none;
  border-bottom: 1px solid;
}

/*MOB TOC*/
.mob-toc-container {
  margin: 1em 1em;
}

a.mob-toc-head {
  display: block;
  justify-content: flex-start;
  align-items: center;
  padding: 0.8em;
  text-align: center;
  background-color: #037A1D;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.2rem;
}

.mob-toc-div {
  display: none;
}

.mob-toc-nav a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-size: 1em;
  line-height: 1.5em;
}

.toc-nav > li:hover {
  background-color: #0e3772;
}

.mob-toc-nav {
  display: flex;
  flex-direction: column;
  background-color: #4E4D4D;
  z-index: 100;
}

.mob-toc > ul.nav_top {
  box-sizing: border-box;
  text-align: center;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.mob-toc-div > ul.mob-toc-nav {
  box-sizing: border-box;
  text-align: left;
  flex: 2;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
}

.mob-toc-div > ul > li {
  border-bottom: 1px solid;
  border-color: #fff;
  padding: 10px 10px 10px 15px;
  flex-wrap: nowrap;
}

.mob-toc-div > ul > li:last-child {
  border-bottom: none;
}

.row-full {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  height: 100px;
  left: 50%;
}

div.tw-lines-toc {
  border-top: 1px #fff solid;
  background-color: #a0c7dc;
  height: 0.3em;
}

div.rc-lines {
  border-top: 1px #fff solid;
  background-color: #428EB5;
  height: 0.3em;
}

div.rc-lines-spacer {
  border-top: 0;
  background-color: #fff;
  height: 0.1em;
}

div.rc-lines-menu {
  border-bottom: 1px #428EB5 solid;
  background-color: #fff;
  height: 0.25em;
}

.rc-page-title {
  align-self: flex-start;
  color: #fff;
  margin-top: 3em;
  background-color: #D1B415;
  font-size: 2rem;
  padding: 0.5em;
  padding-left: 1em;
  background-image: url(https://reporoa.ibcdn.nz/img/vert-lines.svg);
  background-position: top 0 left 0.5em;
  background-repeat: no-repeat;
}

.staff-acc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.panel-heading a:before {
  font-family: "Glyphicons Halflings";
  content: "";
  float: right;
  transition: all 0.5s;
}

.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.news-listing-grid {
  margin-top: 1em;
  margin-bottom: 1em;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: 300px;
  grid-gap: 2em;
}

.news-listing-grid p {
  line-height: normal;
}

a.news-listing-grid-block-image {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: 0.5s;
  border: 1px #ccc solid;
}

a.news-listing-grid-block-image:hover,
a.news-listing-grid-block-image:focus {
  text-decoration: none;
  background-color: #ccc;
  transform: scale(1.02);
}

a.news-listing-grid-block-text {
  display: flex;
  flex-direction: column;
  padding: 1em;
  color: #fff;
  transition: 0.5s;
}

a.news-listing-grid-block-text:hover,
a.news-listing-grid-block-text:focus {
  text-decoration: none;
  background-color: #ccc;
  transform: scale(1);
}

.news-listing-grid-content {
  padding: 0.5em;
}

.news-listing-grid-title {
  font-weight: 700;
}

.news-listing-grid-date {
  display: none;
}

.news-listing-grid-summary {
  background-color: #ccc;
  display: none;
}

.grid-img-port {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
  height: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 3em;
  color: #fff;
}

.fa-play-circle {
  filter: opacity(50%);
}

.grid-img-ls {
  background-size: cover;
  height: 70%;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 3em;
  color: #fff;
}

.grid-news-link {
  display: none;
  padding: 0.5em;
  text-align: center;
}

.news-listing-grid-block-text-readmore {
  background-color: green;
  color: #fff;
  display: block;
  margin-left: auto;
}

.global-news-intro {
  line-height: 2;
  color: #0e3772;
}

.org-posted-date {
  font-size: 0.8rem;
  color: #ccc;
}

.breadcrumb {
  background-color: #fff !important;
  display: none !important;
}

/*******************************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
/*BREAKPOINTS*/
/*******************************************************************************************/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  /* START SMALL */
  /* END SMALL */
}
/*******************************************************************************************/
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  /* START MEDIUM */
  html, .root {
    font-size: 17px;
    line-height: 22px;
  }

  .mob_nav_container {
    display: none;
  }

  .desktop_nav_container {
    display: block;
  }

  .desktop-head {
    display: flex;
  }

  .rc-header {
    display: flex;
    background-color: #428EB5;
  }

  .no-hero {
    position: relative;
    color: #ffffff;
    height: 0px;
  }

  .top-links {
    display: flex;
  }

  .flex-nav {
    display: flex;
  }

  .page_title h2 {
    margin-top: 80px;
    font-weight: 700;
    font-size: 3em;
    margin-bottom: 0.8em;
  }

  .rc-page-title {
    align-self: flex-start;
    color: #fff;
    margin-top: 2em;
    background-color: #D1B415;
    font-size: 3rem;
    padding: 0.5em;
    padding-left: 1em;
    background-image: url(https://reporoa.ibcdn.nz/img/vert-lines.svg);
    background-position: top 0 left 0.5em;
    background-repeat: no-repeat;
  }

  /*desk footer*/
  div.rc-footer {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px;
  }

  div.foot-left {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }

  img.footlogo {
    width: 100px;
    margin-right: 30px;
    flex: none;
  }

  .foot-right {
    margin-left: auto;
    align-items: center;
  }

  .home-news {
    flex-direction: row;
    /*desk*/
  }

  .home-news-item {
    height: 250px;
    /*desk*/
  }

  .home-news-item-port {
    height: 250px;
    /*desk*/
  }

  div.rc-header {
    background-color: #428EB5;
    display: flex;
    padding: 1em;
    align-items: center;
  }

  div.rc-header h2 {
    color: #fff;
    font-weight: 400;
    margin: 0;
    margin-bottom: 0;
  }

  div.rc-header h3 {
    color: #333;
    font-weight: 700;
    margin-left: 30px;
    font-size: 1em;
    margin-top: 0;
  }

  .rc-header-motto {
    font-size: 1em;
    color: #fff;
    letter-spacing: 1px;
  }

  .rc-header-motto1 {
    font-size: 1.8em;
    color: #fff;
    font-weight: 400;
    margin-left: auto;
    margin-top: 0;
    font-family: aglet-sans, sans-serif;
    font-weight: 400;
  }

  /* END MEDIUM */
}
/*******************************************************************************************/
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  /* START LARGE */
  html, .root {
    font-size: 16px;
    line-height: 29px;
  }

  .full-size .carousel-item {
    height: 50vh;
    background-color: red;
  }

  img.home-slides {
    object-fit: cover;
  }

  .hero-banner {
    height: 300px;
    margin-top: -3em;
  }

  .rc-header-motto {
    font-size: 1.4em;
    color: #fff;
    font-weight: 500;
    margin-left: auto;
    font-weight: 400;
    font-style: italic;
  }

  .mob_nav_container {
    display: none;
  }

  .mob-toc-container {
    display: none;
  }

  .feature-image {
    margin-bottom: 50px;
  }

  .toc-nav-left {
    display: none;
  }

  h5.quality-quote {
    margin-top: 0;
  }

  h4.big-quote {
    margin-top: 50px;
    color: #707070;
    font-size: 1.8em;
  }

  a.parent-teacher-interviews {
    display: block;
    margin-top: 20px;
    padding: 10px;
    font-size: 2em;
    background-color: #95C3E0;
    color: #fff;
    text-align: center;
    transition: 0.9s;
  }

  a.parent-teacher-interviews img {
    width: 40px;
  }

  /*HOME SUB MOSAIC NAV BIG*/
  /* END LARGE */
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* START XLARGE */
  .mob_nav_container {
    display: none;
  }

  .mob-toc-container {
    display: none;
  }

  .full-size .carousel-item {
    height: 90vh;
    background-color: pink;
  }

  img.home-slides {
    object-fit: cover;
  }

  /* END XLARGE */
}
/*Calendar STUFF*/
h1.calendar-header {
  font-size: 22px;
}

.checkbox-inline.cal-label-black {
  color: #111111;
  border-bottom: 2px solid #111111;
}

.checkbox-inline.cal-label-green {
  color: #5cb85c;
  border-bottom: 2px solid #5cb85c;
}

.checkbox-inline.cal-label-purple {
  color: #aa00f0;
  border-bottom: 2px solid #aa00f0;
}

.td-cell {
  display: block;
  min-height: 140px;
}

a.calendar-date {
  color: #8E002D;
  position: relative;
  margin: -11px 0 0 -12px;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: #ffffff;
  text-align: center;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.calendar-event {
  font-size: 12px;
  cursor: pointer;
  margin: 0 -0.75rem 2px -0.75rem;
  padding: 2px 0.75rem;
}

.cal-tag-green,
.cal-tag-black,
.cal-tag-purple {
  font-size: 12px;
  padding: 2px 10px;
  border-radius: 5px;
}

.calendar-event.cal-info.cal-green {
  color: #5cb85c;
  border-bottom: 2px solid #5cb85c;
}

.calendar-event.cal-info.cal-black {
  color: #111111;
  border-bottom: 2px solid #111111;
}

.calendar-event.cal-info.cal-purple {
  color: #aa00f0;
  border-bottom: 2px solid #aa00f0;
}

.cal-tag-green,
.checkbox-inline.cal-label-green:hover,
.calendar-event.cal-info.cal-green.active,
.calendar-event.cal-info.cal-green:hover {
  color: #ffffff;
  background: #5cb85c;
}

.cal-tag-black,
.checkbox-inline.cal-label-black:hover,
.calendar-event.cal-info.cal-black.active,
.calendar-event.cal-info.cal-black:hover {
  color: #ffffff;
  background: #111111;
}

.cal-tag-purple,
.checkbox-inline.cal-label-purple:hover,
.calendar-event.cal-info.cal-purple.active,
.calendar-event.cal-info.cal-purple:hover {
  color: #ffffff;
  background: #aa00f0;
}

/*DESKTOP menu*/
div.desktop-menu-container {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 100;
  display: none;
  /*background-color: #fff;*/
}

.inner-menu-container {
  display: flex;
  flex-direction: column;
}

ul.desktop-menu {
  width: 100%;
  color: #fff;
  display: flex;
  background-color: #fff;
  border-bottom: 1px #fff solid;
  border-right: 1px #fff solid;
  font-size: 1em;
  padding: 0;
  line-height: 1em;
  font-weight: 700;
  margin-bottom: 0;
  background-color: #fff;
}

.desktop-menu li.parents {
  position: relative;
  width: 100%;
  border-left: 1px #fff solid;
  text-align: center;
  list-style-type: none;
  margin: 0;
  background: #fff;
  font-weight: 400;
  padding: 0;
  border-left: 1px #ccc solid;
}

div.menu-head {
  display: flex;
  list-style-type: none;
  flex-direction: column;
  font-family: "Colfax Bold";
}

.menu-title {
  display: block;
  padding: 20px;
  font-size: 1.2em;
  font-style: italic;
}

.desktop-menu a {
  color: #000;
  text-decoration: none;
  display: block;
  line-height: 2em;
}

ul.children {
  background-color: #fff;
  min-height: 150px;
  margin-bottom: 0;
}

ul.children:not(:first-child) {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding-left: 0;
  line-height: 2em;
}

ul.children li {
  text-align: left;
  text-decoration: none;
  transition-duration: 0.5s;
  background-color: #fff;
  list-style-type: none;
  margin: 0;
  font-weight: 400;
  color: #204593;
  padding-left: 20px;
}

ul.children li a:hover {
  color: #449B23;
  transition: 1s;
}

div.menu-footer {
  display: flex;
  align-items: center;
  background-color: #ccc;
  /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN0ma1cDwADsAGD2gNsTgAAAABJRU5ErkJggg==);*/
  color: #fff;
  width: 100%;
  padding: 1em;
  border-bottom: 1px #FFF solid;
}

div.menu-footer a {
  color: #fff;
}

div.menu-footer-left {
  margin-left: auto;
  width: 50%;
  display: flex;
  color: #fff;
  font-weight: 700;
}

div.menu-footer-left h4 {
  margin: 0 0;
  color: #fff;
  font-weight: 700;
}

div.menu-footer-right {
  display: flex;
  margin-right: auto;
  width: 50%;
  justify-content: flex-end;
  font-size: 1em;
  align-items: center;
}

div.menu-footer-right i {
  margin-left: 20px;
}

div.blur-me {
  align-self: flex-end;
  height: 150vh;
  width: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII=);
}

/* Vacnacnies page */
.list-group .badge {
  float: right;
  color: #ffffff;
  background: #204593;
}

div.text-danger.bg-danger {
  background-color: #f5c8cc !important;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  /* padding: 10px 10px;*/
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  margin-right: 5px;
  width: 40px;
  height: 20px;
  display: inline-block !important;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -3px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 2px;
  background-color: #fff;
  border-radius: 0px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 5px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.home-banner {
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 100px;
  padding-top: 50px;
  padding-left: 50px;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}

.home-banner-insert {
  width: 400px;
  align-self: center;
}

/* for seat-picker */
.front-indicator {
  margin-bottom: 1em;
  background-color: #4f4f4f;
  padding: 0.8em;
  font-weight: 700;
  letter-spacing: 15px;
  font-size: 1.5rem;
  color: #fff;
  min-width: 700px;
  text-align: center;
}

.booking-details {
  /*float: left;*/
  text-align: left;
  margin-left: 35px;
  font-size: 12px;
  position: relative;
  /*height: 401px;*/
}

.booking-details h2 {
  margin: 25px 0 20px 0;
  font-size: 17px;
}

.booking-details h3 {
  margin: 5px 5px 0 0;
  font-size: 14px;
}

div.seatCharts-cell {
  color: #182C4E;
  height: 25px;
  width: 25px;
  line-height: 25px;
}

div.seatCharts-seat {
  color: #FFFFFF;
  cursor: pointer;
}

div.seatCharts-row {
  height: 35px;
  text-align: center;
}

div.seatCharts-seat.available {
  background-color: #B9DEA0;
}

div.seatCharts-seat.available.first-class {
  /* 	background: url(vip.png); */
  background-color: #3a78c3;
}

div.seatCharts-seat.available.ticket-a {
  background-color: #B9DEA0;
}

div.seatCharts-seat.available.ticket-b {
  background-color: yellowgreen;
}

div.seatCharts-seat.available.ticket-c {
  background-color: deepskyblue;
}

div.seatCharts-seat.available.ticket-d {
  background-color: orangered;
}

div.seatCharts-seat.available.ticket-e {
  background-color: mediumpurple;
}

div.seatCharts-seat.available.ticket-f {
  background-color: grey;
}

div.seatCharts-seat.available.ticket-g {
  background-color: green;
}

div.seatCharts-seat.focused {
  background-color: #76B474;
}

div.seatCharts-seat.selected {
  background-color: #E6CAC4;
}

div.seatCharts-seat.unavailable {
  background-color: #472B34;
}

div.seatCharts-container {
  /*border-right: 1px dotted #adadad;*/
  /*width: 200px;*/
  text-align: center;
  padding: 0.8em;
  min-width: 700px;
  /*float: left;*/
}

div.seatCharts-legend {
  /*padding-left: 0px;
  position: absolute;
  bottom: 16px;*/
  background-color: #ccc;
}

ul.seatCharts-legendList {
  padding-left: 0px;
}

span.seatCharts-legendDescription {
  margin-left: 5px;
  line-height: 30px;
}

.checkout-button {
  display: block;
  margin: 10px 0;
  font-size: 14px;
  filter: drop-shadow(0 0 30px #333);
}

#selected-seats {
  /*max-height: 90px;
  overflow-y: scroll;
  overflow-x: none;
  width: 170px;*/
}

#seat-map {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
}

.ticket-type {
  background-color: #ccc;
  padding: 1em;
  margin-bottom: 1em;
}

.btn-eticket-step-one {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.8);
  border-radius: 5px;
}

#selected-seats {
  margin-left: 0;
  padding-left: 0;
  font-size: 0.8rem;
}