@charset "UTF-8";
/* @group Greys */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Background colours */
.sectionBG-White {
  background-color: #ffffff; }

.sectionBG-Black {
  background-color: #111; }

.sectionBG-Light-Grey {
  background-color: #f7f7f7; }

.sectionBG-Sky-Blue {
  background-color: #89d6f2; }

.sectionBG-Neon-Pink {
  background-color: #ee0049; }

.sectionBG-Bright-Purple {
  background-color: #bd1a8d; }

.sectionBG-Dark-Purple {
  background-color: #6d216d; }

.sectionBG-Orange {
  background-color: #f6a030; }

.sectionBG-Green {
  background-color: #b5d562; }

.sectionBG-Pink {
  background-color: #daaec8; }

.sectionBG-Brown {
  background-color: #c88c5e; }

.sectionBG-Turquoise {
  background-color: #3cc8b4; }

/* @end */
.splitscreen .row, .splitscreen .col-lg-6, .splitscreen .col-md-6, .splitscreen .col-sm-6 {
  height: 65vh;
  padding: 0px; }

.FullHeight.splitscreen {
  height: 100vh; }

.FullHeight.splitscreen .row, .FullHeight.splitscreen .col-lg-6, .FullHeight.splitscreen .col-md-6, .FullHeight.splitscreen .col-sm-6 {
  height: 100vh; }

.splitscreen {
  width: 100%;
  height: 65vh;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  .splitscreen article {
    position: relative;
    z-index: 99;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    padding: 2rem;
    max-width: 75%; }
  .splitscreen .White {
    background: rgba(255, 255, 255, 0.87); }
  .splitscreen .Black {
    background: rgba(0, 0, 0, 0.4); }
  .splitscreen .PullLeft {
    left: -10%; }
  .splitscreen .PullRight {
    right: -30%; }
  .splitscreen .SplitScreenArticleInvertText p, .splitscreen .SplitScreenArticleInvertText li, .splitscreen .SplitScreenArticleInvertText h1, .splitscreen .SplitScreenArticleInvertText h2, .splitscreen .SplitScreenArticleInvertText h3, .splitscreen .SplitScreenArticleInvertText h4, .splitscreen .SplitScreenArticleInvertText h5, .splitscreen .SplitScreenArticleInvertText h6, .splitscreen .SplitScreenArticleInvertText a, .splitscreen .SplitScreenArticleInvertText blockquote, .splitscreen .SplitScreenArticleInvertText cite {
    color: white; }
  .splitscreen .SplitScreenArticleInvertText .btn {
    border: 1px solid white; }
  .splitscreen .SplitScreenArticleInvertText .btn:hover, .splitscreen .SplitScreenArticleInvertText .btn:active, .splitscreen .SplitScreenArticleInvertText .btn:focus {
    background-color: white;
    color: #000000; }
  .splitscreen .mb_YTPBar, .splitscreen .mb_YTPBar .buttonBar {
    padding-left: 17px !important; }
  .splitscreen .SplitScreenArticleCentredText {
    text-align: center !important; }

/* Smartphones (portrait and landscape) ————— */
@media only screen and (min-width: 320px) and (max-width: 736px) {
  .splitscreen .row, .splitscreen .col-lg-6, .splitscreen .col-md-6, .splitscreen .col-sm-6, .splitscreen {
    height: 100% !important;
    padding: 0px; }
  .splitscreen article {
    position: relative;
    transform: perspective(1px) translateY(0%);
    padding: 2rem;
    width: 100% !important;
    max-width: 100%;
    display: block !important;
    min-height: 300px;
    margin-top: 0rem;
    margin-bottom: 0rem; }
  .PullLeft {
    left: 0px !important; }
  .PullRight {
    left: 0px !important; } }

/* @end */