@import url(boilerplate.css);
/*
GENERIC MIXINS
============
*/
/*MAIN*/
@import url(persona-buttons.css);
@import url("https://fonts.googleapis.com/css?family=Archivo:400,400i,500,500i,600,600i,700,700i|Chivo:300,300i,400,400i,700,700i,900,900i");
#mobile-nag {
  padding: 10px;
  font-family: 'Chivo', sans-serif;
  text-transform: uppercase; }
  #mobile-nag a {
    display: block;
    background: #fff5ca url(../image/mobile-nag.png) right center no-repeat;
    font-size: 60px;
    padding: 20px 160px 20px 20px;
    line-height: 70px; }
    #mobile-nag a b {
      color: #000000;
      font-weight: normal; }

#crisis-nag {
  padding-bottom: 10px;
  font-family: 'Chivo', sans-serif;
  text-transform: uppercase; }
  #crisis-nag a {
    display: block;
    background: #fff5ca;
    font-size: 20px;
    padding: 10px; }
    #crisis-nag a b {
      color: #000000;
      font-weight: normal; }

.debug {
  background: #0f0 !important; }

p {
  margin: 0 0 1em; }

hr {
  border-top: 1px dashed #9e9e9e; }

.news {
  border-bottom: 1px solid #c0c0c0;
  line-height: 1.5em;
  margin-bottom: 30px;
  overflow: auto;
  padding-bottom: 30px; }
  .news img {
    margin-left: 20px;
    margin-bottom: 10px;
    float: right; }
  .news .foot {
    font-size: 12px; }
    .news .foot time {
      font-style: italic; }

#container {
  background: #f0f0f0; }

#main {
  background: white; }

#main .news h2 {
  font-family: 'Chivo', sans-serif;
  font-size: 34px;
  margin-bottom: 1em;
  text-transform: none; }

blockquote {
  font-family: 'Chivo', sans-serif;
  padding: 10px;
  margin: 10px;
  font-size: 28px;
  font-style: normal;
  /*	background: #E5F5FB;*/
  color: #534f4f;
  line-height: 1.3em; }

blockquote:first-child:first-letter {
  float: left;
  color: #000000;
  font-size: 75px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 4px;
  padding-left: 0px; }

blockquote i, blockquote em {
  font-style: normal;
  color: #7f7f7f; }

/*** PAGE ***/
body {
  font-family: 'Chivo', sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased; }

#header {
  height: 155px;
  z-index: 1000; }
  #header #logo {
    z-index: 300; }
    #header #logo h1 {
      width: 224px;
      height: 170px;
      overflow: hidden;
      display: block;
      position: absolute;
      top: 0px;
      left: 0px;
      background: transparent url(../image/2013-logo-2.png) 0px 8px no-repeat;
      text-indent: -10000em; }
    #header #logo span {
      position: absolute;
      left: 150px;
      top: 20px;
      font-size: 16px;
      font-family: 'Chivo', sans-serif;
      text-transform: uppercase;
      color: #009fd6; }

.container {
  position: relative;
  margin: 0 auto;
  width: 1110px; }

#no-content {
  overflow: auto;
  margin: 20px 0px;
  line-height: 1.6em; }
  #no-content #right-col {
    float: right;
    width: 730px; }
  #no-content img.image {
    float: left; }
  #no-content .links {
    float: right;
    margin-left: 30px; }
    #no-content .links a.big-link {
      display: block;
      font-family: 'Chivo', sans-serif;
      text-transform: uppercase;
      font-size: 20px;
      line-height: 40px;
      vertical-align: middle;
      padding: 5px 45px 5px 20px;
      -webkit-border-radius: 5px 5px 5px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      color: #fff;
      margin-bottom: 16px;
      background: #009fd6 url(../image/arrows-white.png) right center no-repeat; }
      #no-content .links a.big-link:nth-child(even) {
        background-color: #666; }
  #no-content h2 {
    font-size: 32px; }
  #no-content b {
    color: #000000;
    font-weight: normal; }

aside {
  float: right; }

/* base nav styles */
nav ul {
  padding: 0;
  margin: 0; }

nav li {
  position: relative;
  float: left;
  list-style-type: none; }

nav ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

nav li a {
  display: block;
  text-decoration: none; }

nav li a:focus {
  outline: none;
  text-decoration: underline; }

nav a span {
  display: block;
  float: right; }

nav ul ul {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 500; }

nav ul ul li {
  float: none; }

nav ul ul a {
  padding: 5px 10px;
  border-left: none;
  border-right: none;
  /*font-size:14px;*/ }

nav ul ul a:hover {
  background-color: #555; }

nav ul li:hover > ul {
  display: block; }

#main-navigation {
  position: absolute;
  top: 115px;
  left: 295px;
  margin: 0 0 10px 0;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1em; }
  #main-navigation ul#links {
    float: left; }
    #main-navigation ul#links li.children > a {
      background: none; }
    #main-navigation ul#links li:hover.children > a {
      /*THE NAV DROPDOWN HOVER STATE*/
      border-top: 5px solid #E5F5FB;
      margin-top: -5px;
      background-color: #e5f5fb;
      margin-left: 0;
      z-index: 2000;
      border-bottom: 8px solid #e5f5fb;
      /*THIS GIVES IT SOME SPACE BEFORE THE DROPDOWN*/
      background: #e5f5fb url(../image/down-arrow.png) center right no-repeat;
      color: #000; }
    #main-navigation ul#links li a {
      color: #666666;
      font-weight: normal;
      background: transparent url(../image/right-arrow.png) center right no-repeat;
      padding: 3px 24px 3px 18px; }
    #main-navigation ul#links li:hover {
      z-index: 2000; }
    #main-navigation ul#links li:hover.children ul li a {
      border-bottom: none;
      margin-left: 0px; }
    #main-navigation ul#links li:hover ul a,
    #main-navigation ul#links li:hover.children ul a {
      background: none;
      color: #666666; }
      #main-navigation ul#links li:hover ul a:hover,
      #main-navigation ul#links li:hover.children ul a:hover {
        color: #000; }
    #main-navigation ul#links ul {
      width: 200px;
      background-color: #e5f5fb;
      padding: 5px 0px 13px 0px; }
      #main-navigation ul#links ul a {
        border: none;
        background: none;
        padding: 5px 18px; }

#main-navigation ul ul li:hover a,
#main-navigation li:hover a,
#main-navigation li a.current,
#main-navigation li.children ul li.current a {
  /*DROPDOWN CURRENT*/
  color: #000; }

ul#lineup-links {
  float: right; }
  ul#lineup-links li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    padding-bottom: 8px; }
    ul#lineup-links li a, ul#lineup-links li span {
      display: block;
      font-family: 'Chivo', sans-serif;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 16px;
      vertical-align: middle;
      padding: 0px 0px; }
    ul#lineup-links li a {
      -webkit-border-radius: 5px 5px 5px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      color: #009fd6;
      background: none;
      padding: 10px;
      margin-top: 4px; }

ul#lineup-links li.current {
  background: transparent url("../image/lineup-diamond.png") center bottom no-repeat; }
  ul#lineup-links li.current a {
    background: #daf4fe;
    color: #000; }
    ul#lineup-links li.current a:hover {
      color: #000 !important; }

.lineup-page ul#lineup-links li.current a {
  color: #000; }

#social-navigation {
  position: absolute;
  top: 115px;
  right: 0px;
  line-height: 1em;
  padding-left: 26px; }

#social-navigation li {
  margin: 5px 0px 0px 4px; }

#social-navigation .social-bug {
  display: block;
  width: 18px;
  height: 18px;
  text-indent: -10000em;
  overflow: hidden;
  background: transparent url(../image/social-bugs-v2.png) 0 0 no-repeat;
  -webkit-transition: background 0.2s ease-in-out 0s;
  -moz-transition: background 0.2s ease-in-out 0s;
  -o-transition: background 0.2s ease-in-out 0s;
  transition: background 0.2s ease-in-out 0s; }

#social-navigation .facebook {
  background-position: 0px 0px; }

#social-navigation .twitter {
  background-position: -18px 0px; }

#social-navigation .youtube {
  background-position: -36px 0px; }

#social-navigation .flickr {
  background-position: -54px 0px; }

#social-navigation .instagram {
  background-position: -72px 0px; }

#social-navigation .facebook:hover {
  background-position: 0px -18px; }

#social-navigation .twitter:hover {
  background-position: -18px -18px; }

#social-navigation .youtube:hover {
  background-position: -36px -18px; }

#social-navigation .flickr:hover {
  background-position: -54px -18px; }

#social-navigation .instagram:hover {
  background-position: -72px -18px; }

#section-navigation {
  float: left;
  width: 119px;
  padding: 0 10px;
  font-size: 16px;
  min-height: 50px;
  text-transform: uppercase;
  border-right: 1px solid #c0c0c0; }
  #section-navigation h3 {
    margin-bottom: 16px; }

#section-navigation ul li {
  display: block;
  float: none;
  padding-bottom: 10px; }

#section-navigation a {
  display: inline;
  color: #666666; }

#section-navigation a:hover,
#section-navigation li.current a {
  color: #000; }

#festival-navigation {
  margin-left: 274px;
  font-size: 22px; }
  #festival-navigation a {
    color: #534f4f;
    line-height: 90px;
    text-align: center;
    width: 152px; }

#header a.launch-player {
  background: transparent url("../image/launch-player.png") left center no-repeat;
  float: right;
  width: 160px;
  border: 0;
  padding-left: 40px;
  text-align: left; }
  #header a.launch-player span {
    text-align: left;
    float: left;
    font-size: 11px;
    display: block;
    font-style: italic;
    line-height: 10px;
    margin-top: -32px; }

#festival-navigation a.passes {
  background: transparent url("../image/arrows.png") right center no-repeat;
  display: inline-block;
  width: auto;
  padding: 0px 30px 0px 30px; }

.sneakpeeks {
  position: absolute;
  left: 350px;
  top: 10px;
  font-size: 10px;
  line-height: 10px;
  background: #000;
  padding: 2px;
  color: #fff;
  display: block; }

#festival-navigation li.last a {
  border-right: solid 1px #fff; }

/*** Footer ***/
#footer {
  padding: 10px 0 150px; }

#footer-image {
  position: absolute;
  top: 90px;
  left: -30px; }

#footer-navigation {
  font-size: 12px;
  line-height: 1.6em;
  margin: 20px 0 0 0;
  position: relative; }

#footer-navigation a {
  color: #333;
  background: transparent url(../image/crossline.png) 0 8px no-repeat;
  padding-left: 10px; }

#footer-navigation a:hover {
  color: #000; }

#footer-navigation .col {
  width: 239px;
  padding: 0 15px 20px; }

#footer-navigation li h4:first-child {
  margin-top: 0; }

#footer-navigation h4 {
  color: #5f737a;
  font-size: 16px;
  text-transform: uppercase;
  margin: 20px 0 8px; }

#footer-navigation p {
  margin-bottom: .4em; }

#footer .fine-print {
  line-height: 22px;
  vertical-align: middle;
  margin-top: 40px; }

#footer .fine-print h4 {
  display: inline;
  padding-right: 10px; }

#footer-navigation .fine-print a {
  background: none;
  padding: none; }

h1, h2, h3, h4, h5 {
  color: #000;
  font-weight: normal;
  line-height: 1em;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

h1 {
  font-size: 34px;
  margin-bottom: .75em; }

h2 {
  font-size: 18px;
  margin-bottom: .5em;
  text-transform: uppercase; }

h3 {
  font-size: 16px;
  margin-bottom: .2em; }

#slog {
  float: left;
  width: 780px;
  padding-right: 30px;
  border-right: 1px solid #c0c0c0; }

#aside h3 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: normal;
  color: #000; }

#aside .linkout a h3 {
  background: transparent url(../image/right-arrow.png) left center no-repeat;
  padding-left: 20px;
  margin: 0 0 5px -20px; }

#aside .linkout a:hover h3 {
  color: #009fd6;
  -webkit-transition: color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out;
  transition: color 300ms ease-in-out; }

aside ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#aside .linkout.tweets, #aside .linkout.events {
  font-size: 14px; }
  #aside .linkout.tweets h3, #aside .linkout.events h3 {
    padding-left: 35px; }
#aside .linkout.events {
  color: #3d474b;
  line-height: 1.3em; }
  #aside .linkout.events h3 {
    background: transparent url(../image/home-linkout-icons.png) 0 top no-repeat; }
  #aside .linkout.events p {
    padding: 5px 0px; }
  #aside .linkout.events strong {
    font-size: 14px;
    line-height: 1.1em;
    font-weight: normal; }
    #aside .linkout.events strong a {
      font-style: italic;
      text-decoration: underline; }
#aside .linkout.tweets {
  font-size: 14px; }
  #aside .linkout.tweets h3 {
    background: transparent url(../image/home-linkout-icons.png) 0 -40px no-repeat; }
  #aside .linkout.tweets div {
    margin: 10px 0px;
    line-height: 1.3em; }
    #aside .linkout.tweets div span {
      font-style: normal; }
    #aside .linkout.tweets div a.time {
      font-size: 10px;
      display: block; }

#aside li {
  margin: 0px;
  padding: 40px 0 45px; }

/*UP TO DATE */
#aside #uptodate {
  padding-top: 0px;
  line-height: 1em; }

#uptodate #subscribe {
  border: none;
  background: #625f5b;
  color: #fff; }

#uptodate #email {
  background-color: #d4ecf3;
  display: block;
  margin-bottom: 10px; }

#uptodate p {
  font-size: 14px;
  line-height: 1em;
  font-style: italic;
  margin-bottom: 10px; }

/*** ARTIST DETAILS PAGE ***/
#artist-links a {
  text-decoration: none; }

/** Section Overrides and Content **/
#ripple {
  padding-top: 30px;
  background: #f0f0f0; }
  #ripple h2 {
    font-size: 3em;
    text-transform: uppercase;
    margin: 0.5em auto; }

.home aside {
  float: right;
  width: 240px; }

#pass {
  background: grey;
  height: 115px;
  padding: 26px 13px 38px; }
  #pass a {
    text-decoration: none; }

#pass a:hover h3 {
  color: #f08796; }

#pass h3 {
  color: #cbe9ec;
  font-size: 25px;
  margin-bottom: 5px;
  text-transform: none; }

#pass div {
  color: #fff;
  line-height: 1em;
  font-size: 19px;
  font-style: italic; }

#know {
  margin-top: 10px;
  width: 240px;
  height: 289px; }
  #know span {
    color: #fff;
    background: #e01022;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 17px;
    padding: 0px 10px; }
    #know span.smaller {
      font-size: 12px; }
  #know a {
    position: relative;
    display: block; }
  #know .know-button {
    background: transparent url(../image/know-button.png) top left no-repeat;
    padding: 50px 10px 0 10px;
    height: 82px;
    width: 112px;
    text-align: center;
    line-height: 1em;
    font-size: 20px;
    position: absolute;
    bottom: -20px;
    left: 120px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 1px 1px 0px #333333;
    filter: dropshadow(color=#333333, offx=1, offy=1); }
    #know .know-button.smaller {
      font-size: 16px;
      padding-top: 50px;
      height: 82px; }
    #know .know-button.larger {
      font-size: 24px;
      padding-top: 56px;
      height: 76px; }

a.know-button {
  color: #fff !important; }

a.know-button:hover {
  color: #f08796 !important; }

#feature-row {
  height: 478px; }

#feature-row .sneakpeak-badge-right {
  right: 250px; }

#featured-artist-wrapper {
  width: 860px;
  height: 478px;
  position: relative;
  float: left;
  width: 860px;
  height: 478px;
  position: relative;
  overflow: hidden; }

#featured_artist_flipper {
  top: 0px; }

a#lineup-link {
  position: absolute;
  display: block;
  padding: 10px;
  padding-right: 30px;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  color: #fff;
  font-family: 'Chivo', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  background: #009fd6 url("../image/white-double-arrow.png") right center no-repeat; }

a#lineup-link:hover {
  background: #000 url("../image/white-double-arrow.png") right center no-repeat;
  color: #fff; }

#featured_artist_flipper a.artistFeature {
  width: 860px;
  position: absolute;
  display: block; }

#featured_artist_flipper_menu {
  width: 860px;
  position: absolute;
  top: 50px;
  left: 0px; }

#featured_artist_flipper_menu li {
  display: block;
  clear: left;
  float: left;
  font-size: 14px;
  color: #444;
  margin-top: 6px;
  line-height: 28px; }
  #featured_artist_flipper_menu li span.new {
    float: left;
    display: block;
    font-family: 'Chivo', sans-serif;
    background: #000;
    background: #000 url("../image/grit.png") top left repeat;
    color: #e01022;
    padding: 0px 10px; }
  #featured_artist_flipper_menu li a {
    float: left;
    text-decoration: none;
    padding: 0px 10px;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.8); }
#featured_artist_flipper_menu li.current,
#featured_artist_flipper_menu li:hover {
  margin: 0 0 -6px;
  line-height: 40px; }
  #featured_artist_flipper_menu li.current a,
  #featured_artist_flipper_menu li:hover a {
    font-size: 20px;
    background: #000 url("../image/grit.png") top left repeat;
    color: #daf4fe;
    -webkit-transition: color 1s ease 0s;
    -moz-transition: color 1s ease 0s;
    -o-transition: color 1s ease 0s;
    transition: color 1s ease 0s; }
  #featured_artist_flipper_menu li.current span.new,
  #featured_artist_flipper_menu li:hover span.new {
    background: #009fd6;
    color: #fff; }

#featured_artist_flipper_menu a:hover {
  color: #ffffff; }

.simple {
  padding-top: 75px;
  padding-bottom: 75px; }
  .simple article {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 570px; }
  .simple aside {
    width: 356px; }
  .simple .image {
    margin-bottom: 20px; }
  .simple .image img {
    display: block;
    margin-bottom: 3px; }
  .simple .image span {
    font-style: italic;
    color: #7d7d7d; }
  .simple h1, .simple .full-page h1 {
    /*text-transform: uppercase;*/ }
  .simple.one-column article {
    width: 940px; }
  .simple.wide article {
    width: 100%; }
  .simple.wide .columns {
    display: flex;
    margin: 0 -10px; }
    .simple.wide .columns .column {
      flex: 1;
      padding: 0 10px; }
  .simple.wide .button {
    background: #00CDAC;
    color: white;
    display: block;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    transition: all ease 0.25s; }
    .simple.wide .button:hover {
      background: #008570; }

.full-page {
  margin-top: 75px;
  margin-bottom: 75px; }

.artist h1 {
  font-size: 42px;
  line-height: 1em;
  margin-bottom: 5px; }
.artist .location {
  font-size: 18px;
  font-style: italic;
  color: #7f7f7f; }
.artist .hero {
  float: left;
  width: 440px;
  padding-right: 5px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 10px;
  position: relative; }
  .artist .hero .flag {
    background: #009fd6;
    font-size: 16px;
    position: absolute;
    right: 0px;
    bottom: 7px;
    padding: 7px;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase; }
.artist .detail {
  width: 830px;
  float: left;
  background: transparent url(../image/dot.png) top right repeat-y;
  padding-right: 20px; }
.artist .description {
  margin-left: 510px; }
.artist aside {
  float: right;
  width: 240px; }
  .artist aside li {
    background: url(../image/dotline-horizontal.png) left bottom repeat-x;
    padding: 20px 0; }
    .artist aside li h3 {
      padding-bottom: 6px; }
  .artist aside li:first-child {
    padding-top: 0px; }
  .artist aside li.details {
    font-size: 11px;
    line-height: 1.3em; }
    .artist aside li.details i {
      color: #666666; }
.artist .links {
  padding-top: 12px;
  font-size: 10px; }
  .artist .links h3 {
    margin: 0 0 10px; }
.artist .merch-list {
  height: 160px;
  overflow-y: auto;
  line-height: 1.2em;
  font-size: 11px; }
  .artist .merch-list div {
    display: block;
    overflow: auto;
    margin-bottom: 18px;
    margin-top: 6px; }
    .artist .merch-list div .item-name {
      font-size: 14px; }
    .artist .merch-list div img {
      float: left;
      width: 60px;
      height: 60px;
      border: 1px solid silver;
      margin-right: 10px; }
    .artist .merch-list div .merch-link {
      display: block;
      color: #009fd6;
      padding: 4px; }
      .artist .merch-list div .merch-link:hover {
        color: #000; }
    .artist .merch-list div.album .item-name {
      font-style: italic; }

.film .hero {
  width: 368px; }
.film .description {
  margin-left: 388px; }

.visual-art .hero {
  width: 368px; }
.visual-art .description {
  margin-left: 388px; }

#show-list span, #show-list time {
  display: block; }
#show-list .show {
  overflow: auto;
  width: 240px;
  line-height: 16px;
  vertical-align: middle;
  margin-bottom: 4px; }
  #show-list .show .day, #show-list .show .venue {
    font-family: 'Chivo', sans-serif;
    text-transform: uppercase; }
  #show-list .show .venue {
    margin-right: 24px; }
  #show-list .show .time {
    font-size: 12px;
    /*text-transform: lowercase;*/
    color: #666666; }
    #show-list .show .time b {
      margin-top: -6px;
      display: inline-block; }
  #show-list .show:hover .mysled {
    opacity: 1; }
  #show-list .show .location {
    color: #000000; }
  #show-list .show .date-box {
    float: left;
    color: #ffffff;
    background: #009fd6 url(../image/date-box-bg.png) right center no-repeat;
    padding: 8px;
    padding-right: 16px;
    margin-right: 0px;
    text-align: center; }
    #show-list .show .date-box .date {
      font-size: 18px; }
  #show-list .show .time-venue {
    padding: 8px;
    margin-left: 48px; }
#show-list .note {
  background: none;
  padding: 0;
  font-size: 10px;
  line-height: 11px;
  padding-left: 12px;
  display: block;
  margin-top: 10px; }
  #show-list .note b.asterisk {
    display: inline-block;
    width: 12px;
    margin-left: -12px; }
#show-list b.asterisk {
  color: #666666;
  font-size: 18px; }

#lineup-list {
  background: url(../image/dotline-horizontal.png) left top repeat-x;
  padding-top: 50px;
  margin-top: 40px;
  padding-bottom: 30px;
  position: relative; }
  #lineup-list #next-artist-list-link, #lineup-list #previous-artist-list-link {
    background: #ffffff url(../image/lineup-alpha-arrow-up.png) center 0px no-repeat;
    padding: 0;
    margin: 0;
    border: none;
    width: 42px;
    height: 20px;
    text-indent: -999px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 30px; }
    #lineup-list #next-artist-list-link:hover, #lineup-list #previous-artist-list-link:hover {
      background-position: center -20px; }
  #lineup-list #next-artist-list-link {
    top: 92px;
    background: #ffffff url(../image/lineup-alpha-arrow-down.png) center 0px no-repeat; }
  #lineup-list #artist-list dd {
    margin-top: 0px; }
  #lineup-list h3 {
    position: absolute;
    left: 50px;
    top: 25px; }
    #lineup-list h3 a {
      color: #000000;
      padding-left: 10px;
      margin-left: 10px;
      border-left: 1px solid #E2E2E2;
      font-weight: 700; }

aside li.last {
  background: none; }

aside h3 {
  font-size: 16px;
  text-transform: uppercase;
  color: #898989; }

a.buy {
  display: block;
  /*background:transparent url(../image/buy.png) top right no-repeat; */
  text-decoration: none;
  color: #4c4c4c;
  line-height: 1.2em;
  margin-bottom: 10px; }

a.buy:hover h3 {
  color: #000; }

a.buy p {
  font-style: italic;
  font-size: .9em;
  margin-top: 12px; }

.btn {
  display: block;
  float: left;
  overflow: hidden;
  text-indent: -10000em;
  margin-right: 10px; }

.artist-page #main {
  padding: 40px 0 60px; }

.listen {
  background: transparent url(../image/artist-listen.png) top left no-repeat;
  width: 74px;
  height: 25px; }

.watch {
  background: transparent url(../image/artist-watch.png) top left no-repeat;
  width: 74px;
  height: 25px; }

.four-oh-four {
  padding: 60px 0; }

#footer .sponsors-bar {
  text-align: center; }

.sneakpeak-badge {
  position: absolute;
  top: 0px;
  left: 0px; }

.sneakpeak-badge-right {
  position: absolute;
  top: 0px;
  right: 0px; }

.sponsors {
  margin-top: 75px; }

.sponsors h1 {
  text-transform: uppercase; }

.sponsors h2 {
  background: url(../image/dotline-horizontal.png) left top repeat-x;
  padding: 30px 0 20px;
  font-size: 18px; }

.sponsors .sponsor-list .sponsor:first-child {
  /*padding-left:0;*/
  /*background: none;*/ }

.sponsors .sponsor-list .sponsor {
  padding: 0 25px 0 20px;
  display: inline-block;
  height: 100px;
  line-height: 100px;
  vertical-align: center; }

.sponsors .sponsor-list {
  padding-bottom: 20px; }

/**
 * LEAK STYLES (Also the Year-round nav)
 **/
#festival-menu-leak a.getpass {
  /*margin-top:20px;*/
  margin-top: 2px;
  font-size: 22px;
  background: transparent url("../image/arrows.png") right center no-repeat;
  padding-right: 25px;
  display: inline-block;
  text-decoration: none;
  color: #333;
  -webkit-font-smoothing: antialiased; }

#festival-menu-leak a.getpass:hover {
  color: #000; }

#sled-fact {
  display: block;
  font-style: italic;
  text-decoration: none;
  color: #000;
  font-size: 16px; }

#sled-fact .sled-fact-number {
  background: transparent url(../image/sled-fact.png) top left no-repeat;
  display: block;
  width: 118px;
  height: 118px;
  line-height: 130px;
  text-align: center;
  color: #fff;
  font-size: 46px;
  text-indent: -10px;
  float: left;
  margin-right: 10px; }

#sled-fact span {
  color: #666666;
  display: block;
  font-size: 12px; }

#sled-fact p {
  padding: 29px 0 0; }

#sled-fact:hover {
  color: #079fd6; }

#sled-fact:hover .details {
  color: #000000; }

#sled-fact .sled-fact-number sup {
  top: -15px;
  font-size: .5em; }

.staff {
  margin-top: 75px; }

.staff .staff-list {
  background: transparent url(../image/dot.png) top left repeat-y;
  float: left;
  width: 950px;
  padding: 0 0 0 15px; }

.staff h1 {
  text-transform: uppercase; }

.staff article {
  background: transparent url(../image/dot.png) top left repeat-x;
  padding: 20px 0;
  clear: both; }

.staff .staff-list article.first {
  padding-top: 0;
  background: none; }

.staff .staff-list article {
  overflow: auto; }

.staff article img {
  float: left;
  display: block;
  margin-right: 20px; }

.staff article h1 {
  font-size: 20px;
  text-transform: none; }

.staff article h1 span {
  font-size: 12px;
  font-style: italic;
  color: #888; }

.staff article .email span {
  color: #888;
  font-style: italic; }

.gettoknow {
  margin-top: 75px;
  background: transparent url(../image/dot.png) 140px 0 repeat-y; }

.gettoknow #artists {
  float: right;
  width: 950px; }
  .gettoknow #artists header#scion {
    height: 150px;
    margin-top: -60px;
    margin-bottom: -10px;
    background: transparent url(../image/2014/gtk-large-logo.png) center center no-repeat; }
  .gettoknow #artists .artist {
    overflow: auto; }
    .gettoknow #artists .artist .artist-wrapper {
      width: 680px;
      padding-right: 20px;
      background: transparent url(../image/dot.png) top right repeat-y;
      overflow: auto; }
      .gettoknow #artists .artist .artist-wrapper header iframe {
        margin: 10px 0px; }

.gettoknow .artist:first-child {
  background: none;
  padding-top: 0;
  margin-top: 0; }

.gettoknow .artist {
  background: url(../image/dotline-horizontal.png) left top repeat-x;
  padding-top: 30px;
  margin-top: 30px; }

.gettoknow .artist a.view {
  font-style: italic; }

.gettoknow .artist .mobile-header {
  background: transparent url(../image/gettoknow-badge.png) 0 0 no-repeat;
  padding: 10px 0 0 75px;
  line-height: 1em;
  min-height: 75px; }

.gettoknow .artist aside {
  height: 100%; }
  .gettoknow .artist aside ul {
    margin-left: 15px; }

.gettoknow .artist header h1 {
  font-size: 34px;
  margin-bottom: 0px; }

.gettoknow .artist header h1 span {
  color: #4c4c4c;
  padding-right: 8px; }

.gettoknow .artist header p {
  font-style: italic;
  color: #636363; }

.gettoknow .artist .thumb {
  float: right;
  display: block;
  margin: 0 0 10px 20px; }

::-moz-selection {
  background: #e5f5fb;
  color: #000;
  text-shadow: none; }

::selection {
  background: #e5f5fb;
  color: #000;
  text-shadow: none; }

.artist-name {
  color: #000; }

#empty-page .image {
  float: right; }
#empty-page .copy {
  float: left;
  width: 460px;
  text-align: right;
  padding-top: 100px; }
  #empty-page .copy h1 {
    font-size: 36px; }
  #empty-page .copy h3 {
    text-transform: uppercase;
    color: #898989; }
    #empty-page .copy h3 a {
      color: #000000; }

/** ARTIST CHECKOUT */
#checkout {
  background: url(../image/dotline-horizontal.png) left top repeat-x;
  padding-top: 30px;
  margin-top: 40px; }

#checkout .col {
  float: left;
  padding-left: 20px;
  margin-left: 20px;
  background: transparent url(../image/dot.png) 0px 0px repeat-y;
  min-height: 160px; }

#checkout h3 {
  text-transform: uppercase;
  margin-bottom: .4em; }

#checkout h3 span {
  color: #000; }

#checkout .cola {
  margin-left: 0;
  padding-left: 0;
  background: none;
  width: 510px; }

#checkout .colb {
  width: 180px; }

#checkout .colc {
  width: 340px;
  margin-left: 0;
  float: right; }

#checkout .aside p {
  font-size: .9em; }

#checkout-list h3 {
  margin-bottom: .8em; }

#checkout-list a {
  display: block;
  float: left;
  width: 152px;
  overflow: hidden;
  margin-left: 20px; }

#checkout-list a.first {
  margin: 0px; }

#checkout-list a h4 {
  float: left;
  background: #EEE;
  padding: 2px;
  line-height: 1.1em;
  margin: 0;
  text-shadow: none;
  filter: none; }

#checkout-list a:hover h4 {
  color: #cbe9ec;
  background: black url("../image/dirty-white-grit.png") top left repeat;
  text-decoration: none; }

#genre-links {
  font-size: 12px;
  line-height: 1.1em;
  color: #666666; }
  #genre-links a {
    color: #000; }
    #genre-links a:hover {
      text-decoration: underline; }

.social-12 {
  background: transparent url("../image/social-12px.png") 0 0 no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  overflow: hidden;
  text-indent: -10000em; }

.facebook-12 {
  background-position: 0 0; }

.twitter-12 {
  background-position: -12px 0; }

.myspace-12 {
  background-position: -24px 0; }

.artist-link {
  font-size: 10px; }

#venues {
  overflow: auto;
  margin-top: 20px;
  margin-bottom: 20px; }
  #venues div.title {
    height: 70px;
    background: url(../image/dotline-horizontal.png) left bottom repeat-x;
    margin: 0px 0px 30px 0px; }
    #venues div.title h1 {
      line-height: 70px;
      vertical-align: middle;
      padding: 0;
      margin: 0;
      background: url(../image/dotline-horizontal.png) left top repeat-x; }
  #venues article:target {
    background: #daf4fe; }
  #venues .venue {
    float: left;
    width: 540px;
    overflow: auto;
    margin-bottom: 50px;
    margin-right: 10px;
    font-size: 12px; }
    #venues .venue address {
      line-height: 1.2em;
      margin-top: 3px;
      padding: 0; }
    #venues .venue h4 {
      padding: 0;
      margin: 0;
      font-size: 24px;
      font-family: 'Chivo', sans-serif;
      text-transform: uppercase;
      border-bottom: 1px solid #efefef;
      padding-bottom: 0px;
      margin-bottom: 5px; }
    #venues .venue .hero {
      float: left;
      margin-right: 10px; }
    #venues .venue .details {
      margin-left: 200px; }
      #venues .venue .details a {
        color: #666666;
        margin-left: 5px; }
        #venues .venue .details a:hover {
          color: #000000;
          background: #daf4fe; }
      #venues .venue .details .more-details {
        font-size: 12px;
        line-height: 16px;
        margin-top: 5px;
        color: #666666;
        padding-top: 10px; }
        #venues .venue .details .more-details strong {
          font-weight: normal;
          color: #000; }
        #venues .venue .details .more-details .things span {
          display: block; }

#lineup {
  background: url(../image/dotline-horizontal.png) left top repeat-x;
  margin-top: 20px; }
  #lineup nav {
    height: 70px;
    background: url(../image/dotline-horizontal.png) left bottom repeat-x;
    margin: 0px 0px 30px 0px; }
    #lineup nav span#message {
      float: right;
      font-size: 18px;
      font-style: italic;
      line-height: 70px;
      vertical-align: middle; }
    #lineup nav h1, #lineup nav hgroup, #lineup nav h3 {
      float: left;
      line-height: 70px;
      vertical-align: middle;
      padding: 0;
      margin: 0;
      /*text-transform: uppercase;*/ }
      #lineup nav h1 span, #lineup nav hgroup span, #lineup nav h3 span {
        color: #009fd6; }
    #lineup nav h3 {
      margin: 15px 0px;
      line-height: 40px;
      color: #666666;
      text-transform: uppercase; }
    #lineup nav ul {
      padding: 0;
      margin: 0;
      float: right; }
      #lineup nav ul li {
        padding: 0;
        margin: 0;
        margin: 0px 4px;
        float: left;
        padding: 10px 0px;
        margin-top: 5px; }
        #lineup nav ul li a, #lineup nav ul li span {
          display: block;
          padding: 10px;
          background: #efefef;
          -webkit-border-radius: 7px 7px 7px 7px;
          -moz-border-radius: 7px 7px 7px 7px;
          border-radius: 7px 7px 7px 7px;
          font-family: 'Chivo', sans-serif;
          text-transform: uppercase;
          color: #999999;
          font-size: 18px; }
        #lineup nav ul li a {
          color: #000; }
        #lineup nav ul li a:hover {
          color: #000;
          background: #daf4fe; }
    #lineup nav ul li.current {
      background: transparent url("../image/lineup-diamond.png") center bottom no-repeat; }
      #lineup nav ul li.current a {
        background: #daf4fe;
        color: #000; }
    #lineup nav ul#dates {
      float: left;
      margin-left: 30px;
      padding-left: 30px;
      background: url(../image/dotline-vertical.png) 0 0 repeat-y;
      margin-top: 10px; }
      #lineup nav ul#dates li {
        margin-top: 0px;
        padding: 0; }
        #lineup nav ul#dates li.current a {
          color: #000000; }
        #lineup nav ul#dates li a {
          line-height: 12px;
          color: #999999;
          text-align: center;
          padding: 8px; }
          #lineup nav ul#dates li a em {
            font-style: normal;
            display: block;
            line-height: 15px;
            width: 100%; }
            #lineup nav ul#dates li a em.day {
              font-size: 14px; }
            #lineup nav ul#dates li a em.number {
              font-size: 16px;
              padding: 0; }
    #lineup nav #legend {
      float: right; }
      #lineup nav #legend h3 {
        font-size: 12px; }
      #lineup nav #legend .legend-item {
        float: left;
        margin: 21px 21px 21px 6px;
        -webkit-border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px 20px 20px 20px;
        border-radius: 20px 20px 20px 20px;
        box-shadow: inset 0 0 5px #b7b7b7; }
        #lineup nav #legend .legend-item.all-ages {
          background: url("/design/image/schedule-allages-bg-2.png") 0 0 repeat; }
        #lineup nav #legend .legend-item.artist {
          background: #5aede3; }
        #lineup nav #legend .legend-item.special_event {
          background: #cdf6ca; }
        #lineup nav #legend .legend-item.visual_art {
          background: #d2d1bd; }
        #lineup nav #legend .legend-item.film {
          background: #de538a; }
        #lineup nav #legend .legend-item.comedy {
          background: #fbee92; }
        #lineup nav #legend .legend-item p {
          margin: 0;
          padding: 0;
          height: 28px;
          width: 28px;
          -webkit-border-radius: 20px 20px 20px 20px;
          -moz-border-radius: 20px 20px 20px 20px;
          border-radius: 20px 20px 20px 20px; }

#slideshow {
  width: 860px;
  height: 478px;
  position: relative;
  float: left;
  width: 860px;
  height: 478px;
  position: relative;
  overflow: hidden; }
  #slideshow .flipper {
    top: 0px; }
    #slideshow .flipper a.slide {
      width: 860px;
      position: absolute;
      display: block; }
  #slideshow #description {
    width: 860px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: transparent url("../image/alpha-black-bg.png") 0 0 repeat;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    min-height: 70px; }
    #slideshow #description h1 {
      color: #009fd6;
      font-size: 28px;
      margin: 0 0 5px 0; }
  #slideshow #slideshow-nav {
    position: absolute;
    bottom: 70px;
    right: 20px; }
    #slideshow #slideshow-nav a {
      background: #8d8d8d;
      display: block;
      float: left;
      height: 10px;
      width: 10px;
      margin: 5px;
      overflow: hidden;
      text-indent: -999px;
      -webkit-border-radius: 5px 5px 5px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px; }
      #slideshow #slideshow-nav a.current {
        background: #e01022; }

#auth-page {
  text-align: left;
  min-height: 400px;
  padding: 100px 340px 100px; }
  #auth-page h2 {
    text-transform: none;
    margin: 1em 0; }
  #auth-page .field {
    margin-bottom: 1em; }
  #auth-page .error {
    margin: 1em 0;
    color: red; }
  #auth-page .button {
    border: 0;
    background: black;
    display: inline-block;
    color: white;
    font-weight: 600;
    padding: 1em;
    font-size: 16px;
    vertical-align: middle;
    margin: 0; }
    #auth-page .button:hover {
      background: black; }
  #auth-page label {
    margin: 0 1em 0 0;
    width: 150px;
    display: inline-block;
    vertical-align: middle; }
  #auth-page input[type="text"],
  #auth-page input[type="password"] {
    background: #f0f0f0;
    box-sizing: border-box;
    font-size: 16px;
    padding: 1em;
    vertical-align: middle; }

.button {
  background: #e5e5e5;
  display: table;
  margin-top: 10px;
  background-image: none;
  font-family: 'Chivo', sans-serif;
  text-transform: uppercase;
  color: #000;
  padding: 10px;
  font-size: 16px; }
  .button:hover {
    background: #009fd6;
    color: #fff; }
  .button:active {
    background: #000; }

.artist-page a.mysled, #lineup a.mysled {
  float: right;
  display: block;
  width: 30px;
  height: 48px;
  text-indent: -999px;
  overflow: hidden;
  text-align: left;
  -webkit-transition: background 0.5s ease-in-out 0s;
  -moz-transition: background 0.5s ease-in-out 0s;
  -o-transition: background 0.5s ease-in-out 0s;
  transition: background 0.5s ease-in-out 0s;
  background-position: 0 center;
  background-repeat: no-repeat;
  background: url("/design/image/faves-heart-grey.png") 0 center no-repeat;
  opacity: .5; }
  .artist-page a.mysled.saved, #lineup a.mysled.saved {
    background-image: url("/design/image/faves-heart-red.png");
    opacity: 1.0; }

#status {
  float: left;
  font-size: 13px; }
  #status #status-intro {
    float: left;
    margin-right: 6px;
    color: black;
    text-transform: uppercase;
    position: relative;
    font-style: normal; }
  #status #status-updates {
    height: 40px;
    color: #000;
    float: left;
    width: 500px;
    position: relative; }
    #status #status-updates div {
      position: absolute; }

/*
GENERIC MIXINS
============
*/
#lineup {
  overflow: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 600px; }
  #lineup nav h3 {
    padding-right: 5px; }
  #lineup nav span#message {
    float: right;
    font-size: 18px;
    font-style: italic;
    line-height: 70px;
    vertical-align: middle; }

#artist-list dl dd a {
  display: block;
  float: left;
  text-decoration: none;
  padding: 0px 10px;
  vertical-align: middle;
  margin: 0px 4px 4px 0px;
  line-height: 32px;
  background: none;
  outline: none;
  font-size: 18px;
  background: #eeeeee url("/design/image/dirty-white-grit.png") top left repeat; }

#artist-list dl dd a.odd {
  color: #000000; }

#artist-list dl dd a.even {
  color: #666666; }

#artist-list dl dd a:hover, #artist-list dl dd a.current {
  color: #67ebe2;
  background: #000000 url("/design/image/dirty-white-grit.png") top left repeat;
  text-decoration: none; }

#artist-list dl dd a:nth-child(2n):hover {
  color: #e15188; }

#artist-list dl dd a:nth-child(3n):hover {
  color: #32505a; }

#artist-list dl dd a:nth-child(4n):hover {
  color: #6d3257; }

#artist-list dl {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#artist-list dd {
  overflow-y: auto;
  margin: 20px 0 20px 0;
  padding: 0 0 0 0px;
  display: block;
  border-bottom: 10px #ffffff;
  overflow-x: visible; }

#artist-list dt {
  font-family: 'knile', serif;
  float: left;
  font-size: 24px;
  font-weight: 700;
  width: 42px;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-right: 10px;
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  background: #000000 url("/design/image/dirty-white-grit.png") top left repeat;
  color: #F05661;
  text-transform: uppercase; }

#showing-count {
  font-size: 18px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  color: #666666;
  font-style: italic; }
  #showing-count em {
    font-size: 22px;
    -moz-text-shadow: 1px 1px 0px #888;
    -webkit-text-shadow: 1px 1px 0px #888;
    -o-text-shadow: 1px 1px 0px #888;
    text-shadow: 1px 1px 0px #888;
    color: #000000; }

#artistListControls {
  width: 700px; }
  #artistListControls label, #artistListControls button.ui-widget {
    background: #efefef;
    color: #666666;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    font-family: 'Chivo', sans-serif;
    border: 0;
    font-weight: normal;
    text-transform: uppercase;
    float: left;
    margin-top: 15px; }
  #artistListControls #genreFilterDropdown h3 {
    padding-left: 20px;
    background: url(../image/dotline-vertical.png) 0 0 repeat-y; }
  #artistListControls #genreFilterDropdown button.ui-widget {
    border: 4px solid #efefef; }
    #artistListControls #genreFilterDropdown button.ui-widget.ui-state-active {
      color: #000000;
      border-color: #d5d3d3; }
    #artistListControls #genreFilterDropdown button.ui-widget span {
      padding: 6px;
      float: left; }
      #artistListControls #genreFilterDropdown button.ui-widget span.ui-icon-triangle-2-n-s {
        padding: 10px 5px;
        float: right;
        background: url(../image/lineup-filter-dropdown-arrow.png) center center no-repeat; }
  #artistListControls #dateFilterButtons h3 {
    margin-left: 20px;
    padding-left: 20px;
    background: url(../image/dotline-vertical.png) 0 0 repeat-y; }
  #artistListControls #dateFilterButtons label {
    margin-right: 5px;
    padding: 10px; }
    #artistListControls #dateFilterButtons label.ui-state-active {
      color: #000000;
      background: #daf4fe; }
    #artistListControls #dateFilterButtons label span {
      display: block;
      line-height: 12px;
      font-size: 14px;
      padding: 0; }

.ui-multiselect-menu {
  width: 450px !important; }
  .ui-multiselect-menu .ui-widget-header, .ui-multiselect-menu .ui-multiselect-header {
    font-family: 'Chivo', sans-serif;
    font-weight: normal;
    background: #000;
    border: none; }
  .ui-multiselect-menu .ui-multiselect-checkboxes {
    font-family: 'Chivo', sans-serif;
    font-size: 14px; }
    .ui-multiselect-menu .ui-multiselect-checkboxes li {
      float: left;
      clear: none; }
      .ui-multiselect-menu .ui-multiselect-checkboxes li .ui-corner-all {
        border: none; }
      .ui-multiselect-menu .ui-multiselect-checkboxes li .ui-state-hover {
        background: none;
        font-weight: normal;
        color: #000000;
        cursor: pointer; }

.ui-widget {
  font-family: 'Chivo', sans-serif; }

#comedy-list,
#film-list,
#visual-art-list,
#conference-list {
  margin: 30px -10px 30px -10px;
  overflow: hidden; }
  #comedy-list a.comedian,
  #comedy-list a.film,
  #comedy-list a.visual-art,
  #comedy-list a.conference,
  #film-list a.comedian,
  #film-list a.film,
  #film-list a.visual-art,
  #film-list a.conference,
  #visual-art-list a.comedian,
  #visual-art-list a.film,
  #visual-art-list a.visual-art,
  #visual-art-list a.conference,
  #conference-list a.comedian,
  #conference-list a.film,
  #conference-list a.visual-art,
  #conference-list a.conference {
    float: left;
    margin: 10px; }
    #comedy-list a.comedian .artist-name,
    #comedy-list a.film .artist-name,
    #comedy-list a.visual-art .artist-name,
    #comedy-list a.conference .artist-name,
    #film-list a.comedian .artist-name,
    #film-list a.film .artist-name,
    #film-list a.visual-art .artist-name,
    #film-list a.conference .artist-name,
    #visual-art-list a.comedian .artist-name,
    #visual-art-list a.film .artist-name,
    #visual-art-list a.visual-art .artist-name,
    #visual-art-list a.conference .artist-name,
    #conference-list a.comedian .artist-name,
    #conference-list a.film .artist-name,
    #conference-list a.visual-art .artist-name,
    #conference-list a.conference .artist-name {
      font-size: 18px;
      display: block;
      padding-top: 4px; }
    #comedy-list a.comedian:hover,
    #comedy-list a.film:hover,
    #comedy-list a.visual-art:hover,
    #comedy-list a.conference:hover,
    #film-list a.comedian:hover,
    #film-list a.film:hover,
    #film-list a.visual-art:hover,
    #film-list a.conference:hover,
    #visual-art-list a.comedian:hover,
    #visual-art-list a.film:hover,
    #visual-art-list a.visual-art:hover,
    #visual-art-list a.conference:hover,
    #conference-list a.comedian:hover,
    #conference-list a.film:hover,
    #conference-list a.visual-art:hover,
    #conference-list a.conference:hover {
      text-decoration: none; }
      #comedy-list a.comedian:hover .artist-name,
      #comedy-list a.film:hover .artist-name,
      #comedy-list a.visual-art:hover .artist-name,
      #comedy-list a.conference:hover .artist-name,
      #film-list a.comedian:hover .artist-name,
      #film-list a.film:hover .artist-name,
      #film-list a.visual-art:hover .artist-name,
      #film-list a.conference:hover .artist-name,
      #visual-art-list a.comedian:hover .artist-name,
      #visual-art-list a.film:hover .artist-name,
      #visual-art-list a.visual-art:hover .artist-name,
      #visual-art-list a.conference:hover .artist-name,
      #conference-list a.comedian:hover .artist-name,
      #conference-list a.film:hover .artist-name,
      #conference-list a.visual-art:hover .artist-name,
      #conference-list a.conference:hover .artist-name {
        color: #32505a; }

#lineup {
  overflow-x: hidden; }
  #lineup .intro {
    overflow-y: auto; }
    #lineup .intro .access {
      float: right;
      width: 300px;
      margin-left: 25px;
      margin-bottom: 30px;
      font-size: 12px;
      line-height: 1.2em;
      color: #666666; }
      #lineup .intro .access p {
        font-style: italic; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  a, a:visited {
    text-decoration: underline; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }
@media print {
  @page {
    size: portrait; }
  #ripple-wrapper {
    display: none; }

  font-family: Helvetica, Arial, sans-serif !important;
  html #my-sled-schedule .hour {
    height: 90px !important; }
  html #my-sled-schedule .hour .performance a.artist-name {
    color: #000 !important; }
  html #my-sled-schedule .hour .performance .tooltip {
    display: inline-block !important;
    background: none;
    top: 30px !important;
    left: 0px !important;
    color: #000 !important;
    padding: 0 !important;
    width: auto !important; }
    html #my-sled-schedule .hour .performance .tooltip div {
      background: none;
      -moz-box-shadow: 0px 0px 0px 0px #000 ;
      -webkit-box-shadow: 0px 0px 0px 0px #000 ;
      box-shadow: 0px 0px 0px 0px #000 ; }
      html #my-sled-schedule .hour .performance .tooltip div time, html #my-sled-schedule .hour .performance .tooltip div .venue-name {
        font-family: Georgia, "Times New Roman", serif !important;
        font-style: italic;
        color: #000 !important;
        font-size: 10px;
        line-height: 1.1em;
        padding: 0;
        margin: 0;
        display: inline;
        float: left; } }
/* Design overrides for the 2023 site design.*/
@font-face {
  font-family: 'knile';
  src: url("/design/fonts/knile/knile-black-webfont.eot");
  src: url("/design/fonts/knile/knile-black-webfont.eot?#iefix") format("embedded-opentype"), url("/design/fonts/knile/knile-black-webfont.woff2") format("woff2"), url("/design/fonts/knile/knile-black-webfont.woff") format("woff"), url("/design/fonts/knile/knile-black-webfont.tff") format("truetype"), url("/design/fonts/knile/knile-black-webfont.svg#knile") format("svg");
  font-weight: 900;
  font-style: normal; }
html {
  background: #3d3d3d;
  min-width: 1200px; }

body {
  font-family: 'Chivo', sans-serif;
  font-size: 16px;
  min-width: 1200px;
  overflow: hidden; }

a {
  color: #f05661;
  font-weight: 600;
  text-decoration: none; }
  a:visited {
    color: #6f78ac; }
  a:hover {
    text-decoration: underline;
    color: #6f78ac; }
  a.donate-button {
    background: #F05661;
    color: white;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    display: inline-block;
    width: 145px;
    box-sizing: border-box; }
    a.donate-button:hover {
      background: #048da3;
      text-decoration: none; }

h1 {
  font-weight: 400;
  font-size: 38px; }

h2 {
  font-weight: bold;
  font-size: 34px; }

h3, h4, h5 {
  color: #1a212a; }

input[type="text"],
input[type="email"],
input[type="password"] {
  background: white;
  border: 1px solid #c0c0c0;
  font-size: 14px;
  padding: 1em;
  border-radius: 6px; }

input[type="submit"] {
  background: black;
  border: 0;
  color: white;
  font-size: 14px;
  padding: 0.5em 1em; }

.button {
  background: #000;
  font-weight: 600; }
  .button:hover {
    background: #05ABC6; }

#header {
  height: 195px;
  width: 1200px;
  position: relative;
  background: transparent url("/design/image/2023/bg-top.png") no-repeat left 150px top;
  background-size: 208px 69px; }
  #header #logo h1 {
    background: transparent url("/design/image/2023/logo.png") no-repeat center center;
    background-size: 100%;
    height: 138px;
    left: 0;
    margin: 0;
    top: 16px;
    width: 160px; }
  #header #logo h2 {
    background: transparent url("/design/image/2023/connect-first-logo.svg") no-repeat center center;
    background-size: 100%;
    width: 154px;
    height: 30px;
    font-size: 0;
    position: absolute;
    top: 152px;
    left: 3px; }
  #header #festival-menu-leak {
    margin-left: 238px;
    padding-top: 54px; }
    #header #festival-menu-leak #timetogo {
      float: none;
      font-size: 28px;
      line-height: 1em;
      color: #F4ECDD; }
      #header #festival-menu-leak #timetogo span.time {
        background: transparent;
        font-weight: 600; }
      #header #festival-menu-leak #timetogo span.measurement {
        font-weight: 600; }
      #header #festival-menu-leak #timetogo span.message {
        display: block; }
    #header #festival-menu-leak #indeterminate-countdown {
      float: none;
      font-size: 22pt;
      font-weight: bold;
      line-height: 1em;
      margin: 0.75em 0 0; }
      #header #festival-menu-leak #indeterminate-countdown span.message {
        display: block;
        color: white; }
  #header #main-navigation {
    left: 220px;
    top: 135px; }
    #header #main-navigation ul#links li a {
      background: transparent;
      color: #8BD0C0;
      font-size: 12px;
      font-weight: 600; }
      #header #main-navigation ul#links li a:hover {
        text-decoration: none;
        color: #F05661; }
      #header #main-navigation ul#links li a.login {
        color: #F4ECDD; }
        #header #main-navigation ul#links li a.login:hover {
          color: #F05661; }
    #header #main-navigation ul#links li.children > a {
      font-family: 'Chivo', sans-serif;
      background: transparent url("/design/image/2022/dropdown-arrow.svg") no-repeat right 9px top 8px;
      color: #F4ECDD;
      font-size: 12px;
      font-weight: 600; }
      #header #main-navigation ul#links li.children > a.login {
        background: transparent; }
    #header #main-navigation ul#links li.children:hover > a {
      text-decoration: none;
      background: rgba(0, 0, 0, 0.9) url("/design/image/2016/dropdown-arrow.svg") no-repeat right 9px top 8px;
      border-color: transparent;
      color: white !important; }
      #header #main-navigation ul#links li.children:hover > a.login {
        background: transparent;
        text-decoration: underline; }
      #header #main-navigation ul#links li.children:hover > a:hover {
        color: #F05661 !important; }
    #header #main-navigation ul#links ul {
      background: rgba(0, 0, 0, 0.9);
      padding: 13px 0 13px; }
  #header ul#lineup-links {
    margin: 23px 0 0;
    padding: 0;
    position: absolute;
    right: 216px;
    top: 0; }
    #header ul#lineup-links li a, #header ul#lineup-links span {
      line-height: 10px !important; }
    #header ul#lineup-links li {
      padding: 0 4px;
      border-left: 1px solid rgba(146, 138, 118, 0.5); }
      #header ul#lineup-links li:first-child {
        border-left: 0; }
      #header ul#lineup-links li.current {
        background: transparent; }
        #header ul#lineup-links li.current a, #header ul#lineup-links li.current a:hover {
          background: transparent;
          color: #F05661 !important; }
      #header ul#lineup-links li a {
        font-family: 'Chivo', sans-serif;
        border-radius: none;
        font-size: 11px;
        margin: 0;
        padding: 0px 10px;
        font-weight: 600;
        color: #928A76; }
        #header ul#lineup-links li a:hover {
          background: transparent;
          color: #F05661;
          text-decoration: none; }
      #header ul#lineup-links li span.dates {
        font-family: 'Chivo', sans-serif;
        padding: 0px 12px;
        font-size: 11px;
        font-weight: 600;
        opacity: 0.75;
        color: #928A76; }
  #header #social-navigation {
    top: 10px; }
    #header #social-navigation .social-bug {
      background: transparent url("/design/image/2022/social-bugs-2022-brown.svg") no-repeat center center;
      border-radius: 24px;
      height: 24px;
      width: 24px; }
      #header #social-navigation .social-bug.facebook {
        background-position: 0 center; }
      #header #social-navigation .social-bug.youtube {
        background-position: -24px center; }
      #header #social-navigation .social-bug.twitter {
        background-position: -48px center; }
      #header #social-navigation .social-bug.flickr {
        background-position: -72px center; }
      #header #social-navigation .social-bug.instagram {
        background-position: -96px center; }
      #header #social-navigation .social-bug.spotify {
        background-position: -120px center; }
      #header #social-navigation .social-bug.bandcamp {
        background-position: -144px center; }
      #header #social-navigation .social-bug:hover {
        background-color: rgba(146, 138, 118, 0.35); }
  #header #festival-navigation {
    margin: 0 0 0 238px;
    padding: 75px 0 0; }
    #header #festival-navigation a {
      font-family: 'knile', serif;
      font-weight: 900;
      color: #F4ECDD;
      line-height: 1.25em;
      margin-right: 44px;
      width: auto; }
      #header #festival-navigation a:hover {
        text-decoration: none;
        color: #F05661; }
      #header #festival-navigation a.passes {
        padding-left: 0;
        background: none; }
    #header #festival-navigation li {
      font-size: 30px; }
  #header #cart {
    color: #928A76;
    display: block;
    font-size: 13px;
    position: absolute;
    right: 0px;
    text-decoration: none;
    top: 126px;
    width: 180px;
    display: flex; }
    #header #cart span:nth-child(1) {
      flex: 1;
      padding: 7px 0;
      background: url("/design/image/2022/icons-cart.svg") no-repeat left 12px center;
      padding-left: 38px; }
    #header #cart span:nth-child(2) {
      flex: 1;
      padding: 7px 0;
      text-align: right; }
    #header #cart:hover {
      color: #F05661; }
  #header a.launch-player {
    background: transparent url("/design/image/2022/icon-phones.svg") no-repeat right center;
    box-sizing: border-box;
    color: #F4ECDD;
    line-height: normal;
    margin: 0;
    padding: 2px 46px 2px 0;
    position: absolute;
    right: 0;
    top: 80px;
    width: 171px; }
    #header a.launch-player:hover {
      background: transparent url("/design/image/2022/icon-phones-hover.svg") no-repeat right center;
      color: #F05661;
      text-decoration: none; }
    #header a.launch-player span.a {
      font-family: 'Archivo', sans-serif;
      display: block;
      float: none;
      font-size: 14px;
      font-style: normal;
      line-height: 18px;
      margin: 0;
      text-align: right;
      text-transform: uppercase;
      vertical-align: middle; }
    #header a.launch-player span.b {
      display: block;
      float: none;
      font-weight: normal;
      margin: 0;
      text-align: right; }
  #header a.donate {
    background: #F05661;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 80px;
    width: 145px; }
    #header a.donate:hover {
      background: #6F78AC;
      text-decoration: none; }
  #header div.header-stuff-left {
    display: none;
    background: transparent url("/design/image/2018/header-left-2x.png") no-repeat center center;
    background-size: 187px 402px;
    height: 402px;
    left: -240px;
    position: absolute;
    top: 0;
    width: 187px; }
  #header div.header-stuff-right {
    display: none;
    background: transparent url("/design/image/2018/header-right-2x.png") no-repeat right center;
    background-size: 197px 454px;
    height: 454px;
    position: absolute;
    right: -166px;
    top: 0;
    width: 166px; }

#container {
  background: #0B0A0A;
  position: relative; }
  #container div.container-stuff-left {
    background: transparent url("/design/image/2023/bg-left.png") no-repeat center center;
    background-size: 145px 1305px;
    position: absolute;
    left: 0;
    top: 0;
    width: 145px;
    height: 1305px; }
  #container div.container-stuff-right {
    background: transparent url("/design/image/2023/bg-right.png") no-repeat center center;
    background-size: 139px 1296px;
    position: absolute;
    right: 0;
    top: 0;
    width: 139px;
    height: 1296px; }
  #container #top-paper-edge {
    position: relative;
    margin: -17px auto 0;
    height: 29px;
    width: 1200px;
    background: transparent url("/design/image/2017/white-paper-top-rough-edge-2x.png") no-repeat center bottom;
    background-size: 1210px 29px;
    z-index: 2; }
  #container #bottom-paper-edge {
    position: relative;
    margin: 0 auto;
    height: 29px;
    width: 1200px;
    background: transparent url("/design/image/2017/white-paper-rough-edge-2x.png") no-repeat center top;
    background-size: 1210px 29px;
    z-index: 2; }

#main {
  overflow: auto;
  background: white url("/design/image/2017/white-paper-bg-1x.jpg") repeat center top;
  background-size: 1210px 860px;
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 2; }
  #main #feature-row {
    height: auto;
    width: calc(100% - 10px);
    padding: 5px; }
  #main #slideshow {
    float: none;
    height: 617px;
    margin: 0 auto 20px;
    width: 1200px; }
    #main #slideshow .flipper a.slide {
      width: 1200px; }
      #main #slideshow .flipper a.slide div.news-image img {
        width: 1200px;
        height: 617px; }
    #main #slideshow #description {
      width: 100%;
      box-sizing: border-box;
      font-size: 16px; }
      #main #slideshow #description h1 {
        font-size: 34px;
        color: #05ABC6; }
    #main #slideshow #slideshow-nav {
      bottom: 60px; }
  #main #featured-artist-wrapper {
    float: none;
    height: auto;
    margin: 0 auto 2em;
    width: 1190px; }
    #main #featured-artist-wrapper div.spacer {
      margin-top: calc(66% - 195px - 80px); }
    #main #featured-artist-wrapper #featured_artist_flipper {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
      #main #featured-artist-wrapper #featured_artist_flipper a.artistFeature {
        width: 100%;
        top: 50%;
        transform: translateY(-50%); }
      #main #featured-artist-wrapper #featured_artist_flipper .artistImage img {
        width: 100%; }
    #main #featured-artist-wrapper #featured_artist_flipper_menu {
      height: 100%;
      left: 0;
      margin: 0 auto;
      min-width: 1100px;
      right: 0;
      top: 0;
      width: 100%; }
      #main #featured-artist-wrapper #featured_artist_flipper_menu ul {
        height: 100%; }
      #main #featured-artist-wrapper #featured_artist_flipper_menu li {
        clear: none;
        display: inline-block;
        height: 33.33%;
        width: 20%;
        text-align: center;
        margin: 0; }
        #main #featured-artist-wrapper #featured_artist_flipper_menu li a {
          box-sizing: border-box;
          background: transparent;
          border: 1px solid rgba(255, 255, 255, 0.25);
          color: rgba(255, 255, 255, 0.9);
          height: 100%;
          font-size: 20px;
          padding: 1em;
          position: relative;
          width: 100%;
          line-height: 1em; }
          #main #featured-artist-wrapper #featured_artist_flipper_menu li a span {
            font-family: 'knile', serif;
            font-weight: 900;
            position: absolute;
            text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
            top: 50%;
            transform: translateY(-50%);
            width: calc(100% - 2em); }
          #main #featured-artist-wrapper #featured_artist_flipper_menu li a:hover {
            background: rgba(0, 0, 0, 0.75);
            color: #6f78ac;
            line-height: 1em; }
        #main #featured-artist-wrapper #featured_artist_flipper_menu li span.new {
          background: rgba(0, 0, 0, 0.4);
          line-height: 40px;
          position: absolute;
          right: 4px;
          top: 4px; }
        #main #featured-artist-wrapper #featured_artist_flipper_menu li:nth-child(1) a, #main #featured-artist-wrapper #featured_artist_flipper_menu li:nth-child(2) a, #main #featured-artist-wrapper #featured_artist_flipper_menu li:nth-child(3) a, #main #featured-artist-wrapper #featured_artist_flipper_menu li:nth-child(4) a, #main #featured-artist-wrapper #featured_artist_flipper_menu li:nth-child(5) a {
          border-top: 0; }
        #main #featured-artist-wrapper #featured_artist_flipper_menu li:nth-child(11) a, #main #featured-artist-wrapper #featured_artist_flipper_menu li:nth-child(12) a, #main #featured-artist-wrapper #featured_artist_flipper_menu li:nth-child(13) a, #main #featured-artist-wrapper #featured_artist_flipper_menu li:nth-child(14) a {
          border-bottom: 0; }
        #main #featured-artist-wrapper #featured_artist_flipper_menu li.current a {
          background: rgba(0, 0, 0, 0.75);
          color: #F05661; }
          #main #featured-artist-wrapper #featured_artist_flipper_menu li.current a:hover {
            color: #6f78ac; }
        #main #featured-artist-wrapper #featured_artist_flipper_menu li:hover span.new {
          background: #1A212A;
          color: white; }
        #main #featured-artist-wrapper #featured_artist_flipper_menu li.lineup-link {
          bottom: 0;
          position: absolute;
          right: 0; }
        #main #featured-artist-wrapper #featured_artist_flipper_menu li #lineup-link {
          background: rgba(0, 0, 0, 0.4) url("/design/image/2016/chevron-right.svg") no-repeat right 1em center;
          bottom: auto;
          box-sizing: border-box;
          padding: 1em 2em 1em 2em;
          right: 0;
          font-size: 13px; }
          #main #featured-artist-wrapper #featured_artist_flipper_menu li #lineup-link span {
            font-family: 'Chivo', sans-serif;
            color: white;
            display: block;
            font-size: 13px;
            line-height: normal;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: calc(100% - 4em); }
          #main #featured-artist-wrapper #featured_artist_flipper_menu li #lineup-link:hover {
            background-color: #1A212A; }
            #main #featured-artist-wrapper #featured_artist_flipper_menu li #lineup-link:hover span {
              color: #f2aa92; }
  #main #slog {
    border-right: 1px dashed #c0c0c0; }
    #main #slog > h2 {
      margin-bottom: 1em;
      margin-top: 1em;
      font-family: 'Chivo', sans-serif;
      font-weight: 700;
      font-size: 13px;
      color: #7E7E7E; }
  #main .news {
    border-bottom: 0;
    font-size: 15px;
    line-height: 1.5em; }
    #main .news h2 a {
      font-family: 'Archivo', sans-serif;
      font-size: 34px;
      color: #3D3D3D;
      font-weight: 900; }
    #main .news .foot time {
      margin-right: 0.5em; }
    #main .news .foot a {
      font-style: italic; }
  #main #aside {
    width: 270px; }
    #main #aside h3 {
      color: #647277;
      font-size: 18px;
      font-weight: 700;
      margin-top: 1em;
      font-family: 'Chivo', sans-serif;
      font-weight: 700;
      font-size: 13px;
      color: #7E7E7E; }
    #main #aside .linkout h3 {
      background: transparent;
      margin: 0 0 0.5em;
      padding: 0; }
    #main #aside .linkout span {
      font-style: normal; }
    #main #aside li {
      border-bottom: 1px dashed #c0c0c0; }
    #main #aside #uptodate p {
      margin-top: 1em; }
    #main #aside #uptodate input[type="email"] {
      width: 95%;
      box-sizing: border-box; }
  #main #lineup {
    margin-top: 10px;
    background: transparent; }
    #main #lineup nav {
      background: transparent;
      border-bottom: 1px dashed #c0c0c0;
      height: 142px; }
      #main #lineup nav #dateFilterButtons {
        background: transparent;
        padding-left: 0;
        margin-left: 0; }
        #main #lineup nav #dateFilterButtons label {
          background: white;
          border: 1px solid #c0c0c0;
          border-radius: 0;
          font-weight: 600;
          line-height: 12px;
          margin-top: 10px;
          padding: 9px 10px 12px;
          text-align: center; }
          #main #lineup nav #dateFilterButtons label em.day {
            display: block;
            font-size: 11px;
            font-style: normal;
            line-height: 15px;
            text-align: center;
            width: 100%; }
          #main #lineup nav #dateFilterButtons label em.number {
            font-size: 18px;
            line-height: 15px;
            font-style: normal;
            display: block;
            text-align: center;
            width: 100%; }
          #main #lineup nav #dateFilterButtons label:hover, #main #lineup nav #dateFilterButtons label.ui-state-active {
            background: #8bd0c0;
            border-color: #8bd0c0;
            color: white;
            text-decoration: none; }
      #main #lineup nav h3 {
        padding-right: 10px;
        font-family: 'Chivo', sans-serif;
        font-weight: 700;
        font-size: 14px;
        color: #9E9E9E; }
    #main #lineup h1 {
      border-bottom: 1px dashed #c0c0c0;
      font-family: 'Archivo', sans-serif;
      font-size: 34px;
      color: #3D3D3D;
      font-weight: 900;
      display: block;
      float: none;
      line-height: 70px; }
    #main #lineup div.lineup-nav {
      float: left;
      margin: 24px 0;
      font-size: 13px; }
      #main #lineup div.lineup-nav div.line {
        border-right: 1px solid #909090;
        display: inline-block;
        height: 1em;
        margin: 0 8px;
        vertical-align: middle; }
      #main #lineup div.lineup-nav a {
        font-size: 11px;
        padding: 0 5px 6px;
        color: #3D3D3D; }
        #main #lineup div.lineup-nav a.active {
          border-bottom: 4px solid #F05661;
          color: black; }
        #main #lineup div.lineup-nav a:hover {
          color: black;
          text-decoration: none; }
    #main #lineup #comedy-list span.artist-name,
    #main #lineup #film-list span.artist-name,
    #main #lineup #visual-art-list span.artist-name,
    #main #lineup #conference-list span.artist-name {
      font-family: 'knile', serif;
      font-weight: 900;
      font-size: 20px;
      line-height: normal;
      width: 260px; }
    #main #lineup #comedy-list span.artist-sub-name,
    #main #lineup #film-list span.artist-sub-name,
    #main #lineup #visual-art-list span.artist-sub-name,
    #main #lineup #conference-list span.artist-sub-name {
      display: block;
      font-size: 14px;
      width: 260px;
      color: #647277;
      font-style: italic; }
    #main #lineup #comedy-list hr,
    #main #lineup #film-list hr,
    #main #lineup #visual-art-list hr,
    #main #lineup #conference-list hr {
      clear: both;
      border: 0;
      margin: 0; }
    #main #lineup #comedy-list a.comedian:hover .artist-name,
    #main #lineup #comedy-list a.film:hover .artist-name,
    #main #lineup #comedy-list a.visual-art:hover .artist-name,
    #main #lineup #comedy-list a.conference:hover .artist-name,
    #main #lineup #film-list a.comedian:hover .artist-name,
    #main #lineup #film-list a.film:hover .artist-name,
    #main #lineup #film-list a.visual-art:hover .artist-name,
    #main #lineup #film-list a.conference:hover .artist-name,
    #main #lineup #visual-art-list a.comedian:hover .artist-name,
    #main #lineup #visual-art-list a.film:hover .artist-name,
    #main #lineup #visual-art-list a.visual-art:hover .artist-name,
    #main #lineup #visual-art-list a.conference:hover .artist-name,
    #main #lineup #conference-list a.comedian:hover .artist-name,
    #main #lineup #conference-list a.film:hover .artist-name,
    #main #lineup #conference-list a.visual-art:hover .artist-name,
    #main #lineup #conference-list a.conference:hover .artist-name {
      color: #f05661; }
    #main #lineup #artistListControls {
      width: 100%; }
      #main #lineup #artistListControls #genreFilterDropdown {
        float: right; }
        #main #lineup #artistListControls #genreFilterDropdown select {
          appearance: none;
          background: white url("/design/image/2022/dropdown-arrow.svg") no-repeat right 2px center;
          border: 0;
          border-left: 5px solid white;
          border-radius: 6px;
          border-right: 10px solid white;
          font-size: 12px;
          height: 40px;
          margin: 15px;
          outline: 2px solid #c0c0c0;
          padding-right: 20px;
          vertical-align: middle; }
      #main #lineup #artistListControls label {
        background: white; }
      #main #lineup #artistListControls #dateFilterButtons {
        margin: 0;
        float: right; }
        #main #lineup #artistListControls #dateFilterButtons label {
          margin-right: 4px; }
    #main #lineup #showing-count {
      font-style: normal; }
      #main #lineup #showing-count em {
        font-style: normal; }
  #main #artist-list dl dd a {
    font-family: 'knile', serif;
    font-weight: 900;
    font-size: 16px;
    background: transparent;
    border: 1px solid transparent;
    color: #0b0a0a; }
    #main #artist-list dl dd a.even {
      color: #6f78ac;
      border: 1px solid #f0f0f0; }
    #main #artist-list dl dd a.current {
      background: black;
      color: #fff; }
    #main #artist-list dl dd a:hover {
      background: black;
      color: #F05661; }
  #main #my-sled-schedule,
  #main #schedule {
    margin-top: 10px !important;
    background: transparent;
    overflow: visible; }
    #main #my-sled-schedule .empty-schedule div,
    #main #schedule .empty-schedule div {
      border: 0;
      background: transparent; }
    #main #my-sled-schedule #schedule-link,
    #main #schedule #schedule-link {
      font-size: 13px;
      position: absolute;
      right: 0;
      top: 20px; }
      #main #my-sled-schedule #schedule-link a,
      #main #schedule #schedule-link a {
        margin-left: 1.5em; }
    #main #my-sled-schedule nav,
    #main #schedule nav {
      background: transparent;
      border-bottom: 1px dashed #c0c0c0;
      height: 194px;
      position: relative; }
      #main #my-sled-schedule nav h1,
      #main #schedule nav h1 {
        font-family: 'Archivo', sans-serif;
        font-size: 34px; }
      #main #my-sled-schedule nav #dates,
      #main #schedule nav #dates {
        background: transparent;
        padding-left: 0px;
        margin-left: 0; }
        #main #my-sled-schedule nav #dates label,
        #main #schedule nav #dates label {
          color: #505050;
          float: left;
          font-weight: 600;
          margin: 12px 12px 12px 0;
          font-size: 16px; }
        #main #my-sled-schedule nav #dates li,
        #main #schedule nav #dates li {
          margin: 0 2px 0; }
          #main #my-sled-schedule nav #dates li a,
          #main #schedule nav #dates li a {
            background: white;
            border: 1px solid #c0c0c0;
            border-radius: 0;
            color: #878787;
            padding: 8px 12px 12px; }
            #main #my-sled-schedule nav #dates li a em.day,
            #main #schedule nav #dates li a em.day {
              font-size: 11px; }
            #main #my-sled-schedule nav #dates li a em.number,
            #main #schedule nav #dates li a em.number {
              font-size: 18px;
              line-height: 15px; }
          #main #my-sled-schedule nav #dates li a:hover,
          #main #schedule nav #dates li a:hover {
            background: #4bbfac;
            border-color: #4bbfac;
            color: white;
            text-decoration: none; }
        #main #my-sled-schedule nav #dates li.current a,
        #main #schedule nav #dates li.current a {
          background: #4bbfac;
          border-color: #4bbfac;
          color: white; }
      #main #my-sled-schedule nav #legend h3,
      #main #schedule nav #legend h3 {
        font-size: 10px;
        font-weight: 600;
        margin-left: 12px; }
      #main #my-sled-schedule nav #legend .legend-item,
      #main #schedule nav #legend .legend-item {
        box-shadow: none;
        margin-right: 5px;
        margin-top: 23px; }
        #main #my-sled-schedule nav #legend .legend-item p,
        #main #schedule nav #legend .legend-item p {
          width: 22px;
          height: 22px; }
        #main #my-sled-schedule nav #legend .legend-item.artist,
        #main #schedule nav #legend .legend-item.artist {
          background: #ADE3F9; }
        #main #my-sled-schedule nav #legend .legend-item.film,
        #main #schedule nav #legend .legend-item.film {
          background: #EF5BA1; }
        #main #my-sled-schedule nav #legend .legend-item.visual_art,
        #main #schedule nav #legend .legend-item.visual_art {
          background: #7E7E7E; }
        #main #my-sled-schedule nav #legend .legend-item.comedy,
        #main #schedule nav #legend .legend-item.comedy {
          background: #FBFF92; }
        #main #my-sled-schedule nav #legend .legend-item.special_event,
        #main #schedule nav #legend .legend-item.special_event {
          background: #95E880; }
        #main #my-sled-schedule nav #legend .legend-item.conference,
        #main #schedule nav #legend .legend-item.conference {
          background: #4FB081; }
        #main #my-sled-schedule nav #legend .legend-item.all-ages,
        #main #schedule nav #legend .legend-item.all-ages {
          border: 2px solid rgba(0, 0, 0, 0.5); }
          #main #my-sled-schedule nav #legend .legend-item.all-ages p,
          #main #schedule nav #legend .legend-item.all-ages p {
            width: 20px;
            height: 20px; }
    #main #my-sled-schedule h1,
    #main #schedule h1 {
      background: transparent;
      color: #1A212A;
      display: block;
      float: none;
      border-bottom: 1px dashed #c0c0c0; }
    #main #my-sled-schedule .lemonade-title,
    #main #schedule .lemonade-title {
      border-bottom: 1px dashed #c0c0c0;
      padding-bottom: 10px; }
    #main #my-sled-schedule ul.times,
    #main #schedule ul.times {
      width: 50px; }
    #main #my-sled-schedule .day .schedule-wrap,
    #main #schedule .day .schedule-wrap {
      width: 1010px; }
      #main #my-sled-schedule .day .schedule-wrap .all-ages,
      #main #schedule .day .schedule-wrap .all-ages {
        width: 192px; }
      #main #my-sled-schedule .day .schedule-wrap .venue,
      #main #schedule .day .schedule-wrap .venue {
        width: 192px; }
        #main #my-sled-schedule .day .schedule-wrap .venue .presented-by span.presented-by-name,
        #main #schedule .day .schedule-wrap .venue .presented-by span.presented-by-name {
          font-size: 10px; }
        #main #my-sled-schedule .day .schedule-wrap .venue .venue-name,
        #main #schedule .day .schedule-wrap .venue .venue-name {
          color: black;
          font-size: 14px;
          font-weight: 500; }
        #main #my-sled-schedule .day .schedule-wrap .venue .performances .event,
        #main #schedule .day .schedule-wrap .venue .performances .event {
          width: 188px; }
          #main #my-sled-schedule .day .schedule-wrap .venue .performances .event.artist,
          #main #schedule .day .schedule-wrap .venue .performances .event.artist {
            background: rgba(173, 227, 249, 0.7); }
          #main #my-sled-schedule .day .schedule-wrap .venue .performances .event.film,
          #main #schedule .day .schedule-wrap .venue .performances .event.film {
            background: rgba(239, 91, 161, 0.7); }
          #main #my-sled-schedule .day .schedule-wrap .venue .performances .event.visual_art,
          #main #schedule .day .schedule-wrap .venue .performances .event.visual_art {
            background: rgba(126, 126, 126, 0.7); }
          #main #my-sled-schedule .day .schedule-wrap .venue .performances .event.comedy,
          #main #schedule .day .schedule-wrap .venue .performances .event.comedy {
            background: rgba(251, 255, 146, 0.7); }
          #main #my-sled-schedule .day .schedule-wrap .venue .performances .event.special_event,
          #main #schedule .day .schedule-wrap .venue .performances .event.special_event {
            background: rgba(149, 232, 128, 0.7); }
          #main #my-sled-schedule .day .schedule-wrap .venue .performances .event.conference,
          #main #schedule .day .schedule-wrap .venue .performances .event.conference {
            background: rgba(79, 176, 129, 0.7); }
    #main #my-sled-schedule .day .arrow-tools.arrow-tools-left,
    #main #schedule .day .arrow-tools.arrow-tools-left {
      left: -40px; }
      #main #my-sled-schedule .day .arrow-tools.arrow-tools-left span,
      #main #schedule .day .arrow-tools.arrow-tools-left span {
        background: url("/design/image/schedule-arrow-l.svg") center center no-repeat;
        background-size: 22px 150px; }
      #main #my-sled-schedule .day .arrow-tools.arrow-tools-left:hover,
      #main #schedule .day .arrow-tools.arrow-tools-left:hover {
        background: transparent;
        opacity: 1; }
    #main #my-sled-schedule .day .arrow-tools.arrow-tools-right,
    #main #schedule .day .arrow-tools.arrow-tools-right {
      left: 1110px; }
      #main #my-sled-schedule .day .arrow-tools.arrow-tools-right span,
      #main #schedule .day .arrow-tools.arrow-tools-right span {
        background: url("/design/image/schedule-arrow-r.svg") center center no-repeat;
        background-size: 22px 150px; }
      #main #my-sled-schedule .day .arrow-tools.arrow-tools-right:hover,
      #main #schedule .day .arrow-tools.arrow-tools-right:hover {
        background: transparent;
        opacity: 1; }

#footer-wrapper {
  position: relative; }
  #footer-wrapper .stuff-1 {
    background: url("/design/image/2023/footer-center.png") no-repeat center bottom;
    background-size: 564px 154px;
    height: 14vw;
    width: 100%; }
  #footer-wrapper .stuff-2 {
    background: url("/design/image/2023/footer-left.png") no-repeat center center;
    background-size: 348px 154px;
    bottom: 25px;
    height: 154px;
    left: 0;
    position: absolute;
    width: 348px; }
  #footer-wrapper .stuff-3 {
    background: url("/design/image/2023/footer-right.png") no-repeat center center;
    background-size: 500px 270px;
    bottom: 25px;
    height: 270px;
    position: absolute;
    right: 0;
    width: 500px; }
  #footer-wrapper .stuff-4 {
    background: #231F20;
    height: 25px;
    width: 100%; }
    #footer-wrapper .stuff-4 .fine-print {
      width: 1400px;
      margin: 0 auto;
      overflow: auto; }
      #footer-wrapper .stuff-4 .fine-print div.site-credits,
      #footer-wrapper .stuff-4 .fine-print div.copyright {
        color: rgba(255, 255, 255, 0.7);
        float: left;
        font-size: 11px;
        width: 47%; }
        #footer-wrapper .stuff-4 .fine-print div.site-credits h4,
        #footer-wrapper .stuff-4 .fine-print div.copyright h4 {
          color: white;
          display: inline-block;
          font-size: 11px;
          font-weight: bold;
          margin: 0;
          padding-right: 0;
          text-transform: uppercase; }
        #footer-wrapper .stuff-4 .fine-print div.site-credits a,
        #footer-wrapper .stuff-4 .fine-print div.copyright a {
          font-size: 11px !important;
          color: white; }
      #footer-wrapper .stuff-4 .fine-print div.site-credits {
        width: 37%; }
      #footer-wrapper .stuff-4 .fine-print div.copyright {
        float: right;
        text-align: right; }

#footer {
  position: relative;
  padding: 40px 0 0;
  width: 1200px; }
  #footer #footer-navigation {
    margin: 10px 0 0; }
    #footer #footer-navigation ul {
      display: flex;
      margin: 0; }
      #footer #footer-navigation ul .col {
        flex: 1;
        width: auto; }
        #footer #footer-navigation ul .col h4 {
          color: white;
          font-size: 14px;
          font-weight: 600; }
    #footer #footer-navigation a {
      color: #F4ECDD;
      background: none;
      font-size: 13px;
      font-weight: 400;
      padding-left: 0;
      text-decoration: none; }
      #footer #footer-navigation a:hover {
        color: #F05661; }

#section-navigation {
  border-right: 0;
  text-transform: none;
  padding-left: 0;
  width: 150px; }
  #section-navigation h3 {
    font-size: 16px;
    color: black;
    font-weight: 600; }
  #section-navigation ul {
    font-size: 15px; }
    #section-navigation ul a {
      font-weight: 500; }

.home-container {
  padding-bottom: 50px; }

.simple {
  padding-top: 60px; }
  .simple article {
    padding-left: 0;
    padding-right: 30px;
    width: 564px; }
  .simple.one-column article {
    width: 920px; }
  .simple h1,
  .simple .full-page h1 {
    font-family: 'Archivo', sans-serif;
    font-size: 34px;
    color: #3D3D3D;
    font-weight: 900; }
  .simple h2,
  .simple .full-page h2 {
    font-family: 'Archivo', sans-serif;
    font-size: 16px;
    color: #8B8B8B; }
  .simple h3,
  .simple .full-page h3 {
    color: #3D3D3D;
    font-size: 14px;
    font-weight: 700; }

#venues {
  margin-top: 10px; }
  #venues div.title {
    background: transparent;
    border-bottom: 1px dashed #c0c0c0; }
    #venues div.title h1 {
      background: transparent;
      /*color: #3d3d3d;*/
      font-family: 'Archivo', sans-serif;
      font-size: 34px;
      color: #3D3D3D;
      font-weight: 900; }
  #venues .venue {
    width: 100%; }
    #venues .venue h4, #venues .venue h4 a {
      border-bottom: 0;
      font-weight: 700; }
    #venues .venue .details {
      margin-left: 320px; }
      #venues .venue .details a {
        color: #3d3d3d;
        margin-left: 0;
        text-decoration: none; }
        #venues .venue .details a:hover {
          background: transparent;
          color: #F05661; }
      #venues .venue .details address {
        font-style: normal; }
        #venues .venue .details address a {
          margin-left: 10px; }
      #venues .venue .details .more-details {
        font-size: 14px; }
        #venues .venue .details .more-details strong {
          font-weight: 600; }

.sponsors {
  background: white;
  box-sizing: border-box;
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 2em; }
  .sponsors .sponsor-list .sponsor {
    height: 110px;
    text-align: center;
    width: 15%; }
  .sponsors h1 {
    color: #1A212A;
    font-weight: bold;
    font-size: 34px; }

#checkout {
  border-top: 1px dashed #c0c0c0;
  background: transparent; }
  #checkout .colb {
    width: 500px; }
  #checkout .aside p {
    color: black;
    font-size: 14px;
    margin: 0 0 1.25em; }
  #checkout h3 {
    font-family: 'Chivo', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #7E7E7E; }
    #checkout h3 span {
      color: black; }
  #checkout .col {
    background: transparent;
    border-left: 1px dashed #c0c0c0; }
  #checkout #checkout-list {
    border-left: 0; }
    #checkout #checkout-list a h4 {
      font-family: 'knile', serif;
      font-weight: 900;
      color: #0B0A0A;
      font-size: 16px;
      line-height: 18px;
      padding: 6px 0;
      background: transparent; }
    #checkout #checkout-list a:hover h4 {
      color: #F05661; }

/* 
    ARTIST PAGE
*/
.artist.past {
  padding-top: 25px;
  padding-bottom: 50px; }
.artist h1 {
  font-family: 'knile', serif;
  font-weight: 900;
  color: #3D3D3D; }
  .artist h1 span {
    color: #909090; }
.artist #lineup-list h3, .artist h3 {
  font-family: 'Chivo', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #7E7E7E; }
.artist .description {
  margin-left: 0; }
.artist .location {
  font-size: 14px; }
.artist .hero .image {
  position: relative; }
  .artist .hero .image .flag {
    background: black;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: normal;
    padding: 5px 10px;
    right: auto; }
.artist .hero .local .title {
  font-size: 10px;
  color: #707070;
  text-transform: uppercase;
  margin: 9px 0 3px;
  letter-spacing: 1px; }
.artist .hero .local .logo {
  width: 95px; }
.artist aside li {
  background: transparent;
  border-bottom: 1px dashed #c0c0c0; }
  .artist aside li:last-child {
    border-bottom: 0; }
  .artist aside li h3 {
    font-family: 'Chivo', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: #7E7E7E; }
  .artist aside li .watch,
  .artist aside li .listen {
    background: white url("/design/image/2022/icon-watch.svg") no-repeat right 10px center;
    border: 1px solid #CCCCCC;
    color: #7E7E7E;
    height: auto;
    font-size: 14px;
    padding: 0.6em 2.75em 0.6em 1em;
    text-indent: 0;
    text-transform: uppercase;
    width: auto; }
    .artist aside li .watch:hover,
    .artist aside li .listen:hover {
      color: white;
      border-color: #f05661;
      text-decoration: none;
      background: #f05661 url("/design/image/2017/icon-watch.svg") no-repeat right 10px center; }
  .artist aside li .listen {
    background-image: url("/design/image/2022/icon-listen.svg");
    background-size: 20%;
    background-position: right 10px center;
    margin-right: 0; }
    .artist aside li .listen:hover {
      background: #f05661 url("/design/image/2017/icon-phones.svg") no-repeat right 10px center;
      background-size: 20%; }
  .artist aside li .lemonade {
    line-height: 1.2em; }
    .artist aside li .lemonade p {
      color: #3D3D3D;
      margin-top: 5px;
      font-style: italic;
      font-size: .9em; }
  .artist aside li .buy {
    text-decoration: none; }
    .artist aside li .buy h3 {
      position: relative;
      margin-bottom: 0px; }
      .artist aside li .buy h3.tickets:after {
        content: "buy";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background: #E84D63;
        text-transform: uppercase;
        font-family: 'Chivo', sans-serif;
        font-weight: 600;
        line-height: 16px;
        vertical-align: middle;
        padding: 0px 5px;
        font-size: 10px;
        color: #fff; }
      .artist aside li .buy h3.tickets:hover:after {
        background: #3D3D3D; }
    .artist aside li .buy p {
      color: #3D3D3D;
      font-weight: normal;
      margin-top: 5px; }
    .artist aside li .buy:hover {
      text-decoration: none;
      color: #3D3D3D; }
      .artist aside li .buy:hover p {
        color: #000; }
.artist .detail {
  background: transparent;
  width: 100%;
  padding-right: 0; }
.artist aside {
  margin: 40px 0 0 20px; }
.artist #lineup-list #artist-list dl dt {
  color: #F05661; }

.artist-page a.mysled, #lineup a.mysled {
  background: url("/design/image/2020/icon-heart.svg") no-repeat center center; }
  .artist-page a.mysled.saved, #lineup a.mysled.saved {
    background-image: url("/design/image/2020/icon-heart-active.svg"); }

.social-12,
.website-12 {
  background: #d9d9d9 url("/design/image/2016/social-bugs-artist-page.svg") no-repeat left 5px center;
  border-radius: 24px;
  float: left;
  height: 26px;
  margin-right: 0.3em;
  width: 26px;
  text-indent: -9999px; }
  .social-12.facebook-12,
  .website-12.facebook-12 {
    background-position: -23px center; }
  .social-12.twitter-12,
  .website-12.twitter-12 {
    background-position: -50px center; }
  .social-12.instagram-12,
  .website-12.instagram-12 {
    background: #d9d9d9 url("/design/image/social-instagram.svg") no-repeat center center; }
  .social-12.bandcamp-12,
  .website-12.bandcamp-12 {
    background: #d9d9d9 url("/design/image/2017/social-bandcamp.svg") no-repeat center center; }
  .social-12:hover,
  .website-12:hover {
    background-color: #a9a9a9; }

.website-12 {
  float: left;
  line-height: 30px; }

#show-list .show {
  margin-bottom: 12px;
  vertical-align: normal; }
  #show-list .show .date-box {
    background: #3D3D3D;
    display: inline-block;
    padding: 14px 2px;
    position: relative;
    width: 40px;
    vertical-align: middle;
    float: none; }
    #show-list .show .date-box .day {
      color: #7E7E7E;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 1px; }
    #show-list .show .date-box .date {
      font-family: 'knile', serif;
      font-weight: 900; }
    #show-list .show .date-box:after {
      content: "";
      display: block;
      position: absolute;
      right: -6px;
      height: 58px;
      width: 10px;
      top: 0;
      background: transparent url("/design/image/2018/event-pointer.svg") no-repeat 0 center; }
  #show-list .show .time-venue {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 150px;
    padding-right: 0; }
  #show-list .show .time {
    color: #606060;
    font-size: 12px;
    float: none; }
    #show-list .show .time em {
      color: black;
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      margin-right: 0.25em;
      vertical-align: middle; }
    #show-list .show .time span.free {
      color: #6f78ac;
      display: inline-block;
      background: #e9e9e9;
      border-radius: 20px;
      padding: 6px 12px;
      font-weight: 600;
      text-transform: uppercase; }
    #show-list .show .time a.tickets {
      background: #f05661;
      color: white;
      display: inline-block;
      font-size: 10px;
      font-style: normal;
      line-height: 18px;
      padding: 3px 6px;
      text-transform: uppercase;
      vertical-align: middle; }
      #show-list .show .time a.tickets:hover {
        background: #000;
        color: #f05661;
        text-decoration: none; }
  #show-list .show .venue {
    text-transform: none;
    font-size: 11px;
    margin: 4px 0 0; }
    #show-list .show .venue a {
      color: black; }
  #show-list .show:hover .mysled {
    opacity: 0.5; }
  #show-list .show .mysled:hover {
    opacity: 1; }

.ui-multiselect-menu .ui-multiselect-checkboxes li {
  width: 48%; }

#genre-links {
  font-size: 14px;
  color: black; }
  #genre-links a {
    font-weight: 400; }

@media only screen and (max-width: 1500px) {
  #container div.container-stuff-left {
    left: -25px; }
  #container div.container-stuff-right {
    right: -25px; } }
#photos-videos {
  /* YOUTUBE */ }
  #photos-videos iframe {
    margin: 10px 5px;
    width: 540px !important;
    height: 405px !important; }

@media only screen and (max-width: 700px) {
  #photos-videos iframe {
    margin: 10px;
    width: 320px !important;
    height: 240px !important; } }
/* Photo Galleries Page */
body.photo-galleries-page #top-paper-edge {
  display: none; }
body.photo-galleries-page .page-container {
  margin: 0;
  width: 100%; }
body.photo-galleries-page article {
  padding: 0;
  width: 100%; }
body.photo-galleries-page .hero {
  font-size: 0;
  background: black;
  position: relative; }
  body.photo-galleries-page .hero img {
    width: 100%;
    opacity: 0.5; }
  body.photo-galleries-page .hero .text {
    font-family: 'Archivo', sans-serif;
    left: 50%;
    line-height: normal;
    width: 70%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%); }
    body.photo-galleries-page .hero .text h1 {
      border-bottom: 2px solid white;
      color: white;
      display: block;
      font-size: 60px;
      font-weight: 600;
      margin: 0 0 25px;
      padding: 0 0 15px; }
    body.photo-galleries-page .hero .text p {
      color: white;
      font-size: 18px;
      margin: 0;
      font-weight: 500; }
body.photo-galleries-page .grid {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  font-size: 0;
  padding: 15px;
  width: 100%; }
  body.photo-galleries-page .grid a {
    font-family: 'Archivo', sans-serif;
    background: #625E66;
    color: white;
    display: block;
    line-height: normal;
    margin: 15px;
    padding: 50px 10px;
    text-align: center;
    text-decoration: none;
    transition: all ease 0.25s;
    width: calc(25% - 30px);
    box-sizing: border-box; }
    body.photo-galleries-page .grid a .year {
      font-size: 41px;
      font-weight: 600; }
    body.photo-galleries-page .grid a .label {
      font-size: 15px;
      text-transform: uppercase; }
    body.photo-galleries-page .grid a:hover {
      background: #00a98e; }

.passes-page {
  padding-top: 60px; }
  .passes-page h1 {
    font-family: 'Archivo', sans-serif;
    font-size: 34px;
    color: #3D3D3D;
    font-weight: 900; }
  .passes-page .hidden {
    display: none; }
  .passes-page div[data-toggle-hidden] {
    cursor: pointer; }
    .passes-page div[data-toggle-hidden].active {
      color: #d95041; }

#login-popup header {
  overflow: auto;
  background: #daf4fe;
  text-align: center !important;
  padding: 10px; }
  #login-popup header h1 {
    text-transform: uppercase;
    margin-bottom: 5px; }
  #login-popup header #introduction {
    width: 600px;
    margin: 0 auto;
    margin-top: 0px;
    font-style: italic;
    display: block; }
#login-popup #login-error {
  margin: 10px 30px 10px 30px;
  font-size: 16px;
  color: red;
  font-weight: bold; }
#login-popup #options {
  background: transparent url(../image/login-popup-divider.jpg) center top no-repeat;
  overflow: auto;
  width: 900px;
  margin-top: 10px;
  display: flex; }
  #login-popup #options div.option {
    box-sizing: border-box;
    color: #333;
    flex: 1;
    line-height: 1.5em;
    margin: 30px 30px 30px;
    padding-left: 10px; }
    #login-popup #options div.option a {
      background: #daf4fe;
      color: #000; }
    #login-popup #options div.option p {
      line-height: 1.25em; }
    #login-popup #options div.option .button {
      background: black;
      border: 0;
      color: white;
      font-weight: 600; }
      #login-popup #options div.option .button:hover {
        background: #404040;
        text-decoration: none; }
      #login-popup #options div.option .button:active {
        background: black; }
    #login-popup #options div.option#facebook-login {
      background: transparent url(/design/image/login-popup-facebook.png) 15px -10px no-repeat;
      padding: 60px 0 0 25px; }
    #login-popup #options div.option#persona-login h2 {
      margin: 0 0 1em;
      text-transform: uppercase;
      font-size: 15px; }
    #login-popup #options div.option#persona-login input[type="text"] {
      float: left;
      padding: 11px;
      font-size: 16px;
      box-sizing: border-box; }
    #login-popup #options div.option#persona-login .button {
      margin: 0 0 0 10px;
      display: inline-block; }
#login-popup p.terms {
  font-size: 12px;
  text-align: center;
  margin: 10px 0 0; }
@media (max-width: 920px) {
  #login-popup header h1 {
    font-size: 24px;
    font-weight: 600; }
  #login-popup header #introduction {
    width: auto;
    line-height: 1;
    max-width: 600px; }
  #login-popup #options {
    display: block;
    height: auto;
    width: auto;
    background: none; }
    #login-popup #options div.option {
      margin: 30px 20px;
      width: calc(100% - 40px); }
      #login-popup #options div.option#persona-login {
        background: transparent url("/design/image/login-popup-divider-horizontal.png") no-repeat center bottom;
        padding-bottom: 70px;
        margin-bottom: 0;
        margin-top: 15px;
        text-align: center; }
        #login-popup #options div.option#persona-login form {
          display: flex; }
        #login-popup #options div.option#persona-login input[type="text"] {
          flex: 1;
          float: none;
          width: 50%; }
      #login-popup #options div.option#facebook-login {
        text-align: center;
        margin-top: 20px;
        padding-left: 0;
        background-position: center -10px; }
        #login-popup #options div.option#facebook-login .button {
          display: inline-block; } }

/*# sourceMappingURL=all.css.map */