/*


    _/      _/    _/_/    _/      _/    _/_/_/
   _/_/  _/_/  _/    _/  _/      _/  _/
  _/  _/  _/  _/_/_/_/  _/      _/    _/_/
 _/      _/  _/    _/    _/  _/          _/
_/      _/  _/    _/      _/      _/_/_/


*/
/* Selection colours (easy to forget) */
::selection     {background: rgb(254,248,214);}
::-moz-selection  {background: rgb(254,248,214);}
img::selection    {background: transparent;}
img::-moz-selection {background: transparent;}
body {-webkit-tap-highlight-color: rgb(254,248,214);}

body {
  font-family: 'DIN-Black', sans-serif;
  font-weight: 500;
  background: #0c0f14;
  min-width: 320px;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'DIN-Black',sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  line-height: 1.3em;
}
.din-light{
  font-family: 'DIN-Light',sans-serif;
}
.block { display: block; }
.inline-block { display: inline-block; }

.fullwidth { max-width: 100%; }
.fullwidth [class*="block-grid-"] { margin-right: 0; margin-left: 0; }
.fullheight { height: 100vh; }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .fullheight {
    height: 50vh;
  }
}
@media screen and (max-width: 39.9375em) {
  .fullheight {
    height: 50vh;
  }
}


.flush-padding .columns { padding-left: 0; padding-right: 0; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.uppercase { text-transform: uppercase; }
.bold { font-weight: 900; }

.white { color: #FFF; }
.white-bg { background-color: #FFF; }
.light-grey-bg { background-color: #FEFEFE; }
.cream { color: #f8f4ed; }
.cream-bg { background-color: #f8f4ed; }
.black { color: #00303e; }
.black-bg { background-color: #262626; }
.bg-true-black { background-color: #000000; }
.hittv-black-bg { background-color: #081010; }
.brigador-black-bg { background-color: #0e0b12; }
.cyan { color: #008cc1; }
.cyan-bg { background-color: #008cc1; }

.light-blue { color: #69b4bb; }
.light-blue-bg { background-color: #69b4bb; }

.blue { color: #023240; }
.blue-bg { background-color: #023240; }
.purple { color: #291c26; }
.purple-bg { background-color: #291c26; }
.red { color: #e52f6a  }/* #ed4b5b; */
.red-bg { background-color: #e52f6a; }
.chrome-red { color: #db2334; }
.chrome-red-bg { background-color: #db2334; }
.chrome-teal { color: #60909c; }
.chrome-teal-bg { background-color: #60909c; }
.hidden, .is-hidden { display: none !important; }
.letterspace { letter-spacing: 2px; }
.letterspace-wide { letter-spacing: 1em; }

.bg-contain {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.bg-top { background-position: top center;}
.padding { padding: 3em; }

.padding-top-xsmall { padding-top: 0.5em; }
.padding-top-small { padding-top: 1.5em; }
.padding-top { padding-top: 3em; }
.padding-top-large { padding-top: 5em; }
.padding-top-xlarge { padding-top: 7em; }
.padding-bottom { padding-bottom: 3em; }
.padding-bottom-xsmall { padding-bottom: 0.5em; }
.padding-bottom-small { padding-bottom: 1.5em; }
.padding-bottom-large { padding-bottom: 5em; }
.padding-bottom-xlarge { padding-bottom: 7em; }
.padding-left { padding-bottom: 3em; }
.padding-left-xsmall { padding-left: 0.5em; }
.padding-left-small { padding-left: 1.5em; }
.padding-left-large { padding-left: 5em; }
.padding-left-xlarge { padding-left: 7em; }
.padding-right { padding-right: 3em; }
.padding-right-xsmall { padding-right: 0.5em; }
.padding-right-small { padding-right: 1.5em; }
.padding-right-large { padding-right: 5em; }
.padding-right-xlarge { padding-right: 7em; }

.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; }

.relative { position: relative; }

.offset-top {
  position: relative;
  top: -100px;
}
@media screen and (max-width: 39.9375em) {
  .offset-top {
    top: -20px;
  }
}
.offset-left {
  position: relative;
  left: -100px;
}
.fixed-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 70px;
}
.fixed-left:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('images/mavs--breaking-news--sidebar-footer.png') no-repeat;
  background-position: center bottom;
  background-size: contain;
  width: 100%;
  height: 225px;
  z-index: 100;
}
.top-index {
  z-index: 1000;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .fixed-left {
    height: 100%;
    width: 35px;
    background-position: top center;
  }
  .fixed-left:after {
    height: 150px;
  }
}
@media screen and (max-width: 39.9375em) {
  .fixed-left {
    height: 100%;
    width: 20px;
    background-position: top center;
  }
  .fixed-left:after {
    height: 70px;
  }
}

a, a:active {
  color: #ed4b5b;
  text-decoration: none;
}
a:hover {
  color: #ff0019;
}

sup {
  font-size: .5em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* 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; }

.button {
  display: inline-block;
  background-color: #262626;
  color: #e52f6a ;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: "DIN-Black",sans-serif;
  padding: 5px 30px;
  border: 2px solid #e52f6a;
}

.button:hover,
.button.hover {
  color: #FFF;
  border: 2px solid #FFF;
}
.button.slim {
  padding: 5px 10px;
  border: 1px solid #e52f6a;
}
.button.brigador {
  font-family: "DIN-Light",sans-serif;
}
.button.brigador:hover {
  color: #FFF;
  border-color: #FFF;
}
.button.light {
  background: #FFF;
  color: #333;
}
.button.light:hover {
  border: 2px solid #F00;
  background: #FEFEFE;
  color: #F00;
}
.button.red-pill {
  background: #ba202e;
  color: #FFF;
  border: none;
  border-radius: 20px;
  margin-bottom: 12px;
}
.button.red-pill:hover {
  background-color: #f7881f;
}
@media screen and (max-width: 39.9375em) {
  .button.red-pill {
    font-size: 14px;
  }
}
.discog-label {
  opacity: 0.6;
}

input.email {
  padding: 8px 10px;
  font-size: 22px;
  color: #000;
  width: 60%;
  font-family: "DIN-Light",sans-serif;
}
.button.xlarge {
  font-size: 22px;
  top: 4px;
  position: relative;
}
/*    Tablet Layout:   */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

}
/*    Mobile Layout:   */
@media screen and (max-width: 39.9375em) {
  [class*="block-grid-"] {
    margin: 0;
  }
  .small-only-top-offset {
    position: relative;
    top: -100px;
    margin-bottom: -100px;
  }
}
/* Small only */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* HEADER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;
}
.navbar.is-scrolled {
  /* background: #0e0b12; */
}
body .news-anchors {
  -webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
body.is-scrolled .news-anchors {
  -webkit-filter: blur(1.3em);
  filter: blur(1.3em);
}

.embed, .vid-bg {
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.embed.sixteen-nine {
  padding-top: 41.8%;
}
.embed iframe,
.embed a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed a {
  display: block;
}
.embed a img {
  width: 100%;
  height: auto;
}
.vid-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.vid-container video {
  /* Make video to at least 100% wide and tall */
 min-width: 100%;
 min-height: 100%;

 /* Setting width & height to auto prevents the browser from stretching or squishing the video */
 width: auto;
 height: auto;

 /* Center the video */
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}
.vid-container a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* misc */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.negative-end:after {
  content: "\201D";
  position: absolute;
  bottom: 20px;
  right: 10px;
  font-size: 20px;
  color: #008cc1;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* PHOTOS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.photography {
  min-height: 800px;
}
.photography .imagery {
  position: relative;
}

.photography .imagery li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.photography li a {
  display: block;
}
.photography img {

}
.slideshow {
  min-height: 500px;
  position: relative;
  z-index: 300;
  height: 0;
  padding-top: 65%;
}
.slideshow .entry {
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
.slideshow .entry.is-active {
  opacity: 1;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .photography {
    min-height: 500px;
  }
}
@media only screen and (max-width: 40em) {
  .photography {
    min-height: 200px;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* CONSUME */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.consumation {
  min-height: 500px;

}
.options {
  position: relative;
  z-index: 400;
  margin-top: -40px;
  padding-bottom: 4em;

}
.options .padding {
  padding: 1.5em;
}
.options h2 {
  margin-bottom: 20px;
}
.options h3 {
  line-height: 1.5em;
  margin-bottom: 20px;
  min-height: 85px;
  margin-top: 20px;
}

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

}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* TRANSMISSIONS  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.transmissions {

}
.transmissions .title {
  font-size: 22px;
  padding-bottom: 20px;
}
.thetumblr {
  position: relative;
  min-height: 900px;
}
.thetumblr .entry {
  width: 33.33333%;
  padding: .3em;
}
.thetumblr .entry iframe {
  width: 100%;
}
.thetumblr .timestamp,
.thetumblr blockquote,
.thetumblr .tags {
  display: none;
}


.waveforms .entry {
  margin-bottom: 20px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* FOOTER  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
footer .social a {
  margin-right: 10px;
  margin-left: 10px;
  display: inline-block;
}