/* @less partials */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* @group GN Additions */
/* @end */
/* @group Corporate colours taken from logo */
/* @end */
/* @group Site Defaults */
/* @end */
/* @group Greys */
/* @end */
.splitscreen .row,
.splitscreen .col-lg-6,
.splitscreen .col-md-6,
.splitscreen .col-sm-6 {
  height: 60vh;
  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: 60vh;
  -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;
  width: 75%;
  font-size: 1.1em;
  line-height: 1.45em;
}
.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 .mb_YTPBar,
.splitscreen .mb_YTPBar .buttonBar {
  padding-left: 17px!important;
}
.splitscreen .SplitScreenArticleCentredText {
  text-align: center!important;
}
.splitscreen .btn-default {
  background-color: #e600bd;
  padding-left: 2rem!important;
  padding-right: 2rem!important;
  -webkit-border-radius: 116px !important;
  -moz-border-radius: 116px !important;
  border-radius: 116px !important;
}
.splitscreen .btn-default:hover,
.splitscreen .btn-default:active,
.splitscreen .btn-default:focus {
  background-color: #b30093 !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: auto!important;
    min-height: 350px!important;
    padding: 0px;
  }
  .splitscreen article {
    position: relative;
    top: 0%;
    transform: perspective(1px) translateY(0%);
    padding: 2.5rem;
    width: 100%;
    display: block!important;
  }
  .PullLeft {
    left: 0px!important;
  }
  .PullRight {
    left: 0px!important;
  }
}
/* @end */
/*# sourceMappingURL=splitscreen.css.map */