@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);
button, input[type="button"], input[type="reset"], input[type="submit"] {
  appearance: none;
  background-color: black;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.8rem 1.6rem;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
    background-color: #666666;
    color: #fff; }
  button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover {
      background-color: black; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.4rem;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.4rem; }

input,
select {
  display: block;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea,
select[multiple] {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  margin-bottom: 0.8rem;
  padding: 0.53333rem;
  transition: border-color 150ms ease;
  width: 100%; }
  input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover,
  select[multiple]:hover {
    border-color: #b1b1b1; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus,
  select[multiple]:focus {
    border-color: black;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.7);
    outline: none; }
  input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled,
  select[multiple]:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover,
    select[multiple]:disabled:hover {
      border: 1px solid #ddd; }

textarea {
  resize: vertical; }

[type="search"] {
  appearance: none; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.4rem; }

[type="file"] {
  margin-bottom: 0.8rem;
  width: 100%; }

select {
  margin-bottom: 1.6rem;
  max-width: 100%;
  width: auto; }

ul,
ol {
  margin: 0;
  padding: 0; }

dl {
  margin-bottom: 0.8rem; }
  dl dt {
    font-weight: 600;
    margin-top: 0.8rem; }
  dl dd {
    margin: 0; }

table {
  border-collapse: collapse;
  margin: 0.8rem 0;
  table-layout: fixed;
  width: 100%; }

th {
  border-bottom: 1px solid #a6a6a6;
  font-weight: 600;
  padding: 0.8rem 0;
  text-align: left; }

td {
  border-bottom: 1px solid #ddd;
  padding: 0.8rem 0; }

tr,
td,
th {
  vertical-align: middle; }

.size-xlarge, header.navigation .logo {
  font-size: 1.77689em;
  line-height: 0.90045; }
.size-large, h1, .content-highlight .content-title, .footer .icon {
  font-size: 1.333em;
  line-height: 1.2003; }
.size-medium, body, h2, h3, h4, h5, h6 {
  font-size: 1em;
  line-height: 1.6; }
.size-small, .img-credit, header.navigation .tagline, .footer .copyright {
  font-size: 0.75019em;
  line-height: 2.1328; }

body {
  background-color: white;
  color: #333;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

.heading, h1, h2, h3, h4, h5, h6 {
  color: black;
  font-family: "Arial Black", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 900;
  margin: 0 0 1.6rem; }
  .heading.content-title a, h1.content-title a, h2.content-title a, h3.content-title a, h4.content-title a, h5.content-title a, h6.content-title a {
    text-decoration: none; }

h2 {
  text-transform: uppercase; }

p, ul, ol, figure, blockquote, .embed {
  margin: 0 0 1.6rem; }

a {
  color: black;
  text-decoration: underline; }
  a:active, a:focus, a:hover {
    color: #666666; }
    a:active img, a:focus img, a:hover img {
      opacity: .75; }
  .icon a {
    text-decoration: none; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 3.2rem 0; }

iframe, img, picture {
  background-color: #f7f7f7;
  display: block;
  margin: 0;
  max-width: 100%; }

article {
  margin-bottom: 3.2rem; }

blockquote {
  border-left: 1px solid #ddd;
  padding: 0 0.8rem; }

.citation {
  margin: -1.6rem 1.6rem 0 0;
  padding: 0.8rem 0;
  text-align: right; }
  .citation cite {
    font-style: normal; }

figure img {
  display: block; }

figcaption {
  text-align: center; }

.img-credit {
  padding-right: 1.6rem;
  text-align: right; }

article ol,
article ul {
  counter-reset: li;
  display: table; }
  article ol li,
  article ul li {
    counter-increment: li;
    display: table-row; }
    article ol li::before,
    article ul li::before {
      content: counter(li) ".";
      display: table-cell;
      padding-right: 0.4rem;
      text-align: right; }
    article ol li:last-child > :last-child,
    article ul li:last-child > :last-child {
      margin-bottom: 0; }

article ul li::before {
  content: "\2022"; }

html {
  box-sizing: border-box; }

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

header.navigation {
  background-color: transparent;
  padding: 0.8rem 0;
  width: 100%;
  z-index: 999; }
  header.navigation .navigation-wrapper {
    font-family: "Arial Black", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    position: relative;
    z-index: 9999; }
    header.navigation .navigation-wrapper::after {
      clear: both;
      content: "";
      display: table; }
  header.navigation .logo {
    float: left;
    margin-bottom: 0;
    max-width: 7em; }
    header.navigation .logo a {
      color: black;
      text-decoration: none; }
      header.navigation .logo a:focus, header.navigation .logo a:hover {
        color: #666666; }
  header.navigation .tagline {
    height: 1.6rem;
    float: right;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    text-transform: none;
    font-weight: normal; }
    header.navigation .tagline-text {
      display: none; }
      @media screen and (min-width: 600px) {
        header.navigation .tagline-text {
          display: block; } }
  header.navigation .navigation-menu-button {
    display: block;
    float: right;
    margin: 0; }
    @media screen and (min-width: 850px) {
      header.navigation .navigation-menu-button {
        display: none; } }
    header.navigation .navigation-menu-button a {
      color: black; }
      header.navigation .navigation-menu-button a:focus, header.navigation .navigation-menu-button a:hover {
        color: #666666; }
  header.navigation nav {
    clear: right;
    float: none;
    z-index: 9999999; }
    @media screen and (min-width: 850px) {
      header.navigation nav {
        float: right; } }
  header.navigation ul.navigation-menu {
    clear: both;
    display: none;
    margin: 0 auto;
    overflow: visible;
    padding: 0;
    width: 100%;
    z-index: 9999; }
    header.navigation ul.navigation-menu.show {
      display: block; }
    @media screen and (min-width: 850px) {
      header.navigation ul.navigation-menu {
        display: inline;
        margin: 0;
        padding: 0; } }
  header.navigation ul li.navigation-link {
    background: transparent;
    display: block;
    padding-top: 1.6rem;
    overflow: hidden;
    text-align: right;
    width: 100%;
    z-index: 9999; }
    @media screen and (min-width: 850px) {
      header.navigation ul li.navigation-link {
        background: transparent;
        display: inline;
        margin: 0;
        padding-left: 0.8rem;
        width: auto; } }
    header.navigation ul li.navigation-link a {
      color: black;
      display: inline-block; }
      header.navigation ul li.navigation-link a:focus, header.navigation ul li.navigation-link a:hover {
        color: #666666; }
    header.navigation ul li.navigation-link.is-active a {
      text-decoration: none; }

.footer {
  border-top: 1px solid #ddd;
  padding: 1.6rem 0 0;
  position: relative; }
  .footer-links {
    margin-bottom: 3.2rem; }
  .footer-links li {
    display: inline;
    list-style: none;
    padding-right: 0.8rem; }
    .footer-links li:last-child {
      padding-right: 0; }
  .footer .icon {
    padding-right: 1.6rem; }
  .footer .copyright {
    clear: both; }

@media screen and (min-width: 600px) and (max-width: 849px) {
  .footer-links {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%; }
    .footer-links:last-child {
      margin-right: 0; }
    .footer-links:nth-child(2n) {
      margin-right: 0; }
    .footer-links:nth-child(2n+1) {
      clear: left; } }
@media screen and (min-width: 850px) {
  .footer-links {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-bottom: 1.6rem; }
    .footer-links:last-child {
      margin-right: 0; }
    .footer-links:nth-child(3n) {
      margin-right: 0; }
    .footer-links:nth-child(3n+1) {
      clear: left; }

  .footer-top-link {
    text-align: right; } }
.embed-responsive {
  height: 0;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive iframe {
    border: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%; }

.hero {
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: none;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 1280px;
  padding: 1.6rem 0;
  text-decoration: none;
  /*
  @include media($large-screen) {
      background-size: contain;
      background-position: center;
  }
  */ }
  .hero-content {
    font-family: "Arial Black", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 900;
    margin: 0 auto;
    width: 90%;
    text-align: center; }
    @media screen and (min-width: 850px) {
      .hero-content {
        text-align: right; } }
    @media screen and (min-width: 1080px) {
      .hero-content {
        width: 972px; } }

.hero-img {
  margin: 0 auto;
  max-width: 1280px; }
  .hero-img img {
    display: block;
    margin: 0 auto; }

.container {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto; }
  .container::after {
    clear: both;
    content: "";
    display: table; }
  main .container {
    margin-top: 3.2rem;
    margin-bottom: 3.2rem; }
  .container-header {
    margin-bottom: 1.6rem; }
    .navigation-page .container-header {
      display: none; }
  .container-footer {
    margin-top: 3.2rem;
    clear: both; }
  @media screen and (min-width: 1080px) {
    .container {
      max-width: 972px;
      margin-left: auto;
      margin-right: auto; }
      .container::after {
        clear: both;
        content: "";
        display: table; }
      body:before {
        display: none; } }

.content-feature {
  margin-bottom: 1.6rem; }
.content-subtitle {
  margin-top: -1.6rem; }
.content-section {
  margin: 3.2rem 0; }
.content-header, .content-text {
  max-width: 50rem; }
.content-gallery {
  margin-bottom: -3.2rem; }
  .content-gallery::after {
    clear: both;
    content: "";
    display: table; }
  .content + .content-gallery {
    border-top: 1px solid #ddd;
    padding-top: 3.2rem; }
  @media screen and (min-width: 850px) {
    .content-gallery .lyrics, .content-gallery .press, .content-gallery .post {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 47.58542%; }
      .content-gallery .lyrics:last-child, .content-gallery .press:last-child, .content-gallery .post:last-child {
        margin-right: 0; }
      .content-gallery .lyrics:nth-child(2n), .content-gallery .press:nth-child(2n), .content-gallery .post:nth-child(2n) {
        margin-right: 0; }
      .content-gallery .lyrics:nth-child(2n+1), .content-gallery .press:nth-child(2n+1), .content-gallery .post:nth-child(2n+1) {
        clear: left; } }
@media screen and (min-width: 850px) {
  .content-columns {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem; }
    .content-columns .content {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid;
      margin-bottom: 0;
      padding-bottom: 1.6rem; } }
.content-flex {
  display: flex;
  justify-content: space-around; }
  .content-flex > * {
    margin: 1.6rem 0.8rem; }

.gig .performer {
  white-space: nowrap; }
@media screen and (max-width: 599px) {
  .gig {
    margin-bottom: 1.6rem; }
    .gig::after {
      clear: both;
      content: "";
      display: table; }
    .gig:last-child {
      margin-bottom: -1.6rem; }
    .gig-date {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 30.11389%; }
      .gig-date:last-child {
        margin-right: 0; }
    .gig-venue {
      float: left;
      display: block;
      margin-right: 4.82916%;
      width: 65.05695%;
      margin-right: 0; }
      .gig-venue:last-child {
        margin-right: 0; } }
@media screen and (min-width: 600px) {
  .gig {
    display: table-row; }
    .gig-list {
      display: table;
      table-layout: fixed;
      width: 100%; }
      .gig-list .content-section {
        display: table-row-group; }
      .gig-list h2 {
        white-space: nowrap; }
    .gig > [class^="gig"] {
      display: table-cell;
      padding-bottom: 1.6rem;
      padding-top: 0; }
    .gig-date {
      padding-right: 0.8rem;
      width: 18%; }
    .gig-venue {
      padding-right: 1.6rem;
      width: 27%; }
    .gig-description {
      padding-left: 0;
      padding-right: 0;
      width: 40%; }
    .gig-details {
      padding-left: 0.8rem;
      padding-right: 0;
      width: 15%; } }

@media screen and (min-width: 600px) and (max-width: 1079px) {
  .release-preview {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-bottom: 1.6rem; }
    .release-preview:last-child {
      margin-right: 0; }
    .release-preview:nth-child(2n) {
      margin-right: 0; }
    .release-preview:nth-child(2n+1) {
      clear: left; } }
@media screen and (min-width: 1080px) {
  .release-preview {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-bottom: 1.6rem; }
    .release-preview:last-child {
      margin-right: 0; }
    .release-preview:nth-child(3n) {
      margin-right: 0; }
    .release-preview:nth-child(3n+1) {
      clear: left; } }

@media screen and (min-width: 600px) {
  .release.content-highlight::after {
    clear: both;
    content: "";
    display: table; }
  .release.content-highlight .release-cover {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%; }
    .release.content-highlight .release-cover:last-child {
      margin-right: 0; }
  .release.content-highlight .release-info {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 47.58542%;
    margin-right: 0; }
    .release.content-highlight .release-info:last-child {
      margin-right: 0; } }

@media screen and (min-width: 600px) {
  .release-detail .release-cover {
    float: right;
    display: block;
    margin-left: 4.82916%;
    width: 47.58542%; }
    .release-detail .release-cover:last-child {
      margin-left: 0; }
  .release-detail .release-videos, .release-detail .release-press {
    clear: both; } }

.release .lyrics .content-text + .content-text {
  border-top: 1px solid #ddd;
  padding-top: 1.6rem; }

.release-lyrics .content-columns {
  clear: both; }

@media screen and (min-width: 600px) {
  .video-preview {
    float: left;
    display: block;
    margin-right: 4.82916%;
    width: 30.11389%;
    margin-bottom: 1.6rem; }
    .video-preview:last-child {
      margin-right: 0; }
    .video-preview:nth-child(3n) {
      margin-right: 0; }
    .video-preview:nth-child(3n+1) {
      clear: left; } }

.post-callout {
  margin: 0 auto 1.6rem; }
  @media screen and (min-width: 600px) {
    .post-callout {
      float: right;
      margin: 0 0 1.6rem 1.6rem; } }

#about {
  text-align: center; }
  #about .content-text {
    margin-left: auto;
    margin-right: auto;
    text-align: left; }

.large-spacing {
  margin-bottom: 3.2rem;
  margin-top: 3.2rem; }

/*# sourceMappingURL=styles.css.map */