* {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

iframe {
  scrolling: yes; }

:root {
  --primary: 17,49,87;
  --containerWidth: 1000px; }
  @media (max-width: 1179px) {
    :root {
      --containerWidth: calc(100% - 4rem); } }
  @media (max-width: 500px) {
    :root {
      --containerWidth: 92vw; } }

.primary-background {
  background-color: rgba(var(--primary), 1); }

.primary-background-trans {
  background-color: rgba(var(--primary), 0.3); }

.primary-background-more-trans {
  background-color: rgba(var(--primary), 0.8); }

body {
  padding: 0;
  color: white; }

@keyframes move-twink-back {
  from {
    background-position: 0 0; }
  to {
    background-position: -10000px 5000px; } }
@keyframes move-clouds-back {
  from {
    background-position: 0 0; }
  to {
    background-position: 10000px 0; } }
.columns {
  columns: 2;
  hyphens: auto;
  column-gap: 80px; }
  @media (max-width: 997px) {
    .columns {
      column-gap: 50px; } }
  @media (max-width: 767px) {
    .columns {
      column-gap: 0;
      columns: 1; } }

.container {
  display: block;
  width: var(--containerWidth);
  margin: 0 auto; }
  .container.larger {
    width: calc(var(--containerWidth) / 1.3); }
    @media (max-width: 767px) {
      .container.larger {
        width: var(--containerWidth); } }
  .container.medium {
    width: calc(var(--containerWidth) / 1.4); }
    @media (max-width: 767px) {
      .container.medium {
        width: var(--containerWidth); } }
  .container.small {
    width: calc(var(--containerWidth) / 2); }
    @media (max-width: 997px) {
      .container.small {
        width: calc(var(--containerWidth) / 1.4); } }
    @media (max-width: 767px) {
      .container.small {
        width: var(--containerWidth); } }
  .container.padding-top {
    padding-top: 4rem; }
    @media (max-width: 767px) {
      .container.padding-top {
        padding-top: 2.5rem; } }
  .container.padding-top-small {
    padding-top: 3rem; }
  .container.padding-top-more {
    padding-top: 5rem; }
    @media (max-width: 767px) {
      .container.padding-top-more {
        padding-top: 3rem; } }
  .container.padding-top-max {
    padding-top: 7rem; }
    @media (max-width: 767px) {
      .container.padding-top-max {
        padding-top: 4rem; } }
    @media (max-width: 500px) {
      .container.padding-top-max {
        padding-top: 10vw; } }
  .container.padding-bottom {
    padding-bottom: 4rem; }
    @media (max-width: 997px) {
      .container.padding-bottom {
        padding-bottom: 3.5rem; } }
    @media (max-width: 767px) {
      .container.padding-bottom {
        padding-bottom: 2rem; } }
  .container.padding-bottom-small {
    padding-bottom: 2rem; }
  .container.padding-bottom-max {
    padding-bottom: 5.5rem; }
    @media (max-width: 997px) {
      .container.padding-bottom-max {
        padding-bottom: 4.5rem; } }
  .container.flex {
    display: flex; }
    @media (max-width: 767px) {
      .container.flex {
        flex-direction: column; } }
    .container.flex div {
      flex: 0;
      flex-shrink: 0;
      flex-grow: 1;
      padding-right: 4rem; }
      @media (max-width: 767px) {
        .container.flex div {
          padding: 0; } }
      .container.flex div:nth-child(2) {
        padding-right: 0;
        padding-left: 2rem; }
        @media (max-width: 767px) {
          .container.flex div:nth-child(2) {
            padding: 0;
            padding-top: 8vw; } }
      .container.flex div.col-bigger {
        flex: 0;
        flex-basis: 65%; }
        @media (max-width: 767px) {
          .container.flex div.col-bigger {
            flex-basis: auto; } }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: .3s ease-in-out; }
  .overlay.active {
    display: flex;
    opacity: 1;
    visibility: visible; }
  .overlay .close-overlay {
    width: 1rem;
    padding: 0;
    height: 1rem;
    background-image: url(../img/icons/close-button.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 2rem;
    right: 2rem;
    opacity: .7;
    transition: .1s ease-in-out; }
    @media (max-width: 767px) {
      .overlay .close-overlay {
        top: 1rem;
        right: 1rem; } }
    .overlay .close-overlay:hover {
      opacity: 1; }
  .overlay iframe {
    width: 70vw;
    height: 39.375vw; }
    @media (max-width: 500px) {
      .overlay iframe {
        width: 100vw;
        height: 56.25vw; } }

#discography h2 {
  text-align: center;
  margin-bottom: 2.5rem; }
#discography .discography-slider * {
  outline: none !important; }
#discography .discography-slider .slick-slide {
  margin: 0 1rem;
  padding-top: .3rem;
  height: auto; }
  @media (max-width: 500px) {
    #discography .discography-slider .slick-slide {
      margin: 0 4vw; } }
  #discography .discography-slider .slick-slide:hover figure img {
    transform: scale(0.98);
    border-color: white; }
#discography .discography-slider figure img {
  width: 100%;
  height: auto;
  margin-bottom: 1.5rem;
  transition: .3s ease-in-out;
  border: 1px solid transparent;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.03); }
#discography .discography-slider figure figcaption {
  text-align: center; }
  #discography .discography-slider figure figcaption b {
    font-weight: 600;
    text-transform: uppercase; }

.stars, .twinkling, .clouds {
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -3; }

.stars {
  z-index: -3;
  background: #000 url("../img/space/stars.png") repeat top center; }

.twinkling {
  z-index: -2;
  background: transparent url("../img/space/twinkling.png") repeat top center;
  animation: move-twink-back 200s linear infinite; }

.clouds {
  z-index: -1;
  background: transparent url("../img/space/clouds.png") repeat top center;
  animation: move-clouds-back 200s linear infinite; }

body {
  font-family: 'Exo 2', sans-serif;
  font-size: 16px;
  line-height: 1.4em;
  font-weight: 200; }

h1, h2, h3 {
  text-transform: uppercase;
  font-size: 3.2rem;
  line-height: 1.1em;
  font-weight: 600;
  margin-bottom: 1.8rem; }
  @media (max-width: 767px) {
    h1, h2, h3 {
      margin-bottom: 1rem; } }

h1 {
  margin-bottom: 1rem;
  width: 50%; }
  @media (max-width: 500px) {
    h1 {
      width: 100%;
      font-size: 14vw;
      line-height: 1.1em; } }

h2 {
  font-size: 3rem;
  line-height: 1.4em;
  margin-bottom: 1rem; }
  @media (max-width: 767px) {
    h2 {
      font-size: 2.4rem; } }
  @media (max-width: 500px) {
    h2 {
      font-size: 8.5vw;
      text-align: center !important;
      line-height: 1.4em; } }

h3 {
  font-size: 1.8rem;
  line-height: 1.4em; }

h4 {
  font-size: 1.2rem;
  line-height: 1.4em;
  font-weight: 700; }

a {
  font-size: inherit;
  color: inherit;
  text-decoration: none; }

button:not(.toggle), .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
  background-color: transparent; }

button {
  background-color: transparent;
  background: transparent;
  border: 0;
  outline: none;
  font-size: inherit;
  color: white;
  cursor: pointer;
  font-family: 'Exo 2', sans-serif;
  line-height: inherit;
  transition: .1s ease-in-out;
  padding: .6rem 1.5rem;
  line-height: 1em;
  text-transform: uppercase;
  font-weight: 700; }
  @media (max-width: 767px) {
    button {
      font-size: .8rem;
      line-height: 1.4em; } }
  button.full-width {
    width: 100%;
    line-height: 1.8em; }
  button.stroke {
    border: 1px solid white; }
    button.stroke:hover {
      background-color: white;
      color: rgba(var(--primary), 1); }
  button.colored {
    background-color: white;
    color: black; }
    button.colored:hover {
      opacity: .9; }
  button.slick-arrow {
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    color: transparent;
    padding: 0;
    background-color: white;
    background-image: url(../img/icons/arrow.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: calc(50% - 2.5rem);
    left: 0;
    z-index: 2;
    transition: .3s ease-in-out;
    transform: rotate(180deg); }
    @media (max-width: 767px) {
      button.slick-arrow {
        top: calc(50% - 3rem); } }
    button.slick-arrow.slick-disabled {
      opacity: 0;
      visibility: hidden; }
    button.slick-arrow.slick-next {
      left: auto;
      right: 0;
      transform: none; }

.sticky-nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 6rem;
  z-index: 5;
  width: 100%;
  transition: .5s ease-in-out; }
  @media (max-width: 997px) {
    .sticky-nav {
      height: 5rem; } }
  @media (max-width: 767px) {
    .sticky-nav {
      height: 4rem; } }
  @media (max-width: 500px) {
    .sticky-nav {
      position: absolute;
      height: 20vw; } }
  @media (min-width: 501px) {
    .sticky-nav.sticky {
      height: 4rem;
      background-color: #000; }
      .sticky-nav.sticky .container img {
        transform: scale(0.9); } }
  @media (min-width: 501px) {
    .sticky-nav.hide {
      height: 5rem;
      transform: translate(0, -5rem); } }
  .sticky-nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%; }
    @media (max-width: 500px) {
      .sticky-nav .container {
        justify-content: center; } }
    .sticky-nav .container img {
      width: 12rem;
      transition: .5s ease-in-out;
      height: auto; }
      @media (max-width: 767px) {
        .sticky-nav .container img {
          width: 10rem; } }
      @media (max-width: 500px) {
        .sticky-nav .container img {
          width: 50vw;
          height: auto; } }
  .sticky-nav .logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .6rem 0;
    pointer-events: none; }
    .sticky-nav .logo-wrapper img {
      max-height: 75%;
      pointer-events: all;
      cursor: pointer; }
  .sticky-nav ul {
    display: flex;
    list-style: none; }
    @media (max-width: 500px) {
      .sticky-nav ul {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white;
        justify-content: space-between; } }
    .sticky-nav ul li {
      text-transform: uppercase;
      margin-left: 2rem;
      cursor: pointer;
      position: relative; }
      @media (max-width: 500px) {
        .sticky-nav ul li {
          margin: 0;
          flex-grow: 1;
          padding: 3vw 0;
          text-align: center;
          text-transform: none;
          font-weight: 500;
          color: rgba(var(--LightVibrant), 1); } }
      .sticky-nav ul li:after {
        position: absolute;
        top: 100%;
        left: 50%;
        content: '';
        display: block;
        width: 0%;
        background-color: white;
        margin: .3rem auto 0;
        height: 1px;
        transition: .3s ease-in-out; }
      .sticky-nav ul li:hover:after, .sticky-nav ul li.active:after {
        width: 100%;
        left: 0; }

footer {
  padding: 3rem 0; }
  @media (max-width: 767px) {
    footer {
      padding-bottom: 25vw; } }
  footer .social-media, footer .legals {
    padding: .3rem 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    footer .social-media li, footer .legals li {
      margin: 0 .6rem;
      opacity: .6;
      transition: .3s ease-in-out; }
      footer .social-media li:hover, footer .legals li:hover {
        opacity: 1; }
      footer .social-media li img, footer .legals li img {
        width: 1.8rem;
        height: auto; }

body.home header {
  position: relative; }
  @media (max-width: 500px) {
    body.home header {
      padding-top: 20vw; } }
  body.home header:before {
    content: '';
    display: block;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none; }
  body.home header .video {
    position: relative;
    height: 72vh;
    overflow: hidden;
    padding: 0; }
    @media (max-width: 1179px) {
      body.home header .video {
        height: 65vh; } }
    @media (max-width: 997px) {
      body.home header .video {
        height: 400px; } }
    @media (max-width: 767px) {
      body.home header .video {
        height: 100vh; } }
    @media (max-width: 500px) {
      body.home header .video {
        height: 50vw; } }
  body.home header video {
    min-height: 100%;
    width: 100%;
    cursor: pointer;
    transition: .3s ease-in-out; }
  body.home header nav {
    position: absolute;
    cursor: pointer;
    right: 2rem;
    bottom: -2rem;
    font-weight: 300;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.3));
    background: black;
    padding: .8rem .8rem .8rem 1.5rem;
    transition: .3s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
    @media (max-width: 997px) {
      body.home header nav {
        bottom: 1rem;
        right: 1rem; } }
    @media (max-width: 767px) {
      body.home header nav {
        right: 4vw;
        bottom: 4vw;
        padding: 2vw .4vw 2vw 2vw; } }
    @media (max-width: 500px) {
      body.home header nav {
        padding: 2vw 4vw;
        right: 2vw;
        bottom: 2vw;
        white-space: nowrap; } }
    body.home header nav:hover {
      background: rgba(0, 0, 0, 0.6);
      transform: scale(0.95); }
    body.home header nav p {
      display: block;
      font-size: .9em;
      line-height: 1.4em; }
      @media (max-width: 500px) {
        body.home header nav p {
          font-size: 3.5vw;
          line-height: 1.4em;
          white-space: nowrap; }
          body.home header nav p br {
            display: none; } }
    body.home header nav button {
      display: block;
      flex-basis: 2.2rem;
      width: 2.2rem;
      height: 2.2rem;
      margin-left: .5rem;
      transition: .3s ease-in-out;
      background-color: transparent;
      background-image: url(../img/icons/play-button.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent; }
      @media (max-width: 767px) {
        body.home header nav button {
          flex-basis: 6vw;
          width: 6vw;
          height: 6vw;
          margin-left: 0; } }
      @media (max-width: 500px) {
        body.home header nav button {
          display: none; } }
body.home .home-video {
  padding-top: 6rem; }
  @media (max-width: 1179px) {
    body.home .home-video {
      padding-top: 4rem; } }
  body.home .home-video iframe {
    width: 100%;
    height: 56.25vw; }
body.home #cta {
  background: linear-gradient(to bottom, rgba(var(--primary), 0.35) 0%, rgba(var(--primary), 0.2) 80%, rgba(17, 49, 87, 0) 100%);
  padding: 4rem 0 0rem; }
  @media (max-width: 767px) {
    body.home #cta {
      padding-top: 3rem; } }
  body.home #cta .container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 3.5rem; }
    @media (max-width: 767px) {
      body.home #cta .container {
        margin-bottom: 2rem; } }
    @media (max-width: 500px) {
      body.home #cta .container {
        flex-direction: column; } }
  body.home #cta article {
    flex: 0;
    flex-shrink: 0;
    flex-basis: 45%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: .5;
    transition: .3s ease-in-out; }
    @media (max-width: 767px) {
      body.home #cta article {
        flex-basis: 50%; } }
    @media (max-width: 500px) {
      body.home #cta article {
        opacity: 1; } }
    body.home #cta article.focus {
      opacity: 1; }
    body.home #cta article:first-child:hover button.stroke, body.home #cta article:first-child.focus button.stroke {
      background-color: rgba(var(--LightVibrant), 1);
      color: black; }
    @media (max-width: 500px) {
      body.home #cta article:first-child {
        margin-bottom: 15vw; } }
    body.home #cta article:first-child img {
      border: 1px solid rgba(var(--LightVibrant), 1); }
    body.home #cta article:first-child button.stroke {
      color: rgba(var(--LightVibrant), 1);
      border-color: rgba(var(--LightVibrant), 1); }
    body.home #cta article:hover button.stroke {
      background-color: white;
      color: rgba(var(--primary), 1); }
    body.home #cta article a {
      width: 100%;
      padding: 0 1rem;
      text-align: center;
      position: relative; }
      body.home #cta article a .disturber {
        position: absolute;
        left: 0;
        top: 0;
        transform: rotate(-8deg) translate(-5rem, 0.5rem);
        background-color: yellow;
        width: 8rem;
        height: 8rem;
        border-radius: 50%;
        color: black;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: none;
        flex-direction: column;
        line-height: 1.3em;
        filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.5)); }
        body.home #cta article a .disturber b {
          text-transform: uppercase; }
      body.home #cta article a figure {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 1.8rem;
        transition: .3s ease-in-out;
        position: relative; }
        @media (max-width: 767px) {
          body.home #cta article a figure {
            margin-bottom: 1.5rem; } }
        @media (max-width: 500px) {
          body.home #cta article a figure {
            margin-bottom: 1rem; } }
        body.home #cta article a figure img {
          width: 100%;
          height: auto;
          object-fit: contain;
          object-position: center; }
body.home #album-teaser {
  padding-bottom: 3rem; }
  @media (max-width: 767px) {
    body.home #album-teaser {
      padding-bottom: 1; } }
body.home .columns p {
  margin-bottom: 1rem;
  hyphens: auto; }
body.home .columns a {
  margin-top: 2.2rem;
  display: block; }
@media (max-width: 500px) {
  body.home .columns button {
    width: 100%; } }
body.home #tour-dates {
  position: relative; }
  body.home #tour-dates h2 {
    text-align: center; }
  body.home #tour-dates .biography h2 {
    text-align: left; }
  body.home #tour-dates .band-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/band.jpg);
    background-attachment: fixed;
    background-size: cover;
    z-index: -1; }
    @media (min-width: 768px) and (max-width: 997px) {
      body.home #tour-dates .band-image-wrapper {
        position: relative;
        width: 100%;
        height: 400px;
        background-attachment: scroll; } }
    @media (max-width: 500px) {
      body.home #tour-dates .band-image-wrapper {
        position: relative;
        width: 100%;
        height: 65vw;
        background-attachment: scroll; } }
  body.home #tour-dates ul {
    display: flex;
    flex-direction: column;
    position: relative; }
    body.home #tour-dates ul a:last-child {
      margin-bottom: 1rem; }
      body.home #tour-dates ul a:last-child li {
        border-bottom: none; }
    body.home #tour-dates ul li {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: 2rem;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.8);
      transition: .1s ease-in-out;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
      @media (max-width: 1179px) {
        body.home #tour-dates ul li {
          padding: 1.2rem; } }
      body.home #tour-dates ul li:hover {
        color: black;
        background-color: white; }
        body.home #tour-dates ul li:hover button {
          border-color: rgba(var(--primary), 1);
          color: rgba(var(--primary), 1); }
          body.home #tour-dates ul li:hover button:hover {
            background-color: rgba(var(--primary), 1);
            color: white; }
      body.home #tour-dates ul li p {
        display: block; }
        body.home #tour-dates ul li p strong {
          font-weight: 800;
          display: block; }

body.album {
  background-color: black; }
  body.album .background-theme {
    position: fixed;
    top: -1rem;
    left: -1rem;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    overflow: hidden;
    z-index: -1; }
    body.album .background-theme img {
      object-fit: cover;
      object-position: center;
      filter: blur(10px) brightness(0.6);
      width: 100%;
      height: 100%; }
  body.album header {
    padding-top: 4rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative; }
    @media (max-width: 500px) {
      body.album header {
        flex-direction: column;
        padding-top: 12vw;
        align-items: center;
        padding-bottom: 10vw; } }
    body.album header .cover {
      position: relative;
      transform: translate(0, 3rem); }
      body.album header .cover:hover img {
        transform: scale(0.98); }
      body.album header .cover img {
        width: 20rem;
        height: auto;
        border: 1px solid rgba(var(--LightVibrant), 1);
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
        transition: .3s ease-in-out; }
        @media (max-width: 500px) {
          body.album header .cover img {
            width: 70vw; } }
    body.album header nav {
      position: absolute;
      bottom: 2rem;
      right: 2rem; }
      @media (max-width: 500px) {
        body.album header nav {
          position: relative;
          bottom: auto;
          right: auto;
          text-align: center;
          display: block;
          width: 100%;
          margin-top: 4.5rem; } }
      body.album header nav button {
        background-color: rgba(var(--LightVibrant), 1); }
        body.album header nav button:hover {
          background-color: white; }
  body.album main .background-color {
    background: black; }
  body.album main *[name='album-meta'] {
    opacity: .5; }
  body.album main .album-content p {
    hyphens: auto;
    display: block;
    margin-bottom: 2rem; }
    body.album main .album-content p em {
      font-style: italic;
      display: block;
      opacity: .75;
      padding-left: 2rem; }
      @media (max-width: 767px) {
        body.album main .album-content p em {
          padding-left: 0; } }
  body.album main .album-content h4 {
    margin-bottom: .3rem; }
  body.album main .track-list {
    list-style-type: none; }
    @media (max-width: 767px) {
      body.album main .track-list {
        padding-top: .5rem; } }
    body.album main .track-list li {
      padding: .9rem .9rem;
      background-color: rgba(var(--Vibrant), 0.1);
      display: flex;
      align-items: flex-start;
      pointer-events: none;
      cursor: pointer; }
      body.album main .track-list li div {
        padding-right: 0; }
      body.album main .track-list li.has-audio {
        pointer-events: all; }
        body.album main .track-list li.has-audio:before {
          opacity: .9; }
      body.album main .track-list li:hover {
        background-color: rgba(var(--Vibrant), 0.3) !important; }
        body.album main .track-list li:hover.has-audio:before {
          transform: scale(1);
          opacity: 1; }
      body.album main .track-list li:before {
        flex: 0;
        flex-shrink: 0;
        opacity: .1;
        display: inline-block;
        width: 1.8rem;
        transform: scale(0.9);
        content: '';
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transition: .2s ease-in-out;
        height: 1.8rem;
        flex-basis: 1.8rem;
        margin-right: 1rem;
        background-image: url(../img/icons/play.svg); }
      body.album main .track-list li button {
        position: relative;
        display: block;
        border: 1px solid white;
        color: white;
        font-size: 10px;
        line-height: 1.4em;
        margin-top: 1rem;
        transition: .3s ease-in-out;
        pointer-events: all; }
        body.album main .track-list li button:hover {
          background-color: white;
          color: black; }
      body.album main .track-list li.openOverlayVideo {
        cursor: pointer; }
      body.album main .track-list li b {
        display: block; }
      body.album main .track-list li small {
        opacity: .5;
        font-size: .8em;
        line-height: 1.4em; }
      body.album main .track-list li:nth-child(even) {
        background-color: rgba(var(--Vibrant), 0.2); }
  body.album main .reviews {
    margin-top: 3rem;
    padding-right: 0; }
    body.album main .reviews ol {
      display: block; }
      body.album main .reviews ol li {
        padding-bottom: 1rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        display: flex;
        cursor: pointer;
        transition: .3s ease-in-out;
        align-items: flex-start; }
        body.album main .reviews ol li:hover {
          transform: scale(0.96); }
          body.album main .reviews ol li:hover strong {
            text-decoration: underline; }
        body.album main .reviews ol li:last-child {
          border-bottom: none; }
        body.album main .reviews ol li img {
          width: 3rem;
          width: 3rem;
          height: auto;
          margin-top: 0.4rem; }
        body.album main .reviews ol li div {
          padding-top: 0 !important;
          padding-left: 1.2rem !important; }
          body.album main .reviews ol li div strong {
            color: white;
            font-weight: 700; }
          body.album main .reviews ol li div p {
            color: rgba(255, 255, 255, 0.5);
            margin-bottom: .5rem; }
        body.album main .reviews ol li div {
          display: block; }

body.legals {
  overflow-x: hidden; }
  body.legals header {
    padding-top: 10rem; }
  body.legals h2 {
    margin-top: 3rem; }
    @media (max-width: 767px) {
      body.legals h2 {
        font-size: 8vw;
        line-height: 1.4em; } }
  body.legals h3 {
    margin-top: 2rem; }
    @media (max-width: 767px) {
      body.legals h3 {
        font-size: 6vw;
        line-height: 1.4em; } }
  body.legals h4 {
    margin-top: 2rem; }

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