/**
 * Override boostrap defaults
 */
body {
    color: black;
    /*
    margin: 0;
    padding: 0;
    */
    background: rgb(255,255,255);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}
/** 
 * tt- prefix: for elements or classes of elements
 * reusable by TotalTrash
 */
body > .container {
}
/**
 * Colors:
 * BurgerBoogaloo Red: #CF060D
 * BurgerBoogaloo Black: #333
 */
.tt-artist {
}
a:link,
a:visited { color: #333; }
.tt-artist-name {
  font-size:36px;
  text-transform: uppercase;
  font-family: 'Knewave', cursive;
  position: relative;
}
.tt-tagline {
  font-family: 'Knewave', cursive;
  font-size:30px;
}
.tt-block-footer .tt-artist-name {
  font-size: 72px;
}

.tt-artist-name a {
  color: #333;
}
.tt-artist.tt-featured .tt-artist-name {
  font-size: 66px;
}
@media only screen
and (max-device-width: 736px) {
  /* make font size same as smaller square artist text for mobile devices */
  .tt-artist.tt-featured .tt-artist-name {
    font-size: 36px;
  }
}

.tt-imgbox, 
.tt-header,
.tt-sponsor-logo {
  position: relative;
}
.tt-imgbox img,
.tt-header img,
.tt-sponsor-logo img {
  width:100%;
  height:auto;
}
.tt-host-text { text-align: center; }
.tt-host-text .tt-tagline { font-size: 60px; }
.tt-artist .tt-host-text .tt-artist-name { font-size: 80px; }
/*
.tt-featured {
  margin: 2em 0;
}
*/
.tt-photo-credit {
  text-transform: uppercase;
  font-family: 'Knewave', cursive;
  font-size: 18px;
}
.tt-header {
  border-bottom: none;
  font-family: "cooper-black-std", sans-serif;
}
.tt-header h1 {
  text-align: center;
}
h2, .tt-header h2 {
  font-family: "cooper-black-std", sans-serif;
}
.tt-header span { display : block; }
.row.buttons { 
    margin-bottom: 2em; 
    text-align: center; 
}
div.tt-ticket-button {
  /* background: url("../img/pink_flamingo.gif") repeat-x  0 25px ; */
  text-align: center;
  padding: 50px 0;
}
div.tt-ticket-button a {
  font-size: 35px;
  font-family: "cooper-black-std", sans-serif;
  color: white;
  background-color: #f663dd;
  border: 3px solid #f663dd;
  padding: 4px 19px;
  
  -moz-border-radius: 10px;
  border-radius: 10px;

}
.btn-danger {
    background-color: #CF060D;
    background-image: none;
}
.btn {
  font-size: 35px;
  font-family: "cooper-black-std", sans-serif;
  color: white;
  /*
  background-color: #CF060D;
  border: 3px solid #CF060D;
  */
  padding: 4px 19px;
  margin-bottom: 1em;
  margin-top: 1em;
}
@media only screen
and (max-device-width: 736px) {
  /* make button font size smaller for mobile devices */
  .tt-ticket-button a {
    font-size: 22px;
  }
}

.tt-ticket-button a:hover {
  background-color: white;
  color:#f663dd;
}

a.btn.tt-ticket-button:hover {
  background-color: white;
  color:#f663dd;
}
.tt-sponsors-buddies {
  background-color: #E9E9E9;
  padding: 4em 0;
}

.tt-sponsors-buddies h4 {
  font-size: 24px;
}
.tt-sponsors-buddies a:link,
.tt-sponsors-buddies a:visited { color: #333; }

.tt-footer {
  margin-top: 4em;
  margin-bottom: 4em;
  border-top: 3px solid #333;
  padding-top: 1em;
  font-size: 20px;
  font-family: "cooper-black-std"
}
.tt-footer a:link,
.tt-footer a:visited { color: #333; }

/** 
 * bb- prefix: for individual elements or classes of elements
 * specifically for Burger Boogaloo
 */
.bb-year { font-size: 80px; font-family: "Knewave"; }
.bb-burger { font-size: 115px; }
.bb-boogaloo { font-size: 85px; }
.bb-burger,
.bb-boogaloo {
  text-transform: uppercase;
  color: #CF060D; 
}

.bb-hostedby,
.bb-johnwaters,
.bb-starring {
  font-family: 'Knewave', cursive;
  text-align: center;
}

.bb-hostedby { 
  font-size: 46px;
  text-transform: uppercase;
}
.bb-johnwaters { 
  font-size: 111px; 
  text-transform: uppercase;
  color: #CF060D;
}
.bb-johnwaters a:link { color: #CF060D; }
.bb-johnwaters a:visited { color: #CF060D; }
.bb-starring { font-size: 50px; }
.bb-date-location {
    color: white;
    text-transform: uppercase;
    font-family: "cooper-black-std", sans-serif;
    text-align: center;
    font-size: 3vw;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: black;
}

.bb-faq dt {
  margin:1em 0 0;
}

.bb-faq h2 { color: #777; margin: 1em 0; }

.bb-set-times .bb-fleshland td { background-color: #22FFFF; }
.bb-set-times .bb-psychoville td { background-color: #FCFC00; }

.bb-stage { margin-left: 3em; }
.bb-stage:before {
  display: inline-block;
  width: 1em; height:1em;
  margin-right: 2em;
  content: " ";
}
.bb-stage.bb-fleshland:before { background-color: #22FFFF; }
.bb-stage.bb-psychoville:before { background-color: #FCFC00; }

.bb-poster {
    width: 100%;
    font-family: "cooper-black-std", sans-serif;
    text-transform: uppercase;
    text-align: center;
    background-color: #FB0D1C;
    margin-bottom: 3em;
    padding-bottom: 2em;
}
.bb-row {
    /* outline: 1px solid black; */
    /* margin-bottom: -15px; */
    /* background-color: hsla(50, 33%, 25%, 0.75); */
    color: black;
}
.bb-poster-header { color: white; }
.bb-poster-header { font-size: 6.6vw; margin-bottom: -6vw }

hr {
  margin: 6em auto;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
}

.tt-artist-poster .body {
    background: url("../img/john-waters-cutout-500x443.png") no-repeat top right;
    background-size: contain;
}
.tt-artist-poster a:link,
.tt-artist-poster a:visited { color: black; }
.tt-artist-poster a:hover { 
    color: #333; 
    text-decoration: none;
}

.tt-artist-poster p {
    position: relative;
    text-transform: uppercase;
    margin: 0 0 6px 0;
    font-size: 2.4vw; 
    font-family: "cooper-black-std", sans-serif;
}
.tt-artist-poster p.l1 {
    font-size: 6.8vw;
}
.tt-artist-poster .l1 sup {
    font-size: 15%;
    top: -4em;
    margin-right: -1em;
}
/* Firefox-specific rules */
@-moz-document url-prefix() {
    .tt-artist-poster p {
        font-size: 2.1vw;
    }
    .tt-artist-poster p.l1 {
        font-size: 6.3vw;
    }
}
/* Very small screen / mobile */
@media (max-width: 480px) {
  .bb-johnwaters { font-size: 64px }
  .bb-date-location {
    -webkit-text-stroke-width: 0;
  }
}


}

/* Small screen */
@media (min-width: 481px) and (max-width: 768px) { 
  .bb-johnwaters { font-size: 90px }
  .bb-date-location {
    -webkit-text-stroke-width: 0;
  }
}

.tt-social-media {
    display: flex;
    flex-direction: row;
    /* flex-wrap: no-wrap; */
    justify-content: space-evenly;    
    align-items: center; /* align vertical */
}
.tt-social-media h2,
.tt-social-media h3 {
    font-family: "cooper-black-std", sans-serif;
}
.tt-social-media li {
    flex-grow: 1;
}
.tt-social-media .tt-ticketfly-signup {
    flex-basis: 20%;
    flex-grow: 2;
}


img.full-width {
    width: 100%;
}
/* Colors for tables against pink gradient background */
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
    border-top: 1px solid #a05353;
}