@charset "utf-8";
/*@mixin button($color:$red, $text_color:$white) {
 display: inline-block;
 outline: none;
 cursor: pointer;
 text-align: center;
 text-decoration: none;
 font: 14px/100% Arial, Helvetica, sans-serif;
 padding: .5em 2em .55em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
 @include rounded();
 @include box-shadow(0, 1px, 2px, rgba(0, 0, 0, 0.2));
 color: $text_color !important;
 font-weight: bold;
 border: solid 1px darken($color, 18%);
 background: $color;
 @include gradient(saturate($color, 15%), darken($color, 15%));
 &:hover {
 text-decoration: none;
 background: saturate($color, 10%);
 @include gradient(saturate($color, 5%), darken($color, 5%));
 }
 &:active {
 position: relative;
 top: 1px;
 color: saturate($color, 15%);
 @include gradient(saturate($color, 15%), lighten($color, 15%));
 }
 }*/
/*@mixin gradient($from, $to) {
 background: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
 background: -moz-linear-gradient(top,  $from, $to);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$from}', endColorstr='#{$to}');
 }*/
/*@media only screen and (max-device-width: 1366px) {
 .parallax {
 background-attachment: scroll;
 }
 }*/
@font-face {
  font-family: 'Open Sans Condensed', sans-serif;
  src: url('../fonts/dakota_regular-webfont.eot');
  src: local('☺'), url('../fonts/dakota_regular-webfont.woff') format('woff'), url('../fonts/dakota_regular-webfont.ttf') format('truetype'), url('../fonts/dakota_regular-webfont.svg#webfont0VwlbJ4G') format('svg');
  font-weight: normal;
  font-style: normal; }
/*.center-a-container { overflow: visible; position: absolute; left: 50%; width: 0; height: 0; }
 .center-a-content-full { position: absolute; top: 0; left: -287px; width: 574px; }*/
.absolute {
  position: absolute;
  top: 0;
  left: 0; }

.invisible-divider.small {
  height: 4px; }

.invisible-divider.medium {
  height: 8px; }

.invisible-divider {
  height: 12px; }

.invisible-divider.tall {
  height: 16px; }

.content-full {
  width: 100%; }

.label-full {
  width: 305px; }

a:link, a:visited {
  color: #ff9a23;
  text-decoration: none; }

a:active, a:hover {
  color: #ffd323;
  text-decoration: underline; }

.clear {
  clear: both; }

.inline {
  display: inline; }

.left {
  float: left;
  text-align: left; }

.right {
  float: right;
  text-align: right; }

.center {
  text-align: center; }

.pointer {
  cursor: pointer; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.green {
  color: #a5c855; }

.brown {
  color: #8f5d69; }

.blue {
  color: #a6c1d2; }

.white {
  color: #fff; }

.light-grey {
  color: #ccc; }

.fo-active {
  color: #a5c855; }

.fo-inactive {
  color: #a6c1d2; }

.fill {
  max-width: 100%;
  min-width: 100%; }

.wax_celestial {
  transition: all 0.5s ease;
  background: #2ed5ff;
  border-top: 1px solid #2ef3ff;
  border-left: 1px solid #2ef3ff;
  border-right: 1px solid #1ba1d9;
  border-bottom: 1px solid #1ba1d9;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .wax_celestial:hover {
    transition: all 0.5s ease;
    background: #2ef3ff; }

.wax_celestial_label {
  transition: all 0.5s ease;
  color: #fff;
  text-shadow: 1px 1px 1px #1ba1d9;
  font-weight: bold;
  /*color: $ocean;
   text-shadow:
   1px 1px 0 $cyan,
   -1px -1px 1px $atom;*/ }

.wax_juice {
  transition: all 0.5s ease;
  color: #282c34;
  background: #c1e604;
  border-top: 1px solid #e2ff4d;
  border-left: 1px solid #e2ff4d;
  border-right: 1px solid #97cd2d;
  border-bottom: 1px solid #97cd2d;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.wax_font, body {
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  line-height: 1.25em;
  color: #9da5b4; }

.wax_oilspill {
  background: #282c34;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none; }

.wax_oilspill_header {
  color: #d7dae0;
  text-shadow: 1px 1px 2px #000;
  background: #282c34; }

.wax_oilspill_label {
  color: #9da5b4;
  text-shadow: 1px 1px 2px #000;
  background: #282c34; }

.wax_terminal {
  font-family: "Courier New", Courier, monospace;
  background: #3a3f4b;
  color: #9da5b4; }
  .wax_terminal:focus {
    color: #fff;
    background: #708090; }

.wax_reset {
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none; }

.wax_band, .wax-row.body .left .block-site-menu a.link, .wax-row.body .left .block-site-menu span.text {
  padding: 20px 30px;
  font-size: 1em;
  line-height: 1em;
  text-align: center; }

* {
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: 0; }

select:focus {
  background-color: #282c34; }

p {
  margin: 10px 0; }

label, label * {
  transition: all 0.25s ease;
  cursor: pointer !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

a, input, button, textarea {
  transition: all 0.5s ease; }

html {
  width: 100%;
  height: 100%;
  background-color: #0c0e0e; }

body {
  width: 100%;
  min-width: 100%; }

body.application {
  height: 100%; }

.header-spacer {
  height: 75px; }

.newsletter #mc_embed_signup {
  padding: 10px 20px;
  background: #f60000;
  color: #fff;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif; }
  .newsletter #mc_embed_signup form#mc-embedded-subscribe-form {
    padding: 0; }
  .newsletter #mc_embed_signup input {
    display: block;
    line-height: 32px;
    border: none;
    font-size: 14px;
    padding: 10px;
    margin: 0;
    width: 100%;
    height: auto; }
    .newsletter #mc_embed_signup input.button#mc-embedded-subscribe {
      cursor: pointer;
      background: #21252b;
      color: #fff;
      text-transform: uppercase; }
    .newsletter #mc_embed_signup input.none {
      display: none; }
  .newsletter #mc_embed_signup tr.mce-table-row-label label {
    text-transform: uppercase; }
  .newsletter #mc_embed_signup input.button#mc-embedded-subscribe:hover {
    background: #282c34; }
  .newsletter #mc_embed_signup table.mce-table-signup {
    width: 100%; }
  .newsletter .newsletter-small {
    float: left;
    margin: 5px 0; }
    .newsletter .newsletter-small #mc_embed_signup {
      background: transparent;
      padding: 0; }
    .newsletter .newsletter-small #mc_embed_signup input {
      line-height: 16px;
      font-size: 12px;
      display: block;
      border: none;
      padding: 10px;
      margin: 0; }
      .newsletter .newsletter-small #mc_embed_signup input.email#mce-EMAIL {
        min-width: 300px;
        -webkit-box-shadow: inset 5px 5px 5px 0 #000;
        -moz-box-shadow: inset 5px 5px 5px 0 #000;
        box-shadow: inset 5px 5px 5px 0 #000;
        background: #1d1f22;
        color: #5c5c5c; }
        .newsletter .newsletter-small #mc_embed_signup input.email#mce-EMAIL:hover {
          background: #21252b; }
      .newsletter .newsletter-small #mc_embed_signup input.button#mc-embedded-subscribe {
        margin-left: 10px;
        padding-left: 30px;
        padding-right: 30px;
        -webkit-box-shadow: 2px 2px 2px 0 #21252b;
        -moz-box-shadow: 2px 2px 2px 0 #21252b;
        box-shadow: 2px 2px 2px 0 #21252b;
        background: #f60000;
        color: #fff;
        text-transform: uppercase; }
        .newsletter .newsletter-small #mc_embed_signup input.button#mc-embedded-subscribe:hover {
          background: #ff4d4d; }
      .newsletter .newsletter-small #mc_embed_signup input.none {
        display: none; }

#main {
  /*min-width: 1200px;*/
  min-width: 100%;
  margin: 0 auto; }

.wax_icon.social {
  background-image: url(../../themes/Hotwax/images/social_sm.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px; }
  .wax_icon.social.fb {
    background-position: 0 0; }
  .wax_icon.social.instagram {
    background-position: -64px 0; }

.social_links {
  position: absolute;
  top: 19px;
  right: 10px;
  z-index: 9999; }
  .social_links a {
    margin-left: 5px; }

#nav {
  position: absolute;
  width: 100%;
  z-index: 99;
  padding: 0;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  background: #000;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #692213;
  pointer-events: none; }
  #nav li {
    display: block; }
  #nav #nav-links > .menu {
    transition: all 0.5s ease;
    max-height: 0px;
    overflow: hidden;
    display: block; }
    #nav #nav-links .module-site-menu {
      padding: 0 0 0 0; }
      #nav #nav-links .module-site-menu li.record {
        line-height: 30px;
        white-space: nowrap;
        pointer-events: auto; }
        #nav #nav-links .module-site-menu li.record a:hover {
          background-color: #ed1f24; }
      #nav #nav-links .module-site-menu li.record.first {
        padding-left: 0;
        background: none; }
    #nav #nav-links #module-site-menu-1 {
      padding: 0 0 0 0; }
  #nav a {
    pointer-events: auto; }
  #nav a.logo:hover {
    background: #fff;
    color: #f60000; }
  #nav a.logo, #nav a.link:link, #nav a.link:visited {
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent; }
    #nav a.logo img, #nav a.link:link img, #nav a.link:visited img {
      max-height: 30px; }
  #nav a.link.current {
    color: #fff;
    background: #ff825c; }
  #nav .social_links {
    display: none; }
  #nav .nav-toggle {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    line-height: 54px;
    width: 54px;
    height: 54px;
    vertical-align: middle;
    text-align: center;
    background: #f60000;
    color: #fff;
    pointer-events: auto;
    cursor: pointer;
    text-shadow: none; }
    #nav .nav-toggle:hover {
      background: #fff;
      color: #f60000; }

@media only screen and (min-width: 601px) {
  body.web #nav {
    position: absolute;
    width: 100%;
    z-index: 99;
    padding: 0;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    background: transparent;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #692213;
    pointer-events: none; }
    body.web #nav li {
      display: inline-block; }
    body.web #nav #nav-links > .menu {
      max-height: none !important;
      overflow: auto;
      display: block !important; }
      body.web #nav #nav-links .module-site-menu {
        float: left;
        padding: 10px 0 0 230px; }
        body.web #nav #nav-links .module-site-menu li.record {
          line-height: 30px;
          white-space: nowrap;
          pointer-events: auto; }
          body.web #nav #nav-links .module-site-menu li.record a:hover {
            background-color: #ed1f24; }
        body.web #nav #nav-links .module-site-menu li.record.first {
          padding-left: 0;
          background: none; }
      body.web #nav #nav-links #module-site-menu-1 {
        float: right;
        padding: 10px 90px 0 0; }
    body.web #nav a {
      pointer-events: auto; }
    body.web #nav a.logo {
      position: absolute;
      top: 0;
      left: 0; }
    body.web #nav a.logo, body.web #nav a.link:link, body.web #nav a.link:visited {
      display: inline-block;
      padding: 10px 15px;
      color: #fff;
      text-decoration: none;
      border-left: 1px solid transparent;
      border-right: 1px solid transparent; }
      body.web #nav a.logo img, body.web #nav a.link:link img, body.web #nav a.link:visited img {
        max-height: 50px; }
    body.web #nav a.link.current {
      color: #fff;
      background: #ff825c; }
    body.web #nav #subnav {
      background: #7e3032;
      color: #ef303a;
      font-weight: normal;
      font-size: 14px;
      padding: 2px 10px; }
    body.web #nav .contact {
      font-weight: normal;
      font-size: 14px;
      line-height: 40px;
      text-transform: none;
      padding: 2px 10px; }
    body.web #nav .social_links {
      display: block; }
    body.web #nav .nav-toggle {
      display: none; } }

#newsletter {
  position: absolute;
  top: 30px;
  right: -10px;
  height: 40px;
  min-width: 150px;
  background: #231818; }
  #newsletter .title {
    width: 100%;
    text-align: center;
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    position: absolute;
    top: -13px;
    left: 0; }

.trifold {
  position: absolute;
  top: -10px;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  background-color: transparent;
  background-image: url(../../themes/Hotwax/images/trifold.png);
  background-position: top left;
  background-repeat: no-repeat; }

.trifold.right {
  left: auto;
  right: 0;
  background-position: top right; }

.section {
  background: #0c0e0e;
  background-position: center;
  background-repeat: no-repeat; }

.section.feature {
  height: 648px;
  background-image: url(../../themes/Hotwax/images/sections/feature2.jpg); }

.section-title {
  background: #ee3f29;
  background: -webkit-linear-gradient(top left, #ee3f29, #c4382c);
  background: linear-gradient(to bottom right, #ee3f29, #c4382c);
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  padding: 10px 0 10px 10px;
  position: relative;
  left: -10px;
  box-sizing: content-box;
  text-shadow: 2px 2px 2px #231818;
  box-shadow: inset -10px 0 10px -10px #231818; }
  .section-title .caption {
    font-size: 16px;
    line-height: 16px; }
  .section-title .description {
    display: block;
    font-size: 48px;
    line-height: 48px; }
  .section-title.lineup .body {
    padding-left: 80px;
    height: 64px;
    background: transparent url(../../themes/Hotwax/images/icons/lineup.png) center left no-repeat; }

.wax-row.body .left {
  text-transform: lowercase; }
  .wax-row.body .left .block-site-menu a.link, .wax-row.body .left .block-site-menu span.text {
    display: block;
    color: #fff;
    background: #ff2998;
    text-decoration: none; }
    .wax-row.body .left .block-site-menu span.text {
      background: #ccc; }
    .wax-row.body .left .block-site-menu a:hover {
      background: #bf0168;
      text-decoration: none; }
    .wax-row.body .left .block-site-menu h1 {
      padding-bottom: 15px;
      color: #e8e8e8;
      font-family: Verdana, Geneva, sans-serif;
      font-size: 22px;
      font-weight: normal;
      letter-spacing: 0px;
      text-transform: lowercase; }
    .wax-row.body .left .block-site-menu h2 {
      margin: 0 0 5px 0;
      font-family: Verdana, Geneva, sans-serif;
      font-size: 16px;
      font-weight: normal;
      text-shadow: #000 0px 1px 2px; }

body.public .wax-row.body .content {
  background: #1d1f22;
  /*h1, h2, h3 {
   //margin: 20px 0; padding: 0 30px;
   //font-size: 1.75em;
   font-weight: bold;
   @extend .wax_oilspill_header;
   //letter-spacing: 0px;
   }
   h2 {
   font-size: 1.5em;
   color: $atom;
   }
   h3 {
   font-size: 1em;
   color: $sky;
   }*/ }
  body.public .wax-row.body .content p {
    margin: 20px 0;
    padding: 0 30px; }
    body.public .wax-row.body .content p strong {
      color: #d7dae0; }
  body.public .wax-row.body .content ul, body.public .wax-row.body .content pre {
    margin: 20px 0;
    padding: 10px 50px;
    color: #fff;
    background: #3a3f4b; }
  body.public .wax-row.body .content ul li:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em; }
  #right {
    float: left;
    width: 200px;
    background: #6d6d6d;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 12px; }

#right ul {
  list-style: none;
  list-style-type: none;
  border: 1px solid #5b5b5b;
  border-top: 1px solid #525252;
  border-right: none; }

#right ul li.title {
  border-bottom: 1px solid #525252;
  background: #4a4a4a;
  font-size: 16px;
  text-shadow: #111 0 1px 0px; }

#right ul li {
  padding: 12px 10px; }

#subheader {
  padding: 0 50px;
  color: #777; }

#subheader .block-wrapper-user-welcome {
  float: right; }

#subheader a:link, #subheader a:visited {
  padding-right: 18px;
  color: #333;
  font-weight: bold;
  text-decoration: none; }

#subheader a:hover, #subheader a:active {
  text-decoration: underline; }

#footer {
  text-align: center;
  padding: 5px 20px 10px;
  border-top: 1px solid #5c5c5c;
  background: #282c34;
  color: #fff;
  line-height: 16px;
  font-size: 12px; }
  #footer * {
    vertical-align: middle; }
  #footer .copyright {
    padding: 10px 0;
    text-align: right;
    float: right; }
  #footer .copyright .logo {
    height: 26px; }
  #footer .copyright .logo img {
    max-height: 26px; }

#footer .block-wrapper-engine {
  margin-top: 5px; }

#footer .block-wrapper-engine img {
  vertical-align: middle; }

#footer .block-wrapper-engine .wax-seal-sm {
  position: relative;
  top: -1px; }

#events #LIST_VIEW {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none;
  background: #000; }
  #events #LIST_VIEW li {
    list-style: none;
    list-style-type: none;
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #21252b; }
  #events .visual {
    display: block; }
  #events .visual .date {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    background: #aa181d; }
  #events .visual .date .date-slot {
    white-space: nowrap; }
    #events .visual .date .date-slot span {
      font-size: 1.5em; }
    #events .visual .date .date-slot .date-date {
      font-weight: bold; }
  #events .about {
    display: block; }
  #events .about .findtickets a {
    display: block;
    padding: 3px;
    margin: 3px 0;
    background: #ef4d2b;
    text-align: center;
    color: #fff; }
    #events .about .findtickets a:hover {
      text-decoration: none;
      background: #ff933b; }