/* ===== Colour Reference ===== */
/*
 :root {
  --nectar-accent-color: #fdc62f;
  --nectar-extra-color-1: #0c4da2;
  --nectar-extra-color-2: #05a797;
  --nectar-extra-color-3: #dd2759;
  --nectar-extra-color-4: #bac2db;
  --nectar-extra-color-5: #000000;
  --nectar-extra-color-6: #704b9e;
  --nectar-extra-color-7: #ffcb08;
  --nectar-extra-color-8: #CA0000;
  --nectar-extra-color-9: #dedcde;
  --nectar-extra-color-10: #ffffff;
  
} 
*/

#header-space {
    display: none;
}
body #header-outer {
    opacity: 0;
}
body.intro-playing {
    position: fixed;
    width: 100%;
    left: 0;
}
/* ===== Text ===== */
.massive-text h2 {
    font-size: 6.2dvw;
    line-height: 6.2dvw;
}
.massive-text p {
    font-size: 80px;
    line-height: 80px;
}
.paper-straps h2 {
    font-size: 80px;
    line-height: 80px;
    transform: rotate(-2deg);
}
/* ===== Hero Section ===== */
#hero-video .wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
    padding-top: 100vh;
    background: var(--nectar-accent-color);
}
#hero-video video {
    top: 1px;
    height: calc(100vh - 2px);
}
#intro-text {
    position: absolute;
    width: 100%;
}
#skip-intro {
  position: absolute;
  top: 85vh;
  right: 5vw;
  max-height: 50px;
  z-index: 999;
  font-size: 30px;
  line-height: 0.6;
  border-radius: 25px !important;
  opacity: 0.8;
  font-family: lexenddeca-bold;
  transition: all 0.5s ease-in-out;
}

#skip-intro > span {
  
}
#skip-intro:hover {
  opacity: 1;
}
/* ===== Misc Stuff ===== */
.paper-straps h1 {
    transform: rotate(2deg);
}
.paper-straps span.paper-strap-4 {
    padding: 10px 8%;
}
img.sticker {
    min-width: 20vw;
    transform: rotate(7deg)!important;
}
img.super-pocket {
    transform: rotate(-2deg)!important;
}
img.super-pocket-alt {
    transform: rotate(2deg)!important;
}
.background-outside > .row-bg-wrap {
    height: 100vh;
    margin-top: -28%;
}
.paper-split > .row-bg-wrap .inner-wrap {
    z-index: 4;
}
.paper-split > .row-bg-wrap .row-bg {
    transform: rotate(-90deg);
    background-size: auto;
    height: 100px;
    top: 50%;

    /* Triple Gradient */
    background-size: 77%;
    height: 100%;
    width: 100%;
    top: 0%;
}
.paper-split > .row-bg-wrap .row-bg-overlay.row-bg-layer {
    /* background: linear-gradient(90deg, rgb(5,167,151) 47.5%, rgb(12,77,162) 47.6%)!important; */
    /* background: linear-gradient(
      90deg,
       rgb(5, 167, 151) 23.7%,
       rgb(12, 77, 162) 23.8%, 
       rgba(12, 77, 162, 255) 47.5%, 
       rgb(202, 0, 0) 47.6%,
       rgb(202, 0, 0) 71.3%,
       rgb(255, 255, 255) 71.4%
      ) !important; */
}
.zero-margin {
  margin: 0 !important;
}
/* ===== Footer ===== */
.before-footer .row_col_wrap_12 {
    color: var(--nectar-extra-color-10) !important;
}
.before-footer .row_col_wrap_12 > .wpb_column > .vc_column-inner {
    border-color: var(--nectar-extra-color-10) !important;
}
/* ===== Responsive ===== */
@media only screen and (min-width: 1000px) and (max-width: 1399px) {
  .paper-split > .row-bg-wrap .row-bg {
    /* Triple Gradient */
    background-size: 100% 79%;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 999px) {
    /* Hero Section */
    #hero-video .wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
        padding-top: calc(100vh - 95px);
    }
    #hero-video video {
        margin-top: -95px;
        height: 100vh;
    }
    #skip-intro {
        top: unset;
        bottom: 15vh;
        right: 16%;
        width: 66%;
        font-size: 24px;
    }
    .paper-straps h2 {
        font-size: 48px;
        line-height: 48px;
    }
    .massive-text h2,
    .massive-text p {
        font-size: 60px;
        line-height: 60px;
    }
    .expand-up video {
        height: 80vh!important;
        object-fit: cover;
    }
    .expand-up .wpb_video_wrapper {
        padding-top: 80vh!important;
    }
    img.sticker {
        min-width: 70vw;
    }
    .full-width {
      width: min(100%, 100vw);
      height: auto;
    }
    .home .before-footer .row_col_wrap_12 > .wpb_column > .vc_column-inner {
      border-color: var(--nectar-extra-color-5) !important;
    }
    .home .before-footer .wpb_text_column p,
    .home .before-footer .wpb_text_column a {
      color: var(--nectar-extra-color-5);
    }
}