* {
  font-family: 'OCR A Std', monospace;
  box-sizing: border-box; }

#tweets .tweet .embeds {
  overflow: hidden; }

.area {
  width: 60%; }

#twitterwall {
  width: 40%;
  /*
  &:after {
    text-align: center;
    background: #3F474C url(/img/powered-by.png) no-repeat;
    background-size: contain;
    background-position: 100% center;
    content: '';
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    z-index: 100;
    border: 20px solid rgb(63,71,76);
  }*/ }

#notices {
  -webkit-box-flex: 1;
      -ms-flex: 1 20%;
          flex: 1 20%;
  height: 20%;
  font-family: 'SteelfishRg-Regular';
  background: white; }
  #notices > div {
    -webkit-transition: opacity 200ms ease-in-out !important;
    transition: opacity 200ms ease-in-out !important;
    display: block;
    opacity: 0; }

#schedule {
  background: #ccc; }

#twitterwall {
  z-index: 1;
  background: #2D2D2D; }
  #twitterwall * {
    font-family: 'Proxima Nova'; }

/** individual tweets **/
#tweets .tweet {
  clear: left;
  padding: 10px;
  margin-bottom: 30px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 10px; }
  #tweets .tweet .twitter-at, #tweets .tweet .twitter-hashtag {
    font-weight: 700;
    text-decoration: none; }
  #tweets .tweet .tweet-quoted {
    font-size: 2rem;
    color: #aaa; }
    #tweets .tweet .tweet-quoted .tweet-quoted-pic {
      height: 10vw;
      width: 10vw; }
  #tweets .tweet img.emoji {
    height: 1em;
    padding: 0 .05em 0 .1em;
    vertical-align: -0.1em; }
  #tweets .tweet a {
    color: #eee; }
  #tweets .tweet .embeds {
    clear: both;
    margin-top: 10px; }
    #tweets .tweet .embeds img.pic, #tweets .tweet .embeds video.pic {
      width: 100%;
      max-width: 100%; }
  #tweets .tweet img.photo {
    border: 0;
    width: 5vw;
    height: 5vw;
    margin-right: 0.5vw;
    margin-bottom: 0.5vw;
    border-radius: 50%;
    float: left;
    background: #fff;
    border: 1px solid #fff; }
  #tweets .tweet .screen_name {
    max-width: 85%;
    padding: 0;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    color: #f15a31;
    margin-bottom: 0.5vw; }
  #tweets .tweet .content {
    display: block;
    overflow: hidden; }
    #tweets .tweet .content .meta {
      margin-bottom: 5px;
      font-size: 1.5rem;
      color: #ccc;
      display: block;
      text-transform: lowercase; }
      #tweets .tweet .content .meta .screen_name {
        color: #eee; }
      #tweets .tweet .content .meta .time {
        color: #6f6e6e;
        float: right; }
    #tweets .tweet .content .text {
      font-size: 2rem;
      color: #ccc;
      line-height: 2.2rem; }

input[type="range"] {
  display: none !important; }

/** notices: vertical and horizontal centre alignment **/
#notices {
  position: relative; }
  #notices > div {
    padding: 0;
    position: absolute;
    background: white;
    /*
    &:before {
      content: '';
      text-transform: uppercase;
      position: absolute;
      top: 2vw;
      left: 0;
      font-family: 'SteelfishRg-Regular';
      color: rgb(102, 102, 102);
      text-align: center;
      width: 100%;
    }
  }


  .gold:before {
    content: 'Gold Sponsor';
  }

  .silver:before {
    content: 'Silver Sponsors';
  }

  .bronze:before {
    content: 'Bronze Sponsors';*/ }
  #notices > div > div:before {
    position: absolute;
    top: 2vw;
    left: 0;
    font-family: 'SteelfishRg-Regular';
    color: #666666;
    text-align: center;
    width: 100%; }
  #notices > div.show {
    font-size: 4vw;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
    text-align: center;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    top: 0;
    padding-top: 0; }
  #notices span {
    height: 10vw;
    width: 20vw;
    background: #fff;
    border-radius: 5px;
    padding: 0.5vw;
    display: inline-block;
    vertical-align: middle; }
  #notices .gold span {
    height: 14vw;
    width: 24vw; }
  #notices span:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #notices img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%; }

/** schedule details **/
#schedule > div:before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  box-shadow: inset 0 0 10vw #666; }

#schedule > div:after {
  z-index: -1;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), transparent);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
  height: 13vw;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  content: ''; }

#schedule .schedule-meta {
  position: absolute;
  bottom: 2vw; }
  #schedule .schedule-meta h3 {
    line-height: 3.5vw; }
  #schedule .schedule-meta .speaker {
    margin-bottom: 1vw; }

#schedule p {
  font-size: 2vw;
  font-weight: bold;
  display: inline-block; }

#schedule .twitter:before {
  content: '@';
  color: rgba(38, 146, 162, 0.54); }

#schedule .details {
  text-transform: uppercase;
  padding: 0.8vw 1.2vw 0 1.2vw;
  font-size: 2.5vw; }

#schedule h2 {
  color: white;
  font-weight: 100; }

#schedule h2, #schedule h3 {
  margin: 0; }

#schedule h3 {
  font-size: 3.5vw;
  color: #2ba6b8; }

#schedule .time {
  font-size: 2.2vw; }

#schedule .title {
  font-size: 4.5vw; }

#schedule .speaker {
  margin-top: 2vw; }

#schedule .time {
  position: absolute;
  bottom: 2vw;
  right: 2vw;
  font-size: 2.5vw; }

#schedule .break {
  padding: 20px;
  font-size: 4vw; }
  #schedule .break h3 {
    font-size: 3.5vw; }

#welcome {
  background: url(https://confwall-assets.s3.amazonaws.com/547de32a7491598d5e8f7c97-ec22-ffconf-home.png) no-repeat;
  background-position: 50%;
  background-size: cover; }
  #welcome h2 {
    color: white; }
  #welcome h2, #welcome h3 {
    text-align: center; }
  #welcome .time {
    bottom: 1vw; }

#social-time-3.show {
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  display: block !important;
  position: fixed;
  height: 100%;
  width: 60%;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  background: url(https://confwall-assets.s3.amazonaws.com/547de32a7491598d5e8f7c97-369-ohso.gif) no-repeat, url(https://confwall-assets.s3.amazonaws.com/547de32a7491598d5e8f7c97-14fd1-10836514123_9bca5c96d5_k.jpg) no-repeat;
  background-size: 100%;
  -webkit-filter: saturate(60%);
          filter: saturate(60%);
  background-position: 50% 100%, 50% -70%; }
  #social-time-3.show:before {
    box-shadow: inset 0 0 0vw #666; }
  #social-time-3.show h2 {
    font-size: 5vw;
    position: absolute;
    height: 78%;
    width: 100%;
    text-shadow: 0 0 50px black; }
  #social-time-3.show h2 {
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #social-time-3.show h3 {
    display: none; }

#you-should-use-insert-libraryframework-its-the-bestestest .title {
  font-size: 4vw; }

#schedule > #operations-a-developers-guide:after {
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3), transparent);
  background: linear-gradient(to top, rgba(255, 255, 255, 0.3), transparent);
  height: 13vw; }

#schedule > #operations-a-developers-guide .details h3 {
  color: #2693a3; }

#schedule > #welcome:before {
  box-shadow: inset 0 0 0vw #666; }

#schedule > #welcome h3 {
  text-align: center;
  left: 0;
  display: block; }

#schedule #welcome:before {
  background-image: url("");
  background-position: top center; }

#schedule #javascript-that-doesnt-hurt-your-feelings:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-16e29-robin.jpg");
  background-position: top center; }

#schedule #svg-in-motion:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-10431-sara.jpg");
  background-position: top center; }

#schedule #caffeination-time:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-10c33-break1.jpg");
  background-position: top center; }

#schedule #operations-a-developers-guide:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-9e85-anna.jpg");
  background-position: top center; }

#schedule #the-web-audio-phenomenon-that-shall-not-be-named:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-67be-john.jpg");
  background-position: top center; }

#schedule #lunch:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-a11-6344274820_0e6ae10bfe_b.jpg");
  background-position: top center; }

#schedule #how-to-win-at-mobile-accessibility:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-17ecf-marcy.jpg");
  background-position: top center; }

#schedule #you-should-use-insert-libraryframework-its-the-bestestest:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-7de0-paul.jpg");
  background-position: top center; }

#schedule #ice-cream:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-10c8f-ice-cream.jpg");
  background-position: top center; }

#schedule #code-calligrams:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-1849b-martin.jpg");
  background-position: top center; }

#schedule #a-talk-about-everything:before {
  background-image: url("https://confwall-assets.s3.amazonaws.com/544c1dfddec3b60b291817ad-8a99-lena.jpg");
  background-position: top center; }

#schedule #social-time-3:before {
  background-image: url("");
  background-position: top center; }
