/* @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 */
.ProjectLink {
  z-index: 99999;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }

.SlipHoverTitle {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  text-align: left; }
  .SlipHoverTitle p {
    width: 90%;
    color: white;
    font-size: 1.2em;
    line-height: 1.4em; }
  .SlipHoverTitle h4 {
    width: 100%;
    color: white;
    display: block;
    margin-top: 0px;
    margin-bottom: .5rem;
    font-size: 2em; }

.SlipHoverStrap {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  font-size: .9em; }
  .SlipHoverStrap span.tags {
    background: rgba(0, 0, 0, 0.15);
    padding: .38rem .7rem .46rem;
    font-size: .7em;
    color: white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; }

.cbp-ready .cbp-wrapper, .cbp-ready .cbp-wrapper-helper {
  position: relative; }

.no-touch .touchOnly {
  display: none; }

.touch .touchOnly {
  display: block; }