/*@font-face {
    font-family: 'furoreregular';
    src: url('../fonts/furore-webfont.eot');
    src: url('../fonts/furore-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/furore-webfont.woff') format('woff'),
         url('../fonts/furore-webfont.ttf') format('truetype'),
         url('../fonts/furore-webfont.svg#furoreregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@keyframes flicker {
  0%   {color: white;}
  100% {color: #222;}
}

@font-face{
  font-family:"Typestar";
  src:url("../fonts/38e1db35-1b38-4a0c-b854-81a4bae37fd0.eot?#iefix");
  src:url("../fonts/38e1db35-1b38-4a0c-b854-81a4bae37fd0.eot?#iefix") format("eot"),url("../fonts/4b4f4574-b2fa-4cbe-8a7c-acffd53fb878.woff2") format("woff2"),url("../fonts/1468581/d2529ecc-2173-4fe0-a25b-455c2ccf802e.woff") format("woff"),url("../fonts/7cf2c2ba-0b83-49c7-a54d-9a532c918a6c.ttf") format("truetype");
}

#skrollr-body {min-height: 1px;} 

body {
  background-color: #000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  width: 100%;
  /*overflow-y: scroll;*/
  /*overflow-x: hidden;*/
}



/*.bodywrapper {
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
} */

h1, h2, h3 .date {
  /*font-family: 'furoreregular';*/
  font-size: 16px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p.courier {
  font-family: 'Courier';
}

h1 {
  font-family: 'Typestar';
  font-size: 65px;
  /*background-color: rgba(0,0,0,0.1);*/
  /*box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.1);*/
  text-shadow: 0 0 10px black; 
  display: inline;
}

h2 {
  font-family: 'Typestar';
  margin-left: -2px;
  font-size: 27px;
}
h3 {
  font-size: 20px;
  font-family: 'Typestar';
/*  background-color: rgba(0,0,0,0.8);
  box-shadow: 6px 0px 15px 15px rgba(0,0,0,0.8);*/
}



#body-image {
  opacity: 0;
  position: fixed;
  top: 0;
  background-image: url('../img/bgxy1.jpg');
  background-position: 50% 0%;
  background-repeat: repeat;
  /*background-attachment: fixed;*/
  background-size: cover;
  height: 100vh;
  width: 100%;
  transition: opacity 0.5s cubic-bezier(0.49,-0.42, 0, 1.71) 0.5s, height 0.5s ease-out;
}

.header {
  position: relative;
  border-bottom: 2px dotted rgba(256,256,256,0.7);
}

.hero {
  /*height: 100vh;*/
}

.main {
  position: relative;
/*  margin-top: 120px;*/
  border-top: 2px dotted rgba(256,256,256,0.7);
}

.shaded {
  background-color: rgba(0,0,0,0.7);
}

.shaded-dark {
  background-color: rgba(0,0,0,0.9);
}

.toplogo {
  background-image: url('../img/TRUST-logo.svg');
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 115px;
  background-size: contain;
  left:  15px;
}

.social {
  text-align:  center;
  padding-bottom:  0 !important;
}

.social ul {
  list-style: none;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  /*float: right;*/
  padding-top: 15px;
}
.social ul li {
  float: left;
}
.social ul li:not(:first-child) {
  margin-left: 10px;
}

.social a img, .socialwrapper a img {
  filter: grayscale(80%);
  transition: filter 0.25s ease-out;
}

.social a:hover img, .socialwrapper a:hover img {
  /*opacity: 0.8;*/
  filter: grayscale(0%); 
}


.titlecontainer {
  margin-top: 160px;
  padding-right: 30px;
  padding-left: 30px;
}

.introcontainer {
  margin-top: 100px;
}

.intro {
  max-width: 500px;
  margin: 25px 15px 0px 0;
  text-align: justify;
  float: left;
  font-family: 'Courier';
  text-shadow: 0 0 10px black; 
  position: relative;
  z-index: 10;
  /*background-color: rgba(18,67 ,58, 0.7);*/
  /*box-shadow: 0px 0px 20px 20px rgba(255,255,255,0.6);*/
  /*box-shadow: 0px 0px 20px 20px rgba(18,67 ,58 ,0.7);*/
  /*padding: 20px;*/
/*  outline: 3px solid rgba(255,255,255,0.8);*/
  text-shadow: 0 0 4px black; 
}


.intro h2 {
  float: left;
  margin: 0 10px 0 0;
  
/*  background-color: rgba(0,0,0,0.4);
  box-shadow: 0px 0px 30px 30px rgba(0,0,0,0.4);*/
}
.intro a.flicker {
  color: white;
  text-decoration: underline;
}
.intro a.flicker:hover {
  animation-name: flicker;
  animation-duration: 0.05s;
  animation-iteration-count: infinite;
}
.intro .more {
  text-align: center;
  background-color: rgba(0,0,0,0.0);
  /*box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.0);*/
  transition: all 0.3s ease-out;
}
.intro .more:hover {
  text-decoration: underline;
  cursor: pointer;
  background-color: rgba(0,0,0,0.2);
  /*box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);*/
  transition: all 0.3s ease-out;
  background-color: rgba(256,256,256,0.2);
  margin: 0 15px;
  padding: 10px 0;
}
.intro .entry {
  height: auto;
  overflow: hidden;
  width: 102%;
}

.intro .entry.minimized {
  height: 0px;
}


.date {
  font-size: 14px;
}

.main h2 {
  margin-left: 15px;
  margin-top: 60px;
}

.maincontainer a {
  color: #fce522;
  text-decoration: none;
}
.maincontainer a:hover {
  color: #fce522;
  text-decoration: underline;
}
.maincontainer a:active {
  color: white;
  background: #fce522;
  background: rgba(255,255,255,0.5);
}



.bandcamp,
.youtube,
.social {
/*  max-width: 500px;*/
  margin: 40px auto 30px auto;
  font-family: 'Typestar';
  font-size: 18px;
/*  padding-bottom: 20px;*/
}

.youtube {
  margin-bottom: 80px;
}

.youtube a {
  font-size: 27px;
}


.bandcamp img,
.youtube img {
  display: block;
  max-width: 300px;
  margin: 15px auto;
  width: 100%;

}
.bandcamp a:hover img,
.youtube  a:hover img{
  opacity: 0.9;
}

.trailer {
/*  margin-top: 40px;*/
  margin: 40px auto 0 auto;
/*  max-width: 700px;*/
  font-family: 'Typestar';
  font-size: 18px;
}

.news {
  margin-bottom: 40px;
}

.news p i {
  background-color: #d21f3e;
  background-color: rgba(210, 31, 62, 0.5);
  padding: 0 3px;
  /*text-indent: -3px; */
  line-height: 1.25em;
  /*display: inline-block;*/
}

/*.row div {
  padding-right: 10px;
  padding-left: 10px;
}*/

/* RELEASES */

.col-lg-4 {
  margin-bottom: 30px;
}


.releases {
  margin: 40px auto 40px auto;
}

.releases .release {
  padding-bottom: 60px;
  opacity:  1;
  transition:  opacity 0.25s ease-out;
}

.releases .release:nth-child(3n+1) {
  clear: both;
}



@media (min-width: 1200px){
  .releases .release:nth-child(3n+1) {
    clear: none;
  }
  .releases .release:nth-child(4n+1) {
    clear: both;
  }
}

@media (min-width: 768px) and (max-width: 991px){
  .releases .release:nth-child(3n+1) {
    clear: none;
  }
  .releases .release:nth-child(2n+1) {
    clear: both;
  }
}

.releases .release.minimized {
  height: 0px;
  overflow: hidden;
  margin: 0;
  padding-bottom: 0;
  min-height: 0px;
  opacity:  0;
}

.release .release-image {
  cursor: wait;
  position: relative;
}
.release.sc-ready .release-image {
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  outline: 0 solid white;
  /*box-shadow: 0px 0px 0 0 rgba(255,255,255,0.6);*/
}

.release.sc-ready .release-image:hover {
/*  outline: 3px solid rgba(255,255,255,0.8);*/
  box-shadow: 5px 5px 0px 0px rgba(255,255,255,1);
}

.release .release-image:after {
  content: '◐';
  font-size: 30px;
  opacity: 0;
  display: block;
  position: absolute;
  top: calc(50% - 18px);
  left: calc(50% - 13px);
  text-shadow: 0 0 10px black; 
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  -webkit-animation:spin 4s linear infinite;
  -moz-animation:spin 4s linear infinite;
  animation:spin 4s linear infinite;
  transition: opacity 0.15s ease-in-out;
}

/*.release.sc-ready .release-image:after {
  content: '';
  
}
*/
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.release .release-image:hover:after {
  opacity: 1;
}

.release.sc-ready .release-image:after {
  content: "\25B6 \FE0E";
  top: calc(50% - 17px);
  left: calc(50% - 10px);
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

.release.sc-playing .release-image:after {
  content: "❚❚";
  top: calc(50% - 18px);
  left: calc(50% - 11px);
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

.release-image.sc-ready:active {
  background: white;
}

.release-image.sc-ready:active img {
  opacity: 0.8;
}

.releases img {
  height: auto;
  width: 100%;
  /*background-color: #d21f3e;*/
  /*transition: all 0.15s ease-out;*/
  /*box-shadow: 0px 0px 0px 1px #114c67;*/
/*  box-shadow: 0px 0px 0px 1px #d21f3e;
  box-shadow: 0px 0px 0px 1px rgba(210, 32, 62, 0);*/
  
}



.releases .upcoming img:hover {
  /*box-shadow: 0px 0px 0px 1px #fce522;*/
  cursor: not-allowed;
}

.sc-player {
  padding: 0 !important;
  overflow: hidden;
  width: 20px;
  position: relative;
  top: -36px;
  left: 12px;
  transition: width 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.sc-player.playing {
  width: 90%;
  width: calc(100% - 30px);
  padding: 0 12px 0 0 !important;
  transition: width 0.3s ease-out, padding 0.3s ease-in-out;
}

.sc-player iframe.sc {
  position: relative;
  left: -30px;
}

.hero .sc-player {
  top: 10px;
  left: 44px;
  opacity: 0;
}

.hero .sc-player.playing {
  width: 90%;
  width: calc(100% - 89px);
  padding: 0 12px 0 0 !important;
  opacity: 1;
  transition: width 0.3s ease-out 0.5s, padding 0.3s ease-in-out, opacity ease-out;
}

.hero .sc-button {
  position: relative;
  width: 30px;
  height: 30px;
  float: left;
  left: 15px;
  cursor: pointer;
}

/*.hero .sc-player iframe.sc {
  left: -30px;
}
*/
.hero .sc-button:before {
  content: '◐';
  font-size: 30px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  text-shadow: 0 0 10px black; 
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-animation:spin 4s linear infinite;
  -moz-animation:spin 4s linear infinite;
  animation:spin 4s linear infinite;
  transition: opacity 0.15s ease-in-out;
  transform-origin: 50% 60%;
}

.hero.sc-ready .sc-button:before {
  content: "\25B6 \FE0E";
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

.hero.sc-playing .sc-button:before {
  content: "❚❚";
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}



.releases .more {
  font-family: 'Typestar';
  font-size: 27px;
  text-align: center;
  background-color: rgba(0,0,0,0.2);
  /*box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);*/
  transition: all 0.3s ease-out;
  clear: left; 
  padding: 10px 0;
  width: 190px;
  margin: 0 auto;
  /*border:  1px solid white;*/
  margin-bottom:  30px;
}

.releases .more:hover {
  text-decoration: none;
  cursor: pointer;
  /*background-color: rgba(0,0,0,0.4);*/
  /*box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.4);*/
  background-color:  white;
  color:  black;
  transition: all 0.3s ease-out;
}

.releases p, .trailer p, .bandcamp div, .youtube div {
  /*background-color: rgba(0,0,0,0.5);*/
  /*box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.5);*/
}

.videowrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; 
  margin: 20px auto 20px auto;
  /*background-color: rgba(0,0,0,0.5);*/
  /*box-shadow: 0px 0px 20px 20px rgba(0,0,0,0.5);*/
}

.videowrapper.four-by-three {
  padding-bottom: 75%;
}

.videowrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pink {
  background-color: #d21f3e;
}

.row-imprint {
  text-align: center;
}

.imprint-toggle {
  font-family: 'Typestar';
  font-size: 18px;
  cursor: pointer;
  margin-top: 20px;
}

.imprint {
  height: auto;
  overflow: hidden;
  margin: 20px 20px 100px 20px;
  font-family: 'Typestar';
  font-size: 18px;
}

.imprint.minimized {
  height: 0px;
}

.ske {
  margin: 20px;
  font-family: 'Typestar';
  font-size: 18px;
}

.ske + a > img {
  margin-bottom: 40px;
}

.ske + a:hover > img {
  opacity: 0.8;
}


/*input[type="text"],
input[type="email"] {
  margin-right: 10px;
  margin-top: 10px;
  height: 38px;
  width: 204px;
  width: calc(100% - 97px);
  padding: 6px 10px;
  border: 1px solid #d21f3e;
  background: white;
  background: rgba(0,30,42,0.7);
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

.abutton {
  height: 38px;
  /*width: 80px;*/
  margin-top: 10px;
  padding: 6px 12px;
  border: 1px solid #d21f3e;
  background-color: #7a143a;
  color: white;
  border-radius: 4px;
  font-family: 'furoreregular';
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.abutton:hover {
  color: black;
  background-color: #d21f3e;
}
.abutton:active {
  color: black;
  background-color: white;
}

.copyright {
  width: 190px;
  margin: 0 auto;
}
.key {
  width: 80px;
  margin: 0 auto 20px auto;
}

.nopad {
  margin: 0;
  padding: 0;
}

/* fancybox changes */

.fancybox-title-float-wrap .child {
  /*height: 28px;*/
  /*width: 80px;*/
  margin-top: 30px;
  padding: 3px 12px;
  border: 1px solid #d21f3e;
  background-color: #7a143a;
  color: white;
  border-radius: 4px;
  font-weight: normal;
  /*font-family: 'furoreregular';*/
  font-size: 14px;
  position: relative;
  top: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 0px 135px rgba(250, 250, 260, 0.5);
  -moz-shadow: 0 0px 135px rgba(250, 250, 260, 0.5);
  box-shadow: 0 0px 135px rgba(250, 250, 260, 0.5);
}

.fb-like-box {
  padding: 0 !important;
  margin-left: -6px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  h1 {
    font-size: 50px;
  }
  .toplogo {
    min-height: 95px;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 80%;
    margin-left: 0;
    margin-right: auto;
  }
  .social {
    text-align: center;
  }
  .social ul {
    padding-top: 15px;
    float: none;
    margin: 0 auto;
    width: 200px;
  }
  .titlecontainer {
    margin-top: 70px
  }
  .introcontainer {
    margin-top: 30px;
  }
  .main {
/*    margin-top: 90px;*/
  }
}


#mc_embed_signup{clear:left;}

#mc_embed_signup .optionalParent {
  float: right;
}

#mc_embed_signup h3 {
  float: left;
  margin-top: 8px;
}

.mc-field-group {
  float: right;
  width: 417px;
  margin-right: 20px;
  display: inline-block;
}

#mce-EMAIL {
  width: 100%;
  height: 41px;
  border: 1px;
  padding-left: 15px;
}

#mc-embedded-subscribe {
  -webkit-appearance: none;
  font-family: 'Typestar';
  border: 1px solid white;
  color: white;
  padding: 10px 15px;
  background: rgba(0,0,0,0.6);
}

#mc-embedded-subscribe:hover {
  background: rgba(255,255,255,0.3);
}

@media (max-width: 991px){
  #mc_embed_signup h3 {
    clear: both;
    margin-top: 8px;
    margin-bottom: 15px;
    width: 100%;
  }
  .mc-field-group {
    float: left;
    width: 80%;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline-block;
  }
}

@media (max-width: 690px){
  .mc-field-group {
    width: calc(100% - 130px);
  }
}

.newslettercontainer {
  padding: 45px 30px;
}

.newsletter-signup {
  width: 100%;
  position: relative;
  margin-top: 150px;
  border-top: 2px dotted rgba(256,256,256,0.7);
}


#cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background: black;
  color: white;
  padding: 30px;
  transition: opacity 0.15s ease-out, bottom 0.15s ease-out;
/*  .cookie-checkbox {
    float: left;
    margin-right: 30px;
    label {
      margin-left: 5px;
    }
  }*/
  
}

/*#cookie-banner .hidden {
    opacity: 0;
    bottom: -160px;
  }

.#cookie-banner .cookie-buttons {
  float: right;
  .flat-button {
    &:first-child {
      margin-right: 20px;
    }
  }
}
*/