/**
 * Main Theme.css File
 */
/* base.css vars */
/* theme.css vars */
/* base.css mixins */
/* Mixin:layer() Parent element must have position:relative for this to work */
/* theme.css mixins */
/* line 129, assets/scss/theme/_mixins.scss */
.angle--top-left {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 100%); }
  @supports not (clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 100%)) {
    /* line 91, assets/scss/theme/_mixins.scss */
    .angle--top-left::before, .angle--top-left::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    /* line 101, assets/scss/theme/_mixins.scss */
    .angle--top-left::before {
      top: 0;
      border-width: 8vw 100vw 0 0;
      border-color: #fff transparent transparent transparent; } }

/* line 133, assets/scss/theme/_mixins.scss */
.angle--top-right {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 100%); }
  @supports not (clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 100%)) {
    /* line 91, assets/scss/theme/_mixins.scss */
    .angle--top-right::before, .angle--top-right::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    /* line 101, assets/scss/theme/_mixins.scss */
    .angle--top-right::before {
      top: 0;
      border-width: 8vw 0 0 100vw;
      border-color: #fff transparent transparent transparent; } }

/* line 137, assets/scss/theme/_mixins.scss */
.angle--bottom-left {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 7vw)); }
  @supports not (clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 7vw))) {
    /* line 91, assets/scss/theme/_mixins.scss */
    .angle--bottom-left::before, .angle--bottom-left::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    /* line 109, assets/scss/theme/_mixins.scss */
    .angle--bottom-left::after {
      bottom: 0;
      border-width: 0 100vw 8vw 0;
      border-color: transparent transparent #fff transparent; } }

/* line 141, assets/scss/theme/_mixins.scss */
.angle--bottom-right {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7vw), 0 100%); }
  @supports not (clip-path: polygon(0 0, 100% 0, 100% calc(100% - 7vw), 0 100%)) {
    /* line 91, assets/scss/theme/_mixins.scss */
    .angle--bottom-right::before, .angle--bottom-right::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    /* line 109, assets/scss/theme/_mixins.scss */
    .angle--bottom-right::after {
      bottom: 0;
      border-width: 0 0 8vw 100vw;
      border-color: transparent transparent #fff transparent; } }

/* line 145, assets/scss/theme/_mixins.scss */
.angle--both-left-left {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 calc(100% - 7vw)); }
  @supports not (clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% 100%, 0 calc(100% - 7vw))) {
    /* line 91, assets/scss/theme/_mixins.scss */
    .angle--both-left-left::before, .angle--both-left-left::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    /* line 101, assets/scss/theme/_mixins.scss */
    .angle--both-left-left::before {
      top: 0;
      border-width: 8vw 100vw 0 0;
      border-color: #fff transparent transparent transparent; }
    /* line 109, assets/scss/theme/_mixins.scss */
    .angle--both-left-left::after {
      bottom: 0;
      border-width: 0 100vw 8vw 0;
      border-color: transparent transparent #fff transparent; } }

/* line 149, assets/scss/theme/_mixins.scss */
.angle--both-right-right {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% calc(100% - 7vw), 0 100%); }
  @supports not (clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% calc(100% - 7vw), 0 100%)) {
    /* line 91, assets/scss/theme/_mixins.scss */
    .angle--both-right-right::before, .angle--both-right-right::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    /* line 101, assets/scss/theme/_mixins.scss */
    .angle--both-right-right::before {
      top: 0;
      border-width: 8vw 0 0 100vw;
      border-color: #fff transparent transparent transparent; }
    /* line 109, assets/scss/theme/_mixins.scss */
    .angle--both-right-right::after {
      bottom: 0;
      border-width: 0 0 8vw 100vw;
      border-color: transparent transparent #fff transparent; } }

/* line 153, assets/scss/theme/_mixins.scss */
.angle--both-left-right {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 7vw), 0 100%); }
  @supports not (clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 7vw), 0 100%)) {
    /* line 91, assets/scss/theme/_mixins.scss */
    .angle--both-left-right::before, .angle--both-left-right::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    /* line 101, assets/scss/theme/_mixins.scss */
    .angle--both-left-right::before {
      top: 0;
      border-width: 8vw 100vw 0 0;
      border-color: #fff transparent transparent transparent; }
    /* line 109, assets/scss/theme/_mixins.scss */
    .angle--both-left-right::after {
      bottom: 0;
      border-width: 0 0 8vw 100vw;
      border-color: transparent transparent #fff transparent; } }

/* line 157, assets/scss/theme/_mixins.scss */
.angle--both-right-left {
  position: relative;
  overflow: hidden;
  clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 calc(100% - 7vw)); }
  @supports not (clip-path: polygon(0 0, 100% calc(0% + 7vw), 100% 100%, 0 calc(100% - 7vw))) {
    /* line 91, assets/scss/theme/_mixins.scss */
    .angle--both-right-left::before, .angle--both-right-left::after {
      content: "";
      position: absolute;
      left: 0;
      z-index: 10;
      display: block;
      border-style: solid; }
    /* line 101, assets/scss/theme/_mixins.scss */
    .angle--both-right-left::before {
      top: 0;
      border-width: 8vw 0 0 100vw;
      border-color: #fff transparent transparent transparent; }
    /* line 109, assets/scss/theme/_mixins.scss */
    .angle--both-right-left::after {
      bottom: 0;
      border-width: 0 100vw 8vw 0;
      border-color: transparent transparent #fff transparent; } }

/* line 162, assets/scss/theme/_mixins.scss */
.angle__content {
  display: block;
  width: 100%;
  height: auto; }

/* line 168, assets/scss/theme/_mixins.scss */
.angle--colour {
  color: #fff;
  background-color: #2196F3;
  text-align: center;
  padding: 10% 0; }

/* base.css colors */
/* theme.css colors */
/* base.css typography */
/* theme.css typography */
/* base.css typography */
/* theme.css global */
/* theme.css pages */
/* theme.css widgets */
/* theme.css partials */
/* theme.css partials - banner */
/* line 2, assets/scss/partials/_banner.scss */
.banner {
  width: 100%;
  height: 50vh;
  position: relative; }
  /* line 8, assets/scss/partials/_banner.scss */
  .banner .image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 11;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  /* line 15, assets/scss/partials/_banner.scss */
  .banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 12;
    background-color: rgba(0, 0, 0, 0.5);
    transition: background-color 300ms ease-out; }
  /* line 21, assets/scss/partials/_banner.scss */
  .banner .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 13;
    display: flex; }

/* base.css animation */
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

/* line 3, assets/scss/partials/_navbar.scss */
header#reshft-menu {
  position: fixed;
  z-index: 11;
  width: 100vw;
  height: 100vh;
  top: 100%;
  cursor: pointer;
  transition: top 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  /* line 13, assets/scss/partials/_navbar.scss */
  header#reshft-menu nav.reshft-menu-nav {
    width: 100%;
    height: 100%;
    position: relative;
    top: -60px; }
    /* line 21, assets/scss/partials/_navbar.scss */
    header#reshft-menu nav.reshft-menu-nav a.reshft-brand {
      display: block;
      position: absolute;
      z-index: 5;
      right: 1rem;
      top: 1rem;
      opacity: 0.5;
      transition: opacity 250ms ease-out; }
      /* line 30, assets/scss/partials/_navbar.scss */
      header#reshft-menu nav.reshft-menu-nav a.reshft-brand:hover {
        opacity: 0.9; }
    /* line 35, assets/scss/partials/_navbar.scss */
    header#reshft-menu nav.reshft-menu-nav .reshft-menu-content {
      position: relative;
      z-index: 3; }
      /* line 40, assets/scss/partials/_navbar.scss */
      header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-leftcol {
        padding-top: 8rem;
        position: relative;
        height: 100vh; }
        /* line 46, assets/scss/partials/_navbar.scss */
        header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-leftcol .reshft-menu-col-content {
          margin: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          /* line 54, assets/scss/partials/_navbar.scss */
          header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-leftcol .reshft-menu-col-content img.reshft-menu-image {
            width: 240px;
            margin-left: 8px;
            margin-bottom: 2rem; }
          /* line 60, assets/scss/partials/_navbar.scss */
          header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-leftcol .reshft-menu-col-content ul.reshft-nav {
            width: 320px;
            padding: 0;
            text-align: left; }
            /* line 67, assets/scss/partials/_navbar.scss */
            header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-leftcol .reshft-menu-col-content ul.reshft-nav li a {
              color: rgba(255, 255, 255, 0.6);
              font-family: "Oswald";
              font-weight: 300;
              font-size: 1.7rem;
              transition: color 250ms ease-out; }
              /* line 74, assets/scss/partials/_navbar.scss */
              header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-leftcol .reshft-menu-col-content ul.reshft-nav li a:hover {
                color: white; }
      /* line 83, assets/scss/partials/_navbar.scss */
      header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-rightcol {
        padding-top: 8rem;
        position: relative;
        height: 100vh; }
        /* line 88, assets/scss/partials/_navbar.scss */
        header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-rightcol .reshft-menu-col-content {
          margin: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          /* line 96, assets/scss/partials/_navbar.scss */
          header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-rightcol .reshft-menu-col-content a {
            display: block;
            color: rgba(255, 255, 255, 0.6);
            font-family: "Oswald";
            font-weight: 300;
            font-size: 1.7rem;
            transition: color 250ms ease-out;
            margin: 2rem 0; }
            /* line 104, assets/scss/partials/_navbar.scss */
            header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-rightcol .reshft-menu-col-content a:hover {
              color: white; }
          /* line 109, assets/scss/partials/_navbar.scss */
          header#reshft-menu nav.reshft-menu-nav .reshft-menu-content .reshft-menu-rightcol .reshft-menu-col-content h4.address {
            color: rgba(255, 255, 255, 0.6);
            font-family: "Oswald";
            font-weight: 300;
            font-size: 1.7rem;
            line-height: 2.4rem; }
    /* line 125, assets/scss/partials/_navbar.scss */
    header#reshft-menu nav.reshft-menu-nav .reshft-menu-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      z-index: 2; }
      /* line 132, assets/scss/partials/_navbar.scss */
      header#reshft-menu nav.reshft-menu-nav .reshft-menu-bg .reshft-menu-bg-dark,
      header#reshft-menu nav.reshft-menu-nav .reshft-menu-bg .reshft-menu-bg-light {
        position: absolute;
        width: 100%;
        height: 100%;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover; }
      /* line 142, assets/scss/partials/_navbar.scss */
      header#reshft-menu nav.reshft-menu-nav .reshft-menu-bg .reshft-menu-bg-dark {
        background-image: url("../images/menupage_dark.png");
        opacity: 0.9;
        transition: opacity 250ms ease-out;
        z-index: 10; }
      /* line 149, assets/scss/partials/_navbar.scss */
      header#reshft-menu nav.reshft-menu-nav .reshft-menu-bg .reshft-menu-bg-light {
        background-image: url("../images/menupage.png");
        z-index: 9; }
  /* line 167, assets/scss/partials/_navbar.scss */
  header#reshft-menu.open {
    top: 60px;
    transition: top 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    /* line 171, assets/scss/partials/_navbar.scss */
    header#reshft-menu.open nav.reshft-menu-nav .reshft-menu-bg .reshft-menu-bg-dark {
      opacity: 0.2;
      transition: opacity 250ms ease-in; }
    /* line 182, assets/scss/partials/_navbar.scss */
    header#reshft-menu.open .overlay-dark {
      opacity: 0.2; }
    /* line 186, assets/scss/partials/_navbar.scss */
    header#reshft-menu.open ul.reshft-nav {
      display: block; }

/* line 14, assets/scss/theme.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", "Helvetica", sans-serif; }

/* body {
  font-family: "Open Sans";
  font-size: 1.1rem;
  line-height:1.6rem;
  overflow-x:hidden;

} */
@keyframes fadeInLoad {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* 
#page {

  width:100vw;
  height:100vh;
  background-size:cover;
  background-position:center center;
  background-repeat: no-repeat;
  overflow-y:auto;
  overflow-x:hidden;
  


  .page-inner {

    width:100vw;
    height:100vh;
    position:absolute;
    overflow:hidden;
    overflow-y:auto;
    padding-left:0;
    padding-right:0;

    .page-content {
      height:100vh;
      width:100vw;
      position:absolute;
      z-index:2;
    }

    
  }

  .page-background {
    width:100vw;
    height:100vh;
    position:absolute;
    background-size:contain;
    background-position:top center;
    background-repeat:no-repeat;
    z-index:1;
    

    &.fade-in {
      opacity:0;
      animation-fill-mode: forwards;
      animation: 2s ease-out 2s forwards fadeInLoad;
    }
  }

  
  
}


.press-content {
  color:white;
  height:100vh;
  background:$black-50;
  padding:4rem;
  
  h2 {
    padding:2rem 0;

    a {
      color:white;
      opacity:0.7;
      transition:opacity 250ms ease-out;

      &:hover {
        text-decoration:none;
        opacity:1;
      }

      &.events {
        margin-left:1rem;
        padding-left:1rem;
        border-left:1px solid rgba(white, 0.3);
      }

      &.press {
        margin-right:1rem;
        padding-right:1rem;
        border-right:1px solid rgba(white, 0.3);
      }
    }
  }

  .copy-box {
      line-height:1.8rem;
      max-height:65vh;
      overflow-y:auto;
      overflow-x:hidden;
      padding-right:1rem;

      a {
        color:rgba(white,0.7);
      }
    }

    .copy-box::-webkit-scrollbar-track
    {
      -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
      background-color: rgba(#F5F5F5, 0.1);
    }

    .copy-box::-webkit-scrollbar
    {
      width: 6px;
      background-color: rgba(#F5F5F5, 0.1);
    }

    .copy-box::-webkit-scrollbar-thumb
    {
      background-color: rgba(white, 0.3);
    }
}
 */