/* import */
@import url('bricklayer.css');
@import url('chocolat.css');

/* general */
html, body {height:100%;}
body {background-color:#000000;color:#E5E3CC;}

/* fonts */
@font-face {
  font-family: "Bad Grunge";
  src: url('../fonts/badgrunge.woff')format('woff');
  src: url('../fonts/badgrunge.ttf')format('truetype');
}
@font-face {
  font-family: "Alien League";
  src: url('../fonts/alienleague.woff')format('woff');
  src: url('../fonts/alienleague.ttf')format('truetype');
}


/* colors */
.red {color:#C91419;}
.wht {color:#E5E3CC;}
.blk {color:#000000;}
a, a:hover {color:#C91419;}

/* typo */
h1, .h1 {font-family: "Bad Grunge",sans-serif;font-size:6rem;margin-bottom:5rem;margin-top:1rem;text-shadow:1px 1px 1px #000000;line-height:4rem;}
h3.highlight, .h3.highlight {font-family: "Bad Grunge",sans-serif;font-size:4rem;line-height:3rem;letter-spacing: 1px;}
h3.highlight em, .h3.highlight em {font-size:2rem;font-style:normal;}
h4.highlight, .h4.highlight {font-family: "Bad Grunge",sans-serif;font-size:3rem;line-height:2rem;letter-spacing: 1px;}
small {color:#9a9988;}
.alien {font-family:"Alien League", sans-serif;font-size:2.2rem;}


/* backgrounds */
.bg-1 {background:url('../img/bg1.jpg') center top no-repeat;}
.bg-2 {background:url('../img/bg2.jpg') center top no-repeat;color:#000000;background-size:cover;}
.bg-3 {background:url('../img/bg3.jpg') center top no-repeat;color:#000000;background-size:cover;}
.bg-4 {background:url('../img/bg4.jpg') center top no-repeat;background-size:cover;}
.bg-5 {background-color:#c2c1bd;}

/* social */
.social {display:inline-block;width:45px;height:45px;text-indent:-9999px;}
.social.facebook {background:url('../img/social.png');}
.social.instagram {background:url('../img/social.png') 45px 0;}
.social.twitter {background:url('../img/social.png') 90px 0;}

/* buttons */
.btn {border-radius:.75rem;text-transform:uppercase;font-size:.8rem;font-family:"Alien League", sans-serif;font-size:1.2rem;}
.btn-primary {background-color:#C91419;border-color:#C91419;color:#E5E3CC;}
.btn-primary:hover {background-color:#C91419;border-color:#C91419;color:#000000;}
.btn-secondary {background-color:#E5E3CC;border-color:#E5E3CC;color:#000000;}
.btn-secondary:hover {background-color:#E5E3CC;border-color:#E5E3CC;color:#C91419;}
.btn-primary.disabled, .btn-primary:disabled {background-color: #000000;border-color: #000000;color:#C91419;}

/* cards */
.card-band,
.card-release {background-color:transparent;color:#E5E3CC;}
.card-release h5 {margin-bottom:0;font-size:1.1rem;}
.card-release .card-text {color:#95989A;font-size:.9rem;}
.card-tourdate {background:url('../img/card-bg.jpg') center bottom no-repeat;background-size:cover;}
.card-tourdate .card-header {background:#1D1D1D url('../img/card-header-bg.jpg') top center;}
.card-band .card-title {font-size:.8rem;text-transform:uppercase;}
.card-band .card-text {font-size:1rem;text-transform:uppercase;}

/* navigation */
.navbar-cz {color:#E5E3CC;background:#000000 url('../img/nav.png') 50% -79px no-repeat}
.navbar-dark .navbar-nav .nav-link {color:#E5E3CC;}
.navbar-dark .navbar-nav .nav-link:hover {color:#C91419;}
a.navbar-brand {color:#E5E3CC;}
.nav-link {font-family:"Alien League", sans-serif;font-size:1.6rem;color:#E5E3CC;text-shadow:1px 1px 0px #000000;}
.nav-link:hover {color:#C91419;}
@media only screen and (min-width: 768px) {
  .nav-link {padding-top:5.5rem;}
  .nav-link.home {background:url('../img/logo.png') no-repeat;width:300px;height:230px;background-size:contain;text-indent:-9999px;}
  .navbar-cz {color:#E5E3CC;background:url('../img/nav.png') 50% 18px repeat-x;}
  .front .navbar {transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;}
}


/* footer */
footer {background:#191919 url('../img/footer.png') center top;color:#95989A;background-size:cover;}
footer a, footer a:hover {color:#C91419;cursor:pointer;}

/* dates */
.date {background-color:#191919;padding: 3px 9px;}
.day {font-size:1.8rem;line-height:1.5rem;}
.month {text-transform:uppercase;}
.year {font-size:.9rem;}

/* covers */
.cover {position:relative;background-attachment:fixed;background-position: center center;background-repeat:no-repeat;background-size:cover;}
.cover-home {background-image: url('../img/cover-home.jpg');min-height:100%;}
.cover-band {background-image: url('../img/cover-band.jpg');min-height:80%;}
.cover-releases {background-image: url('../img/cover-releases.jpg');min-height:60%;}
.cover-tour-dates {background-image: url('../img/cover-tour-dates.jpg');min-height:60%;}
.cover-video {margin-top:150px;}
@media only screen and (max-device-width: 1024px) {
    .cover {background-attachment: scroll;}

}
@media only screen and (max-width: 768px) {
    .cover-home {min-height:60%;background-size:cover;margin-top:60px;}
    .cover-video {margin-top:50px;}
}

/* scrolldown */
.scrolldown {position:absolute;display:block;width:36px;height:100px;background:url('../img/scrolldown.gif') 0 18px no-repeat;bottom:15px;left:0;margin-left:calc(50% - 18px);background-size:contain;float:left;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;opacity:1;font-size:.8rem;}

/* video */
iframe {border:none;}
.video p {font-size:.8em;text-transform:uppercase;margin-top:5px;}

/* releases */
.caption {position: absolute;bottom: 100%;left: 0;right: 0;overflow: hidden;width:100%;height:0;transition: .5s ease;}
.caption a {display:block; width:80%;margin:10px auto;}
.card:hover .caption {bottom:-60px;height:100%;}
.card img {-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-ms-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in-out;transition: opacity .5s ease-in-out;opacity:1;}
.card:hover img {opacity:.5;}
.card {position:relative;}

/* tour dates */
.co {font-size:.9rem;font-family:courier;color:#C91419;}
.co small {color:inherit;}
.soldout {text-transform: uppercase;font-size:1rem;color:#C91419;}

/* past shows */
.past-show {border-bottom:1px solid #191919;}