@charset "UTF-8";
/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Tr13ze
    created:    2015-02-20
    author:     Christophe ANDRIEU (http://www.stpo.fr)

    summary:    COMPASS
                VARIABLES
                IMPORTS
                GLOBAL_LAYOUT
                GENERIC
                LINKS
                HEADER
                FOOTER
                FORMS
                SPRITES
                CORE
                MEDIA_QUERIES
                PRINT
----------------------------------------------------------------------------- */
/*  =COMPASS
----------------------------------------------------------------------------- */
/*  =VARIABLES
----------------------------------------------------------------------------- */
/* =main_colorz ------------------------------------------------------------- */
/* =default_font-size_(px)--------------------------------------------------- */
/* =typography -------------------------------------------------------------- */
/*  =IMPORTS
----------------------------------------------------------------------------- */
/*  =UTF-8
----------------------------------------------------------------------------- */
/*  =RESET
 ----------------------------------------------------------------------------- */
/* =minimum reset ------------------------------------------------------------ */
html, body, blockquote, ul, ol, form, input {
  margin: 0;
  padding: 0;
}

p {
  margin: 0 0 1em;
}

ul {
  list-style: none;
}

img {
  display: block;
  border: none;
}

/* =margin fixes ------------------------------------------------------------- */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}

p:last-child, ul:last-child, ol:last-child, dl:last-child, blockquote:last-child, pre:last-child, table:last-child {
  margin-bottom: 0;
}

li p, li ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* =text formatting ---------------------------------------------------------- */
textarea, table, td, th, code, pre, samp, div, p {
  /* ligatures */
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -webkit-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig";
}

code, pre, samp {
  white-space: pre-wrap;
}

code {
  line-height: 1em;
}

table {
  margin-bottom: 1.5em;
}

q:before, q:after {
  display: none;
}

abbr {
  cursor: help;
  border-bottom: 1px dotted #663333;
}

button {
  width: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  background: none;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  font: inherit;
  /* Correct font properties not being inherited. */
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* overrides extra padding in Firefox */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  button span {
    margin-top: -1px;
  }

  /* Safari and Google Chrome only - fix margins */
}
.msie6 button {
  width: 1%;
  overflow: visible;
}

.msie7 button {
  overflow: visible;
}

/* =html5 -------------------------------------------------------------------- */
article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, section, video {
  display: block;
}

abbr, eventsource, mark, meter, time, progress, output, bb {
  display: inline;
}

/* =webkit hacks ------------------------------------------------------------- */
html {
  -webkit-font-smoothing: antialiased;
}

/* ugly Mac OS fonts rendering */
input, textarea, select, button {
  box-sizing: inherit;
}

/* user agent stylesheet default is box-sizing: border-box */
/* Stupid webkit input[type=search] custom */
input[type="search"] {
  -webkit-appearance: textfield !important;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
/*html{ -webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none; }*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/*  =GENERIC_CLASSES
----------------------------------------------------------------------------- */
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.txtR {
  text-align: right !important;
}

.txtC {
  text-align: center !important;
}

/* =accessible hidden ------------------------------------------------------- */
.invisible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
}

/* =text selection ---------------------------------------------------------- */
::-moz-selection {
  color: #fff;
  background-color: #f74a8f;
}

::-webkit-selection {
  color: #fff;
  background-color: #f74a8f;
}

::selection {
  color: #fff;
  background-color: #f74a8f;
}

/* =clearfix ---------------------------------------------------------------- */
.clearfix {
  display: block;
  zoom: 1;
  /* IE, don’t use conditional comments here */
}
.clearfix:after, .clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

/*  =FONT-FACE
----------------------------------------------------------------------------- */
/* =icomoon ----------------------------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot");
  /* IE9 compability mode */
  src: url("fonts/icomoon?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff?7") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* =fonts ------------------------------------------------------------------- */
/* montserrat en local ? */
/* em EVERYTHIN'! */
/* calc() */
/* animations */
/* pure CSS triangle */
/* ghost vertical align */
/* don't forget to inline-block content */
/* truncate */
/* keyframes */
/*  =GLOBAL_LAYOUT
----------------------------------------------------------------------------- */
body, html {
  height: 100%;
}

body {
  position: relative;
  margin: 0;
  background: #000;
  color: #fff;
  text-align: left;
  text-shadow: 0 0 5px black;
  font-size: 100%;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  line-height: 1.35;
}

.section, .section__wrapper-1, .section__wrapper-2, .section__core {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
}

.section {
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}

.section__wrapper-1 {
  display: table;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, black 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000000 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
}

.section__wrapper-2 {
  display: table-row;
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 40%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(40%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 40%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 40%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 40%);
  /* IE10+ */
  background: linear-gradient(to bottom, #000000 0%, rgba(0, 0, 0, 0) 40%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
}

.section__core {
  display: table-cell;
  background: url(../img/bg_pattern.png);
  vertical-align: middle;
}

.section__content {
  display: inline-block;
  width: 100%;
  padding: 3em 0;
  vertical-align: middle;
}

/*  =GENERIC
----------------------------------------------------------------------------- */
.glitch {
  -o-animation: noise-1 2s linear infinite;
  -moz-animation: noise-1 2s linear infinite;
  -webkit-animation: noise-1 2s linear infinite;
  animation: noise-1 2s linear infinite;
  overflow: default;
}
.glitch:after, .glitch:before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.glitch:after {
  color: blue;
  -o-animation: noise-2 0.25s linear infinite;
  -moz-animation: noise-2 0.25s linear infinite;
  -webkit-animation: noise-2 0.25s linear infinite;
  animation: noise-2 0.25s linear infinite;
}
.glitch:before {
  color: red;
  -o-animation: noise-3 0.5s linear infinite;
  -moz-animation: noise-3 0.5s linear infinite;
  -webkit-animation: noise-3 0.5s linear infinite;
  animation: noise-3 0.5s linear infinite;
}

@-o-keyframes noise-1 {
  0%, 3%, 5%, 42%, 44%, 100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }

  4.3% {
    opacity: 1;
    -webkit-transform: scaleY(1.7);
    -moz-transform: scaleY(1.7);
    -ms-transform: scaleY(1.7);
    -o-transform: scaleY(1.7);
    transform: scaleY(1.7);
  }

  43% {
    opacity: 1;
    -webkit-transform: scaleX(1.5);
    -moz-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    -o-transform: scaleX(1.5);
    transform: scaleX(1.5);
  }
}

@-moz-keyframes noise-1 {
  0%, 3%, 5%, 42%, 44%, 100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }

  4.3% {
    opacity: 1;
    -webkit-transform: scaleY(1.7);
    -moz-transform: scaleY(1.7);
    -ms-transform: scaleY(1.7);
    -o-transform: scaleY(1.7);
    transform: scaleY(1.7);
  }

  43% {
    opacity: 1;
    -webkit-transform: scaleX(1.5);
    -moz-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    -o-transform: scaleX(1.5);
    transform: scaleX(1.5);
  }
}

@-webkit-keyframes noise-1 {
  0%, 3%, 5%, 42%, 44%, 100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }

  4.3% {
    opacity: 1;
    -webkit-transform: scaleY(1.7);
    -moz-transform: scaleY(1.7);
    -ms-transform: scaleY(1.7);
    -o-transform: scaleY(1.7);
    transform: scaleY(1.7);
  }

  43% {
    opacity: 1;
    -webkit-transform: scaleX(1.5);
    -moz-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    -o-transform: scaleX(1.5);
    transform: scaleX(1.5);
  }
}

@-keyframes noise-1 {
  0%, 3%, 5%, 42%, 44%, 100% {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }

  4.3% {
    opacity: 1;
    -webkit-transform: scaleY(1.7);
    -moz-transform: scaleY(1.7);
    -ms-transform: scaleY(1.7);
    -o-transform: scaleY(1.7);
    transform: scaleY(1.7);
  }

  43% {
    opacity: 1;
    -webkit-transform: scaleX(1.5);
    -moz-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    -o-transform: scaleX(1.5);
    transform: scaleX(1.5);
  }
}

@-o-keyframes noise-2 {
  0%, 20%, 40%, 60%, 70%, 90% {
    opacity: 0;
  }

  10% {
    opacity: .1;
  }

  50% {
    opacity: .5;
    left: -6px;
  }

  80% {
    opacity: .3;
  }

  100% {
    opacity: .6;
    left: 2px;
  }
}

@-moz-keyframes noise-2 {
  0%, 20%, 40%, 60%, 70%, 90% {
    opacity: 0;
  }

  10% {
    opacity: .1;
  }

  50% {
    opacity: .5;
    left: -6px;
  }

  80% {
    opacity: .3;
  }

  100% {
    opacity: .6;
    left: 2px;
  }
}

@-webkit-keyframes noise-2 {
  0%, 20%, 40%, 60%, 70%, 90% {
    opacity: 0;
  }

  10% {
    opacity: .1;
  }

  50% {
    opacity: .5;
    left: -6px;
  }

  80% {
    opacity: .3;
  }

  100% {
    opacity: .6;
    left: 2px;
  }
}

@-keyframes noise-2 {
  0%, 20%, 40%, 60%, 70%, 90% {
    opacity: 0;
  }

  10% {
    opacity: .1;
  }

  50% {
    opacity: .5;
    left: -6px;
  }

  80% {
    opacity: .3;
  }

  100% {
    opacity: .6;
    left: 2px;
  }
}

@-o-keyframes noise-3 {
  0%, 20%, 40%, 60%, 70%, 90% {
    opacity: 0;
  }

  10% {
    opacity: .1;
  }

  50% {
    opacity: .5;
    left: 6px;
  }

  80% {
    opacity: .3;
  }

  100% {
    opacity: .6;
    left: -2px;
  }
}

@-moz-keyframes noise-3 {
  0%, 20%, 40%, 60%, 70%, 90% {
    opacity: 0;
  }

  10% {
    opacity: .1;
  }

  50% {
    opacity: .5;
    left: 6px;
  }

  80% {
    opacity: .3;
  }

  100% {
    opacity: .6;
    left: -2px;
  }
}

@-webkit-keyframes noise-3 {
  0%, 20%, 40%, 60%, 70%, 90% {
    opacity: 0;
  }

  10% {
    opacity: .1;
  }

  50% {
    opacity: .5;
    left: 6px;
  }

  80% {
    opacity: .3;
  }

  100% {
    opacity: .6;
    left: -2px;
  }
}

@-keyframes noise-3 {
  0%, 20%, 40%, 60%, 70%, 90% {
    opacity: 0;
  }

  10% {
    opacity: .1;
  }

  50% {
    opacity: .5;
    left: 6px;
  }

  80% {
    opacity: .3;
  }

  100% {
    opacity: .6;
    left: -2px;
  }
}

.h1 {
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat", Impact, Arial, Helvetica, sans-serif;
  font-size: 2.5em;
}
.h1:first-child {
  margin: 0 0 1.25em;
}

.h2 {
  margin: 1em 0 0;
  text-transform: uppercase;
  font-family: "Montserrat", Impact, Arial, Helvetica, sans-serif;
  font-size: 1.25em;
}

.h3 {
  margin: 0 0 1em;
  color: #ccc;
  font-size: 0.75em;
}

.h4 {
  margin: 0 0 1em;
  color: #666;
  font-weight: normal;
  font-size: 0.75em;
}

p, li, address {
  font-size: 0.75em;
}

.columns {
  padding: 0 3%;
}
.columns img {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0.125em solid white;
}

.column {
  float: left;
  width: 25%;
}
.column.wide {
  width: 75%;
}
.column.max {
  width: 100%;
}

.column__core {
  padding: 0 1.25em;
}
.max .column__core {
  padding-bottom: 2em;
}

/*  =LINKS
----------------------------------------------------------------------------- */
a, button {
  display: block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  color: #ccc;
  -webkit-transition: text-shadow 600ms linear, color 600ms linear;
  -moz-transition: text-shadow 600ms linear, color 600ms linear;
  -o-transition: text-shadow 600ms linear, color 600ms linear;
  transition: text-shadow 600ms linear, color 600ms linear;
}
a:hover, a:focus, a.active, button:hover, button:focus, button.active {
  color: #fff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
a.link-icon, button.link-icon {
  font-weight: bold;
}
a.link-icon [data-icon], button.link-icon [data-icon] {
  margin-right: .25em;
  font-weight: normal;
}

button {
  text-decoration: underline;
}

/*  =HEADER
----------------------------------------------------------------------------- */
#nav-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: .5em 1em;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 1.125em;
  font-family: "Montserrat", Impact, Arial, Helvetica, sans-serif;
  text-shadow: none;
}
#nav-bar.sticky {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  background: rgba(0, 0, 0, 0.9);
  background: #000;
}
#nav-bar.sticky > ul li:first-child {
  width: 3em;
}
#nav-bar ul {
  display: inline;
}
#nav-bar > ul li:first-child {
  width: 0;
  -webkit-transition: width 300ms linear;
  -moz-transition: width 300ms linear;
  -o-transition: width 300ms linear;
  transition: width 300ms linear;
}
#nav-bar li {
  overflow: hidden;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
#nav-bar li:first-child {
  border-left: none;
}
#nav-bar li a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
#nav-bar .h2 {
  display: inline;
  margin: 0;
  color: #666;
  font-weight: normal;
  font-size: 0.75em;
}
#nav-bar a:hover, #nav-bar a:focus, #nav-bar a.active {
  text-shadow: 0 0 10px white;
}

#main-nav {
  float: left;
}
#main-nav a {
  padding: .5em;
}

#external-nav {
  float: right;
}
#external-nav ul {
  padding-right: 1em;
}
#external-nav a {
  padding: .5em 0;
}

/*  =FOOTER
----------------------------------------------------------------------------- */
#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em 2em;
  color: #666;
  text-align: center;
}
#footer p {
  font-size: 0.75em;
  margin: 0 !important;
}
#footer a {
  display: inline;
}

/*  =FORMS
----------------------------------------------------------------------------- */
input[type=text], input[type=email], input[type=search], textarea, select {
  padding: .5em;
  border: none;
  background: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
  font-size: 0.875em;
  line-height: normal;
  /* extra padding in UA stylesheet */
}

textarea {
  overflow: auto;
  line-height: 1.5;
  resize: vertical;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.placeholded {
  color: #663333;
}

::-webkit-input-placeholder {
  color: #663333;
}

::-moz-placeholder {
  color: #663333;
}

/* firefox 19+ */
:-ms-input-placeholder {
  color: #663333;
}

/* ie */
input:-moz-placeholder {
  color: #663333;
}

input[type=text]:hover, input[type=email]:hover, input[type=search]:hover, textarea:hover {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}

input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, textarea:focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
}

/*  =CORE
----------------------------------------------------------------------------- */
#home {
  background-image: url(../img/bg_home.jpg);
}
#home .section__wrapper-1, #home .section__core {
  display: block;
}

#canvas {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -800px 0 0 -800px;
  /* em ? */
  -webkit-transform: translateY(-3em);
  -moz-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -o-transform: translateY(-3em);
  transform: translateY(-3em);
  background-color: transparent;
}

#logo-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

#logo-core {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  margin-top: .5em;
  background: #000;
  width: 20em;
  height: 20em;
  border-radius: 50%;
  text-align: center;
}

#bg_logo {
  position: relative;
  overflow: hidden;
  width: 11.25em;
  height: 11.25em;
  margin: 0 auto;
  margin-top: 2.1875em;
}
#bg_logo img {
  position: absolute;
  left: 50%;
  margin-left: -6.25em;
  margin-top: -0.625em;
  width: 12.5em;
}

#logo {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5.625em;
  width: 11.25em;
  margin-top: 2.1875em;
  border: 0.3125em solid black;
}

#baseline {
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-top: 2em;
  background: #000;
}

#baseline__text,
#baseline__text:before,
#baseline__text:after {
  width: 100%;
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  font-family: "Montserrat", Impact, Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#baseline__text {
  padding: 0.625em 0;
  color: #fff;
  font-size: 1.625em;
}
#baseline__text:after, #baseline__text:before {
  padding: 0.625em 0;
  font-size: 1em;
}

#artists {
  background-image: url(../img/bg_artists.jpg);
}
#artists .h4, #artists ul, #artists li, #artists li a {
  display: inline;
}

#event {
  background-image: url(../img/bg_event.jpg);
}
#event p {
  margin-top: 1em;
}
#event ul {
  margin-top: 1em;
}
#event ul.artists li:before {
  content: "- ";
}
#event .label {
  color: #ccc;
}
#event .style {
  color: #666;
}

#contact address, #contact p, #contact ul {
  margin-bottom: 1em;
}
#contact .label {
  color: #666;
}
#contact .h4, #contact .social, #contact .social li, #contact .social li a, #contact .coordz a {
  display: inline;
}

#wrong-way {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  background: rgba(0, 0, 0, 0.9);
}
#wrong-way div {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#wrong-way div .h2 {
  margin-bottom: 1em;
  padding-bottom: .5em;
  text-align: center;
  border-bottom: 1px solid #fff;
}
#wrong-way div button {
  display: none;
}
.hasJS #wrong-way div button {
  display: block;
}

/*  =MEDIA_QUERIES
----------------------------------------------------------------------------- */
.tablet-only, .mobile-only, .wide-only {
  display: none;
}

/* =tablet ------------------------------------------------------------------ */
@media screen and (max-width: 63.125em) {
  .no-tablet {
    display: none;
  }

  .tablet-only {
    display: block;
  }
  .tablet-only.inline {
    display: inline;
  }
  .tablet-only.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }

  #is-mobile {
    display: none;
  }

  .section, .section__wrapper-1, .section__wrapper-2, .section__core {
    height: auto;
  }

  #home.section, #home .section__wrapper-1, #home .section__wrapper-2, #home .section__core {
    height: 100%;
  }

  #canvas {
    height: 1000px;
    width: 1000px;
    margin: -500px 0 0 -500px;
  }

  #logo-core {
    height: 15em;
    width: 15em;
  }

  #bg_logo {
    width: 8.75em;
    height: 8.75em;
    margin-top: 2.5em;
  }
  #bg_logo img {
    margin-left: -4.0625em;
    margin-top: 0;
    width: 8.125em;
  }

  #logo {
    margin-left: -4.0625em;
    width: 7.5em;
    margin-top: 2.3125em;
  }

  #baseline {
    margin-top: 0;
  }

  #footer {
    position: relative;
    margin-top: 5em;
    padding-top: 1em;
  }

  .column .column__core, .column.wide .column__core {
    margin: 0 1.25em;
    padding: 0;
  }

  .column.max {
    margin-bottom: 1em;
  }

  #artists .column, #artists .column.wide, #event .column, #event .column.wide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding: 0;
  }

  #artists .h2 {
    margin-top: .5em;
  }
  #artists .column {
    margin-bottom: 2em;
  }
}
/* =mobile ------------------------------------------------------------------ */
@media screen and (max-width: 45.625em) {
  .no-mobile {
    display: none;
  }

  .mobile-only {
    display: block;
  }
  .mobile-only.inline {
    display: inline;
  }
  .mobile-only.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }

  #footer {
    text-align: left;
  }
  #footer:before {
    content: '';
    position: absolute;
    top: 0;
    left: 2em;
    right: 2em;
    height: 1px;
    background: #333;
  }

  .h1 {
    margin-bottom: 0.5em !important;
  }

  #canvas {
    display: none;
  }

  #baseline {
    margin-bottom: 7.5em;
  }

  #baseline__text {
    font-size: 1.25em;
  }

  #nav-bar {
    text-align: center;
  }
  #nav-bar #main-nav, #nav-bar #external-nav {
    float: none;
    margin-top: .5em;
  }
  #nav-bar #main-nav li > a {
    padding: 0 .5em;
  }
  #nav-bar.sticky {
    position: absolute;
    top: auto;
    bottom: 0;
  }
  #nav-bar.sticky > ul li:first-child {
    width: 0;
  }

  #artists .column, #event .column {
    float: none;
    width: 100%;
  }
  #artists .column.wide, #event .column.wide {
    width: 100%;
    margin-bottom: 2em;
  }

  #event .column.wide {
    margin-bottom: 1em;
  }

  #artists .column .column__core {
    padding-top: 1.5em;
    border-top: 1px solid #333;
  }
  #artists .column:first-child .column__core {
    border-top: none;
  }

  #contact .column {
    float: none;
    width: 100%;
  }
}
/* =wide_screens ------------------------------------------------------------ */
@media screen and (min-width: 72.5em) {
  .no-wide {
    display: none;
  }

  .wide-only {
    display: block;
  }
  .wide-only.inline {
    display: inline;
  }
  .wide-only.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }

  p, li, address {
    font-size: 1em;
  }

  #nav-bar .h2 {
    font-size: 1em;
  }

  #main-nav a {
    padding: .5em 1em;
  }

  .h1 {
    font-size: 3.75em;
  }

  .h2 {
    font-size: 1.875em;
  }

  .h3 {
    font-size: 1em;
  }

  .h4 {
    font-size: 1em;
  }

  .column__core {
    padding: 0 2.5em;
  }

  .columns img {
    border: 0.3125em solid white;
  }
}
/* =special_cases ----------------------------------------------------------- */
@media screen and (min-width: 63.1875em) and (max-height: 32.5em) and (max-width: 64em) {
  #wrong-way {
    display: block;
  }
}
@media screen and (max-width: 19.9375em) {
  #external-nav {
    display: none;
  }
}
/*  =PRINT
----------------------------------------------------------------------------- */
.print-only {
  display: none;
}

@media print {
  body, html {
    width: auto;
    height: auto;
    min-height: auto;
    margin: 0;
    background-color: #fff;
    color: #000;
    background-image: none;
    padding: 0;
    float: none;
    position: static;
  }

  a {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  a[href="#"], a[href="javascript:"] {
    content: "";
  }

  body {
    padding: .5em;
  }

  .no-print {
    display: none;
  }

  .print-only {
    display: block;
  }
}