@charset "UTF-8";
/* line 1, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 22, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 26, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
body {
  line-height: 1; }

/* line 29, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
ol, ul {
  list-style: none; }

/* line 32, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 35, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 40, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 50, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 66, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 76, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/* line 85, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/* line 92, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
button:hover,
button:focus {
  background: none; }

/* line 97, Users/Daniel/www/sites/trouble/html/css/_reset.scss */
button:focus {
  outline: none;
  outline-offset: none; }

@font-face {
  font-family: 'DrukWideSuper';
  src: url("../fonts/DrukWideSuper.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Druk-Bold';
  src: url("../fonts/Druk-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'DrukXCondSuper';
  src: url("../fonts/DrukXCondSuper.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* line 1, Users/Daniel/www/sites/trouble/html/css/_typo.scss */
body {
  font-family: 'Druk-Bold';
  text-transform: uppercase;
  font-size: 2em; }
  @media (min-width: 800px) {
    /* line 1, Users/Daniel/www/sites/trouble/html/css/_typo.scss */
    body {
      font-size: 3em; } }
  @media (min-width: 1400px) {
    /* line 1, Users/Daniel/www/sites/trouble/html/css/_typo.scss */
    body {
      font-size: 4em; } }

/* line 1, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
#follow {
  width: 100%;
  line-height: 1.2em; }
  /* line 5, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
  #follow .insta {
    margin-bottom: 1em; }
  /* line 14, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
  #follow label,
  #follow input {
    margin-bottom: .15em; }
  /* line 19, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
  #follow label {
    display: inline-block; }
  /* line 22, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
  #follow strong {
    font-size: .4em;
    text-shadow: none;
    color: #001457; }
  /* line 28, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
  #follow ul li {
    font-size: .7em;
    line-height: 1.2em; }
  /* line 34, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
  #follow form input {
    font-size: .8em;
    text-transform: uppercase;
    border: none;
    border-bottom: solid 2px #00ffce;
    background: none;
    color: #00ffce; }
    /* line 41, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
    #follow form input[type="email"] {
      color: #00ffce; }
      /* line 43, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
      #follow form input[type="email"]::-webkit-input-placeholder {
        color: #00ffce; }
      #follow form input[type="email"]:-ms-input-placeholder {
        color: #00ffce; }
      #follow form input[type="email"]::-ms-input-placeholder {
        color: #00ffce; }
      #follow form input[type="email"]::placeholder {
        color: #00ffce; }
    /* line 47, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
    #follow form input[type="submit"] {
      background: #001457;
      padding: .05em .25em .1em; }
    /* line 52, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
    #follow form input[type="checkbox"] {
      padding: 10px;
      border-radius: 50%;
      border: solid 2px #001457;
      background: #00ff62;
      width: 0;
      position: relative;
      z-index: -1; }
      /* line 61, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
      #follow form input[type="checkbox"]:before {
        color: #00ffce;
        content: "◎ ";
        position: absolute;
        left: -1.5em;
        top: -.5em; }
      /* line 72, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
      #follow form input[type="checkbox"]:checked:before {
        content: "◉"; }
  @media (min-width: 800px) {
    /* line 91, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
    #follow > div:nth-child(2) form div.hidden > * {
      display: inline-block; }
    /* line 96, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
    #follow > div:nth-child(2) form:hover div.hidden {
      opacity: 1; } }
  @media (min-width: 1000px) {
    /* line 105, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
    #follow form input[type="checkbox"]:before {
      top: -.75em; } }
  @media (min-width: 1200px) {
    /* line 1, Users/Daniel/www/sites/trouble/html/css/_follow.scss */
    #follow {
      transition: height .25s;
      overflow: hidden; } }

/* line 1, Users/Daniel/www/sites/trouble/html/css/_media.scss */
.media {
  margin-bottom: 3em; }
  /* line 3, Users/Daniel/www/sites/trouble/html/css/_media.scss */
  .media header {
    margin-top: 1em;
    margin-bottom: 4em; }
  /* line 8, Users/Daniel/www/sites/trouble/html/css/_media.scss */
  .media .logo-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    /* line 14, Users/Daniel/www/sites/trouble/html/css/_media.scss */
    .media .logo-container > * {
      flex: 0 1 30%;
      margin-bottom: 30px; }
      /* line 18, Users/Daniel/www/sites/trouble/html/css/_media.scss */
      .media .logo-container > *.s img {
        width: 50px; }
      /* line 22, Users/Daniel/www/sites/trouble/html/css/_media.scss */
      .media .logo-container > * img {
        width: 75px;
        -webkit-filter: grayscale(100%);
                filter: grayscale(100%); }
    @media (min-width: 1000px) {
      /* line 28, Users/Daniel/www/sites/trouble/html/css/_media.scss */
      .media .logo-container > * {
        flex: 0 1 20%;
        margin-bottom: 30px; }
        /* line 32, Users/Daniel/www/sites/trouble/html/css/_media.scss */
        .media .logo-container > *.s img {
          width: 80px; }
        /* line 36, Users/Daniel/www/sites/trouble/html/css/_media.scss */
        .media .logo-container > * img {
          width: 120px; } }

/* line 1, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
#calendar {
  margin-bottom: 2em; }
  /* line 3, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
  #calendar ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    /* line 8, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
    #calendar ul li {
      flex: 0 1 100%;
      font-size: 12vw;
      margin-bottom: .25em;
      color: red;
      background: #001457;
      border: solid 3px;
      overflow: hidden;
      position: relative; }
      /* line 22, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
      #calendar ul li video {
        width: 100%;
        z-index: 1;
        display: block; }
      /* line 33, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
      #calendar ul li:nth-child(even) div {
        background: #00ffce; }
      /* line 37, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
      #calendar ul li div {
        position: absolute;
        background: #00ff62;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        transition: -webkit-transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s;
        z-index: 2;
        padding-bottom: .1em;
        text-shadow: .05em .05em black; }
      /* line 56, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
      #calendar ul li.open {
        cursor: pointer;
        color: red; }
        /* line 59, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
        #calendar ul li.open div {
          opacity: 0; }
        /* line 63, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
        #calendar ul li.open:hover div {
          opacity: 1;
          background: rgba(0, 255, 98, 0.6); }
        /* line 68, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
        #calendar ul li.open:nth-child(even) div {
          background: #00ffce; }
        /* line 71, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
        #calendar ul li.open:nth-child(even):hover div {
          background: rgba(0, 255, 206, 0.6); }
  @media (min-width: 500px) {
    /* line 82, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
    #calendar ul li {
      flex: 0 1 45%; } }
  @media (min-width: 800px) {
    /* line 90, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
    #calendar ul li {
      flex: 0 1 30%; } }
  @media (min-width: 1000px) {
    /* line 98, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
    #calendar ul li {
      flex: 0 1 22%;
      font-size: 10vw; } }
  @media (min-width: 1500px) {
    /* line 106, Users/Daniel/www/sites/trouble/html/css/_calendar.scss */
    #calendar ul li {
      flex: 0 1 15%;
      font-size: 6vw; } }

/* line 13, Users/Daniel/www/sites/trouble/html/css/styles.scss */
body {
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 0 2px #001457;
  letter-spacing: .02em; }

/* line 22, Users/Daniel/www/sites/trouble/html/css/styles.scss */
h1, p, label {
  color: #00ff62; }

/* line 25, Users/Daniel/www/sites/trouble/html/css/styles.scss */
a, span {
  color: #00ffce;
  text-decoration: none; }

/* line 29, Users/Daniel/www/sites/trouble/html/css/styles.scss */
span {
  font-family: 'DrukWideSuper'; }

/* line 33, Users/Daniel/www/sites/trouble/html/css/styles.scss */
#container {
  margin: 30px;
  text-align: center; }

/* line 39, Users/Daniel/www/sites/trouble/html/css/styles.scss */
img {
  width: 100%; }

/* line 47, Users/Daniel/www/sites/trouble/html/css/styles.scss */
.flex-container > * {
  margin-bottom: 3em; }

@media (min-width: 1000px) {
  /* line 53, Users/Daniel/www/sites/trouble/html/css/styles.scss */
  .flex-container {
    display: flex;
    justify-content: space-around; }
    /* line 59, Users/Daniel/www/sites/trouble/html/css/styles.scss */
    .flex-container > * {
      width: 50%; } }

/* line 66, Users/Daniel/www/sites/trouble/html/css/styles.scss */
.newsletter h2 {
  color: #00ff62; }

/* line 69, Users/Daniel/www/sites/trouble/html/css/styles.scss */
.newsletter label {
  color: #00ffce; }

/* line 73, Users/Daniel/www/sites/trouble/html/css/styles.scss */
.background-video {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -999; }
  /* line 83, Users/Daniel/www/sites/trouble/html/css/styles.scss */
  .background-video video {
    min-height: 100%;
    min-width: auto; }
  @media (min-aspect-ratio: 1440 / 1080) {
    /* line 88, Users/Daniel/www/sites/trouble/html/css/styles.scss */
    .background-video video {
      min-width: 100%;
      min-height: auto; } }

/* line 95, Users/Daniel/www/sites/trouble/html/css/styles.scss */
#container {
  position: relative;
  z-index: 1; }

/* line 99, Users/Daniel/www/sites/trouble/html/css/styles.scss */
.mde {
  margin: 0 1em 2em; }
  /* line 102, Users/Daniel/www/sites/trouble/html/css/styles.scss */
  .mde h2 {
    color: red;
    font-family: DrukWideSuper; }
  /* line 106, Users/Daniel/www/sites/trouble/html/css/styles.scss */
  .mde p {
    margin-bottom: 1em;
    color: #00ff62; }
  /* line 110, Users/Daniel/www/sites/trouble/html/css/styles.scss */
  .mde a {
    color: #00ffce; }

/* line 114, Users/Daniel/www/sites/trouble/html/css/styles.scss */
.inbox {
  margin: 1em 1em 3em; }

/* line 117, Users/Daniel/www/sites/trouble/html/css/styles.scss */
.partners {
  background: white;
  padding: 20px 1em;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  /* line 123, Users/Daniel/www/sites/trouble/html/css/styles.scss */
  .partners figure {
    max-width: 100px; }
  /* line 126, Users/Daniel/www/sites/trouble/html/css/styles.scss */
  .partners img {
    width: 100%; }