/*
    ___    ____  ____  __    __    ____     __  ______  __
   /   |  / __ \/ __ \/ /   / /   / __ \   / / / / __ \/ /
  / /| | / /_/ / / / / /   / /   / / / /  / / / / /_/ / /
 / ___ |/ ____/ /_/ / /___/ /___/ /_/ /  / /_/ / ____/_/
/_/  |_/_/    \____/_____/_____/\____/   \____/_/   (_)

*/
/* Selection colours (easy to forget) */
::selection     {background: rgb(12,160,220); color: #FFF; }
::-moz-selection  {background: rgb(12,160,220); color #FFF; }
img::selection    {background: transparent;}
img::-moz-selection {background: transparent;}
html { height: 100%; }
body {-webkit-tap-highlight-color: rgb(12,160,220);}

body {
  font-family: sans-serif;
  font-weight: 500;
  line-height: 1.3em;
  height: auto !important;
  min-width: 320px;
  min-height: 100%;
  overflow-x: hidden;
}


h1, h2, h3, h4, h5, h6 {
  font-family: "FuturaBold", sans-serif;
  font-weight:600;
  font-stretch:normal;

  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}
.futura { font-family: 'FuturaBold', sans-serif; }
.futura-medium { font-family: 'FuturaMedium',sans-serif; }
.tight-left { margin-left: -.3em; }
.tight-right { margin-right: -.3em; }


.fullwidth { max-width: 100%; }
.fullwidth [class*="block-grid-"] { margin-right: 0; margin-left: 0; }
.flush-padding .columns { padding-left: 0; padding-right: 0; }
.flush-list li { padding-left:0; padding-right: 0; }
[class*="block-grid-"].flush-list>li {
  padding: 0;
}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.uppercase { text-transform: uppercase; }
.bold { font-weight: 900; }
.small { font-size: 11px; }

.white { color: #dfdee1; }
.white-bg { background-color: #dfdee1; }
.bright-white { color: #FFF; }
.bright-white-bg { background-color: #FFF; }
.black { color: #050505; }
.black-bg { background-color: #050505; }
.red { color: #b8222a; }
.red-bg { background-color: #b8222a; }
.gold { color: #de9d30; }
.gold-bg { background-color: #dd9c3d; }

.hidden, .is-hidden { display: none !important; }
.letterspace { letter-spacing: 2px; }
.letterspace-wide { letter-spacing: 1em; }

.padding-top-xsmall { padding-top: .5em; }
.padding-bottom-xsmall { padding-bottom: .5em; }
.padding-top-small { padding-top: 1.5em; }
.padding-bottom-small { padding-bottom: 1.5em; }
.padding-top { padding-top: 3em; }
.padding-bottom { padding-bottom: 3em; }
.padding-top-large { padding-top: 5em; }
.padding-bottom-large { padding-bottom: 5em; }

.margin-top-small { margin-top: 1.5em; }
.margin-bottom-small { margin-bottom: 1.5em; }
.margin-top { margin-top: 3em; }
.margin-bottom { margin-bottom: 3em; }
.margin-top-large { margin-top: 5em; }
.margin-bottom-large { margin-bottom: 5em; }

a, a:active {
  color: #b8222a;
  text-decoration: none;
}
a:hover {
  color: #ff0000;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* tOOLS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.border { border: 10px solid #023240; }
.border-thick { border: 12px solid #023240; }
.border-thin { border: 5px solid #023240; }
.border-bottom { border-bottom: 1px solid #023240; }
.border-black { border-color: #023240; }
.border-left { border-left: 1px solid #023240; }
.border-right { border-left: 1px solid #023240; }
.border-top { border-top: 1px solid rgba(0,0,0,.2); }
.border-bottom { border-bottom: 1px solid rgba(0,0,0,.2); }

.clearfix { font-size: 1px; line-height: 1px; clear: both; }
.smaller { font-size: 13px; line-height: 15px; }
.tight-lineheight { line-height: 1em; }
.relative { position: relative; }
.parent-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button {
  display: inline-block;
  color: #FFF;
  background: #b8222a;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: "FuturaBold", sans-serif;
  font-weight: 600;
  font-stretch: normal;
  padding: 10px 30px;
  border-radius: 5px;
}

.button:hover,
.button.hover {
  color: #FFF;
  background: #FF0000;
}


/*    Tablet Layout:   */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {


}
/*    Mobile Layout:   */
@media only screen and (max-width: 40em) {

}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* HEADER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.navbar {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 500;
  border-bottom: 1px solid rgba(255,255,255,.2);
}
.navbar h3 {
  font-size: 24px;
}
.navbar .logo {
  height: 45px;
  width: auto;
}
header .primary-title {
  display: inline;
  margin-right: 10px;
}
header nav {
  display: inline;
}
header nav a {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: -3px;
  margin-right: 10px;
}
header nav a:hover {
  color: #FFF;
  opacity: .5;
}
/*    Tablet Layout: 768px.  */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .navbar nav {
    clear: both;
    display: block;
  }

}
/*    Mobile Layout: 320px.  */
@media only screen and (max-width: 40em) {
  .navbar .columns {
    text-align: center;
  }
  .navbar .title-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .navbar h3 {
    margin: 0;
    padding: 0;
  }
  .navbar nav {
    display: none;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* HEADER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.social {

}
.social a {
  background: #000;
  color: #FFF;
  display: inline-block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  padding: 7px;
  -webkit-radius: 40px;
  border-radius: 40px;

  text-align: center;
  margin-right: 5px;
  margin-top: 14px;
  border: 2px solid rgba(255,255,255,0.3);
  font-size: 13px;
  line-height: 1em;

  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}
.social a.soundcloud i {
  left: -1px;
  position: relative;
}
.social a:hover {
  color: #000;
  background: #FFF;
}
@media only screen and (max-width: 40em) {
  .social {
    padding-bottom: 5px;
  }
  .social a {
    margin-top: 0;
  }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* ADVENTURE */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.theband {
  min-height:500px;
  position: relative;
  background: #ebebeb;
}
.theband .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: contain;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

}
@media only screen and (max-width: 40em) {
  .theband {
    margin-top: 0px;
    min-height: 0;
    height: 0;
    padding-bottom: 50%;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* THE ALBUM */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.thealbum {
  margin-top: 0px;
  z-index: 100;
  position: relative;
}
.thealbum .cover {
  display: block;
  -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.05);
  box-shadow: 0 0 10px 5px rgba(0,0,0,.05);
  margin-top: -450px;

}
.sticker {
  position: absolute;
  color: #FFF;
  top: -400px;
  right: -70px;
  font-size: 15px;
  color: #FFF;
  background: #F00;
  overflow: hidden;
  text-align: center;
  width: 140px;
  height: 140px;
  border-radius: 70px;
  padding-top: 55px;
  -moz-transform: scale(1) rotate(10deg);
  -webkit-transform: scale(1) rotate(10deg);
  -o-transform: scale(1) rotate(10deg);
  -ms-transform: scale(1) rotate(10deg);
  transform: scale(1) rotate(10deg);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.sticker:hover {
  color: #FFF;
  -moz-transform: scale(1.1) rotate(5deg);
  -webkit-transform: scale(1.1) rotate(5deg);
  -o-transform: scale(1.1) rotate(5deg);
  -ms-transform: scale(1.1) rotate(5deg);
  transform: scale(1.1) rotate(5deg);
}
.thealbum h1 {
  font-size: 55px;
}
.thealbum h2 {
  font-size: 30px;
}
.thealbum ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.tracks li {
  margin-bottom: 5px;
}
.actions .flush-list a {
  display: block;
  padding: 10px;
  /* box-shadow: inset 0 0 1px rgba(0,0,0,0.4);; */
  border-right: 1px solid rgba(0,0,0,0.4);

}
.actions .flush-list li a.button {
  border-radius: 0 0 0 0;
}
.actions .flush-list li:first-child a.button {
  border-radius: 5px 0 0 5px;
}
.actions .flush-list li:last-child a.button {
  border-radius: 0px 5px 5px 0px;
}
.catalog-number {
  background: rgba(0,0,0,0.1);
  color: #fff;
  padding-left: 5px;
  padding-right: 5px;
}
.tracks .numbers {
  font-size: 11px;
  color: rgba(0,0,0,0.2);
}

.album-credits {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.album-credits p {
  margin-top: 0;
  margin-bottom: 20px;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

}
@media only screen and (max-width: 40em) {
  .thealbum .cover {
    margin: 0 auto;
    margin-top: -160px;
  }
  .thealbum h1 {
    font-size: 35px;
  }
  .thealbum h2 {
    font-size: 20px;
  }
  .actions .flush-list li a.button {
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .actions .flush-list li:first-child a.button {
    border-radius: 5px;
  }
  .actions .flush-list li:last-child a.button {
    border-radius: 5px;
  }
  .album-credits {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
      -moz-column-count: 1; /* Firefox */
      column-count: 1;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* VIDEOS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.embed.relative {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  z-index: 100;
}
.embed.relative iframe {
  position: absolute;
  top:0; left:0;
  width: 100%; height:100%;
}
.videoplayer .background {
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .2;
}
.videoplayer .row {
  position: relative;
  z-index: 100;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* INSTAGRAM */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.instafeed .desc {
  display: none;
}
.instafeed a.primary {
  display: block;
  border: 2px solid #FFF;
  -webkit-transition: all .1s ease-out;
  -moz-transition: all .1s ease-out;
  -ms-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
}
.instafeed a.primary:hover {
  transform: scale(1.01, 1.01);
  -webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,.2);
  box-shadow: 0 0 20px 5px rgba(0,0,0,.2);
}
@media only screen and (max-width: 40em) {
  .instafeed [class*="block-grid-"] {
    margin-left: 20px;
    margin-right: 20px;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* FOOTER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
form {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  padding: .4em;
  position: relative;
}
input[type=text],
input[type='email'] {
  width: 75%;
  border: none;
  -webkit-appearance: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 77%;
  background: #FFF;
  padding: 10px;
  -webkit-border-radius: 6px 0px 0px 6px;
  border-radius: 6px 0px 0px 6px;
}
input[type='submit'],
button[type='submit'] {
  -webkit-appearance: none;
  border: none;
  -webkit-border-radius: 0px 6px 6px 0px !important;
  border-radius: 0px 6px 6px 0px !important;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  padding: 10px 0;
}
#mc_embed_signup {
  margin-bottom: 20px;
  margin-right: 10px;

  text-align: left;
}
#mc_embed_signup h3 {
  margin-bottom: 10px;
  text-align: center;
}
#mc_embed_signup form {
  margin-left: 0px;
  padding: 10px  !important;
}
#mc_embed_signup input.btn {
  margin-right: 10px !important;
  background-color: #5dc1ff;
  color: #FFF;
  text-transform: uppercase;
  float: right;
  padding: 5px;
}
footer {

}

@media only screen and (max-width: 40em) {
  footer {

  }

}