/* --- Website by Ogino Design : www.oginodesign.com --- */

/* --- IMPORT --- */

@import url("styles-support.css");
@import url("styles-reset.css");
@import url("../fonts/oldenglish.css");
@import url("../fonts/sketchedcassiusbroken.css");
@import url("../fonts/switzerlandcondensedplain.css");
@import url("../fonts/switzerlandbold.css");

/* --- STYLES --- */

body{
  /*background:url(../img/bg-2020.jpg) top center repeat-x #000;*/
  background:#131110;
  color:#fff;
  font-family: 'SwitzerlandCondensedPlain', sans-serif;
  font-size:15px;
}
footer{ background:#131110; }
h1,h2{ font-family: 'SketchedCassiusBroken'; color:#ecead3; text-transform:none; }
h1{ padding-bottom:10px; margin-bottom:15px; font-size:50px; }
h1 span{ font-size:30px; color:#fff; }
h2{ padding-bottom:10px; margin-bottom:15px; font-size:40px; }
h2.push{ margin-top:30px; }
h2.no-icon{ background:none; border-bottom:none; padding-left:0; }
h3{ font-family: 'SwitzerlandBold', sans-serif; font-size:18px; line-height:25px; font-weight:bold; color:#ecead3;  }
h3 span{ font-size:15px; font-weight:normal; color:#fff; }
.news-post h3{ margin-bottom:15px; }
a{ color:#999; }
a:hover,a:active,a:focus{ color:#fff; text-decoration: none; }

.fa-stack .fa-stack-2x{ margin-top:0px; }

.follow-us .fa-stack-1x{ color:#000; }
.follow-us .fa-stack-2x{ color:#fff; }

hr{
  margin-top: 30px;
  margin-bottom: 30px;
  border-top: 1px solid #222;
}

.btn{ border-radius:0; border:none; text-decoration: none; }
.btn-default{ background:#ecead3; color:#000; padding:5px 10px; margin-bottom:5px; }
.btn-default:hover,.btn-default:focus,.btn-default:active{ background:#fff; color:#000; }
.btns .btn{ margin-bottom:5px; }

/* --- NAV --- */

#main-nav{background:#0b0b0b; ;border:0;font-family: 'SketchedCassiusBroken';, serif;padding:0;}
#main-nav.top-nav-collapse{ background:rgba(0,0,0,1); }
#main-nav .navbar-brand{height:auto;position: relative; top:1px; left:-2px; }
#main-nav .navbar-brand img{ height:25px; }
#main-nav.top-nav-collapse .navbar-brand img{height: 23px;}
#main-nav .navbar-nav{ font-size:20px; }
#main-nav .navbar-nav .selected{
  padding:17px 10px;
  padding: 17px 0px 17px 15px;
  line-height: 20px;
  color:#ecead3;
}
#main-nav .navbar-nav>li>a{padding: 17px 0px 17px 15px; color: #fff; opacity: 1; }
#main-nav .container-fluid{ padding:0 20px; }

/* --- CONTENT --- */

#main,.main{ padding:60px 15px; }

/* --- FOOTER --- */

footer #banner{
  background:url(../img/banners-2024/footer.jpg?v=2) no-repeat center center;
  background-size:cover;
  padding:60px;
}

footer #disclaimer{ font-size:13px; padding:15px 0; }
footer #disclaimer span { font-size: 13px; }

footer #disclaimer{ font-size:13px; padding:15px 0; }
footer #disclaimer span { font-size: 13px; }

/* --- HOME --- */

#header, #header .cycle-slideshow, #header .slide, #slider-logo{ width:100%; z-index:0; position:relative; }

#header, #header .cycle-slideshow, #header .slide, #slider-logo{ height:50vh; }
#home #header, #home #header .cycle-slideshow, #home #header .slide{ height:100vh; }
#header h1{ border-bottom:0; color:#fff;font-family: 'SketchedCassiusBroken'; text-transform:none; margin:5px 0; text-shadow: #000 1px 0 10px; font-size:40px }

#new-album{ position:absolute; right:40px; bottom:40px; z-index:10; background:rgba(0,0,0,1); padding:10px; border:1px #222 solid; font-size:14px; max-width:350px; }
#new-album .display-table-cell{ padding:5px; }
#new-album span{ font-size:12px; }
#new-album strong{ font-family: 'SwitzerlandBold', sans-serif; text-transform:uppercase; font-size:16px; color:#ecead3; }
#new-album .btn{ margin-top:10px; }
a#new-album{ color:#fff; }

#home #new-album{position:absolute;top: 80px;right: 25px;width:350px;height:145px;}
#home #credit{position:absolute;right: 25px;bottom: 25px;z-index:10;font-size:12px;}
#home #credit a img{
  opacity:0.5;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
}
#home #credit a:hover img{
  opacity:1;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
}

#home #player{position:absolute;top: 85px;right: 30px;z-index:10;opacity:0.8;}

#slider-logo{ position:absolute; left:0; top:0; z-index:10; text-align:center; }
#slider-logo img{ 
    max-width:700px;
    opacity:1; 
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;    
}
#slider-logo img:hover{ 
    opacity:1; 
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
}
#slider-logo .display-table-cell{ height:100vh; }

#scroll {
    position: absolute;
    bottom: 50px;
    left: 0;
    font-size: 25px;
    width: 100%;
    text-align: center;
    text-shadow: 0px 0px 5px #fff;
    z-index:10;
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}
#scroll .fa-inverse{ color: #fff; stroke:#fff; }

#home-footer{ 
  background: #000;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  font-size: 12px;
  padding: 10px 0;
}
#home-footer .follow-us span{ font-size:11px; }
#home-footer .follow-us .fa-stack-1x{ position:relative; top: 0px; }

#progress { position: absolute; bottom: 0; height: 6px; width: 0px; background:rgba(90,90,90,0.5); z-index: 500; }
#prevControl,#nextControl{ 
  position:absolute;
  top:50%;
  opacity:0.3;
  margin-top:-20.5px;
  z-index:1000;
  margin-bottom:0; 
  -moz-transition: opacity .4s ease-in-out;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
}
#prevControl img, #nextControl img{ width:25px;  }
#prevControl{ left:15px;  }
#nextControl{ right:15px; }
#prevControl:hover,#nextControl:hover{ 
  opacity:1; 
  -moz-transition: opacity .4s ease-in-out;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition: opacity .4s ease-in-out;
}

#social-media{ background:#0b0b0b; font-size:15px; font-family: 'OldEnglishText', serif; padding:10px 15px; }
#social-media a:hover{ color:#000; }
#social-media span { font-size: 13px; margin-left:-3px; }
.fb-like {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    position:relative;
    top:3px;
    left: 3px;
}

#new-album-full-info h1{
  background:none;
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:5px;
}

#banner-home{
  background:url(../img/banners-2024/06-insert.jpg) center center no-repeat;
  background-size:cover;
  width:100%;
  height:500px;
}

.display-table.info{ width:100%; }
.display-table.info .display-table-cell{ width:20%; padding:15px; border-top:1px #333 solid; vertical-align:top; font-weight:bold; }
.display-table.info .display-table-cell:nth-child(2){ width:80%; font-weight:normal; }
.display-table.info .display-table-row:last-child .display-table-cell{ border-bottom:1px #333 solid; }
.display-table.info ol{  padding-left: 14px; line-height: 20px; margin-bottom: 0; }

/* --- NEWS & TOUR TABS --- */

.content-nav-modal{ text-align:center; float:none; border:none; margin-bottom:15px; }
.content-nav-modal>li>a{ display:inline-block; border:none; background:rgba(22,22,22,1); color:#fff; border-radius:0; padding:5px 13px; }
.content-nav-modal>li{ float:none; display:inline; }
.nav-tabs.content-nav-modal>li.active>a, .nav-tabs.content-nav-modal>li.active>a:focus, .nav-tabs.content-nav-modal>li.active>a:hover,
.nav-tabs.content-nav-modal>li>a:hover,.nav-tabs.content-nav-modal>li>a:active,.nav-tabs.content-nav-modal>li>a:focus{ 
  border-radius:0;
  background:rgba(66,66,66,1);
  border:none;
  color:#fff;
}
.tab-content{ margin-bottom:15px; }

/* --- TOUR --- */

.tour-table{ margin-bottom:30px; }
.tour-table .display-table-cell{ border-bottom:1px #333 solid; padding:15px 0; }
.tour-table .display-table-cell:nth-child(1){ width:15%; }
.tour-table .display-table-cell:nth-child(2){ width:35%; }
.tour-table .display-table-cell:nth-child(3){ width:35%; }
.tour-table .display-table-cell:nth-child(4){ width:15%; }
.tour-table .display-table-cell.last{ text-align:right; }

/* --- NEWS --- */

.news.content-item{ margin-bottom:15px; }
.news-thumb{
  width:150px;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left:0;
 }

/* --- BAND --- */

.members-table{ margin-bottom:15px; }
.members-table img{ width:130px; margin-right:15px; margin-bottom:15px; border:1px #222 solid; }


/* --- RELEASES --- */

.release-anchor{ display:block; }
.release-anchor:hover{ cursor:pointer; }
.release-wrapper { position:relative; }
.release-wrapper a h3{ font-size:16px; color:#8f8578; margin-bottom:5px; }
.release-wrapper a h3 span,.video h3 span{ font-size:10px; color:#f00; }
.release-wrapper a p{ color:#fff; }
.release-image { width: 100%; margin-bottom:15px; border: 1px solid #222; }
.release-info.modal h3{ text-transform:uppercase; font-size:25px; }

.release{ margin-bottom:15px; }
.release:nth-child(4n+1){ clear:both; }

.release-info table{ width:100%; font-size:15px; }
.release-info table tr td{ padding: 10px 7px; padding-right: 20px; vertical-align:top; }
.release-info table tr td{ width:20%; }
.release-info table tr td+td{ width:80%; }
.release-info table td ol { padding-left: 20px; margin-bottom: 0; } 

.alert-danger { color: #fff; background-color: #8e0101;  border-color: #4c000d; }

/* --- MEDIA --- */

.video{ margin-bottom:30px; }
.video:nth-child(2n+1){ clear:both; }
.video h3{ font-size:18px; margin-bottom:5px;  }

/* --- MEDIA --- */

.contact-info{ margin-bottom:30px; }

/* --- MODAL --- */

.modal-header{ border-bottom:0; padding-top:15px; }
.modal-content{ background:#000; border-radius:0; padding:30px; }
.modal-footer{ border-top:0; }
.modal-backdrop{ background:#111; }
.modal-backdrop.in{ opacity:0.8; }
@media (min-width: 1200px){ .modal-dialog{ width:1170px; } }
@media (min-width: 992px) and (max-width:1199px){ .modal-dialog{ width:970px; } }
@media (min-width: 768px) and (max-width:991px){ .modal-dialog{ width:750px; } }


/* ------------ X LARGE ------------ */

@media (min-width:1600px){

}

/* ------------ LARGE ------------ */

@media (min-width:1200px) and (max-width:1599px){

  #slider-logo img{ max-width:600px; }

}

/* ------------ MEDIUM ------------ */

@media (min-width:992px) and (max-width:1199px){

  #home #header, #home #header .cycle-slideshow, #home #header .slide{ height:100vh; }
  #slider-logo .display-table-cell{ height:100vh; }
  #slider-logo img{ max-width:550px;  }

}

/* ------------ SMALL ------------ */

@media (min-width:768px) and (max-width:991px){

  h1{ font-size:30px; }
  h2{ background:url(../img/skull.png) no-repeat 0 3px; padding-left:60px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px #333 solid; font-size:25px; }
  h3{ font-size:20px; }

  #slider-logo img{ max-width:500px;  }

  #main-nav .navbar-nav a, #main-nav .navbar-nav .selected{ padding:15px 5px; }

  #home #header, #home #header .cycle-slideshow, #home #header .slide,#slider-logo .display-table-cell{ height:100vh; }
  #header h1{ font-size:33px }


}

/* ------------ SMALL-LARGE ------------ */

@media (min-width:768px){

}

/* ------------ MOBILE ------------ */

@media (max-width:767px){
  
  body{ font-size:15px; }

  h1{ font-size:28px; }
  h1 span{ font-size:16px; }
  h2{ background:url(../img/skull.png) no-repeat 0 3px; padding-left:60px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px #333 solid; font-size:25px; }
  h3{ font-size:20px; }

  .img-responsive{ margin-left:auto; margin-right:auto; }
  .lead{ margin-bottom:10px; font-size:15px; }

  #header, #header .cycle-slideshow, #header .slide, #slider-logo{ height:auto; }
  #home #header, #home #header .cycle-slideshow, #home #header .slide{ height:auto; }

  #main-nav{ background:rgba(0,0,0,0.5); }
  #header{ margin-top:55px; }
  #main-nav .navbar-brand img,#main-nav.top-nav-collapse .navbar-brand img{ height:23px; }
  #main-nav .navbar-toggle{ padding: 11px 10px; border-radius:0; background:#333; border:0; }
  #main-nav .container-fluid{ padding:0 15px; }
  #main-nav .navbar-nav .selected, #main-nav .navbar-nav>li>a{ padding:8px 0; }

  #main-nav .navbar-collapse, #main-nav .navbar-form{ background:rgba(16,16,16,0.8); }
  #main-nav .navbar-nav{ text-align:center; }

  footer, footer .text-right, footer .text-center{ text-align:center !important; line-height:30px; }

  .display-table.info .display-table-row, .display-table.info .display-table-cell{ width:100%; }
  .display-table.info .display-table-cell:nth-child(2){ width:100%; border-top: none; padding: 0 15px 15px 15px; }
  .display-table.info .display-table-row:last-child .display-table-cell:nth-child(1){ border-bottom:none; }


  #main{ padding:40px 15px; }

  /* --- HOME --- */

  #banner-home{ 
    background:none;
    width:100%;
    height:auto;
  }
  #home-footer{ bottom:-43px; }
  /*#header{ margin-bottom:43px; }*/

  #home h2{ padding:0; border-bottom:0; background:none; text-align:center; }
  #home h3{ text-align:center; }
  #home #new-album-full-info p{ text-align:center; }

  /* --- NEWS --- */

  .news-toggle{ background:#333; width:100%; border-radius:0; margin:0; margin-bottom:5px; }
  #nav-news-modal{ padding-left:0; padding-right:0; }
  #nav-news-modal li{ display:block; }
  #nav-news-modal li a{ width:100%; }
  .news-toggle .icon-bar{ border: 1px #fff solid; margin:0 auto; }

  #news .col-sm-8{ max-width:400px; margin-left:auto; margin-right:auto; }
  .news .display-table-cell{ width:100%; }
  .news-post .display-table-responsive .display-table-cell{ width:100%; }
  .news-thumb { width: 100%; margin-left: 0; margin-right:0; float:none; }

  /* --- TOUR --- */

  .tour-table .display-table-cell{ width:100%; margin:auto; display:block; text-align:center!important; padding:5px; border:none; }
  .tour-table .display-table-cell:nth-child(1){ width:100%; }
  .tour-table .display-table-cell:nth-child(2){ width:100%; }
  .tour-table .display-table-cell:nth-child(3){ width:100%; }
  .tour-table .display-table-cell:nth-child(4){ width:100%; min-height:0; }
  .tour-table .display-table-cell:last-child{ padding-bottom:15px; border-bottom:1px solid rgba(255, 255, 255, 0.1); margin-bottom:15px; }
  .tour-table .display-table-cell .btn{ font-size:11px; padding:3px 10px; }

  .tour-table .btn{ margin-top:5px; }
  .tour-table .display-table-row, .tour-table .display-table-cell{ width:100%; text-align:center; border-bottom:0; padding:0; }
  .tour-table .display-table-cell.last{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px #1e1e1e solid; text-align:center!important; }

  #releases .release:nth-child(odd){ clear:both; }

  /* --- RELEASES --- */

  .modal-header{ border-bottom:0; }

}