/* 
Theme Name: bandofskulls
Description: Band of Skulls theme
Author: Sinewave Design 2016
Author URL: http://sinewavedeaign.com
*/
@font-face {
  font-family: 'Tall-Dark-And-Handsome-Condensed';
    src:  url('../fonts/Tall-Dark-And-Handsome-Condensed.ttf.woff') format('woff'),
    url('../fonts/Tall-Dark-And-Handsome-Condensed.ttf.svg#Tall-Dark-And-Handsome-Condensed') format('svg'),
    url('../fonts/Tall-Dark-And-Handsome-Condensed.ttf.eot'),
    url('../fonts/Tall-Dark-And-Handsome-Condensed.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;


      }
.pre-order-links-list  li a {
padding: 9px 12px;
color:white;
background-color: rgba(0, 0, 0, 0.6);
line-height: 2em;
margin: 0px 2px;
font-size:20px;
text-transform: uppercase;
}

.pre-order-links-list  li a:hover {
  color:#f37021;
  }
  .fa:hover{
  color:#e96c20;
  }
.socials a{
color:white;
}
ul  {
font-size: 1.5em;
}
li{
color:white;
}
.socials li, .pre-order-links-list li{
  display: inline-block;
}
h3{
  color:#f37021!important;
  text-transform: uppercase!important;
}
input[type=checkbox]{
  display:none;
}
input[type=email], select{
    text-align: center;
    background: none;
    width: 60%;
    border: none;
    font-family: 'TrafficTypeW01-SwedenD', verdana, arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 10px;
    padding: 10px;
    border-bottom: 1px solid #FFFFFF;
    font-size: 3em;
    height: 80px;
    color: #FFFFFF;
  }

  .selectboxit-container{
text-align: center;
    background: none;
    width: 60%;
    border: none;
    font-family: 'TrafficTypeW01-SwedenD', verdana, arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 10px;
    padding: 10px;
  }
.open {
  background-color: #fff;
  width: 24px;
  height: 4px;
  display: block;
  cursor: pointer;
  position: relative;
  top: 8px;
}

.open:before {
  content: "";
  background-color: #fff;
  width: 24px;
  height: 4px;
  display: block;
  position: relative;
  top: -8px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.open:after {
  content: "";
  background-color: #fff;
  width: 24px;
  height: 4px;
  display: block;
  position: relative;
  top: 4px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.menuOpen {
  width: 24px;
  height: 20px;
  display: block;
  cursor: pointer;
  top:20px;
  left:20px;
  position: absolute;
  z-index: 101
}

.menuOpen:hover .open:before {
  top: -9px;
}

.menuOpen:hover .open:after {
  top: 5px;
}



.fa{
  font-size:1em!important;
}
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}

.menu ul li a {
  color: white;
  text-decoration: none;
  transition: color 0.2s;
  
  text-transform: uppercase;
  padding: 20px 0;
}



.menuEffects {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}

.menuEffects ul {
  transform: translateY(0%);
  transition: all 0.5s;
}

#menuToggle:checked ~ .menuEffects {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}

#menuToggle:checked ~ .menuEffects ul {
  opacity: 1;
}

#menuToggle:checked ~ .menuOpen .open {
  background-color: transparent;
}

#menuToggle:checked ~ .menuOpen .open:before {
  content: "";
  background-color: white;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:checked ~ .menuOpen .open:after {
  content: "";
  background-color: white;
  transform: rotate(-45deg);
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:not(:checked) ~ .menuEffects ul {
  transform: translateY(-30%);
}
.bit-header, .bit-rsvp{
  display:none;
}
.bit-tickets a{
  outline: 1px solid white;
    padding: 8px 60px;
}
.bit-tickets a:hover{
    color:#000000;
    background-color:#FFFFFF; 
      outline: 1px solid grey;
}
.btn-primary{
  background-color: transparent!important;
  border:none!important;
  border-radius:0px!important;
   font-family: 'Tall-Dark-And-Handsome-Condensed';
 
}
.btn-primary:hover{
  color:#f37021!important;
}
.credit-container{
  bottom:20px;
  position:absolute;
  text-align:center;
  width:100%;
}
.centerWrapper a{
  position: absolute;
  height:100%;
  width:100%;
 
}
td a, tr{
  text-transform: uppercase;
}
th.bit-tickets{
  display:none;
}
.bit-events{
  margin-top:30px;
}
td.bit-venue a{
  font-size:16px!important;
}
.bit-date a{
  font-size:20px!important;

}
#bit-widget-0{
  margin-top:60px;
  margin-bottom:60px;
}
#bit-events[data-bit-widget-id='1464603617614'] table {
  border-bottom:#817d7c;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #f37021 inset!important;
    color:white!important;
}
.bit-widget-container{
  width:80%!important;
  margin:0 auto!important;
}
.bit-location{
  color:#f37021;
}
.bit-venue{
  padding-left:10%!important;
}

#bit-events th.bit-location{color:#FFFFFF !important;}
#bit-events th{ font-size:10px; height: 20px;}
#bit-events .bit-events th{ padding-top:0px; padding-bottom:5px;}
#bit-events  td{padding-top:15px; padding-bottom: 15px;}
#bit-events .bit-events td{ border-top: 1px solid #817d7c !important; }

.inputs{
  margin-top: calc(30% - 100px);
}
.featherlight-inner{
  height:100%;
  width:100%;
}
.socialMobile{
  display:none;
}
@media (max-width: 525px) {

  input[type=email], select, keygen{
    font-size:1.5em!important;
  }
input[type=email], select{
  width:95%;
}
td.bit-venue a, td.bit-location a, td.bit-date a{
  font-size: 1.5vh!important;
}
.videoContainer .videoPlayerList .videoWrapper{
  padding-top:50%!important;
}
.socials{
  display:none;
}
.socialMobile{
  display:inline-block;
}
.socialMobileList{
  display:inline-block;
  display:-webkit-inline-box!important;
}
.socialMobileList li i{
  font-size:0.6em!important;
  margin-right:10px;
}
.socialMobile li{
  list-style: none
}
}

.pcontent{font-family: "futura-pt", sans-serif; width: 90%;max-width: 800px; color:white !important; margin: 1em auto;}
.pcontent li{color: white; list-style:bullet !important;}
.pcontent ul{font-size: inherit;}
.page-template-default .entry-title{text-align: center!important; margin-top:2em!important;}
#catapult-cookie-bar{font-family: "futura-pt", sans-serif; }
button#catapultCookie:hover{background: red; color: white;}