@import url(../../bower_components/frescojs-light/css/fresco/fresco.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd,
q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt,
dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot,
thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption,
footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time,
mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup,
main, menu, nav, section, summary {
  display: block; }

html {
  box-sizing: border-box; }

*, * ::after, * ::before {
  box-sizing: inherit; }

@font-face {
  font-family: 'sade';
  src: url("../fonts/sade.eot"); }

@font-face {
  font-family: 'sade';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SB6AAAAC8AAAAYGNtYXCBj3fUAAABHAAAAJxnYXNwAAAAEAAAAbgAAAAIZ2x5Zump0LMAAAHAAAAKHGhlYWQMZsUbAAAL3AAAADZoaGVhB8ID0QAADBQAAAAkaG10eDYABSgAAAw4AAAAQGxvY2ERZg86AAAMeAAAACJtYXhwABYAwQAADJwAAAAgbmFtZUkPyNkAAAy8AAABYnBvc3QAAwAAAAAOIAAAACAAAwPZAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADqnQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAgAAAABwAEAADAAwAAQAg4ALgOOBX4RfhIOqQ6pLqlOqW6p3//f//AAAAAAAg4ALgN+BW4RfhIOqQ6pLqlOqW6p3//f//AAH/4yACH84fsR7yHuoVexV6FXkVeBVyAAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADACsAKwPVAysAFAAmAC4AABMhMhcWFREUBwYjISInJjURNDc2MwERAQYjIicBERQXFjMhMjc2NQMhIgcJASYjqwKqNSYlJSY1/VY1JiUlJjUC1f6bDA8PDP6bDA0SAqoSDQwr/VYHBwFjAWMHBwMrJiU1/gA1JiUlJjUCADUlJv2AAdL+4goKAR7+LhINDAwNEgIqAv7kARwCAAADACv/1QPVA4AAKgBLAHQAAAEyFxYXFhcWFRQHBgcXFhUUBwYjIi8BBgcGIyInJicmJyY1NDc2NzY3NjMVIgcGBwYHBhUUFxYXFhcWMzI3Njc2NzY1NCcmJyYnJiMVMhcWHQEzMhcWFRQHBisBFRQHBiMiJyY9ASMiJyY1NDc2OwE1NDc2MwGrTkdHMzQeHxYWKPIMDAwSEg3yMj09Q05IRzMzHx4eHzMzR0hOPTc4KCgXGBgXKCg4Nz08ODcoKBgXFxgoKDc4PBENDFYRDQwMDRFWDA0REg0MVRINDAwNElUMDRIDgB8eMzRHR05DPT4y8gwSEgwNDfIoFhYeHzM0R0dOTkdHNDMeH1UYGCgoNzc9PTc3KCgYGBgYKCg3Nz09NzcoKBgYgA0MElUNDBISDA1VEgwNDQwSVQ0MEhIMDVUSDA0AAAAAAwAr/9UD1QOAACoASwBeAAABMhcWFxYXFhUUBwYHFxYVFAcGIyIvAQYHBiMiJyYnJicmNTQ3Njc2NzYzFSIHBgcGBwYVFBcWFxYXFjMyNzY3Njc2NTQnJicmJyYjAyEyFxYVFAcGIyEiJyY1NDc2MwGrTkdHMzQeHxYWKPIMDAwSEg3yMj09Q05IRzMzHx4eHzMzR0hOPTc4KCgXGBgXKCg4Nz08ODcoKBgXFxgoKDc4PIABABENDAwNEf8AEg0MDA0SA4AfHjM0R0dOQz0+MvIMEhIMDQ3yKBYWHh8zNEdHTk5HRzQzHh9VGBgoKDc3PT03NygoGBgYGCgoNzc9PTc3KCgYGP8ADQwSEgwNDQwSEgwNAAAAAAEBQABVAsADAAAiAAABMhYXAR4BFRQGBwEOASMiJicuATU0NjcJAS4BNTQ2Nz4BMwFrCBAGASsGBgYG/tUGDwkJDwYHBgYGAQ3+8wYGBgcGDwkDAAYH/tYHDwgJEAb+1gcGBgcGDwkIDwcBDQEMBw8ICQ8HBgYAAAEBQABVAsADAAAiAAABIgYHAQ4BFRQWFwEeATMyNjc+ATU0JicJAT4BNTQmJy4BIwKVCBAG/tUGBgYGASsGDwkJDwYHBgYG/vMBDQYGBgcGDwkDAAYH/tYHDwgJEAb+1gcGBgcGDwkIDwcBDQEMBw8ICQ8HBgYAAAIA0gB9Ay4C2AAPAB8AACUBJjQ3MTYyFwEWFAcxBiITAQYiJzEmNDcBNjIXMRYUAw/9wwYGBhIGAj4GBgcRGP3DBxEHBgYCPgYSBgZ9Aj0GEgYGBv3DBhIGBgJD/cMGBgYSBgI9BgYGEgAAAAMAVQCrA6sC1QAPAB8ALwAAASEiJjUxNDYzITIWFTEUBgMhIiY1MTQ2MyEyFhUxFAYDISImNTE0NjMhMhYVMRQGA5X81gkNDQkDKgkNDQn81gkNDQkDKgkNDQn81gkNDQkDKgkNDQKrDAkJDAwJCQz/AAwJCQwMCQkM/wAMCQkMDAkJDAAAAAABAQD/wAMAA8AAFQAAATM1IyIOAh0BIxUzETMRMzcjNTQ2AmCgoC5SPSOAgMCgIMATAwDAIz1SLmDA/gACAMBgDRMAAAUAAP/AA/8DwABIAJIApgCyAL4AAAEyFhceARceARceARceARceARUUBgcOAQcOAQcOAQcOAQcOASMiJicuAScuAScuAScuAScuATU0Njc+ATc+ATc+ATc+ATc+ATM1IgYHDgEHDgEHDgEHDgEHDgEVFBYXHgEXHgEXHgEXHgEXHgEzMjY3PgE3PgE3PgE3PgE3PgE1NCYnLgEnLgEnLgEnLgEnLgEjMRUiDgIVFB4CMzI+AjU0LgIDIiY1NDYzMhYVFAYBFAYjIiY1NDYzMhYCAGc/KSUsDhIbDg0SBwULAgECAgECCwUHEg0OGxIOLCUpP2dmQCklLA4RHA0OEgcFCwECAQECAQsFBxINDhsSDiwlKT9naEIpKTsYGiwVFRwKCgwCAgEBAgIMCgocFRUsGhg7KSlCaGhCKSk7GBksFhUcCgkNAQIBAQIBDQkKHBUVLBoYOykpQmg2YEgpKUhgNjZgSCkpSGA2R2RkR0dkZAEIJBoZJCQZGiQDZAECAgsFBxINDRwSDSwmKEBnZkAoJiwNEhwNDhIHBQsBAgEBAgELBQcSDg0cEQ4sJSlAZmdAKCUsDhIbDg0SBwULAgIBXAECAgwKChwVFSwaGDspKUJoaEIpKTsYGiwVFRwKCQ0CAgEBAgINCQocFRUsGhg7KSlCaGhCKSk7GBktFRUcCgkNAgIB+SlIYDY2YEgpKUhgNjZgSCn+TmRHR2RkR0dkAbwZJCQZGiQkAAAEAAD/wAQAA8AAEwApAEAAVgAAASIOAhUUHgIzMj4CNTQuAhMOAScuAgYHBiYnJjY3PgEeARceATcOAScuAgYHBiYnJjY3PgEeARceAQc3LgIGBwYmJyY2Nz4BHgEXHgEHDgECAGq6i1FRi7pqarqLUVCLuoEIGAwtZnF7RA0VBAQPDEmIfXEyDQU4Ch4ONH6HiDwPHgQEDw9GmZeOPAsJCgU9naOaOxMiBgUTEUSutbFHEQoJCigDwFGLumpquotRUYu6amq6i1H9HAsHCBwhDQoPBA8MDRUEEAoOJh4GGoENCQkgKQ8KEwQOEA8dBBULEi4lBiANjyUpDQ0TBRMREyIGFA8PLyoKKBENCQAAAAEAAAAABAADQABHAAABDgEHPgE3DgEHLgEjIg4CFRQWFy4DJw4BFRQWFy4BJxwBFRQWFw4BIyImJx4BFw4BIyImJx4DMzI+AjU0JjU+ATcEABw9ICEwDB9DJBxQLStNOSEDAkF7bmAnDQ8zKhkxFWFIDRwPChMKFGtFNoVKDRkMI0xRViyR35hOAR81FQLeDREDEzwlEhoHHiQhOUwsDBgMAyI5TjAXNh02XB0BDgwBAQFMdA4EAwIBPlICKjACARYjGA1trNVoBw0HFjcgAAACAAAAWAQAAygAOwA/AAABMCYnLgEnLgIiOQEwIg4BBw4BBw4BMTAGHQEUFjEwFhceARceAzEwMj4BNz4BNz4BMTA2PQE0JjEBEQ0BA/YSFx07DzV+a0hIa341DzsdFxIKChIXHUMRH3RzVkhrfjYPOh0XEgoK/aABFf7rAo1OFx8LAgQEAgIEBAILHxdOaD5OPmdPFx8KAwMEAgEDBAQBCx8XT2c+Tj5o/q4BIJCQAAEAAAABAAAAL+CHXw889QALBAAAAAAA1KPATwAAAADUo8BPAAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAABAEAAAAAAAAAAAAAAACAAAABAAAKwQAACsEAAArBAABQAQAAUAEAADSBAAAVQQAAQAEAAAABAAAAAQAAAAEAAAAAAAAAAAKABQAHgBsARABnAHYAhQCSgKOArADxgROBLYFDgAAAAEAAAAQAL8ABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAEAAAAAQAAAAAAAgAHAEUAAQAAAAAAAwAEAC0AAQAAAAAABAAEAFoAAQAAAAAABQALAAwAAQAAAAAABgAEADkAAQAAAAAACgAaAGYAAwABBAkAAQAIAAQAAwABBAkAAgAOAEwAAwABBAkAAwAIADEAAwABBAkABAAIAF4AAwABBAkABQAWABcAAwABBAkABgAIAD0AAwABBAkACgA0AIBzYWRlAHMAYQBkAGVWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBzYWRlAHMAYQBkAGVzYWRlAHMAYQBkAGVSZWd1bGFyAFIAZQBnAHUAbABhAHJzYWRlAHMAYQBkAGVGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("truetype");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sade' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-mail:before {
  content: "\e002"; }

.icon-zoom-in:before {
  content: "\e037"; }

.icon-zoom-out:before {
  content: "\e038"; }

.icon-chevron-left:before {
  content: "\e057"; }

.icon-chevron-right:before {
  content: "\e056"; }

.icon-cross:before {
  content: "\e117"; }

.icon-menu:before {
  content: "\e120"; }

.icon-facebook:before {
  content: "\ea90"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-spotify:before {
  content: "\ea94"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-youtube:before {
  content: "\ea9d"; }

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/*	0.0	General ----------------------------------------------------------------------- */
a, a:visited {
  text-decoration: none;
  color: white; }

body {
  background: #000000;
  color: white;
  font-size: 16px;
  line-height: 1.25em;
  font-family: 'Avenir LT W01_45 Book1475508';
  letter-spacing: 0.075em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

.page {
  position: relative;
  margin: auto; }

.lazy-bg {
  opacity: 0;
  transition: opacity 0.5s ease-in 0s; }
  .lazy-bg img {
    display: none; }
  .lazy-bg.loaded {
    transition: opacity 0.5s ease-in 0s;
    opacity: 1; }

/*	1.0	Header ------------------------------------------------------------------------ */
.brand {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden; }
  .brand > div {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    mix-blend-mode: screen;
    transform: scale(1.1);
    transition: opacity 2s ease-in 1s, transform 30s ease-out 0s; }
    .brand > div.loaded {
      opacity: 0.1; }
  .brand .desktop {
    display: none; }
  @media (min-width: 1024px) {
    .brand .mobile {
      display: none; } }

@media (min-width: 1024px) {
  body.home .brand .desktop {
    display: block; } }

.not-ie .brand.zoom > div {
  transition: opacity 5s ease-in 1s, transform 30s ease-out 2s;
  transform: scale(1); }

header {
  position: relative; }
  header .h1 {
    display: none;
    text-align: center;
    font-size: 250%;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 1em;
    opacity: 1;
    margin: 2em 0 1em;
    transition: opacity 1s linear 0s; }
    header .h1 a, header .h1 a:visited {
      padding-left: 1em; }
    @media (min-width: 768px) {
      header .h1 {
        margin: 3em 0 1.5em;
        display: block; } }
  header .mobile-menu {
    z-index: 999;
    position: fixed;
    top: 1.5em;
    right: 50%;
    width: 2em;
    text-align: center;
    margin-right: -1em;
    cursor: pointer;
    transition: color 0.25s linear 0s; }
    header .mobile-menu span.icon {
      display: block;
      font-size: 150%; }
    header .mobile-menu span.text {
      position: absolute;
      left: 50%;
      bottom: -2em;
      margin-left: -2em;
      width: 4em;
      display: block;
      text-transform: uppercase;
      opacity: 0;
      font-size: 80%; }
    header .mobile-menu:hover {
      color: #808080; }
  header nav {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0px;
    display: flex;
    overflow: hidden;
    transition: height 0s linear 0.5s; }
    header nav .mobile-menu {
      display: none; }
    header nav ul.site-menu {
      display: none; }
    header nav .bg {
      position: absolute;
      transition: background-color 0.5s linear 0s;
      background-color: transparent;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0; }
    header nav ul {
      text-align: center; }
      header nav ul li {
        display: inline-block;
        opacity: 0;
        transition: opacity 0.5s linear 0s; }
        header nav ul li:first-child {
          margin-left: 0; }
        header nav ul li:last-child {
          margin-right: 0; }
    header nav .site-menu {
      position: relative;
      display: block;
      margin: auto; }
      header nav .site-menu ul {
        margin: auto; }
        header nav .site-menu ul li {
          font-size: 150%;
          text-align: center;
          margin: 0.75em 1.5em;
          display: block;
          position: relative; }
          @media (min-width: 1024px) {
            header nav .site-menu ul li {
              margin: 0.75em 2em;
              display: inline-block; } }
          header nav .site-menu ul li a, header nav .site-menu ul li a:visited {
            font-size: 60%;
            letter-spacing: 0.5em;
            text-transform: uppercase;
            display: inline-block;
            position: relative;
            overflow: hidden; }
            header nav .site-menu ul li a span, header nav .site-menu ul li a:visited span {
              display: block;
              right: -0.5em;
              width: calc(100% - 0.5em);
              height: 3px;
              transition: background-color 0.25s linear 0s; }
            header nav .site-menu ul li a:hover span, header nav .site-menu ul li a:visited:hover span {
              background-color: #808080; }
    header nav ul.social {
      position: absolute;
      bottom: 2em;
      top: auto;
      right: 50%;
      width: 20em;
      font-size: 150%;
      margin-right: -10em; }
      header nav ul.social li {
        margin: 0 0.25em; }
        header nav ul.social li a, header nav ul.social li a:visited {
          border-width: 0;
          padding: 0 0.125em;
          color: rgba(255, 255, 255, 0.75);
          transition: color 0.25s linear 0s; }
          header nav ul.social li a:hover, header nav ul.social li a:visited:hover {
            color: #808080; }

body.home header {
  width: 100%;
  height: 100vh; }

body.home h1 {
  width: 100%;
  display: block;
  top: 50%;
  position: absolute;
  margin-top: -0.5em;
  left: 0; }
  @media (min-width: 768px) {
    body.home h1 {
      font-size: 400%;
      line-height: 1em; } }
  body.home h1 a {
    cursor: default; }
    body.home h1 a span {
      opacity: 0;
      transition: opacity 1s linear 0s; }
  body.home h1.fade-in a span {
    opacity: 1; }
  body.home h1.fade-in a span.s1 {
    transition: opacity 2s linear 0s; }
  body.home h1.fade-in a span.s2 {
    transition: opacity 2s linear 0.5s; }
  body.home h1.fade-in a span.s3 {
    transition: opacity 2s linear 1s; }
  body.home h1.fade-in a span.s4 {
    transition: opacity 2s linear 1.5s; }

body.home .brand > div {
  transition: opacity 5s ease-in 1s, transform 30s ease-out 2s; }
  body.home .brand > div.loaded {
    opacity: 0.75; }

body.mobile-menu-active {
  overflow: hidden; }
  body.mobile-menu-active header h1, body.mobile-menu-active header .h1 {
    transition: opacity 1s linear 0;
    opacity: 0; }
  body.mobile-menu-active header .mobile-menu {
    display: none; }
  body.mobile-menu-active header nav {
    transition: height 0s linear 0s;
    height: 100vh; }
    body.mobile-menu-active header nav .bg {
      background-color: rgba(0, 0, 0, 0.9);
      transition: background-color 0.5s linear 0s; }
    body.mobile-menu-active header nav ul li {
      opacity: 1;
      transition: opacity 0.5s linear 0.5s; }
    body.mobile-menu-active header nav .mobile-menu {
      display: block;
      transition: color 0.25s linear 0s; }
      body.mobile-menu-active header nav .mobile-menu:hover {
        color: #808080; }
  body.mobile-menu-active .content, body.mobile-menu-active footer {
    opacity: 0;
    transition: opacity 0.5s linear 0.5s; }

/*	2.0	Footer ------------------------------------------------------------------------ */
footer {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transition: opacity 0.5s linear 0s;
  padding-bottom: 3.2em; }
  footer::after {
    clear: both;
    content: "";
    display: block; }
  footer ul.social {
    text-align: center; }
    footer ul.social li {
      display: inline-block;
      margin: 1em 0.5em; }
      footer ul.social li a, footer ul.social li a:visited {
        font-size: 150%;
        color: #808080;
        text-transform: uppercase;
        transition: color 0.125s linear 0s; }
        footer ul.social li a:hover, footer ul.social li a:visited:hover {
          color: white; }
      @media (min-width: 375px) {
        footer ul.social li {
          margin: 1em 0.75em; } }
  footer .copyright {
    margin: 3.2em 0 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 62.5%;
    text-transform: uppercase;
    text-align: center; }
    footer .copyright a, footer .copyright a:visited {
      white-space: nowrap;
      color: white;
      margin: 0 1em;
      transition: color 0.125s linear 0s; }
      footer .copyright a:hover, footer .copyright a:visited:hover {
        color: white; }
  @media (min-width: 768px) {
    footer ul.social {
      margin: 2em 0; }
      footer ul.social li {
        margin: 0 2em; } }

body.home footer {
  display: none; }

body.home .content {
  display: none; }

.more {
  font-size: 80%;
  line-height: 2em;
  text-align: center;
  margin: 6em 0 4em 0; }
  .more a, .more a:visited {
    font-size: 76.9230769%;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    padding-left: 0.5em;
    text-align: center;
    padding: 0.125em 0 0.125em 0.5em;
    position: relative; }
    .more a span, .more a:visited span {
      display: block;
      left: 0.5em;
      bottom: 0;
      position: absolute;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      transition: border-color 0.25s linear 0s;
      width: calc(100% - 1em); }
    .more a:hover span, .more a:visited:hover span {
      border-color: white; }

/* 4.0	Grid -------------------------------------------------------------------------- */
.content {
  padding: 0 1.5em;
  transition: opacity 0.5s linear 0.5s; }
  @media (min-width: 768px) {
    .content {
      padding: 0 2em; } }
  .content .col {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
    padding: 1em 0;
    margin: 1em 0 1em; }
    @media (min-width: 768px) {
      .content .col.col-1 {
        float: left;
        display: block;
        margin-right: 3.1684362651%;
        width: 31.2210424899%; }
        .content .col.col-1:last-child {
          margin-right: 0; }
      .content .col.col-2 {
        float: left;
        display: block;
        margin-right: 3.1684362651%;
        width: 65.610521245%;
        margin-right: 0; }
        .content .col.col-2:last-child {
          margin-right: 0; }
      .content .col.col-3 {
        float: left;
        display: block;
        margin-right: 3.1684362651%;
        width: 100%; }
        .content .col.col-3:last-child {
          margin-right: 0; } }
    .content .col h3, .content .col .h3 {
      font-size: 80%;
      text-transform: uppercase; }
      .content .col h3 a, .content .col h3 a:visited, .content .col .h3 a, .content .col .h3 a:visited {
        color: #808080; }
    .content .col h4 {
      font-size: 125%;
      margin-bottom: 0.25em; }
      .content .col h4 a, .content .col h4 a:visited {
        color: #808080; }
    .content .col .date {
      font-size: 80%; }
      .content .col .date sup {
        font-size: 60%; }
    .content .col .more a, .content .col .more a:visited {
      font-size: 80%;
      color: #bd6372;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(189, 99, 114, 0.5); }
    .content .col .purchase-links {
      margin: 1em 0; }
      .content .col .purchase-links a, .content .col .purchase-links a:visited {
        color: white;
        border-bottom: 1px solid transparent; }
        .content .col .purchase-links a:hover, .content .col .purchase-links a:visited:hover {
          border-color: rgba(255, 255, 255, 0.5);
          transition: border-color 0.125s linear 0s; }

.post-type-archive-music a.packshot {
  display: block;
  margin: 1em 0; }
  .post-type-archive-music a.packshot .lazy-bg {
    padding: 100% 0 0 0;
    overflow: hidden;
    height: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }

.video .video-clip {
  margin: 1em 0;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding: 56.25% 0 0 0; }
  .video .video-clip iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.gallery {
  margin: 1em 0; }
  .gallery li {
    display: none; }
    .gallery li a, .gallery li a:visited {
      display: block;
      width: 100%;
      height: 0;
      overflow: hidden;
      padding: 100% 0 0 0;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
    .gallery li:first-child {
      display: block; }
  @media (min-width: 768px) {
    .gallery {
      display: block; }
      .gallery li {
        float: left;
        display: block;
        margin-right: 2.3576520234%;
        width: 23.2317609825%; }
        .gallery li:last-child {
          margin-right: 0; } }

h2 {
  text-transform: uppercase;
  letter-spacing: 0.5em;
  text-align: center;
  font-size: 80%;
  margin: 6.25em 0 3.3333333em; }
  @media (min-width: 768px) {
    h2 {
      margin: 3em 0 5em; } }

.grid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 4em; }
  .grid::after {
    clear: both;
    content: "";
    display: block; }
  .grid .item {
    text-align: center;
    margin-bottom: 3em; }
    @media (min-width: 414px) and (max-width: 1023px) {
      .grid .item {
        float: left;
        display: block;
        margin-right: 2.3576520234%;
        width: 48.8211739883%;
        text-align: left; }
        .grid .item:last-child {
          margin-right: 0; } }
    @media (min-width: 1024px) {
      .grid .item {
        float: left;
        display: block;
        margin-right: 2.3576520234%;
        width: 23.2317609825%;
        text-align: left; }
        .grid .item:last-child {
          margin-right: 0; } }
    .grid .item a.packshot {
      display: block; }
      .grid .item a.packshot img {
        width: 100%;
        height: auto; }
    .grid .item h4 {
      margin: 1em 0; }
      .grid .item h4 a, .grid .item h4 a:visited {
        border-bottom: 3px solid #808080;
        line-height: 2em;
        transition: border-color 0.25s linear 0s;
        padding: 0 0 0.25em; }
    .grid .item .date {
      font-size: 80%;
      text-transform: uppercase;
      margin: 1.5em 0; }
      .grid .item .date sup {
        font-size: 60%; }
    .grid .item .purchase-links {
      font-size: 80%;
      margin: 1.5em 0; }
      .grid .item .purchase-links a, .grid .item .purchase-links a:visited {
        color: #808080;
        transition: color 0.125s linear 0s; }
        .grid .item .purchase-links a:hover, .grid .item .purchase-links a:visited:hover {
          color: white; }
    .grid .item .more-info {
      font-size: 60%;
      text-transform: uppercase; }
    .grid .item:hover h4 a, .grid .item:hover h4 a:visited {
      border-color: white; }

.grid.gallery .item a {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  padding: 100% 0 0 0;
  height: 0; }

.text {
  text-align: center; }
  .text p {
    margin-bottom: 1.25em; }

.single-music .content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .single-music .content::after {
    clear: both;
    content: "";
    display: block; }

.single-music .packshot-holder {
  margin: 2em 0; }
  .single-music .packshot-holder .packshot {
    width: 100%;
    height: 0;
    padding: 100% 0 0 0;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

.single-music .date {
  text-align: center;
  font-size: 80%;
  text-transform: uppercase;
  margin: -1.75em 0 1.75em; }
  .single-music .date sup {
    font-size: 60%; }

.single-music .notes {
  line-height: 2em;
  margin: 2em 0 0; }
  .single-music .notes p {
    margin-bottom: 2em; }

@media (min-width: 768px) {
  .single-music .content > div {
    clear: both;
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 48.8211739883%;
    margin-left: 25.5894130058%; }
    .single-music .content > div:last-child {
      margin-right: 0; } }

.single-music .track-listing {
  font-size: 80%;
  line-height: 2em;
  margin: 2em 0;
  text-align: center; }
  .single-music .track-listing ol {
    list-style: decimal;
    list-style-position: inside;
    margin-bottom: 1.5em; }
    .single-music .track-listing ol li {
      font-size: 85%;
      color: rgba(255, 255, 255, 0.75); }
      .single-music .track-listing ol li span {
        font-size: 120%;
        color: white; }
      .single-music .track-listing ol li a, .single-music .track-listing ol li a:visited {
        font-size: 120%;
        color: white;
        border-bottom: 1px solid #808080;
        transition: border-color 0.25s linear 0s;
        cursor: pointer; }
        .single-music .track-listing ol li a:hover, .single-music .track-listing ol li a:visited:hover {
          border-color: white; }

.single-music .purchase-links {
  font-size: 80%;
  line-height: 2em;
  margin: 4em 0;
  text-align: center; }
  .single-music .purchase-links li {
    line-height: 2em; }
    .single-music .purchase-links li a, .single-music .purchase-links li a:visited {
      border-bottom: 3px solid #808080;
      display: inline-block;
      white-space: nowrap; }
      .single-music .purchase-links li a:hover, .single-music .purchase-links li a:visited:hover {
        border-color: white;
        transition: border-color 0.25s linear 0s; }

@media (min-width: 768px) {
  .single-music .purchase-links {
    margin: auto; }
    .single-music .purchase-links li {
      display: inline-block;
      margin: 1em; } }

.underline {
  position: relative; }
  .underline span {
    display: block;
    left: 0.5em;
    bottom: 0;
    position: absolute;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    width: calc(100% - 1em); }
  .underline:hover span {
    border-color: white; }

.single-lyrics .content .text {
  margin: 2em 0;
  font-size: 80%;
  line-height: 2em; }
  .single-lyrics .content .text p {
    margin-bottom: 2em; }

.single-lyrics .content .taken-from {
  font-size: 80%;
  text-align: center;
  margin: 6em 0;
  line-height: 2em; }
  .single-lyrics .content .taken-from a {
    display: block;
    margin: 2em 0; }
    .single-lyrics .content .taken-from a img {
      display: block;
      max-width: 200px;
      margin: auto auto 2em auto; }
    .single-lyrics .content .taken-from a .title {
      padding-left: 0.5em;
      text-transform: uppercase;
      letter-spacing: 0.5em; }

.post-type-archive-galleries .item .packshot .lazy-bg {
  padding: 100% 0 0 0;
  overflow: hidden;
  height: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

.post-type-archive-videos .grid .item {
  float: left;
  display: block;
  margin-right: 2.3576520234%;
  width: 100%;
  text-align: center; }
  .post-type-archive-videos .grid .item:last-child {
    margin-right: 0; }
  @media (min-width: 1024px) {
    .post-type-archive-videos .grid .item {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 48.8211739883%;
      text-align: left; }
      .post-type-archive-videos .grid .item:last-child {
        margin-right: 0; }
      .post-type-archive-videos .grid .item:nth-child(2n+0) {
        margin-right: 0;
        clear: none; } }
  .post-type-archive-videos .grid .item .video-embed {
    width: 100%;
    height: 0;
    padding: 56.25% 0 0 0;
    position: relative;
    overflow: hidden;
    margin: 0 0 1em 0; }
    .post-type-archive-videos .grid .item .video-embed iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }

.single-post .content {
  min-height: calc(100vh - 26em);
  margin: auto; }
  .single-post .content h1 {
    margin: 2em auto 3em;
    max-width: 50em;
    font-size: 80%;
    letter-spacing: 0.25em;
    padding-left: 0.25em;
    text-transform: uppercase;
    text-align: center; }
  .single-post .content .date {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto 2em;
    max-width: 50em;
    text-align: center;
    opacity: 0.5; }
    .single-post .content .date::after {
      clear: both;
      content: "";
      display: block; }
    .single-post .content .date .inner {
      font-size: 80%;
      text-transform: uppercase; }
      .single-post .content .date .inner sup {
        font-size: 60%; }
  .single-post .content .text {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8em; }
    .single-post .content .text::after {
      clear: both;
      content: "";
      display: block; }
    .single-post .content .text p {
      max-width: 50em;
      text-align: left;
      line-height: 2em;
      margin: 0 auto 2em;
      position: relative; }
      .single-post .content .text p .youtube {
        padding: 56.25% 0 0 0;
        height: 0;
        display: block;
        overflow: hidden;
        position: relative; }
        .single-post .content .text p .youtube iframe {
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          position: absolute; }
  .single-post .content .more {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4em;
    text-align: center; }
    .single-post .content .more::after {
      clear: both;
      content: "";
      display: block; }
    .single-post .content .more a, .single-post .content .more a:visited {
      color: white;
      text-transform: uppercase; }

.page-news .content {
  max-width: 50em;
  margin: auto auto 8em; }
  .page-news .content h3 a, .page-news .content h3 a:visited {
    line-height: 2em;
    border-bottom: 3px solid #808080;
    transition: border-color 0.25s linear 0s; }
    .page-news .content h3 a:hover, .page-news .content h3 a:visited:hover {
      border-color: white; }
  .page-news .content .date {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin: 1em auto;
    max-width: 50em; }
    .page-news .content .date::after {
      clear: both;
      content: "";
      display: block; }
    .page-news .content .date .inner {
      opacity: 0.5;
      font-size: 80%;
      text-transform: uppercase; }
      .page-news .content .date .inner sup {
        font-size: 60%; }
  .page-news .content .text p {
    max-width: 50em;
    text-align: left;
    line-height: 2em;
    margin: 0 auto 2em;
    position: relative; }
    .page-news .content .text p .youtube {
      padding: 56.25% 0 0 0;
      height: 0;
      display: block;
      overflow: hidden;
      position: relative; }
      .page-news .content .text p .youtube iframe {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute; }

#pager {
  text-transform: uppercase;
  font-size: 62.5%;
  text-align: center; }
  #pager a, #pager a:visited {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0.125em 0;
    cursor: pointer; }
    #pager a:hover, #pager a:visited:hover {
      border-color: white; }

.page-template-default .content, .error404 .content {
  min-height: calc(100vh - 26em); }
  .page-template-default .content .text, .error404 .content .text {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4em; }
    .page-template-default .content .text::after, .error404 .content .text::after {
      clear: both;
      content: "";
      display: block; }
    .page-template-default .content .text p, .error404 .content .text p {
      max-width: 50em;
      text-align: left;
      line-height: 2em;
      margin: 0 auto 2em; }

.page-past-events .content .text {
  text-align: center; }
  .page-past-events .content .text h3 {
    margin: 1.4em 0;
    text-transform: uppercase;
    font-size: 80%; }
  .page-past-events .content .text ul {
    margin: 1em 0 2em;
    text-align: center; }
    .page-past-events .content .text ul li {
      margin-bottom: 1em; }
      .page-past-events .content .text ul li em {
        white-space: nowrap; }