/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* GENERAL */

* {margin: 0;font-smooth: always;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

@font-face {
    font-family: 'prohibitionregular';
    src: url('fonts/prohibition.eot');
    src: url('fonts/prohibition.eot#iefix') format('embedded-opentype'),
         url('fonts/prohibition.woff') format('woff'),
         url('fonts/prohibition.ttf') format('truetype'),
         url('fonts/prohibition.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'prohibitionitalic';
    src: url('fonts/prohibition-oblique.eot');
    src: url('fonts/prohibition-oblique.eot#iefix') format('embedded-opentype'),
         url('fonts/prohibition-oblique.woff') format('woff'),
         url('fonts/prohibition-oblique.ttf') format('truetype'),
         url('fonts/prohibition-oblique.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {height: 100%;color:#484848;font-family: 'Open Sans', sans-serif;}
body {overflow-x:hidden;background-color:#ccc;}


a:link {text-decoration:none;color:#000;}
a:visited {text-decoration:none;color:#000;}
a:hover {text-decoration:none;color:#ccc;}
a:active {text-decoration:none;color:#ccc;}

a:active, a:focus {outline: none;ie-dummy: expression(this.hideFocus=true);}

::selection {background: #d60000;color:#fff;}
::-moz-selection {background: #000;color:#fff;}
:focus {outline-color: transparent;outline-style: none;}

h1,h2,h3,h4 {font-family: 'prohibitionregular', sans-serif;margin:0px;-moz-font-feature-settings: "ss01";-ms-font-feature-settings: "ss01";-webkit-font-feature-settings: "ss01";-o-font-feature-settings: "ss01";font-feature-settings: "ss01";}

p {font-size:14px;}

/* ANIMATION WIZARDRY */

.cssanimations .animatethis {
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
}

.no-touch .hoverpop:hover{
  -webkit-transform:scale(1.03); /*Webkit: Scale up image to 1.2x original size*/
  -moz-transform:scale(1.03); /*Mozilla scale version*/
  -o-transform:scale(1.03); /*Opera scale version*/
  box-shadow:3px 3px 0px rgba(0,0,0,0.15); /*CSS3 shadow: 0px blurred shadow all around image*/
  -webkit-box-shadow:3px 3px 0px rgba(0,0,0,0.15); /*Safari shadow version*/
  -moz-box-shadow:3px 3px 0px rgba(0,0,0,0.15); /*Mozilla shadow version*/
  opacity: 1;
}

.no-touch .hoverpop-no-shadow:hover{
  -webkit-transform:scale(1.03); /*Webkit: Scale up image to 1.2x original size*/
  -moz-transform:scale(1.03); /*Mozilla scale version*/
  -o-transform:scale(1.03); /*Opera scale version*/
  opacity: 1;
}

.preload-assets {
  display:none;
}

/* GLOBAL STYLING */
.dirty {
  -webkit-mask-image: url('../img/dirtmask.png');
  -moz-mask-image: url('../img/dirtmask.png');
  -o-mask-image: url('../img/dirtmask.png');
  mask-image: url('../img/dirtmask.png');
}
.dirty-alt {
  -webkit-mask-image: url('../img/dirtmask-alt.png');
  -moz-mask-image: url('../img/dirtmask-alt.png');
  -o-mask-image: url('../img/dirtmask-alt.png');
  mask-image: url('../img/dirtmask-alt.png');
}

/* NAV BAR */

.navbar img {
  position:absolute;
  top:0px;
  left:0px;
}

.navbar .navbar-brand img{
  margin:0 auto;
  left:0;right:0;
  z-index:10;
  width:215px;
  height:70px;
  margin-top:10px;
}

.navbar .centerlogo a, .navbar .centerlogo a img{
  width:276px;
  height:90px;
  display:none;
}

/* navbar styling */

.navbar.navbar-ld {
  background-image:none;
  background-color:#000;
  border:none;
  min-height: 0;
  font-size:0px;
  height:72px;
  font-family: 'prohibitionregular', sans-serif;
  text-transform:lowercase;
  border: none;
  -moz-font-feature-settings: "ss01";
  -ms-font-feature-settings: "ss01";
  -webkit-font-feature-settings: "ss01";
  -o-font-feature-settings: "ss01";
  font-feature-settings: "ss01";
}

.pushnav {
  height:72px;
}

.nav>li>a {
  padding: 8px auto 10px auto;
  font-size:24px;
/*  background-color:red;*/

}

.navbar-ld .navbar-nav>li>a {
  text-shadow: none;
  color: #fdce04;
}

.navbar-ld .navbar-nav>.active>a {
  background-image:none;
  color:#fff;
  text-shadow: none;
  box-shadow: none;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
  filter:-;
  background-color:rgba(0,0,0,0.9);
}

.navbar-ld .navbar-nav { /* sub whitespace */
  margin: 0px -15px;
}

.navbar-ld li.ornament-left, .navbar-ld li.ornament-right {
  width:80px;
  height:26px;
  display:none;
  padding-top:9px;
}

.navbar-ld li.ornament-left img, .navbar-ld li.ornament-right img{
  position:inherit;
}

.navbar-ld li.navstar{
  color:#d30102;
  font-size:14px;
  padding: 12px 0px;
  display:none;
}

.navbar-ld .navbar-toggle .icon-bar {
background-color: #fdce04;
}

.navbar-ld .navbar-toggle:focus .icon-bar {
background-color: #fff;
}

.navbar-ld .navbar-toggle {
border:0px solid black;
background-color:transparent !important;
}


@media (min-width: 768px) { /* Bootstrap Hacks */
  .navbar .navbar-nav {
    display: inline-block;
    float: none;
  }

  .navbar .navbar-brand {
    display: none;
  }

  .navbar .navbar-collapse {
    text-align: center;
  }

  .navbar .centerlogo a, .navbar .centerlogo a img{
    display:block;
  }

  .navbar-ld li {
    margin-top:15px;
  }

  .navbar-ld li.link-to-home a {width:88px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-lineup a {width:104px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-tickets a {width:103px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-news a {width:70px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-practical a {width:110px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-transport a {width:115px;padding:10px 0px 8px 0px;}

  .navbar-ld li.centerlogo {
    margin-top:14px;
  }

  .nav>li>a {
    width:110px;
  }

  .navbar-collapse {
    max-height: 400px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch;
  }

.navbar-ld li.navstar{
    display:inline-block;
  }

}

/* IE8 NAV */
.lt-ie9 .nav>li>a {padding: 8px auto 10px auto; font-size:20px; width:100px; } .lt-ie9 .navbar-ld .collapsing li>a, .lt-ie9 .navbar-ld .collapse.in li>a { /* reset for sub */ width:100% !important; text-align:center !important; padding:16px !important; background-color:#000 !important; background-color:rgba(0,0,0,0.9) !important; letter-spacing: 1px !important; font-size:18px !important; padding-bottom:20px !important; } .lt-ie9 .navbar-ld li.centerlogo {margin-top:7px; } .lt-ie9 .navbar .centerlogo a,.lt-ie9 .navbar .centerlogo a img{width:184px; height:60px; } .lt-ie9 .navbar-ld li {margin-top:5px; } .lt-ie9 .navbar-ld .collapsing li, .lt-ie9 .navbar-ld .collapse.in li { /* reset for sub */ margin-top:0px; } .lt-ie9 .navbar.navbar-ld {height:50px; font-family: 'prohibitionregular', sans-serif; } .lt-ie9 .pushnav {height:50px; } .lt-ie9 .navbar .navbar-brand img{margin-top:8px; } .lt-ie9 .navbar-ld li.link-to-home a {width:68px;padding:10px 0px 8px 0px;} .lt-ie9 .navbar-ld li.link-to-lineup a {width:86px;padding:10px 0px 8px 0px;} .lt-ie9 .navbar-ld li.link-to-tickets a {width:85px;padding:10px 0px 8px 0px;} .lt-ie9 .navbar-ld li.link-to-news a {width:72px;padding:10px 0px 8px 0px;} .lt-ie9 .navbar-ld li.link-to-practical a {width:92px;padding:10px 0px 8px 0px;} .lt-ie9 .navbar-ld li.link-to-transport a {width:97px;padding:10px 0px 8px 0px;}


@media (max-width: 400px) {

  .navbar .navbar-brand img{
    width:153px;
    height:50px;
    margin-top:10px;
  }

}


@media (max-width: 956px) {

  .nav>li>a {
    padding: 8px auto 10px auto;
    font-size:20px;
    width:100px;
  }

  .navbar-ld .collapsing li>a, .navbar-ld .collapse.in li>a { /* reset for sub */
    width:100% !important;
    text-align:center !important;
    padding:16px !important;
    background-color:#000 !important;
    background-color:rgba(0,0,0,0.9) !important;
    letter-spacing: 1px !important;
    font-size:18px !important;
    padding-bottom:20px !important;
  }

    .navbar-ld li.centerlogo {
    margin-top:7px;
  }

  .navbar .centerlogo a, .navbar .centerlogo a img{
    width:184px;
    height:60px;
  }

  .navbar-ld li {
    margin-top:5px;
  }

  .navbar-ld .collapsing li, .navbar-ld .collapse.in li { /* reset for sub */
    margin-top:0px;
  }

  .navbar.navbar-ld {
    height:50px;
    font-family: 'prohibitionregular', sans-serif;
  }

  .pushnav {
    height:50px;
  }

  .navbar .navbar-brand img{
  margin-top:8px;
  }

  .navbar-ld li.link-to-home a {width:68px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-lineup a {width:86px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-tickets a {width:85px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-news a {width:72px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-practical a {width:92px;padding:10px 0px 8px 0px;}
  .navbar-ld li.link-to-transport a {width:97px;padding:10px 0px 8px 0px;}

}

@media (min-width: 1140px) {

  .navbar-ld li.ornament-left, .navbar-ld li.ornament-right {
    display:inline-block;
  }

}

/* CAROUSEL */
.carousel {
  background-image:url('../img/banner-bg.gif');
  background-position: center center;
  background-color:#df2203;
  overflow:hidden;
}

.carousel.night {
  background-image:url('../img/banner-bg-laundrynight.png');
}

.carousel .live-buttons-wrap * {
  vertical-align:middle;
}

.carousel-inner > .item .livevisual {
    margin: 0 auto;
    width:100%;
    max-width:1264px !important;
}

.live-buttons-wrap {
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  z-index:1000;
}

.live-buttons-inner-wrap {
  width:95%;
  height:100%;
  margin:0 auto;
  font-size:0px;
  line-height:0px;
  max-width:1264px !important;
}

.live-button-spacer {
  width:60%;
  height:100%;
  display:inline-block;
}

.live-button-wrap {
  position:relative;
  width:20%;
  height:100%;
  display:inline-block;
}

.live-button {
  width:100%;
  top: 50%;
  position: absolute;
  margin-top: -60%;
}

.carousel .carousel-indicators {opacity:0; }
/* .carousel:hover .carousel-indicators { opacity:1; } */
.lt-ie9 .carousel .carousel-indicators, .lt-ie9 .carousel .carousel-control{display:none!important;}

/*#page-banner.carousel {
  min-height:220px !important;
}*/

.carousel-control {
  display:none;
}

.socials {
    position:relative;
    background-color:rgba(20,90,120,0,5);
}

.socials .social-link {
    width:67px;
    height:81px;
    position:absolute;
    margin-top:-11px;
    z-index:10;
}

.social-link.fb {left:15px;}
.social-link.twitter {left:100px;}
.social-link.youtube {right:100px;}
.social-link.instagram {right:15px;}

/* WRAPPER + GRID LAYOUT */

.wrapper {
  width:948px;
  margin:0 auto;
  font-size:0px;
  position:relative;
/*  background-color:rgba(0,0,0,0.1);*/
}

.line-up.grid .wrapper {
  text-align:center;
}

.wrapperbg {
  width:970px;
  height:100%;
  position:absolute;
/*  background-color:rgba(0,50,0,0.1);*/
  top:0;bottom:0;left:50%;right:0;
  margin:0 auto;
  overflow: hidden;
  margin-left:-485px;
  font-size:0px !important;
}

.bgwall{
  font-size:0px !important;
  position:relative;
  font-size:0px;
  overflow: hidden;
  background:url('../img/ornabg-3col.jpg') repeat center 36px;
}


.bgwall .sidepillarleft, .bgwall .sidepillarright{
  height:100%;
  width:71px;
  position:absolute;
  left:50%;
  top:0px;
}
.bgwall .sidepillarleft{
  margin-left:-556px; /*wrapper half + own width */
}
.bgwall .sidepillarright{
  margin-left:485px; /* wrapper half */
}

.sidepillartop{
  background-color:gray;
  height:101px;
  width:71px;
  position:absolute;
  top:0;
}
.sidepillarbottom{
  background-color:gray;
  height:101px;
  width:71px;
  position:absolute;
  bottom:0;
}

.sidepillarstretchertop, .sidepillarstretcherbottom{
  height:50%;
  width:71px;
  position:absolute;
  margin-top:20px;
  background:url('../img/ornapillar-stretcher-left-piece-l.png') top center repeat-y;
}
.sidepillarright .sidepillarstretchertop, .sidepillarright .sidepillarstretcherbottom{
  background:url('../img/ornapillar-stretcher-right-piece-l.png') top center repeat-y;
}
.sidepillarstretcherbottom, .sidepillarright .sidepillarstretcherbottom{
  bottom:20px;
}
.bgseperator .sidepillarstretchertop, .bgseperator .sidepillarstretcherbottom{
  height:50%;
  width:22px;
  position:absolute;
  margin-top:20px;
  background:url('../img/ornapillar-stretcher-left-piece-s.png') top center repeat-y;
}
.bgseperator .sidepillarstretcherbottom{
  bottom:20px;
}

.bgseperator.fifthsep .sidepillarstretchertop, .bgseperator.fifthsep .sidepillarstretcherbottom{
  background:url('../img/ornapillar-stretcher-right-piece-s.png') top center repeat-y;
}

.bgwall .sidepillartop.topleft{
  background:url('../img/ornapillar-top-left-piece-l.png') bottom center no-repeat;
}
.bgwall .sidepillartop.topright{
  background:url('../img/ornapillar-top-right-piece-l.png') bottom center no-repeat;
}
.bgwall .sidepillarbottom.bottomleft{
  background:url('../img/ornapillar-bottom-left-piece-l.png') top center no-repeat;
}
.bgwall .sidepillarbottom.bottomright{
  background:url('../img/ornapillar-bottom-right-piece-l.png') top center no-repeat;
}

.bgwall .innerpillartop {
  height:101px;
  width:100%;
  position:absolute;
  top:0;
}
.bgwall .innerpillarbottom {
  height:101px;
  width:100%;
  position:absolute;
  bottom:0;
}
.bgwall .innerpillartop.topleft{
  background:url('../img/ornapillar-top-left-piece-s.png') bottom center no-repeat;
}
.bgwall .innerpillartop.topright{
  background:url('../img/ornapillar-top-right-piece-s.png') bottom center no-repeat;
}
.bgwall .innerpillarbottom.bottomleft{
  background:url('../img/ornapillar-bottom-left-piece-s.png') top center no-repeat;
}
.bgwall .innerpillarbottom.bottomright{
  background:url('../img/ornapillar-bottom-right-piece-s.png') top center no-repeat;
}

.bgwall .bgpillar, .bgwall .pillartop, .bgwall .pillarbottom{
    width:294px;
}

.bgwall.no-grid .bgpillar, .bgwall.no-grid .pillartop, .bgwall.no-grid .pillarbottom{
    width:926px;
}

.bgwall .bgpillar{
  height:100%;
  position:;
  display:inline-block;
}

.bgwall .pillartop{
  background-color:gray;
  height:110px;
  position:absolute;
  top:36px;
}
.firstcol .pillartop {background:url('../img/ornagraphic-top-01.png') top center no-repeat;}
.secondcol .pillartop {background:none}
.thirdcol .pillartop {background:url('../img/ornagraphic-top-02.png') top center no-repeat;}
.fourthcol .pillartop {background:url('../img/ornagraphic-top-01.png') top center no-repeat;}

.no-grid .firstcol .pillartop {background:none;/* url('../img/ornagraphic-full-top-01.png') top center no-repeat;*/}

.bgwall .pillarbottom{
  background-color:gray;
  height:110px;
  position:absolute;
  bottom:20px;
}
.firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-01.png') bottom center no-repeat;}
.secondcol .pillarbottom {background:url('../img/ornagraphic-bottom-02.png') bottom center no-repeat;}
.thirdcol .pillarbottom {background:url('../img/ornagraphic-bottom-02.png') bottom center no-repeat;}
.fourthcol .pillarbottom {background:url('../img/ornagraphic-bottom-01.png') bottom center no-repeat;}

.no-grid .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-nogrid-3col-01.png') bottom center no-repeat;}
.no-grid .firstcol .pillartop {background:url('../img/ornagraphic-top-nogrid-3col-01.png') bottom center no-repeat;}

.bgwall .bgseperator{
  height:100%;
  width:22px;
  position:relative;
  display:inline-block;
  overflow:hidden;
}

html[data-useragent*='Android'] .bgwall .bgseperator{
  width:21.9px !important;
}

.bgwall .blocktop{
  height:22px;
  width:100%;
  position:absolute;
  top:0;
}

.bgwall .blockbottom{
  height:22px;
  width:100%;
  position:absolute;
  bottom:0;
}

.bgwall .thirdcol{display:none;}
.bgwall .fourthsep{display:none;}

.grid-tile {
  width:280px;
  display:inline-block;
  margin:9px 18px;
  background-color:#fff;
  vertical-align: top;
  position:relative;
  padding:6px;
}

.grid-tile.fullwidth {
  width:912px;
}

.full-tile {
  width:818px;
  margin:12px 64px;
  display:inline-block;
  background-color:#fff;
  vertical-align: top;
  position:relative;
  padding:18px;
  min-height:50px;
}

.full-tile-wrapper {
  width:860px;
  margin:12px 46px;
  display:inline-block;
  vertical-align: top;
  position:relative;
  min-height:50px;
}


/* tile types */

.grid-tile.is-contestentry {
  width:248px;
  cursor: pointer;
}

.grid-tile.is-newspost, .grid-tile.is-morenews{
  height:280px;
  padding:12px;
  text-align:left;
  cursor:pointer;
}

.grid-tile.is-link{
  height:64px;
  cursor:pointer;
  text-align:center;
}

.full-tile.is-list {
  margin-bottom:48px;
}

.grid-tile.is-artist{
  height:280px;
  padding:12px;
  text-align:left;
  cursor:pointer;
  margin:16px 18px;
}

/* tile type content styling*/
/* tile content styles: newspost */
.grid-tile.is-newspost .news-date{
  width:53px;
  height:75px;
  background-color:red;
  position:absolute;
  top:-14px;
  left:9px;
  background:url('../img/datelabel.png') center left no-repeat;
}

.grid-tile.is-newspost .news-date span{
  position:absolute;
  left:10px;
  top:6px;
  font-family: 'prohibitionregular';
  font-size:26px;
  line-height:24px;
  color:#fff;
}

.grid-tile.is-contestentry .tile-photo img {
  width:100%;
}

.grid-tile.is-newspost .tile-photo, .grid-tile.is-morenews .tile-photo{
  height:120px;
  margin-bottom:10px;
}

.grid-tile.is-newspost .tile-photo img, .grid-tile.is-morenews .tile-photo img{
  height:120px;
  width:250px;
}

.grid-tile.is-newspost .tile-title{
  height:50px;
/*  margin-bottom:8px;*/
  padding:0 4px;
}

.grid-tile.is-newspost .tile-title h4{
  font-size:24px;
  line-height:24px;
  margin-top:-4px;
  color:#000;
/*  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;*/
}

.grid-tile.is-newspost .tile-summary{
  height:64px;
  padding:0 4px;
}

.grid-tile.is-newspost .tile-summary p{
  font-size:13px;
  line-height:16px;
}

/* tile content styles: more news */

.grid-tile.is-morenews .tile-title{
  height:28px;
  margin-bottom:8px;
  padding:0 4px;
}

.grid-tile.is-morenews .tile-title h4{
  font-size:24px;
  line-height:24px;
  margin-top:-4px;
  text-align:center;
}

.grid-tile.is-morenews .tile-title h4:hover{
  color:#d60000;
}

.grid-tile.is-morenews .tile-title .glyphicon{
  font-size:16px;
  line-height:24px;
  top:-2px;
}

.grid-tile.is-morenews .tile-summary{
  max-height:52px;
  padding:0 4px;
  margin-bottom:10px;
}

a .grid-tile.is-newspost .tile-summary {
  color:#484848;
}

.grid-tile.is-morenews .tile-summary p{
  font-size:13px;
  line-height:13px;
  margin-bottom:5px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  font-weight:600;
  text-transform:uppercase;
}

.grid-tile.is-morenews .tile-summary span.date{
  font-weight:400;
  margin-right:8px;
  color:#484848;
}

.grid-tile.is-morenews .tile-summary span.title:hover{
  color:#d60000;
}

.grid-tile.is-morenews .allnews a{
  color:#d60000;
  font-size:16px;
}

/* optional content */

.grid-tile.is-newspost.optional{
  display:none;
}

.grid-tile.is-morenews a.last{
  display:none;
}

/* tile content styles: homelinks */
.grid-tile.is-link h3{
  font-size:28px;
  line-height:40px;
}

/* tile content styles: loadmore */
.grid-tile.is-loadmore .contentplate.yellowbg:hover{
  background-color:#d60000;
  color:#fff;
}

/* tile content styles: full tile */

.full-tile h1,.full-tile h2,.full-tile h3,.full-tile h4{
  font-size:30px;
  line-height:34px;
  color:#000;
  margin-bottom:18px;
}

.full-tile {
  font-size:13px;
  color:#484848;
}

.upload-button {
  position:absolute;
  width:424px;
  bottom:-24px;
  left:50%;
  margin-left:-212px;
}

/* tile contennt styles: full tile is-list */
.full-tile.is-list{
  padding:0px;
}

.full-tile.is-list .topborders {
  height:3px;
  width:100%;
  display:block;
  position:relative;
}

.full-tile.is-list ul{
  margin:0px;
  padding:0px;
}

.full-tile.is-list li{
  position:relative;
  display:block;
  margin:0px;
  padding:3px;
}

.full-tile.is-list li .listitem-content{
  /*height: 50px;*/
  line-height: 50px;
  text-align: center;
  color:#000;
  cursor:pointer;
}

.full-tile.is-list li .listitem-content:hover{
  background-color:#f9c402;
}

.full-tile.is-list li:nth-child(odd) .listitem-content:hover{
    background-color:#f9c402;
}
.full-tile.is-list li:nth-child(even) .listitem-content:hover{
    background-color:#e50000;
    color:#fff;
}

.full-tile.is-list li .b-top{
  height:0px;
}

li .listitem-content span{
  display:inline-block;
}

li .listitem-content span.showtime{
  width:140px;
  text-align:left;
  font-size:18px;
  float:left;
  vertical-align: middle;
  margin-left:15px;
  font-weight:600;
}

li .listitem-content span.showtime .icon-time{
  width:26px;
  height:26px;
  vertical-align:middle;
  margin-top:-5px;
  background:url('../img/clock-yellow.png') center center no-repeat;
  background-size:26px 26px;
}

li .listitem-content:hover span.showtime .icon-time{
  background:url('../img/clock-white.png') center center no-repeat;
  background-size:26px 26px;
}

li .listitem-content span.artistname{
  margin-left:-0px;
  font-size:30px;
  max-width:620px;
  font-family: 'prohibitionregular', sans-serif;
  margin-top:-3px;
}

li .listitem-content span.showicon{
  width:140px;
  text-align:right;
  font-size:20px;
  float:right;
  vertical-align: middle;
  margin-right:15px;
  margin-top:-3px;
  font-family: 'prohibitionregular', sans-serif;
}

/* Full tile styles */

.full-tile h3 {
  font-size:20px;
  margin-bottom:10px;
}

.full-tile p {
  margin:0 0 10px 0;
  padding:0px;
}

/* Hide times */
.line-up.alphabetical li .listitem-content span.showtime,
.line-up.billing li .listitem-content span.showtime {
  display:none;
}
.line-up.alphabetical li .listitem-content span.artistname,
.line-up.billing li .listitem-content span.artistname {
  padding-left:140px;
}

/* Poster type list */

.posterwrapper {
  padding:30px 30px 50px 30px;
  text-align:center;
}

ol.postertype { /* not used */
  display:block !important;
  width:100%;
  margin:0 auto;
  padding:0px 0px;
  text-align:center;
  line-height: normal;
  font-family: 'prohibitionregular', sans-serif;
  color:#000;
  font-size:100px;
  max-width:600px;
  margin-bottom:20px ;
}

ol.postertype li{ /* not used */
  margin:0 -5px !important;
  padding:0;
  height:auto;
  width:auto;
  display:block;
  line-height:1.2;
  cursor:pointer;
  text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);
}
.no-touch ol.postertype li:hover{ /* not used */
  color:#e50000;
}

/* blocks */

.posterwrapper.block-a,  .posterwrapper.block-b, .posterwrapper.block-c{
  text-align:center;
  width:100%;
  font-family: 'prohibitionregular', sans-serif;
}

.posterwrapper a:hover,  .posterwrapper a:hover, .posterwrapper a:hover{
  color:#e50000;
}

/* blocks a */
.posterwrapper.block-a a{
  margin-left:30px;
}
.posterwrapper.block-a a:first-child{
  margin-left:0 !important;
}

.posterwrapper.block-a {
  font-size:60px;
  line-height:80px;
  text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);
  white-space: nowrap;
  padding:20px 20px 40px 20px;
}

/* blocks b */
.posterwrapper.block-b {
  padding:18px 18px 24px 18px;
  font-size:38px;
  line-height:55px;
  text-shadow: 3px 3px 0px #fff, 7px 6px 0px rgba(0,0,0,0.15);
}

.posterwrapper.block-b a{
  margin-left:18px;
}
.posterwrapper.block-b a:first-child{
  margin-left:0 !important;
}
/* blocks c */
.posterwrapper.block-c {
  padding:19px 19px 19px 19px;
  font-size:28px;
  line-height:40px;
  text-shadow: 2px 2px 0px #fff, 5px 4px 0px rgba(0,0,0,0.15);
}
.posterwrapper.block-c a{
  margin-left:15px;
  white-space: nowrap;
}
.posterwrapper.block-b a:first-child{
  margin-left:0 !important;
}

.posterwrapper.block-c a:first-child{
  margin-left:0;
}

h1.comingsoon {
  font-size:50px;
  text-align:center;
  margin:40px 0 60px 0;
  text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15);
}

/* tile contennt styles: full tile is-artist */

.grid-tile.is-artist .artist-time{
  text-align:center;
  position:relative;
  margin:0 auto;
  width:100%;
  top:-290px;
}

.time-wrapper span.labeltime {
  background-color:#fff;
  border:3px solid #484848;
  height:30px;
  display:inline-block;
  padding:0 4px;
  white-space: nowrap;
}

.time-wrapper h2{
  font-size:18px;
  line-height:23px;
  color:#000;
  font-family:'open sans';
  font-weight:600;
}

.time-wrapper .labeltime .icon-time{
  width:16px;
  height:16px;
  vertical-align:middle;
  background:url('../img/clock-yellow.png') center center no-repeat;
  background-size:16px 16px;
  margin-top:-2px;
  display:inline-block;
}

.grid-tile.is-artist .tile-photo{
  height:250px;
}

.grid-tile.is-artist .tile-photo img{
  height:250px;
  width:250px;
}

.grid-tile.is-artist .tile-title{
  text-align:center;
  position:relative;
  margin:0 auto;
  width:116%;
  margin-top:-24px;
  margin-left:-8%;
}

.artist-wrapper span.labelartist {
  background-color:#fff;
  border:3px solid #484848;
  height:44px;
  min-width:80px;
  display:inline-block;
  padding:0 10px;
  white-space: nowrap;
}

.artist-wrapper h2{
  font-size:20px;
  line-height:34px;
  color:#000;
  letter-spacing:0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 218px;
}

/* tile contennt styles: full tile is-partial-info */

.full-tile.is-partial-info {
  margin-bottom:40px;
  min-height:100px;
  padding-top:48px !important;
}

.full-tile.is-partial-info.contestcta {
  padding:0px !important;
}

.full-tile.is-partial-info.contestcta img {
  width:100%;
}

.full-tile.is-partial-info.contestform {
  padding-top:10px !important;
}

/* PAGE SPACERS */

.contentspacertop {
  height:24px;
  width:100%;
  display:inline-block;
}

.tickets .contentspacertop {
  height:40px;
}

.merchandise .contentspacertop {
  height:40px;
}

.practical .contentspacertop {
  height:40px;
}

.transport .contentspacertop {
  height:40px;
}

.history .contentspacertop {
  height:40px;
}

.line-up .contentspacertop {
  height:40px;
}

.line-up.billing .contentspacertop {
  height:40px;
}

.partners .contentspacertop {
  height:40px;
}

.contentspacerbottom {
  height:106px;
  width:100%;
  display:inline-block;
}


/* PAGE TITLES */

.section-title {
  margin:0 auto 30px auto;
  text-align:center;
  font-size:30px;
}

.full-tile .section-title.tile-title{
  position:absolute;
  top:-22px;
  margin:0 auto;
  left:0;right:0;
}

.line-up .section-title {
  margin:0 auto 30px auto;
}

/* TILE STYLES */

.contentplate {
  width:100%;
  height:100%;
}

.border-gray, .border-gray:visited {
  border:3px solid #484848;
}

.b-top ,.b-right, .b-bottom, .b-left {position:absolute;} .b-top {border-bottom:3px solid #484848; height:6px; width:100%; top:0; left:0; } .b-right {border-left:3px solid #484848; height:100%; width:6px; right:0; top:0; } .b-bottom {border-top:3px solid #484848; height:6px; width:100%; bottom:0; left:0; } .b-left {border-right:3px solid #484848; width:6px; height:100%; left:0; top:0; }

.whitebg {
  background-color:#fff;
}

.redbg {
  background-color:#d60000;
  color:#fff;
}

.yellowbg {
  background-color:#f9c402;
  color:#000;
}

/* PAGE TITLES */

.page-title {
  font-size:20px;
  padding:28px 0 24px 0;
  width:100%;
}

.title-artwork {
  height:64px;
}

.title-artwork .centerpiece{
  position:relative;
  display:inline-block;
  padding:0 38px;
  z-index:1;
}

.title-artwork span.labeltitle {
  background-color:#e50000;
  border:3px solid black;
  height:46px;
  min-width:80px;
  display:inline-block;
  padding:0 10px;
}

.title-artwork h2{
  font-size:32px;
  line-height:32px;
  color:#fff;
  letter-spacing:1px;
}

.title-artwork .labelback-left, .title-artwork .labelback-right{
  width:65px;
  height:49px;
  display:inline-block;
  position:absolute;
  z-index:-1;
  top:8px;
  left:0px;
  background:url('../img/labelback-left.png') center left no-repeat;
  background-size:65px 49px;
}
.title-artwork .labelback-right{
  right:0px;
  left:auto;
  background:url('../img/labelback-right.png') center right no-repeat;
}

.title-artwork img{
  display:inline-block;
}

.title-artwork img.title-leaf-l, .title-artwork img.title-leaf-r {
  width:106px;
  height:64px;
}

/* page specific */
 .confirmations .page-title{
  font-size:20px;
  padding:28px 0 10px 0;
  width:100%;
}

/* SECTION TITLE */

.section-artwork {
  height:64px;
}

.section-artwork .centerpiece{
  position:relative;
  display:inline-block;
  padding:0 84px;
  z-index:1;
}

.section-artwork span.labeltitle {
  background-color:#fff;
  border:3px solid black;
  height:54px;
  min-width:70px;
  display:inline-block;
  padding:0 10px;
  white-space: nowrap;
}


.section-artwork h2{
  font-size:36px;
  line-height:41px;
  color:#000;
  letter-spacing:1px;
}

.section-artwork h2 a:hover{
  color:#484848;
}

.section-artwork .labelback-left, .section-artwork .labelback-right{
  width:116px;
  height:44px;
  display:inline-block;
  position:absolute;
  z-index:-1;
  top:4px;
  left:0px;
  background:url('../img/sectionback-left.png') center left no-repeat;
  background-size:116px 44px;
}
.section-artwork .labelback-right{
  right:0px;
  left:auto;
  background:url('../img/sectionback-right.png') center right no-repeat;
}

.section-artwork .labelback-left.back{
  background:url('../img/sectionback-left-back.png') center left no-repeat;

}
.section-artwork .labelback-right.back{
  background:none;
}

.section-artwork img{
  display:inline-block;
}

/* Variant for Stages */

.line-up.stages .section-artwork .labelback-left{
  background:url('../img/sectionback-left-red.png') center left no-repeat;
}
.line-up.stages .section-artwork .labelback-right{
  background:url('../img/sectionback-right-red.png') center right no-repeat;
}

.line-up.stages .section-title{
  margin-bottom:0px;
}

.line-up.stages .stageinfo{
  width:100%;
  padding:10px 20px;
  color:color:#ababab;;
  color:rgba(50,50,50,0.4);
  font-weight:600;
  text-shadow: 0px 1px 0px #FFFFFF;
  text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
}

.line-up.stages .stagemc{
  font-size:16px;
  font-weight:700;
}

.line-up.stages .stagedescription{
  font-size:20px;
  font-weight:600;
}

.line-up.grid .section-title, .media .section-title{
  margin-top:50px;
}

.line-up.grid .section-title:first-child, .media .section-title:first-child{
  margin-top:0px;
}


/* CONFIRMED ARTISTS */

.title-block {
  width:100%;
  background-color:#fff;
  text-align:center;
}

.confirmed-artist {
  display:inline-block;
  font-size:18px;
  width:205px;
  height:203px;
  margin:28px 18px;
  vertical-align: top;
  position:relative;
  text-align:left;
  cursor:pointer;
}

.confirmed-artist .headshot{
  width:148px;height:148px;
  margin:0 auto;
  left:0;right:0;
  text-align:center;
  position: relative;
  display:block;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -o-perspective: 600px;
  -ms-perspective: 600px;
  perspective: 600px;
}

.confirmed-artist .headshot img.artist-photo{
  width:144px;height:144px;
  margin-top:1px;

}

.confirmed-artist .headshot .artist-border{
  width:148px;height:148px;
  margin:0 auto;
  background:url('../img/confirmed-artist-frame-border.png') center center no-repeat;
  position:absolute;
  z-index:2;
}

.confirmed-artist .headframe{
  width:205px;
  height:203px;
  position:absolute;
  top:0;
  background:url('../img/confirmed-artist-frame.png') center center no-repeat;
}

.confirmed-artist h3 {
  position:absolute;
  bottom:13px;
  color:#fff;
  display:block;
  left:20px;right:20px;
  width:165px;
  text-align:center;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal !important;
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -o-perspective: 600px;
  -ms-perspective: 600px;
  perspective: 600px;
}

.confirmed-artist:hover h3 {
  color:#000;
}
.confirmed-artist:hover .headframe{
  background:url('../img/confirmed-artist-frame-hover.png') center center no-repeat;
}

.confirmed-artist.slot1 {
  margin-left:0px;
}

.confirmed-artist.slot4 {
  margin-right:0px;
}

.confirmed-artist.slot5 {
  display:none;
}

/* Animation Confirmed Artists */

.confirmed-artist .side-a,  .confirmed-artist .side-b{
  position: absolute;
}

.confirmed-artist .side-a{
  z-index: 900;

  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transform: rotateX(0deg) rotateY(0deg);
  -o-transform-style: preserve-3d;
  -o-backface-visibility: hidden;
  -ms-transform: rotateX(0deg) rotateY(0deg);
  -ms-transform-style: preserve-3d;
  -ms-backface-visibility: hidden;
  transform: rotateX(0deg) rotateY(0deg);
  transform-style: preserve-3d;
  backface-visibility: hidden;


  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.confirmed-artist .side-b{
  z-index: 800;

  -webkit-transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  -moz-transform: rotateY(-180deg);
  -moz-transform-style: preserve-3d;
  -moz-backface-visibility: hidden;
  -o-transform: rotateY(-180deg);
  -o-transform-style: preserve-3d;
  -o-backface-visibility: hidden;
  -ms-transform: rotateY(-180deg);
  -ms-transform-style: preserve-3d;
  -ms-backface-visibility: hidden;
  transform: rotateY(-180deg);
  transform-style: preserve-3d;
  backface-visibility: hidden;

  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;*/
}

.csstransforms .confirmed-artist.flip .side-a{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.csstransforms .confirmed-artist.flip .side-b{
  -webkit-transform: rotateX(0deg) rotateY(0deg);
  -moz-transform: rotateX(0deg) rotateY(0deg);
  -o-transform: rotateX(0deg) rotateY(0deg);
  -ms-transform: rotateX(0deg) rotateY(0deg);
  transform: rotateX(0deg) rotateY(0deg);
}

.no-csstransitions .confirmed-artist .side-a{
  display:block !important;
  z-index:1000;
}

.no-csstransitions .confirmed-artist.flip .side-b{
  display:block !important;
  z-index:1000;
}

.no-csstransitions .confirmed-artist.flip .side-a{
  display:none !important;
  z-index:1000;
}

.no-csstransitions .confirmed-artist .side-b{
  display:none !important;
  z-index:1000;
}

/* PARTNER PAGE */
.partnerwrapper {
  padding:30px;
  text-align:center;
}

.partnerwrapper a img{
  width:175px;
  height:175px;
  margin:30px;
}

.credits {
  text-align:center;
  font-family:'prohibition';
  font-size:21px;
  color:#000;
  letter-spacing:3px;
  opacity:0.4;
  margin-bottom:14px;
}

.credits a:hover{
  opacity:0.8;
  color:#000;
  border-bottom:2px solid #000;
  padding:5px 0;
}

.credits img{
  width:147px;
  height:16px;
  margin:0 5px;
}

/* TICKETS PAGE */
.tile-content-tickets h3{
  margin-bottom:2px;
}

.tile-content-tickets p{
  margin-bottom:14px;
}

/* NEWSLETTER BANNER */

.newsletter-banner {
  width:100%;
  background-color:#000;
  text-align:center;
  height:188px;
}

.newsletter-graphic {
  display:inline-block;
  width:147px;
  height:188px;
  background:url('../img/mailbox-graphic.png') bottom center no-repeat;
  -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.newsletter-info {
  display:inline-block;
  vertical-align: top;
  max-width:548px;
  font-size:20px;
  color:#fff;
  text-align:left;
  padding:0 30px;
  margin-top:34px;

}
.newsletter-info p{
  font-size:19px;
  margin-bottom:0px;
  font-weight:600;
}

.lt-ie9 .newsletter-info p{
  font-size:17px;
}

.newsletter-info h2{
  font-size:36px;
  margin-top:0px;
  margin-bottom:14px;
  color:#f9c402;
}

/* SECONDARY RED NAV */

.secondary-nav {
  width:100%;
  background-color:#ff0000;
  text-align:center;
  height:280px;
  background:url('../img/footer-red-bg.png') center center repeat-x;
}

.parallax {
  position: absolute;
  width: 100%;
  height: 280px;
  overflow: hidden;
  left: 0;
}

.girls {
  position: absolute;
  width: 150%;
  height: 280px;
  left:-25%;
  background-repeat: no-repeat;
  background-position: top center;
}

.girls-layer1 {
  background-image: url('../img/footer-red-bg-girls.png');
}

.footerlogo {
  position: absolute;
  width: 100%;
  height:280px;
  background-image: url('../img/footer-ld-logo.png');
  background-repeat: no-repeat;
  background-position: center 16px;
}

.pressbutton, .contactbutton{
  width:194px;
  height:187px;
  display:inline-block;
  position:absolute;
  background-image: url('../img/press-graphic.png');
  left:50%;
  margin-left:-339px; /* own width + extra from center */
  margin-top:68px;
}

.no-touch .pressbutton:hover{
  background-image: url('../img/press-graphic-hover.png');
}

.contactbutton{
  background-image: url('../img/contact-graphic.png');
  margin-left:145px; /* from center */
}

.no-touch .contactbutton:hover{
  background-image: url('../img/contact-graphic-hover.png');
}

/* SHARE */
.share-this {
  margin-top:20px;
}
.share-this .twitter-share-button {
  margin-left:6px;
}

/* FOOTER */

footer{
  width:100%;
  text-align:center;
  height:82px;
  background:url('../img/ornapegs.jpg') center center repeat-x;
  box-shadow:0px -2px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow:0px -2px 0px rgba(0,0,0,0.15);
  -moz-box-shadow:0px -2px 0px rgba(0,0,0,0.15);
}

footer > *{
  font-size:0px;
}

.footermiddlewrapper{
  width:100%;
  height:100%;
  height:38px;
}

.footercontent{
  margin:0 auto;
  width:50%;
  background:url('../img/ornaplain.jpg') center center repeat;
  height:38px;
  display:inline-block;
  font-size:14px;
  color:color:#ababab;;
  color:rgba(50,50,50,0.4);
  font-weight:600;
  text-shadow: 0px 1px 0px #FFFFFF;
  text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
}

.footercontent span{
  line-height:38px;
  height:100%;
  display:inline-block;
}

.footercontent a{
  color:#ababab;
  color:rgba(50,50,50,0.6);
}
.footercontent a:hover{
  color:#ababab;
  color:rgba(50,50,50,0.7);
}

/* OPTIONBAR */

.optionbar{
  width:100%;
  text-align:center;
  height:60px;
  background:url('../img/ornapegs.jpg') repeat-x center 22px;
}

.optionmiddlewrapper{
  width:100%;
  height:38px;
}

.optioncontent{
  margin:0 auto;
  background:url('../img/ornaplain.jpg') center center repeat;
  height:38px;
  display:inline-block;
  font-size:14px;
  color:gray;
  color:rgba(50,50,50,0.5);
  font-weight:600;
  text-shadow: 0px 1px 0px #FFFFFF;
  text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
  border-left:2px solid #b1b1b1;
  border-right:2px solid #b1b1b1;
  padding-right:4px;
}

.optioncontent a .option{
  display:inline-block;
  height:30px;
  border: 2px solid #b1b1b1;
  font-size:20px;
  margin-top:4px;
  margin-left:4px;
  padding:0 10px;
  line-height:22px;
  font-family: 'prohibitionregular', sans-serif;
  font-weight:100;
  color:black;
  color:rgba(0,0,0,0.7);
  letter-spacing: 1px;
}

.optioncontent a .option.active, .optioncontent a .option:hover {
  color: black;/*#949494;*/
  background-color:#fff;
  border: 2px solid black;/* #949494;*/
}

.optioncontent a .option.inactive, .optioncontent a .option.inactive:hover {
  color: #949494;
  background-color:transparent;
  border: 2px solid #949494;
  cursor:default;
}

.optioncontent .option:first-child::after{
  margin-right:0px;
}

.optioncontent a .option .glyphicon{
  font-size:17px;
  top:0px;
}

.optioncontent.sortoptions{
  padding:0 4px;
}
.optioncontent.sortoptions a .option{
  margin-left:0px;
}

/* Language bar activations */
.nl .optionbar.languages .optioncontent a .option.langnl,
.fr .optionbar.languages .optioncontent a .option.langfr,
.en .optionbar.languages .optioncontent a .option.langen {
  color:black; /*#949494;*/
  background-color:#fff;
  border: 2px solid black; /*#949494;*/
}

/* SEGMENTED BUTTONS */
.segmented-buttons {
  width:100%;
  display:inline-block;
  font-size:0px;
  text-align:center;
  margin-bottom:3px;
}

.segmented-buttons.two .segbutton{
  width:50%;
  height:88px;
  font-size:30px;
  line-height:79px;
  display:inline-block;
  font-family: 'prohibitionregular', sans-serif;
  vertical-align:middle;
  border-bottom: 3px solid #484848;
}


.segmented-buttons.two .segbutton .segbuttoncontent{
  position:relative;
  margin:6px 6px 6px 6px;
}

.segmented-buttons.two a:first-child .segbutton .segbuttoncontent{
  margin:6px 3px 6px 6px;
}

.segmented-buttons.two .segbutton.active .segbuttoncontent{
  background-color:#f9c402;
  color:#000;
}

.segmented-buttons.two .segbutton:hover .segbuttoncontent{
  background-color:#e50000;
  color:#fff;
}

.segmented-buttons.two .segbutton.active:hover .segbuttoncontent{
  background-color:#f9c402;
  color:#000;
  cursor:default;
}
.segbuttoncontent .b-right {
  right:-6px;
}

.segbuttoncontent .b-left {
  left:-6px;
}


/* ORNAMENTS */

.ornaline.top, .ornaline.bottom {
  height:22px;
  width:100%;
  background:url('../img/ornaline-h.png') center center repeat-x;
}

.ornaline.left, .ornaline.right, .ornaline.center {
  width:22px;
  height:100%;
  background:url('../img/ornaline-v.png') center center repeat-y;
}

.ornaline.inner {
  height:22px;
  width:50%;
  margin:0 auto;
  display:inline-block;
}

.ornablock {
  height:22px;
  width:22px;
  background:url('../img/ornacorner.png') center center no-repeat;
}



.left{
  float:left;
}

.right {
  float:right;
}

/* ACCORDEON STYLES */

.panel-group{
  margin-bottom:3px;
  font-size:0px;
}

.panel-group .panel-ld{
  border-radius:0px;
  border:3px solid #484848;
  box-shadow:none;
  width:calc(100% + 6px);
  margin-left:-3px;
  margin-right:-3px;
  /*padding: 0 3px;*/
  position:relative;
}

.hotlink{
  position: absolute;
  top:-200px;@
}

.panel-group .panel-ld+.panel {
margin-top: 3px;
}

.panel-group .panel-ld .panel-heading{
  cursor: pointer;
  text-align:center;
  background-image:none;
  filter: -;
  background:transparent;
  background-color:#fff;
  color:#fff;
  padding:0;
  white-space:nowrap;
}

.panel-group .panel-ld .panel-heading a:hover{
  color:inherit;
}

.panel-group .panel-ld .panel-heading.collapsed{
  background-color:#f8f8f8;
}

.panel-group .panel-ld .panel-heading.collapsed h4{
  color:#000;
}

.panel-group .panel-ld .panel-heading h4{
  margin:0px;
  padding: 12px 15px;
  margin-top:-2px;
  color:#000;
  font-size:24px;
}

.panel-group .panel-ld .panel-heading h4 .centerpiece{
  padding:0 100px;
  position:relative;
  display:inline-block;
  min-height:30px;
  min-width:170px;
}

.panel-group .panel-ld .centerpiece span.title {
  position:relative;
  display:inline-block;
}

.panel-group .panel-ld .centerpiece .ornaelement-left, .panel-group .panel-ld .centerpiece .ornaelement-right{
  position:absolute;
  left:0;
  top:0;
  margin-top:-5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.no-touch .panel-heading:hover .centerpiece .ornaelement-left,.no-touch .panel-heading:hover  .centerpiece .ornaelement-right {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.no-touch.cssanimations .panel-heading:hover .centerpiece .ornaelement-left{
  -webkit-animation: slidein-left 0.3s ease-out; /* Chrome, Safari 5+ */
     -moz-animation: slidein-left 0.3s ease-out; /* Firefox 5-15 */
       -o-animation: slidein-left 0.3s ease-out; /* Opera 12.00 */
          animation: slidein-left 0.3s ease-out; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

 .no-touch.cssanimations .panel-heading:hover  .centerpiece .ornaelement-right {
  -webkit-animation: slidein-right 0.3s ease-out; /* Chrome, Safari 5+ */
     -moz-animation: slidein-right 0.3s ease-out; /* Firefox 5-15 */
       -o-animation: slidein-right 0.3s ease-out; /* Opera 12.00 */
          animation: slidein-right 0.3s ease-out; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes slidein-left {from {-moz-opacity: 0; -khtml-opacity: 0; opacity: 0; left:8px; } to {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; left:0px; } } @-moz-keyframes slidein-left {from {-moz-opacity: 0; -khtml-opacity: 0; opacity: 0; left:8px; } to {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; left:0px; } } @-o-keyframes slidein-left {from {-moz-opacity: 0; -khtml-opacity: 0; opacity: 0; left:8px; } to {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; left:0px; } } @keyframes slidein-left {from {-moz-opacity: 0; -khtml-opacity: 0; opacity: 0; left:8px; } to {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; left:0px; } } @-webkit-keyframes slidein-right {from {-moz-opacity: 0; -khtml-opacity: 0; opacity: 0; right:8px; } to {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right:0px; } } @-moz-keyframes slidein-right {from {-moz-opacity: 0; -khtml-opacity: 0; opacity: 0; right:8px; } to {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right:0px; } } @-o-keyframes slidein-right {from {-moz-opacity: 0; -khtml-opacity: 0; opacity: 0; right:8px; } to {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right:0px; } } @keyframes slidein-right {from {-moz-opacity: 0; -khtml-opacity: 0; opacity: 0; right:8px; } to {-moz-opacity: 1; -khtml-opacity: 1; opacity: 1; right:0px; } }

.panel-group .panel-ld .centerpiece .ornaelement-right{
  left:auto;
  right:0;
}

.ornaelement-left , .ornaelement-right {
  width:70px;
  height:42px;
  display:inline-block;
  background:url('../img/confirmed-leaf-l.png') bottom center no-repeat;
  background-size:70px 42px;
}
.ornaelement-right{
  background:url('../img/confirmed-leaf-r.png') bottom center no-repeat;
  background-size:70px 42px;
}

.panel-group .panel-ld:nth-child(even) .panel-heading:hover{
    background-color:#f9c402;
}

.panel-group .panel-ld:nth-child(odd) .panel-heading:hover, .panel-group .panel-ld:nth-child(odd) .panel-heading:hover h4{
    background-color:#e50000;
    color:#fff;
}

.panel-group .panel-ld:nth-child(even) .panel-heading:hover .ornaelement-left{
  background:url('../img/confirmed-leaf-l-red.png') bottom center no-repeat;
  background-size:70px 42px;
}

.panel-group .panel-ld:nth-child(even) .panel-heading:hover .ornaelement-right{
  background:url('../img/confirmed-leaf-r-red.png') bottom center no-repeat;
  background-size:70px 42px;
}

.panel-group .panel-ld .panel-heading+.panel-collapse .panel-body {
  border-top: 0px solid #ddd;
}

 .panel-heading ~ .panel-group .panel-ld .panel-collapse{
  color:#000;
}

.panel-group .panel-ld .panel-collapse{font-size:14px;}

/* OVERLAY */
/* Overlay background */

.bgwall.bgoverlay {
  background:url('../img/ornabg-3col-black-bright.jpg') repeat center 36px;
  min-height:100%;
}

.bgwall.bgoverlay .sidepillarstretchertop, .bgwall.bgoverlay .sidepillarstretcherbottom{
  background:url('../img/ornapillar-stretcher-left-piece-l-black-bright.png') top center repeat-y;
}
.bgwall.bgoverlay .sidepillarright .sidepillarstretchertop, .bgwall.bgoverlay .sidepillarright .sidepillarstretcherbottom{
  background:url('../img/ornapillar-stretcher-right-piece-l-black-bright.png') top center repeat-y;
}

.bgwall.bgoverlay .bgseperator .sidepillarstretchertop, .bgwall.bgoverlay .bgseperator .sidepillarstretcherbottom{
  background:url('../img/ornapillar-stretcher-left-piece-s-black-bright.png') top center repeat-y;
}

.bgwall.bgoverlay .bgseperator.fifthsep .sidepillarstretchertop, .bgwall.bgoverlay .bgseperator.fifthsep .sidepillarstretcherbottom{
  background:url('../img/ornapillar-stretcher-right-piece-s-black-bright.png') top center repeat-y;
}

.bgwall.bgoverlay .sidepillartop.topleft{
  background:url('../img/ornapillar-top-left-piece-l-black-bright.png') bottom center no-repeat;
}
.bgwall.bgoverlay .sidepillartop.topright{
  background:url('../img/ornapillar-top-right-piece-l-black-bright.png') bottom center no-repeat;
}
.bgwall.bgoverlay .sidepillarbottom.bottomleft{
  background:url('../img/ornapillar-bottom-left-piece-l-black-bright.png') top center no-repeat;
}
.bgwall.bgoverlay .sidepillarbottom.bottomright{
  background:url('../img/ornapillar-bottom-right-piece-l-black-bright.png') top center no-repeat;
}

.bgwall.bgoverlay .innerpillartop.topleft{
  background:url('../img/ornapillar-top-left-piece-s-black-bright.png') bottom center no-repeat;
}
.bgwall.bgoverlay .innerpillartop.topright{
  background:url('../img/ornapillar-top-right-piece-s-black-bright.png') bottom center no-repeat;
}
.bgwall.bgoverlay .innerpillarbottom.bottomleft{
  background:url('../img/ornapillar-bottom-left-piece-s-black-bright.png') top center no-repeat;
}
.bgwall.bgoverlay .innerpillarbottom.bottomright{
  background:url('../img/ornapillar-bottom-right-piece-s-black-bright.png') top center no-repeat;
}

.bgwall.bgoverlay .ornaline.top, .bgwall.bgoverlay .ornaline.bottom {
  background:url('../img/ornaline-h-black-bright.png') center center repeat-x;
}
.bgwall.bgoverlay .ornaline.left, .bgwall.bgoverlay .ornaline.right,.bgwall.bgoverlay .ornaline.center {
  background:url('../img/ornaline-v-black-bright.png') center center repeat-y;
}

.bgwall.bgoverlay .ornablock {
  height:22px;
  width:22px;
  background:url('../img/ornacorner-black-bright.png') center center no-repeat;
}

/* Overlay itself */

body.overlay-opened, body.overlay-opened .megawrapper{
z-index: 1;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow:hidden;
/*-webkit-overflow-scrolling: touch;*/
}
body.overlay-opened .megawrapper{
position:fixed;
overflow:hidden;
height:0px;
}

#overlay-active {
  width: 100%;
  height: 100%;
  z-index: 10000;
  position:absolute;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  top:0;
}

#overlay-active .ornaline.bottom{
  position: absolute;
  bottom: 0px
}

.overlay-content {
min-height:100%;
}

.overlaywrapper {
width:848px;
margin:0 auto;
font-size:0px;
position:relative;
min-height:100%;
}

.overlay-tile {
  width:816px;
  display:inline-block;
  margin:9px 18px;
  background-color:#e50000;
  border:10px solid #f9c402;
  vertical-align: top;
  position:relative;
  padding:12px;
  min-height:50px;
}

.overlay-inner-border {
  display:inline-block;
  background-color:#fff;
  position:relative;
  width:100%;
  height:100%;
}

.overlay-inner-red {
  display:inline-block;
  background-color:#e50000;
  border:3px solid white;
  position:relative;
  padding:12px;
  width:100%;
  height:100%;
}
.overlay-inner-white {
  display:inline-block;
  background-color:#fff;
  position:relative;
  padding:32px;
  width:100%;
  height:100%;
  text-align:center;
}

.cornerblock {
  display:block;
  width:20px;
  height:20px;
  background-color:#f9c402;
}

.cornerblock.topleft {position:absolute; top:-24px; left:-24px;}
.cornerblock.topright {position:absolute; top:-24px; right:-24px;}
.cornerblock.bottomright {position:absolute; bottom:-24px; right:-24px;}
.cornerblock.bottomleft {position:absolute; bottom:-24px; left:-24px;}

.starblock {
  display:block;
  width:58px;
  height:58px;
  border: 12px solid #e50000;
  background-color:#fff;
  z-index:1;
  padding:3px;
}

.starblock.closer {
  width:96px;
}

.starblock .star-icon, .starblock .remove-icon{
  display:inline-block;
  background-color:#f9c402;
  position:relative;
  width:100%;
  height:100%;
  color:#000;
  font-size:18px;
  line-height:30px;
  text-align:center;
  vertical-align: middle;
}

.starblock.closer .glyphicon span{
  font-family: 'prohibitionregular', sans-serif !important;
  position:relative;
  top:-2px;
}

.no-touch .starblock:hover .remove-icon .glyphicon{
  color:#e50000;
  cursor:pointer;
}

.starblock.topleft {position:absolute; top:-27px; left:-27px;}
.starblock.topright {position:absolute; top:-27px; right:-27px;}
.starblock.bottomright {position:absolute; bottom:-27px; right:-27px;}
.starblock.bottomleft {position:absolute; bottom:-27px; left:-27px;}

.starblock.topleft:before {content: " "; position: absolute; top: 0px; left: 0px; border-left: 3px solid #fff; border-top: 3px solid #fff; width: 48px; height: 48px; }
.starblock.topright:before {content: " "; position: absolute; top: 0px; right: 0px; border-right: 3px solid #fff; border-top: 3px solid #fff; width: 96px; height: 48px; }
.starblock.bottomright:before {content: " "; position: absolute; bottom: 0px; right: 0px; border-right: 3px solid #fff; border-bottom: 3px solid #fff; width: 48px; height: 48px; }
.starblock.bottomleft:before {content: " "; position: absolute; bottom: 0px; left: 0px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; width: 48px; height: 48px; }

.topornament.default{
  position:absolute;
  width:258px;
  height:111px;
  left:0;right:0;
  top:-88px;
  margin:0 auto;
}

.topornament.press, .topornament.contact{
  position:absolute;
  width:194px;
  height:187px;
  left:0;right:0;
  top:-110px;
  margin:0 auto;
}

.bottomornament {
  position:absolute;
  width:120px;
  height:53px;
  left:0;right:0;
  bottom:-41px;
  margin:0 auto;
}

.topornament.default img, .topornament.press img, .topornament.contact img, .bottomornament img{
  width:100%;
  height:100%;
}

/* WYSYWYG Styling */

.full-tile.is-partial-info p img {
  max-width:100%;
  height:auto;
}

/* Overlay: Basic styling */

.overlay-tile h1, .overlay-tile h2 {color:#000;margin-bottom:20px;}
.overlay-tile p {font-size:14px;text-align: left;}

.media_embed {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom:20px;
}
.media_embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.newsimage .media_embed {
  margin-bottom:0px;
}

/* Specific overlay mods */

.overlay-tile.overlay-press, .overlay-tile.overlay-contact{
  margin-top:60px;
}

/* Overlay content: Artist */

.overlay-content .title h1{
  color:#000;
  margin-bottom:20px;
  font-size:44px;
  letter-spacing:1px;
  padding:0 10px;
}

.overlay-content .artist-meta{
  color:#000;
  margin-bottom:28px;
  letter-spacing:1px;
  padding:0 10px;

}

.overlay-content .artist-meta h2{
  margin-bottom:6px;
    color:#303030;
}
.overlay-content .artist-meta .time{
  font-size:16px;
  font-weight:600;
    color:#303030;
}

.overlay-content .artistimage, .overlay-content .newsimage{
  width:100%;
  background-color:#fff;
  border: 3px solid #000;
  height:auto;
  padding:3px;
  margin-bottom:72px;
  position:relative;
}

.overlay-content .newsimage{
  margin-bottom:24px;
}

.overlay-content .artistimage img, .overlay-content .newsimage img{
  border: 2px solid #000;
  width:100%;
}

.overlay-content .bodytext {
  width:100%;
  font-size:14px;
  text-align:left;
  margin-bottom:24px;
}

.overlay-content .bodytext p{
  margin-bottom:20px;
}

/* Overlay: Image Gallery */

.overlay-content img.gallery-image {
  max-width:100%;
  max-height:75%;
}
/* Artist Social Networks */
.artist-networks {
  width:100%;
  position:absolute;
  bottom:-52px;
}

.artist-networks ul {
  display:inline-block;
  font-size:10px;
  width:100%;
  margin:0px;
  padding:0px;
}

.artist-networks ul li {
  display:inline-block;
  font-size:10px;
  width:60px;
  height:65px;
  margin:0 10px;
}
.artist-networks ul li img{
border:0px solid #000 !important;
width:100%;
}




/* INPUTS */

/* textfield */

.form-control.form-standard-ld{
  background-color:#f1f1f1;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  color:#000 !important;
  margin-top:10px;
}

.form-control:first-child{
  margin-top:0px;
}

.form-control.form-standard-ld:focus{
  background-color:#EBEBEB;
  color:#000 !important;
  border-left: 0px solid transparent;
  padding-left:13px;
  -webkit-box-shadow: 0px 0px 0px 1px #e6e6e6;
  -moz-box-shadow:    0px 0px 0px 1px #e6e6e6;
  box-shadow:         0px 0px 0px 1px #e6e6e6;
}

.form-control.form-standard-ld.on-black:focus{
  background-color:#fff;
  color:#000 !important;
  border-left: 0px solid transparent;
  padding-left:13px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-control.form-standard-ld::-webkit-input-placeholder {
    color:    #b2b1ba !important;
}
.form-control.form-standard-ld:-moz-placeholder {
    color:    #b2b1ba !important;
}
.form-control.form-standard-ld::-moz-placeholder {
    color:    #b2b1ba !important;
}
.form-control.form-standard-ld:-ms-input-placeholder {
    color:    #b2b1ba !important;
}

/* Overlay Form */

.overlay-content form {
  margin-top:70px;
}

.overlay-content form .bottomspace {
  margin-bottom:40px;
}

/* button */

.btn-standard-ld{
color: #fff;
background:none;
background-color: #d60000;
border:1px solid #d60000 !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
outline:0 !important;
text-shadow:none;
z-index:0 !important;
font-family: 'prohibitionregular';
}

.btn-standard-ld.btn-lg {
  padding: 5px 20px 8px;
  font-size:25px;
}

.btn-standard-ld:hover, .btn-standard-ld:focus{
background-color: #d60000;
color:#000;
}

.btn-newsletter, .btn-newsletter:hover{
width:38px;
z-index:0 !important;
}

button span.glyphicon{
right:-1px !important;
}

/* FORM LABELS */
form label {
color:#000;
font-size:20px;
}

/* Validation & Confirmations */

.is-success .btn-standard-ld{
  background-color:#f1f1f1;
  border:1px solid #f1f1f1 !important;
}
.is-success .btn-standard-ld .glyphicon-play {
  display:none;
}
.btn-standard-ld .glyphicon-ok {
  display:none;
}
.is-success .btn-standard-ld .glyphicon-ok {
  display:inline-block;
  color:green !important;
}

.is-invalid {
  background-color:#f1f1f1 !important;
  border: 1px solid red !important;
  -webkit-box-shadow: none;
  color:#d60000 !important;
}

.messagesent {
  display:none;
  height:48px;
  font-size:28px;
  color:black;
  font-family: 'prohibitionregular', sans-serif
}
.messagesent span{
  font-size:25px;
}

form.is-success .messagesent {
  display:inline-block;
}
form.is-success button.btn{
  display:none;
}

/* PAGE ANCHORS */

.page-anchor {
  top:-160px;
  position:absolute;
}

/* MEDIA QUERIES */

@media (min-width: 1px) and (max-width: 632px){ /* 1 column */

  /* Carousel */
  .carousel-inner {width: 180%;left: -40%;} /* force height for mobile */
  .live-buttons-wrap {display:none;}

  /* General */
  .wrapper {width:316px;}

  .overlaywrapper {width:320px;}
  .overlay-tile {width:284px;}

  .page-title {padding: 4px 0 24px 0;}
  .confirmations .page-title {padding: 6px 0 4px 0;}

  /* Bg Wall */
  .wrapperbg {width:338px;margin-left:-169px;}
  .bgwall {background:url('../img/ornabg-1col.jpg') repeat center 36px;}
  .bgwall .sidepillarleft{margin-left:-240px; /*wrapper half + own width */}
  .bgwall .sidepillarright{margin-left:169px; /* wrapper half */}
  .bgwall .secondsep {display:none;}
  .bgwall .secondcol {display:none;}
  .bgwall .thirdsep {display:none;}
  .bgwall .thirdcol {display:none;}
  .bgwall .fourthsep {display:none;}
  .bgwall .fourthcol {display:none;}
  .firstcol .pillartop {background:none;}
  .no-grid .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-nogrid-1col-01.png') bottom center no-repeat;}
  .no-grid .firstcol .pillartop {background:none;}

  /* Page tile */
  .full-tile {width:280px;margin:0px 18px;}
  .full-tile-wrapper {width:300px;margin:0px 0px;}
  .upload-button { width:124px; bottom:-6px; margin-left:-62px; }
  .grid-tile.is-contestentry { width:280px; }
  .grid-tile.fullwidth { width:280px }
  .bgwall.no-grid .bgpillar, .bgwall.no-grid .pillartop, .bgwall.no-grid .pillarbottom{width:294px;}

  /* Page titles */
  .title-artwork{margin-top:46px;height:auto;}
  .title-artwork .centerpiece{padding:0 20px; }
  .title-artwork span.labeltitle {height:32px; border:2px solid #000; }
  .title-artwork h2{font-size:20px; line-height:22px; }
  .title-artwork .labelback-left, .title-artwork .labelback-right{width:37px; height:28px; top:10px; background-size:37px 28px; }
  .title-artwork .labelback-right{background-size:37px 28px; }
  .title-artwork img.title-leaf-l, .title-artwork img.title-leaf-r {width:60px;height:40px;}

  /* Confirmed artists */
  .confirmed-artist {margin:28px 3px !important;}
  .confirmed-artist.slot1 {margin-left:0px;margin-right:0px;}
  .confirmed-artist.slot2 {display:none;}
  .confirmed-artist.slot3 {display:none;}
  .confirmed-artist.slot4 {display:none;}

  /* Social links */
  .socials .social-link {margin-top:-6px;}
  .socials .social-link, .socials .social-link a img{width:36px;height:43px;}
  .social-link.fb {left:10px;}
  .social-link.twitter {left:60px;}
  .social-link.youtube {right:60px;}
  .social-link.instagram {right:10px;}

  /* Newsletter */
  .newsletter-banner {height:170px;text-align:center;}
  .newsletter-graphic {display:none;}
  .newsletter-info {width:99%;margin-top:32px;text-align:center;}
  .newsletter-info p{font-size:14px;}
  .newsletter-info .metacopy{display:none;}
  .newsletter-info h2{font-size:24px;margin-bottom:16px;margin-top:2px;}

  /* Secondary red nav */
  .secondary-nav {background:url('../img/footer-red-bg-alt.png') center center repeat-x;}
  .secondary-nav, .parallax {height:160px;}
  .girls {display:none;}
  .footerlogo {display:none;}
  .pressbutton, .contactbutton{width:128px; height:123px; margin-left:-138px; /* own width + extra from center */ margin-top:16px; background-size:128px 123px; }
  .contactbutton{background-image: url('../img/contact-graphic.png'); margin-left:10px; /* from center */ }

  /* Footer */
  .footercontent{width:100%;font-size:12px;}
  .ornaline.inner {width:100%;display:none;}
  .footermiddlewrapper .ornaline {display:none;}
  .footercontent .ornaline{display:inline-block;}

  /* Line-up */
  .optioncontent.viewoptions {display:none;}
  .optioncontent a .option{font-size:20px; padding:0 5px; }

  .full-tile.is-list li .listitem-content{height: auto; line-height: normal; text-align: center; color:#000; cursor:pointer; padding:10px; }
  li .listitem-content span.showtime{width:100%; text-align:center; font-size:12px; float:none; vertical-align: middle; margin-left:auto; font-weight:600; margin-bottom:4px;margin-top:-8px; }
  li .listitem-content span.artistname {font-size:24px; max-width:auto; width:100%; }
  li .listitem-content span.showicon{display:none; }
  .line-up.alphabetical li .listitem-content span.artistname {padding-left:0;}
  li .listitem-content span.showtime .icon-time{width:14px; height:14px; margin-top:-3px; background:url('../img/clock-yellow.png') center center no-repeat; background-size:14px 14px; }
  li .listitem-content:hover span.showtime .icon-time{background:url('../img/clock-white.png') center center no-repeat; background-size:14px 14px; }

  .section-artwork {height:38px; }
  .section-artwork .centerpiece{position:relative; display:inline-block; padding:0 60px; z-index:1; }
  .alphabetical .section-artwork .centerpiece{position:relative; display:inline-block; padding:0 86px; z-index:1;}
  .section-artwork span.labeltitle {border:2px solid black;  height:36px;  min-width:36px;  padding:0 5px;  }
  .section-artwork h2{font-size:20px; line-height:26px; letter-spacing:0px;  }
  .section-artwork .labelback-left, .section-artwork .labelback-right{width:74px; height:28px;left:30px; background-size:74px 28px;top:10px;}
  .section-artwork .labelback-right{right:30px; left:auto; background-size:74px 28px;}
  .line-up.stages .section-artwork .labelback-right, .line-up.stages .section-artwork .labelback-left {background-size:74px 28px;top:10px;}
  .line-up.alphabetical .section-artwork .labelback-right, .line-up.alphabetical .section-artwork .labelback-left {background-size:74px 28px;top:10px;}
  .full-tile.is-list {margin-bottom: 28px;}
  .line-up.stages .stagemc{font-size:13px; }
  .line-up.stages .stagedescription{font-size:14px; }

  /* Parnters */
  .partnerwrapper{padding:10px; }
  .partnerwrapper a img{width:150px; height:150px; margin:0px; }

  /* Overlay */
  .bgwall.bgoverlay {background:url('../img/ornabg-1col-black-bright.jpg') repeat center 36px;}
  .topornament.default {width:160px; height:69px; top:-52px; }
  .bottomornament {width:90px; height:40px; bottom:-31px;}

  .overlay-tile {margin:9px 18px; border:6px solid #f9c402; padding:6px; }
  .overlay-inner-red {border:2px solid white; padding:6px; }
  .overlay-inner-white {padding:16px; }

  .cornerblock {display:none; }
  .starblock {width:36px; height:36px; border: 6px solid #e50000; padding:2px; }
  .starblock .star-icon, .starblock .remove-icon {font-size:14px; line-height:22px;}
  .starblock.topleft {position:absolute; top:-14px; left:-14px;}
  .starblock.topright {position:absolute; top:-14px; right:-14px;}
  .starblock.bottomright {position:absolute; bottom:-14px; right:-14px;}
  .starblock.bottomleft {position:absolute; bottom:-14px; left:-14px;}
  .starblock.topleft:before {content: " "; position: absolute; top: 0px; left: 0px; border-left: 2px solid #fff; border-top: 2px solid #fff; width: 48px; height: 48px; }
  .starblock.topright:before {content: " "; position: absolute; top: 0px; right: 0px; border-right: 2px solid #fff; border-top: 2px solid #fff; width: 48px; height: 48px; }
  .starblock.bottomright:before {content: " "; position: absolute; bottom: 0px; right: 0px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; width: 48px; height: 48px; }
  .starblock.bottomleft:before {content: " "; position: absolute; bottom: 0px; left: 0px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; width: 48px; height: 48px; }

  .overlay-content .title h1{margin-top:12px; margin-bottom:10px; font-size:24px; padding:0 20px; }

  .overlay-content .artist-meta{margin-bottom:15px; }
  .overlay-content .artist-meta h2{margin-bottom:3px; font-size:16px; }
  .overlay-content .artist-meta .time{font-size:11px; }
  .overlay-content .bodytext {font-size:12px;word-break:normal;}
  .overlay-content .bodytext a{word-break:break-all;}

    .starblock.closer {
  width:36px;
}
.starblock.closer .glyphicon span{
  display:none;
}

  /* Arists social networks */
  .artist-networks {bottom:-25px; }
  .artist-networks ul li {font-size:0px; width:31px; height:33px; margin:0 2px; }
  .artist-networks ul li img{border:0px solid #000 !important; width:100%; }
  .overlay-content .artistimage{margin-bottom: 40px;}

  /* Accordeon's */
  .panel-group .panel-ld .panel-heading h4{font-size:18px; }
  .panel-group .panel-ld .panel-collapse{font-size:12px;font-weight:normal;}
  .segmented-buttons.two .segbutton{height:64px; font-size:24px; line-height:55px;}
  .panel-group .panel-ld .panel-heading h4 .centerpiece{padding:0 0;}
  .panel-group .panel-ld .centerpiece .ornaelement-left, .panel-group .panel-ld .centerpiece .ornaelement-right{display:none;}
  .panel-group .panel-ld .centerpiece {min-width:100%;max-width:100%;white-space:normal;}

  /* Artist Poster*/
  .posterwrapper.block-a {padding:10px 10px 12px 10px;font-size:24px; line-height:38px; text-shadow: 2px 2px 0px #fff, 5px 4px 0px rgba(0,0,0,0.15); }
  .posterwrapper.block-a a{margin-left:0; }
  .posterwrapper.block-a a{display:block;}

  .posterwrapper.block-b {padding:10px 10px 11px 10px; font-size:21px; line-height:30px; text-shadow: 2px 2px 0px #fff, 4px 3px 0px rgba(0,0,0,0.15); }
  .posterwrapper.block-b a{margin-left:12px; }

  .posterwrapper.block-c {padding:15px 18px 15px 15px; font-size:18px; line-height:27px; text-shadow: 1px 1px 0px #fff, 3px 2px 0px rgba(0,0,0,0.15); }
  .posterwrapper.block-c a{margin-left:8px; }


}

@media (min-width: 632px) and (max-width: 948px){ /* 2 column */

  .wrapper {width:632px;}
  .overlaywrapper {width:632px;}
  .overlay-tile {width:596px;}

  /* Bg Wall */
  .wrapperbg {width:654px; margin-left:-327px;}
  .bgwall {background:url('../img/ornabg-2col.jpg') repeat center 36px;}
  .bgwall .sidepillarleft{margin-left:-398px; /*wrapper half + own width */}
  .bgwall .sidepillarright{margin-left:327px; /* wrapper half */}
  .bgwall .thirdsep {display:none;}
  .bgwall .thirdcol {display:none;}
  .bgwall .fourthsep {display:none;}
  .bgwall .fourthcol {display:none;}
  .firstcol .pillartop {background:url('../img/ornagraphic-top-03.png') top center no-repeat;}
  .secondcol .pillartop {background:url('../img/ornagraphic-top-04.png') top center no-repeat;}
  .secondcol .pillarbottom {background:url('../img/ornagraphic-bottom-01.png') bottom center no-repeat;}

  .no-grid .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-nogrid-2col-01.png') bottom center no-repeat;}
  .no-grid .firstcol .pillartop {background:url('../img/ornagraphic-top-nogrid-2col-01.png') bottom center no-repeat;}

  /* Page tile */
  .full-tile {width:502px;margin:12px 64px;}
  .full-tile-wrapper {width:550px;}
  .grid-tile.is-contestentry { width:234px; }
  .upload-button { width:224px; bottom:-12px; margin-left:-112px; }
  .bgwall.no-grid .bgpillar, .bgwall.no-grid .pillartop, .bgwall.no-grid .pillarbottom{width:610px;}

  /* Confirmed artists */
  .confirmed-artist {margin:28px 2px !important;}
  .confirmed-artist.slot1 {margin-left:0px;}
  .confirmed-artist.slot3 {margin-right:0px;}
  .confirmed-artist.slot4 {display:none;}

  /* Page titles */
  .title-artwork{margin-top:0px;height:auto;}
  .title-artwork .centerpiece{padding:0 20px; }
  .title-artwork span.labeltitle {height:32px; border:2px solid #000; }
  .title-artwork h2{font-size:20px; line-height:22px; }
  .title-artwork .labelback-left, .title-artwork .labelback-right{width:37px; height:28px; top:10px; background-size:37px 28px; }
  .title-artwork .labelback-right{background-size:37px 28px; }
  .title-artwork img.title-leaf-l, .title-artwork img.title-leaf-r {width:60px;height:40px;}
  .title-artwork img.title-label {width:192px;height:50px;margin:0;}
  .title-artwork img.title-leaf-l, .title-artwork img.title-leaf-r {width:83px;height:50px;}

   /* Newspost visibility */
  .grid-tile.is-newspost.optional{display:inline-block;}
  .grid-tile.is-morenews a.first{display:none;}
  .grid-tile.is-morenews a.last{display:inline;}
  .grid-tile.fullwidth { width:596px }

  /* Social links */
  .socials .social-link {margin-top:-8px;}
  .socials .social-link, .socials .social-link a img{width:50px;height:60px;}
  .social-link.fb {left:0px;}
  .social-link.twitter {left:60px;}
  .social-link.youtube {right:60px;}
  .social-link.instagram {right:0px;}

  /* Newsletter */
  .newsletter-graphic {width:147px;height:188px;}
  .newsletter-info {max-width:428px;margin-top:38px;}
  .newsletter-info p{font-size:14px;}

  /* Footer */
  .footercontent{width:55%;font-size:14px;}
  .ornaline.inner {width:55%;}

  /* Overlay */
  .bgwall.bgoverlay {background:url('../img/ornabg-2col-black-bright.jpg') repeat center 36px;}

  /* Accordeon's */
  .panel-group .panel-ld .panel-heading h4{font-size:18px;}
  .panel-group .panel-ld .panel-collapse{font-size:12px;font-weight:normal;}
  .segmented-buttons.two .segbutton{height:64px; font-size:24px; line-height:55px;}
  .panel-group .panel-ld .panel-heading h4 .centerpiece{padding:0 5px;}
  .panel-group .panel-ld .centerpiece .ornaelement-left, .panel-group .panel-ld .centerpiece .ornaelement-right{display:none;}
  .panel-group .panel-ld .centerpiece {max-width:90%;}

  /* Lineup */
  .full-tile.is-list li .listitem-content{height: auto; line-height: 40px; }
  li .listitem-content span.artistname{font-size:20px; max-width:170px; }
  li .listitem-content span.showtime{font-size:14px; max-width:125px; }
  li .listitem-content span.showtime{max-width:125px;}

  /* Partners */
  .partnerwrapper{padding:10px; }
  .partnerwrapper a img{width:150px; height:150px; margin:15px; }

  /* Artist Poster*/
  .posterwrapper.block-a {padding:20px 20px 25px 20px;font-size:35px; line-height:52px; text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15); }
  .posterwrapper.block-a a{margin-left:20px; }

  .posterwrapper.block-b {padding:18px 18px 22px 18px; font-size:23px; line-height:38px; text-shadow: 3px 3px 0px #fff, 7px 6px 0px rgba(0,0,0,0.15); }
  .posterwrapper.block-b a{margin-left:12px; }

  .posterwrapper.block-c {padding:30px 30px 30px 30px; font-size:18px; line-height:27px; text-shadow: 2px 2px 0px #fff, 5px 4px 0px rgba(0,0,0,0.15); }
  .posterwrapper.block-c a{margin-left:10px; }

}

@media (min-width: 948px) and (max-width: 1264px){ /* 3 column */

    /* standard stylesheet */

}

@media (min-width: 1264px) { /* 4 column */

  .wrapper {width:1264px;}
  .overlaywrapper {width:1064px;}
  .overlay-tile {width:1028px;}

  /* Bg Wall */
  .wrapperbg {width:1286px;margin-left:-643px;}
  .bgwall {background:url('../img/ornabg-4col.jpg') repeat center 36px;}
  .bgwall .sidepillarleft{margin-left:-714px; /*wrapper half + own width */}
  .bgwall .sidepillarright{margin-left:643px; /* wrapper half */}
  .bgwall .thirdcol {display:inline-block;}
  .bgwall .fourthsep {display:inline-block;}
  .firstcol .pillartop {background:url('../img/ornagraphic-top-01.png') top center no-repeat;}
  .secondcol .pillartop {background:url('../img/ornagraphic-top-03.png') top center no-repeat;}
  .thirdcol .pillartop {background:url('../img/ornagraphic-top-04.png') top center no-repeat;}
  .fourthcol .pillartop {background:url('../img/ornagraphic-top-01.png') top center no-repeat;}
  .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-01.png') bottom center no-repeat;}
  .secondcol .pillarbottom {background:url('../img/ornagraphic-bottom-02.png') bottom center no-repeat;}
  .thirdcol .pillarbottom {background:url('../img/ornagraphic-bottom-02.png') bottom center no-repeat;}
  .fourthcol .pillarbottom {background:url('../img/ornagraphic-bottom-01.png') bottom center no-repeat;}
  .no-grid .firstcol .pillartop {background:url('../img/ornagraphic-top-nogrid-4col-01.png') bottom center no-repeat;}
  .no-grid .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-nogrid-4col-01.png') bottom center no-repeat;}

  /* Bg Wall for overlay */
  .bgoverlay .wrapperbg {width:1120px;margin-left:-560px;}
  .bgoverlay.bgwall .sidepillarleft{margin-left:-631px; /*wrapper half + own width */}
  .bgoverlay.bgwall .sidepillarright{margin-left:560px; /* wrapper half */}
  .bgoverlay.bgwall.no-grid .bgpillar, .bgoverlay.bgwall.no-grid .pillartop, .bgoverlay.bgwall.no-grid .pillarbottom{width:1076px;}

  /* Page tile */
  .full-tile {width:1136px;margin:12px 64px;}
  .full-tile-wrapper {width:1176px;}
  .grid-tile.is-contestentry { width:257px; }
  .grid-tile.fullwidth { width:1228px }
  .upload-button { width:624px; bottom:-36px; margin-left:-312px; }
  .bgwall.no-grid .bgpillar, .bgwall.no-grid .pillartop, .bgwall.no-grid .pillarbottom{width:1242px;}

  /* Confirmed artists */
  .confirmed-artist {margin:28px 22px !important;}
  .confirmed-artist.slot1 {margin-left:0px;}
  .confirmed-artist.slot5 {display:inline-block;margin-right:0px;}

  /* Newspost visibility */
  .grid-tile.is-newspost.optional{display:inline-block;}
  .grid-tile.is-morenews a.first{display:none;}
  .grid-tile.is-morenews a.last{display:inline;}

  /* Footer */
  .footercontent{width:35%;font-size:14px;}
  .ornaline.inner {width:35%;}

  /* Overlay */
  .bgwall.bgoverlay {background:url('../img/ornabg-4col-black-bright.jpg') repeat center 36px;}

  /* Artist Poster*/
  .posterwrapper.block-a {font-size:85px; line-height:105px; text-shadow: 4px 3px 0px #fff, 9px 8px 0px rgba(0,0,0,0.15); white-space: nowrap; padding:30px 30px 50px 30px; }
  .posterwrapper.block-a a{margin-left:30px; }

  .posterwrapper.block-b {padding:30px 30px 40px 30px; font-size:54px; line-height:70px; text-shadow: 3px 3px 0px #fff, 7px 6px 0px rgba(0,0,0,0.15); }
  .posterwrapper.block-b a{margin-left:20px; }

  .posterwrapper.block-c {padding:30px 30px 30px 30px; font-size:35px; line-height:50px; text-shadow: 2px 2px 0px #fff, 5px 4px 0px rgba(0,0,0,0.15); }
  .posterwrapper.block-c a{margin-left:20px; }

  /* Partners */
  .partnerwrapper a img{width:195px; height:195px; margin:20px; }

}

/* RETINA STYLES */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), /* Standard retina switches */
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 192dpi) {

  .dirty {-webkit-mask-image: url('../img/dirtmask-2x.png'); -webkit-mask-size:400px 400px; -moz-mask-image: url('../img/dirtmask-2x.png'); -moz-mask-size:400px 400px; -o-mask-image: url('../img/dirtmask-2x.png'); -o-mask-size:400px 400px; mask-image: url('../img/dirtmask-2x.png'); mask-size:400px 400px; }
  .dirty-alt {-webkit-mask-image: url('../img/dirtmask-alt-2x.png'); -webkit-mask-size:400px 400px; -moz-mask-image: url('../img/dirtmask-alt-2x.png'); -moz-mask-size:400px 400px; -o-mask-image: url('../img/dirtmask-alt-2x.png'); -o-mask-size:400px 400px; mask-image: url('../img/dirtmask-alt-2x.png'); mask-size:400px 400px; }
  .bgwall {background:url('../img/ornabg-3col-2x.jpg') repeat center 36px;background-size:1731px 464px;}
  .firstcol .pillartop {background:url('../img/ornagraphic-top-01-2x.png') top center no-repeat;background-size:294px 110px;}
  .thirdcol .pillartop {background:url('../img/ornagraphic-top-02-2x.png') top center no-repeat;background-size:294px 110px;}
  .fourthcol .pillartop {background:url('../img/ornagraphic-top-01-2x.png') top center no-repeat;background-size:294px 110px;}
  .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-01-2x.png') bottom center no-repeat;background-size:294px 110px;}
  .secondcol .pillarbottom {background:url('../img/ornagraphic-bottom-02-2x.png') bottom center no-repeat;background-size:294px 110px;}
  .thirdcol .pillarbottom {background:url('../img/ornagraphic-bottom-02-2x.png') bottom center no-repeat;background-size:294px 110px;}
  .fourthcol .pillarbottom {background:url('../img/ornagraphic-bottom-01-2x.png') bottom center no-repeat;background-size:294px 110px;}
  .no-grid .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-nogrid-3col-01-2x.png') bottom center no-repeat;background-size:926px 110px;}
  .no-grid .firstcol .pillartop {background:url('../img/ornagraphic-top-nogrid-3col-01-2x.png') bottom center no-repeat;background-size:926px 110px;}
  .sidepillarstretchertop, .sidepillarstretcherbottom{background:url('../img/ornapillar-stretcher-left-piece-l-2x.png') top center repeat-y;background-size:71px 400px; }
  .sidepillarright .sidepillarstretchertop, .sidepillarright .sidepillarstretcherbottom{background:url('../img/ornapillar-stretcher-right-piece-l-2x.png') top center repeat-y;background-size:71px 400px; }
  .bgseperator .sidepillarstretchertop, .bgseperator .sidepillarstretcherbottom{background:url('../img/ornapillar-stretcher-left-piece-s-2x.png') top center repeat-y;background-size:22px 400px; }
  .bgseperator.fifthsep .sidepillarstretchertop, .bgseperator.fifthsep .sidepillarstretcherbottom{background:url('../img/ornapillar-stretcher-right-piece-s-2x.png') top center repeat-y;background-size:22px 400px; }
  .bgwall .sidepillartop.topleft{background:url('../img/ornapillar-top-left-piece-l-2x.png') bottom center no-repeat;background-size:71px 81px; }
  .bgwall .sidepillartop.topright{background:url('../img/ornapillar-top-right-piece-l-2x.png') bottom center no-repeat;background-size:71px 81px; }
  .bgwall .sidepillarbottom.bottomleft{background:url('../img/ornapillar-bottom-left-piece-l-2x.png') top center no-repeat;background-size:71px 81px; }
  .bgwall .sidepillarbottom.bottomright{background:url('../img/ornapillar-bottom-right-piece-l-2x.png') top center no-repeat;background-size:71px 81px; }
  .bgwall .innerpillartop.topleft{background:url('../img/ornapillar-top-left-piece-s-2x.png') bottom center no-repeat;background-size:22px 81px; }
  .bgwall .innerpillartop.topright{background:url('../img/ornapillar-top-right-piece-s-2x.png') bottom center no-repeat;background-size:22px 81px; }
  .bgwall .innerpillarbottom.bottomleft{background:url('../img/ornapillar-bottom-left-piece-s-2x.png') top center no-repeat;background-size:22px 81px; }
  .bgwall .innerpillarbottom.bottomright{background:url('../img/ornapillar-bottom-right-piece-s-2x.png') top center no-repeat;background-size:22px 81px; }

  .title-artwork .labelback-left, .title-artwork .labelback-right{background:url('../img/labelback-left-2x.png') center left no-repeat;background-size:65px 49px;}
  .title-artwork .labelback-right{background:url('../img/labelback-right-2x.png') center right no-repeat;background-size:65px 49px;}

  .confirmed-artist .headframe{background:url('../img/confirmed-artist-frame-2x.png') center center no-repeat;background-size:205px 203px;}
  .confirmed-artist:hover .headframe{background:url('../img/confirmed-artist-frame-hover-2x.png') center center no-repeat;background-size:205px 203px;}
  .grid-tile.is-newspost .news-date{background:url('../img/datelabel-2x.png') center left no-repeat;background-size:53px 75px;}

  .ornaline.left, .ornaline.right, .ornaline.center {background:url('../img/ornaline-v-2x.png') center center repeat-y;background-size: 22px 650px;}
  .ornaline.top, .ornaline.bottom {background:url('../img/ornaline-h-2x.png') center center repeat-x;background-size:650px 22px;}
  .ornablock {background:url('../img/ornacorner-2x.png') center center no-repeat; background-size:22px 22px;}
  .newsletter-graphic {background:url('../img/mailbox-graphic-2x.png') bottom center no-repeat;background-size:147px 155px;}
  .girls-layer1 {background-image: url('../img/footer-red-bg-girls-2x.png');background-size:2066px 280px;}
  .secondary-nav {background:url('../img/footer-red-bg-2x.png') center center repeat-x;background-size:2066px 280px;}
  .footerlogo {background-image: url('../img/footer-ld-logo-2x.png'); background-size:756px 231px;}
  .pressbutton{background-image: url('../img/press-graphic-2x.png');background-size:194px 187px;}
  .contactbutton{background-image: url('../img/contact-graphic-2x.png');background-size:194px 187px;}
  .pressbutton:hover{background-image: url('../img/press-graphic-hover-2x.png');background-size:194px 187px;}
  .contactbutton:hover{background-image: url('../img/contact-graphic-hover-2x.png');background-size:194px 187px;}
  footer{background:url('../img/ornapegs-2x.jpg') center center repeat-x;background-size:2000px 38px;}
  .footercontent{background:url('../img/ornaplain-2x.jpg') center center repeat;background-size:512px 512px;}
  .optionbar{background:url('../img/ornapegs-2x.jpg') repeat-x center 22px;background-size:2000px 38px;}
  .optioncontent{background:url('../img/ornaplain-2x.jpg') center center repeat;background-size:512px 512px;}

  /* Lineup */
  .section-artwork .labelback-left, .section-artwork .labelback-right{background:url('../img/sectionback-left-2x.png') center left no-repeat;background-size:116px 44px; }
  .section-artwork .labelback-right{background:url('../img/sectionback-right-2x.png') center right no-repeat; background-size:116px 44px; }
  .line-up.stages .section-artwork .labelback-left{background:url('../img/sectionback-left-red-2x.png') center left no-repeat; background-size:116px 44px; }
  .line-up.stages .section-artwork .labelback-right{background:url('../img/sectionback-right-red-2x.png') center right no-repeat; background-size:116px 44px; }
  li .listitem-content span.showtime .icon-time{background:url('../img/clock-yellow-2x.png') center center no-repeat; background-size:26px 26px; }
  li .listitem-content:hover span.showtime .icon-time{background:url('../img/clock-white-2x.png') center center no-repeat; background-size:26px 26px; }
}

@media only screen and (min-width: 1px) and (max-width: 632px) and (-webkit-min-device-pixel-ratio: 1.5), /* 1col view retina switches */
only screen and (min-width: 1px) and (max-width: 632px) and (   min--moz-device-pixel-ratio: 1.5),
only screen and (min-width: 1px) and (max-width: 632px) and (     -o-min-device-pixel-ratio: 3/2),
only screen and (min-width: 1px) and (max-width: 632px) and (        min-device-pixel-ratio: 1.5),
only screen and (min-width: 1px) and (max-width: 632px) and (min-resolution: 192dpi) {

  .bgwall {background:url('../img/ornabg-1col-2x.jpg') repeat center 36px;background-size:1101px 464px;}
  .firstcol .pillartop {background:none;/*background:url('../img/ornagraphic-top-02-2x.png') top center no-repeat;background-size:294px 110px;*/}
  .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-01-2x.png') top center no-repeat;background-size:294px 110px;}
  .title-artwork .labelback-left, .title-artwork .labelback-right{background-size:37px 28px;}
  .no-grid .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-nogrid-1col-01-2x.png') bottom center no-repeat;background-size:294px 110px;}

  .secondary-nav {background:url('../img/footer-red-bg-alt-2x.png') center center repeat-x;background-size:800px 280px;}
  .pressbutton {background-size:128px 123px !important;}
  .contactbutton {background-size:128px 123px !important;}

  /* Lineup */
  .section-artwork .labelback-left, .section-artwork .labelback-right{background:url('../img/sectionback-left-2x.png') center left no-repeat;background-size:74px 28px; }
  .section-artwork .labelback-right{background:url('../img/sectionback-right-2x.png') center right no-repeat; background-size:74px 28px; }
  .line-up.stages .section-artwork .labelback-left{background:url('../img/sectionback-left-red-2x.png') center left no-repeat; background-size:74px 28px; }
  .line-up.stages .section-artwork .labelback-right{background:url('../img/sectionback-right-red-2x.png') center right no-repeat; background-size:74px 28px; }
  li .listitem-content span.showtime .icon-time{width:14px; height:14px; margin-top:-3px; background:url('../img/clock-yellow-2x.png') center center no-repeat; background-size:14px 14px; }
  li .listitem-content:hover span.showtime .icon-time{background:url('../img/clock-white-2x.png') center center no-repeat; background-size:14px 14px; }
}

@media only screen and (min-width: 632px) and (max-width: 948px) and (-webkit-min-device-pixel-ratio: 1.5), /* 2col view retina switches */
only screen and (min-width: 632px) and (max-width: 948px) and (   min--moz-device-pixel-ratio: 1.5),
only screen and (min-width: 632px) and (max-width: 948px) and (     -o-min-device-pixel-ratio: 3/2),
only screen and (min-width: 632px) and (max-width: 948px) and (        min-device-pixel-ratio: 1.5),
only screen and (min-width: 632px) and (max-width: 948px) and (min-resolution: 192dpi) {

  .bgwall {background:url('../img/ornabg-2col-2x.jpg') repeat center 36px;background-size:1423px 464px;}
  .firstcol .pillartop {background:url('../img/ornagraphic-top-03-2x.png') top center no-repeat;background-size:294px 110px;}
  .secondcol .pillartop {background:url('../img/ornagraphic-top-04-2x.png') top center no-repeat;background-size:294px 110px;}
  .secondcol .pillarbottom {background:url('../img/ornagraphic-bottom-01-2x.png') bottom center no-repeat;background-size:294px 110px;}
  .title-artwork .labelback-left, .title-artwork .labelback-right{background-size:37px 28px;}
  .no-grid .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-nogrid-2col-01-2x.png') bottom center no-repeat;background-size:610px 110px;}
  .no-grid .firstcol .pillartop {background:url('../img/ornagraphic-top-nogrid-2col-01-2x.png') bottom center no-repeat;background-size:610px 110px;}
}

@media only screen and (min-width: 1264px) and (max-width: 5000px) and (-webkit-min-device-pixel-ratio: 1.5), /* 4col view retina switches */
only screen and (min-width: 1264px) and (max-width: 5000px) and (   min--moz-device-pixel-ratio: 1.5),
only screen and (min-width: 1264px) and (max-width: 5000px) and (     -o-min-device-pixel-ratio: 3/2),
only screen and (min-width: 1264px) and (max-width: 5000px) and (        min-device-pixel-ratio: 1.5),
only screen and (min-width: 1264px) and (max-width: 5000px) and (min-resolution: 192dpi) {

  .bgwall {background:url('../img/ornabg-4col-2x.jpg') repeat center 36px;background-size:2679px 464px;}
  .firstcol .pillartop {background:url('../img/ornagraphic-top-01-2x.png') top center no-repeat;background-size:294px 110px;}
  .secondcol .pillartop {background:url('../img/ornagraphic-top-03-2x.png') top center no-repeat;background-size:294px 110px;}
  .thirdcol .pillartop {background:url('../img/ornagraphic-top-04-2x.png') top center no-repeat;background-size:294px 110px;}
  .fourthcol .pillartop {background:url('../img/ornagraphic-top-01-2x.png') top center no-repeat;background-size:294px 110px;}
  .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-01-2x.png') bottom center no-repeat;background-size:294px 110px;}
  .secondcol .pillarbottom {background:url('../img/ornagraphic-bottom-02-2x.png') bottom center no-repeat;background-size:294px 110px;}
  .thirdcol .pillarbottom {background:url('../img/ornagraphic-bottom-02-2x.png') bottom center no-repeat;background-size:294px 110px;}
  .fourthcol .pillarbottom {background:url('../img/ornagraphic-bottom-01-2x.png') bottom center no-repeat;background-size:294px 110px;}
  .no-grid .firstcol .pillarbottom {background:url('../img/ornagraphic-bottom-nogrid-4col-01-2x.png') bottom center no-repeat;background-size:1242px 110px;}
  .no-grid .firstcol .pillartop {background:url('../img/ornagraphic-top-nogrid-4col-01-2x.png') bottom center no-repeat;background-size:1242px 110px;}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position:inherit;
}



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

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

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    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;
    }
}

/* */

.library{
  display:none;
}

.grid-tile.is-morenews .tile-summary{
  max-height:100px;
}

.grid-tile.is-hidden{
  display:none;
}

.grid-tile.is-newspost{
  /*opacity:0;*/
}

.is-hidden{
  display:none;
}

body.media{
  margin-top: 0;
  overflow:auto;
}

.tile-title.dirty{
  max-height: 250px;
  overflow: hidden;;
}

.thanksbody {
  background-color: #fff;
  color:#000;
}

.media .grid-tile.is-newspost{
  opacity:1 !important;
}

/* remove google conv. bottom height */
iframe[name=google_conversion_frame] 
{
    display: none !important;
}

/* PRE PAGE STYLING */

@font-face {
  font-family: 'milliebold';
  src: url('fonts/millie-bold.eot');
  src: url('fonts/millie-bold.eot#iefix') format('embedded-opentype'),
       url('fonts/millie-bold.woff') format('woff2'),
       url('fonts/millie-bold.woff') format('woff'),
       url('fonts/millie-bold.ttf') format('truetype'),
       url('fonts/millie-bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.splashwrapper {
  text-align:center;
}



#border1-top, #border1-bottom, #border1-left, #border1-right {
  background: #000;
  position: fixed;
  z-index: 100;
  }
  #border1-left, #border1-right {
    top: 0; bottom: 0;
    width: 12px;
    }
    #border1-left { left: 0; }
    #border1-right { right: 0; }
    
  #border1-top, #border1-bottom {
    left: 0; right: 0;
    height: 12px;
    }
    #border1-top { top: 0; }
    #border1-bottom { bottom: 0; }

#border2-top, #border2-bottom, #border2-left, #border2-right {
background: #fff;
position: fixed;
z-index: 99;
}
#border2-left, #border2-right {
top: 0; bottom: 0;
width: 15px;
}
#border2-left { left: 0; }
#border2-right { right: 0; }

#border2-top, #border2-bottom {
left: 0; right: 0;
height: 15px;
}
#border2-top { top: 0; }
#border2-bottom { bottom: 0; }

.splashwrapper .starblock {
  position:fixed;
  background-color:#fff;
  width:34px;
  height:34px;
  border:0px solid transparent;
}
.splashwrapper .starblock:before {
  border:0 solid transparent;
  background-color:transparent;
}

.splashwrapper .starblock.topleft {top:12px; left:12px;}
.splashwrapper .starblock.topright {top:12px; right:12px;}
.splashwrapper .starblock.bottomright {bottom:12px; right:12px;}
.splashwrapper .starblock.bottomleft {bottom:12px; left:12px;}

.splashwrapper .wrapper{
  width:80%;
  max-width:1100px;
}

.splashwrapper h3 {
  font-family: 'milliebold', sans-serif;
  color:#000;
  font-size:42px;
  text-shadow: 4px 3px 0px rgba(0,0,0,0.15);
}

.splashwrapper .contentspacertop {
  height:18px;
}

.splashwrapper .gotshadow {
  -webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow:    4px 4px 0px 0px rgba(50, 50, 50, 0.2);
  box-shadow:         4px 4px 0px 0px rgba(50, 50, 50, 0.2);
}

.splashwrapper .title-artwork {
  margin-top:0px;
  margin-bottom:28px;
}

/* header */
.splashwrapper .header {
  background-color:#e50000;
  margin-top:15px;
}

/* announcement */
.splashwrapper .announcement {
  background-color:#F9C503;
}

.splashwrapper .announcement h1 {
  color:#e50000;
  padding-bottom:30px;
  margin-top:0px;
  font-size:50px;
}

/* aftermovie section */
.splashwrapper .aftermovie {
  background-color:white;
  width:100%;
  padding-bottom:40px;
}


.splashwrapper .widescreenwrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  border:10px solid #fdce04;
}
.splashwrapper .widescreenwrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* gallery */

.splashwrapper .photogallery .visual img{
  border:10px solid #e50000;
}

/* webshop */
.splashwrapper .webshop {
  background-color:#fff;
  padding-bottom:40px;
}

.splashwrapper .webshop .contentspacertop {
  height:40px;
}

.splashwrapper .webshop .visual img{
  border:10px solid #fdce04;
}

/* go website */
.splashwrapper .website {
  background-color:#e50000;
}

.splashwrapper .website .section-title{
  padding:30px 0 45px 0;
  margin:0;
}

@media (min-width: 1px) and (max-width: 632px){
  .optional {
    display:none;
  }
  .splashwrapper .website .section-title{
    padding:10px 0 45px 0;
    margin:0;
  }
  .splashwrapper .starblock {width:24px; height:24px;}

  .splashwrapper .announcement h3 {
    margin-top:28px;
  }

  .splashwrapper .announcement h1 {
    font-size:38px;
  }
}