/* @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 */
/* @group Variables */
/* @end */
/* Table of Contents
   - - - - - - - - -
   1.	xxx
   - - - - - - - - -
 */
header {
  position: fixed !important;
  z-index: 99999;
  width: 100%;
  text-transform: uppercase;
  transition: all 0.3s linear; }
  header .logo {
    width: 95px;
    height: auto;
    transition: all 0.3s linear; }
  header .logoDark {
    display: block; }
  header .logoLight {
    display: none; }
  header .svgLogo svg {
    width: 95px;
    margin-top: 27px;
    height: 30px;
    transition: all 0.3s linear; }
  header .socialLinksTop {
    float: right;
    margin-left: 1rem; }
  header nav.primary-nav {
    float: right; }
    header nav.primary-nav a {
      line-height: 100px;
      margin-left: 0.5rem;
      font-weight: 400;
      touch-action: none;
      color: #000000;
      transition: all 0.3s linear;
      opacity: 0.7;
      filter: alpha(opacity=70); }
    header nav.primary-nav a:hover, header nav.primary-nav a.current, header nav.primary-nav a:active, header nav.primary-nav a.section {
      opacity: 1;
      filter: alpha(opacity=100); }

.scrollHeader {
  height: 60px;
  background-color: white;
  transition: all 0.3s linear; }
  .scrollHeader .logo {
    width: 80px;
    line-height: 60px; }
  .scrollHeader .svgLogo {
    width: 80px;
    line-height: 60px;
    margin-top: 8px;
    fill: #000000 !important; }
  .scrollHeader a {
    line-height: 60px;
    color: #000000 !important; }
  .scrollHeader .logoLight {
    display: none; }
  .scrollHeader .logoDark {
    display: block; }

.scrollHeader.drawerOverlay .svgLogo {
  width: 95px !important;
  line-height: 0px !important;
  margin-top: 0px !important; }

.SolidMenu .logoDark {
  display: none !important; }

.SolidMenu .logoLight {
  display: block !important; }

.SolidMenu svg {
  fill: white !important; }

.SolidMenu nav.primary-nav a {
  color: white; }

.SolidMenu .scrollHeader .logoDark {
  display: block !important; }

.SolidMenu .scrollHeader .logoLight {
  display: none !important; }

.SolidMenu .scrollHeader svg {
  fill: black !important; }

.MNLight span, .MNLight nav.primary-nav a, .MNLight svg {
  color: white; }

.MNLight a.current, .MNLight a.section, .MNLight a:hover, .MNLight a:active, .MNLight a:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.MNLight svg {
  fill: white !important; }