html, body {
  width: 100%;
  background-color: white;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  height: 100%;
}
#main { background-color: transparent;
height:100%;
 }

@font-face {
  font-family: 'Nexa-Book';
  src: url(../fonts/Nexa-Book.otf);
}

@font-face {
  font-family: 'United-Stencil';
  src: url(../fonts/UnitedSerifRgStencil.otf);
}

img.logo_header {
  display:block;
  margin:0 auto;
  margin-top:0px;
}
body{
  background: url('../media/images/background.jpg') fixed !important;
  background-position: center center;
  background-size: cover;
  height:100%;

}

div#enter {
  width:300px;
  position:relative;
  display:block;
  margin:0 auto;
  border-radius:20px;
}

a.button {
  background-color: black;
  padding:25px;
  width:300px;
  text-decoration: none;
  color:black;
  letter-spacing: 0.125em;
  font-weight: bold;
  font-size: 1em;
  border-radius: 20px;
  border: 1.5px solid #fff;
}

a.button:hover {
  background-color: #333;
  color: #d9ce4a;
  transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -webkit-transition-property: all 100ms ease-in-out;
}

/*----------------------------------------------------------------------------
  Procuts
----------------------------------------------------------------------------*/
.products-wrap {
    margin: 0 auto;
    width: 75%;
    margin-top: 100px;
    margin-bottom: 25px;
}

[class*='bit-'],
*:after,
*:before {
  margin: 0 auto;
  padding: 0;
  /* Removes padding behavior on widths */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Targets all elements */
[class*='bit-'] {
  float: left;
  padding:5px;
}

/* Floats last ".bit-" to the left */
[class*='bit-']:last-of-type {
  float: left;
  padding:5px;
}

/* Clearfix */
.products-wrap:after {
  content: "";
  display: table;
  clear: both;
}


table {
  background:none;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-spacing: 0px;
  width: 100%;
  display: table;
  border-collapse: separate;
  border-color: black;
  overflow: hidden;
}

tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

#tourdates-custom {
  display:block;
  color: black;
  font-size: 1em;
  width:75%;
  margin:0 auto;
  font-weight: lighter;
  background-color: transparent !important;
  font-family: 'Nexa-Book', sans-serif;
}


/*----------------------------------------------------------------------------
  TOUR DATES
----------------------------------------------------------------------------*/

table {
  background:transparent;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-spacing: 0px;
  width: 100%;
  display: table;
  border-collapse: separate;
  border-color: black;
  overflow: hidden;
}

tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

#tourdates-custom table td.header {
  color:white;
  text-transform: uppercase;
  font-weight: bold;
}


#tourdates-custom td {
  height: 80px;
  text-align: center;
  padding:.234375%;
  font-size: 1.3em;
  vertical-align: middle;
  border:0 !important;
  color:#333;
}

#tourdates-custom tr {
  background-color: rgba(255,255,255,0.7);
  margin-bottom: 10px;
  display:block;
  width:100%;
  padding: 20px;
}

#tourdates-custom td.date span.date-month {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 25px;
  font-weight:500;
}


#tourdates-custom td.date span.date-day {
  display:block;
  font-size: 39px;
  padding-top: 5px;

}

#tourdates-custom tr.header {
  background-color: black;
  color:white;
}

#tourdates-custom tr.header span {
  color:white;
  padding-left: 0px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 25px;
}

#tourdates-custom td.date {
  width:9.53125%;
  color:#d9ce4a;
  background:#333;
  font-weight:bold;
  line-height: 28px;
  font-family: 'PatrickScratch', sans-serif;
}

#tourdates-custom td.city {
  width:24.5313%;
}

#tourdates-custom td.venue {
  width:29.53125%;
}

#tourdates-custom td.tickets{
  width:14.53125%;
}

#tourdates-custom td.vip {
  width:13.53125%;
}

#tourdates-custom td.rsvp {
  width: 4.53125%;
}


/*----------------------------------------------------------------------------
  LINK STYLING
----------------------------------------------------------------------------*/

a.tix {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #333;
  background-color:#d9ce4a;
  padding:10px;
}

a.tix:hover {
  color:#d9ce4a;
  background-color: #333;
  transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -webkit-transition-property: all 100ms linear;
}

a.viplink {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: black;
  padding:5px;
}

a.viplink:hover {
  background-color: #333333;
  color:white;
  transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -webkit-transition-property: all 100ms linear;
}

a.rsvplink {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: black;
  padding:5px;
}

a.rsvplink:hover {
  background-color: #333333;
  color:white;
  transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -webkit-transition-property: all 100ms linear;
}

/*----------------------------------------------------------------------------
  FOOTER
----------------------------------------------------------------------------*/
footer {
  width:100%;
  background-image: url(../media/images/footer.png);
}

/*----------------------------------------------------------------------------
	MEDIA QUERIES
----------------------------------------------------------------------------*/
@media (min-width: 850px) and (max-width: 1050px) {

}

@media screen and (max-width: 850px) {
  img.logo_header {
    display:block;
    margin:0 auto;
    left:0px;
  }

  .bit-3 {width:100%;}

#tourdates-custom { width:97%; }

#tourdates-custom td { height: 30px; display:block;padding:.234375%; }

#tourdates-custom tr { display:block; }

#tourdates-custom tr.header {display:none;}

#tourdates-custom td.date span.date-day { display:inline-block; padding-left: 5px; }

#tourdates-custom td.date {width:100%;}

#tourdates-custom td.city {width:100%;padding:2%;}

#tourdates-custom td.venue {width:100%;padding-bottom: 13%}

#tourdates-custom td.tickets, td.headertickets {
  width:32.3333333%;
  padding:0px;
  display:inline-block;
}

#tourdates-custom td.vip, td.headervip {
  width:32.3333333%;
  padding:0px;
  display:inline-block;
}

#tourdates-custom td.rsvp, td.headerrsvp {
  width:32.3333333%;
  padding:0px;
  display:inline-block;
}

a.tix {padding: 0px;}

a.viplink {padding: 0px;}

a.rsvplink {padding: 0px;}


}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {

body{
  background: black !important;
  background: url('../media/images/backgroundmobile.jpg') fixed !important;
  background-position: center center;
  background-size: cover;

}

}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {

body{
  background: black !important;
  background: url('../media/images/backgroundmobile.jpg') !important;
  background-position: center center;
  background-size: cover;
  height:auto;

}

}
@media screen and (max-width: 650px){
	html{
  width: 100%;
  background-color: white;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  overflow: hidden;
}





    #tourdates-custom td.tickets, td.headertickets {
  width:31.3333333%;
  padding:0px;
  display:inline-block;
}

#tourdates-custom td.city, td.venue, td.tickets, td.vip, td.rsvp {padding-top: 5% !important;}

#tourdates-custom td.date span.date-day {font-size: 24px;}

#tourdates-custom td.vip, td.headervip {
  width:31.3333333%;
  padding:0px;
  display:inline-block;
}

#tourdates-custom td.rsvp, td.headerrsvp {
  width:31.3333333%;
  padding:0px;
  display:inline-block;
}
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	html{
  width: 100%;
  background-color: white;
  background: url(../media/images/Seether-BG.png) center top no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  overflow: hidden;
}

body{
	height:100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;

}

    #tourdates-custom td.tickets, td.headertickets {
  width:31.3333333%;
  padding:0px;
  display:inline-block;
}

#tourdates-custom td.city, td.venue, td.tickets, td.vip, td.rsvp {padding-top: 5% !important;}

#tourdates-custom td.date span.date-day {font-size: 24px;}

#tourdates-custom td.vip, td.headervip {
  width:31.3333333%;
  padding:0px;
  display:inline-block;
}

#tourdates-custom td.rsvp, td.headerrsvp {
  width:31.3333333%;
  padding:0px;
  display:inline-block;
}
}