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

/* --- IMPORT --- */

@import url("styles-support.css");
@import url("styles-reset.css");
@import url("../fonts/goudyoldstyleregular.css");

/* --- STYLES --- */

::selection {
  background: #83795B; /* WebKit/Blink Browsers */
  color:#fff;
}
::-moz-selection {
  background: #83795B; /* Gecko Browsers */
  color:#fff;
}

body{ 
	background:#000;
	color:#fff;
	font-family: 'GoudyOldStyleT-Regular', serif;
	font-size:15px;
  position:relative;
}
a{ color:#A49871; }
a:hover{ color:#CBBD8E; text-decoration:none; }
h2{ font-size:33px; color:#bbb296; letter-spacing:5px; margin-left:-5px; text-transform:uppercase; }
h2 span{ font-size:15px; color:#fff; }
h2 span strike{ color:#bbb296; }
h3{ color:#bbb296; font-size:25px; }
h3 span{ color:#fff; font-size:15px; }
.modal h3{ text-align:center; font-size:35px; margin:30px 0; }
h4{ color:#bbb296; font-size:18px; }

.well{ background:rgba(11,11,11,0.5); border-color:#222; border-radius:0; }
.well p{ margin-bottom:0; }

.btn-default{ 
  background:#83795B;
  border:0;
  border-radius:0;
  color:#fff; 
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
}
.btn-default:hover{ 
  background:#A49871; 
  color:#fff; 
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
}

/* --- NAVIAGTION --- */

.navbar{ background:none; border:0; padding:0; text-transform:uppercase; font-size:13px; letter-spacing:1px; }
.navbar .container-fluid{ padding:0; margin:0 15px; border-bottom:1px #333 solid; }

.navbar-brand{ padding-top:13px; padding-bottom:8px; margin-right:10px; height:auto; }

.navbar-default .navbar-nav>li,.navbar-default .navbar-nav>li>a{ line-height:1; }
.navbar-default .navbar-nav>li{ padding-top:25px; margin-right:5px; }
.navbar-default .navbar-nav>li>a{ padding:0; color:#fff; }
.navbar-default .navbar-nav>li.selected,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{ color:#D4C9A8; }

#nav-socials{ margin-right:0; }
#nav-socials.nav>li>a{ display:inline-block; font-size:9px; }
#nav-socials.nav>li>a .fa-stack{ 
  margin-top:-7px;
  margin-right: -3px;
  color:#fff;
  opacity:0.7; 
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
}
#nav-socials.nav>li>a .fa-stack-1x{ top:1px; color:#000; }
#nav-socials.nav>li>a:hover .fa-stack{ 
  opacity:1; 
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
}
#nav-socials.nav>li>a.btn-default{ padding:5px 10px; font-size:13px; margin-top:-4px; margin-left:15px; }
#nav-socials.nav>li>a.btn-default:hover,#nav-socials.nav>li>a.btn-default:active,#nav-socials.nav>li>a.btn-default:focus{ background:#A49871; color:#fff; }

.top-nav-collapse{ background:rgba(0,0,0,0.9); }
.top-nav-collapse .container-fluid{ border-bottom:0; }
.top-nav-collapse .navbar-brand img{ height:30px; }
.top-nav-collapse .navbar-nav>li{ padding-top:20px; }

/* --- FOOTER --- */

footer{ background:#000; z-index:9999; font-size:13px; height:40px; line-height:40px; position:fixed; bottom:0; left:0; width:100%; }
footer a{ margin-left:5px; }
footer a#endorsement-last{ margin-right:15px; }
footer 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;
}
footer 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 --- */

body#home{ height:100vh; }

.cycle-slideshow,.cycle-slideshow .slide{ width:100%; height:100vh; position:relative; }
.slide-bg-fader{ position:absolute; top:0; left:0; width:100%; height:100vh; background:#000; opacity:0.5; z-index:1; }

#x-varg-utan-flock{ background:url(../img/slides/x-varg-utan-flock.jpg) center center; background-size:cover; }
#x-varg-utan-flock .slide-bg-fader{ opacity:0.2; }
#vi-klagopsalmer-lp{ background:url(../img/slides/vi-klagopsalmer-lp.jpg) center center; background-size:cover; }
#vi-klagopsalmer-lp .slide-bg-fader{ opacity:0.6; }
#official-merch{ background:url(../img/slides/official-merch.jpg?v=2) center center; background-size:cover; }
#official-merch .slide-bg-fader{ opacity:0.7; }

.slide-content{ width:100%; height:100vh; text-transform:uppercase; position:relative; z-index:2; padding:20px; }
.slide-content h1{ font-size:63px; color:#83795B; margin-bottom:25px; letter-spacing:15px; margin-left:-15px; text-shadow: 0px 0px 2px #1D1D1F;}
.slide-content h1 span{ font-size:23px; color:#fff; letter-spacing:7px; display:block; line-height:2em; }
.slide-content h4{ font-size:15px; letter-spacing:5px; margin-left:-5px; margin-bottom:45px; color:#fff;  text-shadow: 0px 0px 2px #1D1D1F;}
.slide-content h4 span{ color:#83795B; }

.btn-slide{ border:1px solid #fff; border-radius:0; color:#fff; letter-spacing:3px; padding: 6px 9px 6px 12px; margin:0 5px; }
.btn-slide:hover{
    color: #fff;
    background: rgba(255, 255, 255, 0.25);
    -moz-transition: background .4s ease-in-out;
    -webkit-transition: background .4s ease-in-out;
    -moz-transition: background .4s ease-in-out;
    cursor: pointer;
}

#progress { position: absolute; bottom:40px; height: 5px; width: 0px; background:rgba(164,152,113,0.3); z-index: 500; }
#prevControl,#nextControl{ 
  position:absolute;
  top:50%;
  opacity:0.5;
  margin-top:-20.5px;
  z-index:900;
  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;
}

#mc-embedded-subscribe{ margin:0!important; }
#mc_embed_signup input{ border:0!important; }

/* --- TEXTPAGES --- */

#bg-fader{ background:#000; width:100%; height:100vh; position:fixed; left:0; top:0; opacity:0.5; z-index:0; }
#news{ background:url(../img/bgs/news.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; }
#news #bg-fader{ opacity:0.1; }
#news .navbar .container-fluid{ border-color:#333; }
#band{ background:url(../img/bgs/band.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; }
#band #bg-fader{ opacity:0.1; }
#band .navbar .container-fluid{ border-color:#333; }
#releases{ background:url(../img/bgs/releases.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; }
#releases #bg-fader{ opacity:0.4; }
#releases .navbar .container-fluid{ border-color:#666; }
#tour{ background:url(../img/bgs/tour.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; }
#tour #bg-fader{ opacity:0.2; }
#tour .navbar .container-fluid{ border-color:#333; }
#media{ background:url(../img/bgs/media.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; }
#media #bg-fader{ opacity:0.5; }
#media .navbar .container-fluid{ border-color:#666; }
#contact{ background:url(../img/bgs/contact.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; }
#contact #bg-fader{ opacity:0.5; }
#contact .navbar .container-fluid{ border-color:#333; }

#main{ margin-top:150px; z-index:1; position:relative; }
.container-full{ padding:0 120px; }

.content-item{ background:rgba(33,33,33,0.5); padding:30px; margin-bottom:60px; }

/* NEWS & TOUR */

.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(56,56,56,0.5); 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(164,152,113,0.5);
  border:none;
  color:#fff;
}
.tab-content{ margin-bottom:15px; }

/* NEWS */

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

 /* RELEASES & MEDIA */

.release .content-item,.video .content-item{ padding:15px; margin-bottom:30px; }
.release .release-image{ margin-bottom:15px; }
.release a h3,.video h3{ font-size:15px; color:#fff; line-height:22px; text-align:center; margin-bottom:0; }
.release a h3 strong, .video h3 strong{ font-size:18px; color:#bbb296; }

.release:nth-child(4n+1){ clear:both; }
.video:nth-child(2n+1){ clear:both; }

 /* RELEASES > HOVER */

.release-anchor{ display:block; }
.release-anchor:hover{ cursor:pointer; }
.release-wrapper { position:relative; }
.release-image { width: 100%; }
/* 
.release-wrapper h1{ text-transform:none; }
.release-wrapper h3 {
  text-align:center;
  position:absolute;
  top:50%;
  width:100%;
  transform:translate(0%,-50%);
  -webkit-transform:translate(0%,-50%);
  -ms-transform:translate(0%,-50%);
  color:#FFFFFF;
  font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
  text-transform:none;
  display:none;
  margin-top:0;
  font-size:16px;
  line-height:30px;
  padding-left:5px;
  padding-right:5px;
}
.release-wrapper img{ width:100%; }
.release:hover .release-image {
  filter: brightness(0.3);
  -webkit-filter:brightness(0.3);
  -ms-filter:brightness(0.3);
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay:0s;
}
.release:hover h3 { display:block; }
*/
.release-info table{ width:100%; font-size:16px; }
.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; }


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

@media (max-width:991px){



}

/* ------------ DESKTOPS ------------ */

@media (min-width:767px){

  #main-nav .container-fluid{ margin:0 30px; }
  footer .container-fluid{ padding:0 30px; }

  /* --- TOUR --- */

  .tour-table .display-table-cell{ border-bottom:1px #333 solid; padding:15px 0; min-height:35px; }
  .tour-table .display-table-cell.last{ text-align:right; }

}

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

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

  /* --- HOME --- */

  .slide-content h1{ font-size:51px; margin-left:-10px; letter-spacing:10px; }
  .slide-content h1 span{ font-size:20px; letter-spacing:7px; }
  .slide-content h4{ font-size:15px; letter-spacing:5px; margin-left:-5px; }

}

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

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

  .container-full { padding: 0 60px; }

  /* --- HOME --- */

  .slide-content h1{ font-size:43px; margin-left:-10px; letter-spacing:10px; }
  .slide-content h1 span{ font-size:18px; letter-spacing:7px; }
  .slide-content h4{ font-size:13px; letter-spacing:5px; margin-left:-5px; }
  
}

@media (min-width:992px) and (max-width:1050px){
  .navbar{  font-size:13px; letter-spacing:0px; }
}

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

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

  .container-full { padding: 0 40px; }

  .navbar{  font-size:13px; letter-spacing:0px; }
  .navbar-default .navbar-nav>li{ padding-top:17px; }
  #nav-socials.nav>li{ padding-top:16px; }

  /* --- HOME --- */

  .slide-content h1{ font-size:40px; margin-left:-10px; letter-spacing:10px; }
  .slide-content h1 span{ font-size:18px; letter-spacing:5px; }
  .slide-content h4{ font-size:14px; letter-spacing:3px; margin-left:-3px; }
  .btn-slide{ font-size:13px; }

}

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

@media (max-width:767px){

  #main-nav .navbar-toggle{ border-radius:0; padding:16px 16px; margin-bottom:0; background: #83795B; border:none; }
  #main-nav .navbar-toggle .icon-bar{ background:#fff; }
  #main-nav.top-nav-collapse .navbar-toggle{ padding:10px 10px; }
  #main-nav .navbar-collapse, #main-nav .navbar-form{ border:none; background:#000; }
  #main-nav .navbar-nav>li{ padding-top:5px; padding-bottom:5px; }

  #main-nav{ text-align:center; }
  #nav-socials.nav>li>a.btn-default{ margin-left:0; }

  #main{ margin-top:100px; }
  .container-full{ padding:15px; }
  .content-item{ margin-bottom:30px; padding:15px; }

  footer{ position: initial; height:auto; line-height:30px; }
  footer, footer .text-right{ text-align:center!important; }
  footer span{ display:block; }

  h2{ font-size:25px; }

  /* --- HOME --- */

  .cycle-slideshow,.cycle-slideshow .slide,.slide-bg-fader,.slide-content{ height:75vh; }
  #progress{ bottom:0; }

  .slide-content{ padding:50px; padding-top:65px; padding-bottom:0; }
  .slide-content h1{ font-size:28px; margin-left:-5px; letter-spacing:5px; margin-bottom:10px; }
  .slide-content h1 span{ font-size:13px; letter-spacing:3px; }
  .slide-content h4{ font-size:11px; letter-spacing:3px; margin-left:-3px; line-height:20px; margin-bottom:20px; }
  .btn-slide{ margin-bottom:5px; font-size:11px; }

  /* --- NEWS --- */

  .news-toggle{ background:#333; width:100%; border-radius:0; margin:0; }
  #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-thumb { width: 100%; margin-left: 0; margin-right:0; float:none; }

  /* --- TOUR --- */

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


}

/* --- MODAL --- */

.modal-header{ padding-bottom:15px; border-bottom:0px #666 solid; }
.modal-header h1{ margin:0; }
.modal-content .close{ color:#fff; font-size:50px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
.modal-content{ background:none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.modal-body{ padding-top:0; }
.modal-footer{ border:0; }
.modal .close{ opacity:1; font-weight:normal; }
.modal .close:hover{ opacity:.3; -webkit-transition: all 0.3s ease;}
.modal-backdrop.in{ opacity:.9; }
.modal-close{ margin-top:30px; }
@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; } }