/*
       __
      /\ \
 __  __\ \ \/'\
/\ \/\ \\ \ , <
\ \ \_\ \\ \ \\`\
\/`____ \\ \_\ \_\
 `/___/> \\/_/\/_/
    /\___/
    \/__/
check base.css for tools and such
*/

a,
a:active {
    color: #fd2c7a;
    text-decoration: none;
}

a:hover {
    color: #ff005f;
}

.ykmark {
    width: 114px;
    height: 18px;
    background: url("images/yk-ansi-horizontal.svg") no-repeat;
}

.ykmark.vertical {
    height: 114px;
    width: 18px;
    background: url("images/yk-ansi.svg") no-repeat;
}

.embed {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}

.embed iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.embed-bandcamp {
    display: flex;
}

.embed-bandcamp iframe {
    max-width: 700px;
    margin: 0 auto;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* HEADER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
header {
    background: #151515;
    position: relative;
    /* overflow: hidden; */
    /*position: fixed;
  top: 0; left: 0;
  width: 100%;
  z-index: 200;
  border-bottom: 3px solid #FFF;*/
}

body.release-details header {
    background: transparent;
    z-index: 100;
}

header .first-col {
    height: 82px;
}

header h1.logo {
    position: relative;
}

header h1.logo a {
    text-align: center;
    padding: 11px 15px;
    border-radius: 0px;
    top: 0px;
    position: relative;
    background: #fff url("images/bg.jpg");
    display: inline-block;
}

header h1.logo img {
    max-width: 61px;
}

header h1.logo .ykmark {
    position: absolute;
    z-index: 100;
    top: 1px;
    right: -11px;
    height: 81px;
    width: 15px;
    transform: rotate(180deg);
}

header h1.logo span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding-top: 6px;
    text-transform: uppercase;
    color: #000;
}

header nav {
    padding-right: 20px;
}

header nav a {
    display: inline-block;
    padding: 30px 20px;
    text-shadow: 1px 1px #000;
    opacity: 0.5;
}

header nav a {
    color: #fff;
    text-transform: uppercase;
}

header nav a:hover {
    opacity: 1;
}

body.artists header nav a.artists,
body.releases header nav a.releases,
body.videos header nav a.videos,
body.about header nav a.about {
    opacity: 1;
}

@media screen and (min-width: 40em) {
    header nav a {
        padding: 30px 5px;
        font-size: 14px;
    }
}

@media screen and (max-width: 39.9375em) {
    header nav {
        text-align: right;
        padding-right: 5px;
    }

    header nav a {
        padding: 32px 0px 32px 5px;
        font-size: 10px;
    }

    header h1.logo a {
        padding: 10px 15px;
        border-radius: 0px;
        top: 0px;
        position: relative;
        background: #fff url("images/bg.jpg");
        display: inline-block;
    }

    header h1.logo .ykmark {
        top: -1px;
    }

    html.mobile header h1.logo .ykmark {
        top: -1px;
    }
}

/* the acutal overlay - mobile only view */
.mobile-menu-container {
    display: none;
}

.mobile-menu-container .mobile-menu-options {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    font-size: 30px;
}

/* hidden checkbox */
input#control-nav {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    opacity: 0;
}

/* prevent page overflow when menu open */
body.menu-open {
    overflow: hidden;
}

/* label icon */
.control-nav {
    display: block;
    position: relative;
    text-align: right;
    width: 100%;
}

.control-nav:hover {
    cursor: pointer;
}

.control-nav:before {
    content: "";
    display: block;
    height: 3px;
}

.control-nav-open {
    font-size: 32px !important;
}

.control-nav-close {
    font-size: 32px !important;
    display: none !important;
}

input#control-nav:checked ~ .control-nav .control-nav-open {
    display: none !important;
}

input#control-nav:checked ~ .control-nav .control-nav-close {
    display: inline-block !important;
}

.icon-show-for-small-only {
    display: none;
}

@media screen and (max-width: 39.9375em) {
    .icon-show-for-small-only {
        display: inline-block !important;
    }

    input#control-nav:checked ~ .mobile-menu-container {
        display: block !important;
        background-color: var(--pink);
        backdrop-filter: blur(10px);
    }

    body.menu-open header {
        background-color: var(--pink);
    }

    header [type="checkbox"] + label[for] {
        margin-right: 0px !important;
    }

    header nav.mobile-nav-container {
        padding-right: 1em;
        padding-top: 1em;
        width: 60%;
        float: right;
    }

    .mobile-menu-container {
        background: #000;
        position: absolute;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        top: 80px;
        z-index: 10030;
    }

    header nav.mobile-nav-container a {
        display: block;
        font-size: 1.2em;
        color: #fff;
        padding: 0 1em;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* ALBUM SPECIFIC PALETTES (maybe a bad idea) (yes, this is a bad idea) */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.catalog-number {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 12px;
    padding: 4px 6px;
}

.bg-white {
    background-color: rgba(255, 255, 255, 0.5);
}

.bg-cocoa-beach {
    background-color: #d6302d;
}

[data-album] .bg-album-accent {
    background-color: #45414e;
    color: #fff;
}

.overlay-titles-container.text-the-features h1,
.overlay-titles-container.text-the-features h2 {
    position: relative;
    z-index: 1;
}

.overlay-titles-container.text-the-features h1 span,
.overlay-titles-container.text-the-features h2 span {
    color: #fff;
    position: relative;
    z-index: 1;
}

.overlay-titles-container.text-the-features h1:before,
.overlay-titles-container.text-the-features h2:before {
    content: "";
    position: absolute;
    left: 10%;
    top: 0;
    width: 80%;
    height: 100%;
    z-index: 0;
    background: #188acc;
    rotate: 2deg;
}

.overlay-titles-container.text-the-features h2:before {
    background: #d61e24;
    width: 70%;
    left: 15%;
    height: 110%;
    rotate: -1deg;
}

[data-album="never-mind-the-menagerie"] .bg-album-accent {
    background-color: #4b7fb0;
}

[data-album="never-mind-the-menagerie"] .bg-album-accent .button {
    background-color: #f18511;
    border-color: #f18511;
    color: #fff;
}

.large-type-container {
    width: 80%;
    margin: 0 auto;
}

.large-type-container h1 {
    font-size: 5rem;
    letter-spacing: -2px;
    line-height: 1;
}

.large-type-container h2 {
    font-size: 3rem;
    letter-spacing: -2px;
    line-height: 1;
}

.large-type-container h3 {
    font-size: 2rem;
    letter-spacing: -2px;
    line-height: 1;
}

.large-type-container.white-bg h2,
.large-type-container.white-bg h3 {
    color: #000;
}

.large-type-container.serif h1,
.large-type-container.serif h2,
.large-type-container.serif h3 {
    font-family: "Didot", serif;
}

/* MEDIUM */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .large-type-container h1 {
        font-size: 3rem;
    }

    .large-type-container h2 {
        font-size: 2rem;
    }

    .large-type-container h3 {
        font-size: 1rem;
    }
}

/* SMALL */
@media screen and (max-width: 39.9375em) {
    .large-type-container h1 {
        font-size: 3rem;
    }

    .large-type-container h2 {
        font-size: 2rem;
    }

    .large-type-container h3 {
        font-size: 1rem;
    }
}

[data-album] .image--title {
    color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media screen and (max-width: 39.9375em) {
    .catalog-number.right {
        display: inline-block;
        margin-bottom: 5px;
    }

    body.release .catalog-number.right {
        float: right !important;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* SOCIAL */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
a.social {
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    background: #fd2c7a;
    padding: 12px;
    border-radius: 24px;
}

a.social:hover {
    background: #fc0c66;
}

a.social.smaller {
    font-size: 18px;
    line-height: 26px;
    position: relative;
    top: -2px;
}

.the-form {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    text-align: center;
}

.the-form input[type="email"] {
    font-size: 24px;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
}

.the-form input[type="submit"] {
    position: absolute;
    right: 2px;
    top: 2px;
    padding: 12px;
    border-radius: 4px;
    color: #fff;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* FEATURED */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.feature .row .columns,
[data-slideshow] {
    height: 600px;
}

.feature .titles {
    clear: both;
}

.fill-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[data-feature] {
    height: 600px;
    position: relative;
}

[data-feature] .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fe348a;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

[data-feature] .slide h1.inverse {
    background: #fff;
    padding: 10px;
    position: absolute;
    bottom: 20px;
    left: 5%;
    width: 90%;
}

[data-simple-gallery-large] img {
    opacity: 0;
}

@media screen and (max-width: 75em) {
    .slideshow {
        margin-top: 0px !important;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .feature .row .columns,
    [data-slideshow] {
        height: 400px;
        margin-top: 0px !important;
    }

    .feature .main-actions a {
        display: block;
        width: 100%;
        margin-right: 10px;
        float: none;
        font-size: 13px;
    }

    .feature .main-actions {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 39.9375em) {
    .feature .main-actions {
        margin-bottom: 10px;
    }

    .feature .row .columns {
        height: 250px;
    }

    .feature .row .columns {
        height: 50vh;
    }

    [data-slideshow] {
        height: 500px;
    }

    [data-slideshow] {
        height: 100vh;
    }

    [data-slideshow] .bg-album-accent {
        padding: 1.4em !important;
    }

    [data-feature] {
        height: 0;
        padding-bottom: 56.25%;
        /* 16:9 */
    }

    [data-feature] .slide h1.inverse {
        font-size: 22px;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* CAROUSEL   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.carousel {
    width: 100vw;
    overflow-x: hidden;
}

.all-slide-container {
    width: 200vw;
    display: flex;
    position: relative;
    left: 0;
    -webkit-transition: left 0.3s ease-in;
    -moz-transition: left 0.3s ease-in;
    -ms-transition: left 0.3s ease-in;
    -o-transition: left 0.3s ease-in;
    transition: left 0.3s ease-in;
}

.carousel .slide-container {
    width: 100vw;
    flex: inherit;
}

.carousel .slide {
    display: flex;
    height: 100%;
    width: 100vw;
}

.carousel .slide > :first-child {
    width: 70%;
}

.carousel .slide > :last-child {
    width: 30%;
}

.carousel .slide > * {
    flex: 2 1 auto;
    position: relative;
}

.carousel .slide .promo-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.carousel-pagination {
    text-align: center;
}

.carousel-pagination a {
    display: inline-block;
    text-indent: -9999px;
    height: 20px;
    width: 60px;
    margin-right: 4px;
    position: relative;
}

.carousel-pagination a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.carousel-pagination a:hover:before,
.carousel-pagination a.active:before {
    background: rgba(0, 0, 0, 1);
}

.carousel-pagination a:last-child {
    margin-right: 0px;
}

/* X-LARGE only? */
@media screen and (min-width: 74.9375em) {
    .carousel .slide > :first-child {
        width: 80%;
    }

    .carousel .slide > :last-child {
        width: 20%;
        container-type: inline-size;
    }
}

/* MEDIUM / tablet */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .carousel .slide {
        display: block;
    }

    .carousel .slide > :first-child,
    .carousel .slide > :last-child {
        width: 100%;
    }
}

/* SMALL / mobile */
@media screen and (max-width: 39.9375em) {
    .carousel .slide {
        display: block;
    }

    .carousel .slide > :first-child {
        overflow: hidden;
    }

    .carousel .slide > :first-child,
    .carousel .slide > :last-child {
        width: 100%;
    }

    .carousel-pagination a {
        display: inline-block;
        text-indent: -9999px;
        height: 40px;
        width: 60px;
        margin-right: 4px;
        position: relative;
    }

    .carousel-pagination a:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 6px;
        background: rgba(0, 0, 0, 0.5);
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

    .promo-container-child {
        width: 80%;
        margin: 0 auto;
    }

    .promo-container h2.white {
        font-size: 1em;
    }

    .large-type-container {
        width: 100%;
        margin: 0 auto;
    }

    .large-type-container.padding-large {
        padding: 1.5em;
    }

    .large-type-container h1 {
        font-size: 2rem;
        letter-spacing: -2px;
        line-height: 1;
    }

    .large-type-container h2 {
        font-size: 1.5rem;
        letter-spacing: -2px;
        line-height: 1;
    }

    .large-type-container h3 {
        font-size: 1rem;
        letter-spacing: -2px;
        line-height: 1;
    }

    .slide .slide-info-actions .button {
        white-space: nowrap;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* CATALOG   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.hover-grow {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    line-height: 1;
}

.hover-grow:hover {
    /*-moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);*/
    box-shadow: 0px 0px 0px 2px #fd2c7a;
}

.square-block {
    display: block;
    padding: 41% 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.square-block:hover {
    background: #fff;
}

.square-block.video {
    padding: 17% 0;
}

a.special {
    text-align: center;
    display: block;
    margin-top: 32%;
    margin-bottom: 32%;
    color: rgba(0, 0, 0, 0.2);
}

a.special .icon {
    display: inline-block;
    margin: 0 auto;
    font-size: 40px;
    line-height: 1px;
    padding: 20px 25px;
    overflow: hidden;
    border-radius: 48px;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}

a.special .text {
    display: block;
}

hgroup.meta {
    line-height: 1.5em;
}

[data-simple-cycle] {
    position: relative;
    padding-top: 100%;
}

[data-simple-cycle] a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in;
    -moz-transition: all 0.6s ease-in;
    -ms-transition: all 0.6s ease-in;
    -o-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
}

[data-simple-cycle] a.is-active {
    opacity: 1;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* OPTIONS   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* VIDEOS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.thumbnail.video {
    display: block;
    background: rgba(0, 0, 0, 0.1);
}

.thumbnail.video .icon {
    position: absolute;
    color: #fff;
    bottom: 10px;
    left: 20px;
    z-index: 20;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* FOOTER */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

footer h1.logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}

footer h1.logo a {
    text-align: center;
    padding: 11px 15px;
    border-radius: 0px;
    top: 0px;
    position: relative;
    background: #fff url("images/bg.jpg");
    display: inline-block;
}

footer h1.logo img {
    max-width: 60px;
    visibility: hidden;
}

footer h1.logo .ykmark {
    position: absolute;
    z-index: 100;
    top: 0px;
    right: -12px;
    height: 81px;
    width: 15px;
    transform: rotate(360deg);
}

footer h1.logo span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    padding-top: 6px;
    text-transform: uppercase;
    color: #000;
}

@media screen and (max-width: 39.9375em) {
    html.mobile footer h1.logo .ykmark {
        top: -2px;
    }
}

.glitch .primary-column:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 120px;
    z-index: 20;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.2) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.glitch .background {
    height: 120px;
    position: relative;
    z-index: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* ARTISTS  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.artist-images-container .images {
    height: 80vh;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.artist-images-container .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.artist-links a.button {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.artist-bio blockquote {
    border-left: 2px solid #ccc;
    margin: 0;
    padding-left: 20px;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    body.artists .artists-list {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 39.9375em) {
    .artist-images-container .images {
        height: 0px;
        padding-top: 56.25%;
        position: relative;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* RELEASE DETAILS   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.texture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #000;
}

.texture .bg {
    z-index: 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000;
}

.texture .bg.blurred {
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.actions ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.actions ul > li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px 0;
    clear: both;
    height: 66px;
}

.actions ul > li:last-child {
    border-bottom: none;
}

.actions ul li a {
    font-size: 14px;
    width: 150px;
}

.actions ul li li {
    padding: 0;
    height: auto;
    border-bottom: none;
}

.actions ul li li a {
    width: auto;
    margin: 1%;
}

.actions ul > li .label {
    padding-top: 5px;
    display: inline-block;
}

/*a.listen {
  display: block;
  padding: 4px;
  text-align: center;
  color: #000;
  background: rgba(0,0,0,0.2);
  font-size: 13px;
}
a.listen:hover {
  color: #FFF;
}*/
.fa.fa-ampwall {
    background-image: url("images/misc/icon--ampwall--black.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    aspect-ratio: 1/1;
    width: 20px;
    position: relative;
    top: 2px;
    opacity: 0.8;
}
a.listen.spotify:hover {
    background: #24cf5f;
    border-color: #24cf5f;
    color: #fff;
}

a.listen.apple:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

a.listen.youtube:hover {
    background: #f00;
    color: #fff;
    border-color: #f00;
}

a.listen.soundcloud:hover {
    background: #f76700;
    border-color: #f76700;
}

a.listen.bandcamp:hover {
    background: #7498a6;
    border-color: #7498a6;
}
a.listen.soundcloud:hover {
    background: #fb4d16;
    border-color: #fb4d16;
}

ul.tracklisting {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.tracklisting > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 5px 0 5px 0;
}

ul.tracklisting li:last-child {
    border-bottom: none;
}

ul.tracklisting .number {
    font-size: 11px;
    vertical-align: text-middle;
}

ul.tracklisting .time {
    float: right;
    font-size: 11px;
    color: #ccc;
}

[data-simple-gallery] .large {
    background: rgba(0, 0, 0, 0.2);
    position: relative;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

[data-simple-gallery] .large img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0 !important;
}

[data-simple-gallery-thumbs] li a {
    display: block;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
}

[data-simple-gallery-thumbs] li.is-active a {
    border-bottom: 2px solid #000;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .actions ul li a {
        font-size: 12px;
        width: 132px;
        letter-spacing: 0;
    }
}

@media screen and (max-width: 39.9375em) {
    .texture {
        height: 80px;
    }

    body.release .actions .padding-small {
        padding: 0.5em !important;
    }

    body.release .actions a {
        font-size: 11px;
    }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* VIDEOS */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.embed {
    height: 0;
    padding-top: 56.25%;
    background: #000;
    position: relative;
    background-repeat: no-repeat;
}

.embed iframe,
.embed .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed .image {
    background-repeat: no-repeat;
    background-size: cover;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* ABOUT */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.avatar .img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.avatar .img.active {
    opacity: 1;
}

.feature.about .row .columns {
    height: 550px;
}

.furthermore .intro-paragraph {
    min-height: 70px;
}

@media screen and (max-width: 39.9375em) {
    section.about.margin-top-medium {
        margin-top: 0px;
    }

    .feature.about .row .columns {
        height: auto;
        min-height: 400px;
    }
}

/* A NIGHT OF 2017 */
.a-night-of-grid li {
    height: 300px;
    position: relative;
}

.block-gallery a {
    display: block;
    height: 0;
    padding-top: 56.25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.block-gallery a img {
    display: none;
}

.modal-credit {
    position: absolute;
    font-size: 11px;
    bottom: 0;
    left: 5px;
    padding: 5px;
    background: #000;
    color: #fff;
    z-index: 9999;
}

@media screen and (max-width: 39.9375em) {
    .a-night-of-grid li {
        height: auto;
    }

    .a-night-of-grid li div.vertical-center {
        top: 0;
        transform: none;
    }

    .a-night-of-grid li div.border-right {
        border: none !important;
    }

    .a-night-of-grid li a {
        text-align: center;
        padding: 0;
    }
}

/* A NIGHT OF 2018 */
.a-night-of-too .poster-container .columns {
    min-height: 70vh;
    position: relative;
}

.poster-container.pink-bg {
    background-color: #fb3a8a;
}

.squiggle-bg {
    background: url("images/misc/a-night-of-2-squiggles.png") no-repeat;
    background-size: auto 100%;
}

.a-night-of-too .slideshow {
    position: absolute;
    width: 100%;
    height: 100%;
}

[data-feature] .slide,
[data-feature-two] .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fe348a;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

[data-feature-two] .slide {
    background-position: center right;
    background-size: auto 100%;
}

[data-feature] .slide h1.inverse {
    background: #fff;
    padding: 10px;
    position: absolute;
    bottom: 20px;
    left: 5%;
    width: 90%;
}

[data-feature-two] .slide h1.inverse {
    text-transform: uppercase;
    color: #fff;
    font-size: 70px;
    letter-spacing: 60px;
}

[data-feature-two] .slide h5.wide {
    letter-spacing: 30px;
}

.tickets .row .negative-offset {
    margin-top: -180px;
}

a.a-night-of:hover {
    color: #fff;
    opacity: 0.5;
}

.promo-padding {
    background: #ffffd9;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px;
}

@media screen and (max-width: 39.9375em) {
    .a-night-of-too .poster-container .columns {
        min-height: 50vh;
    }

    .tickets .row .negative-offset {
        margin-top: 0;
    }

    .squiggle-bg {
        background: url("images/misc/a-night-of-2-squiggles.jpg") no-repeat;
        background-size: cover;
    }

    [data-feature-two] .slide h1.inverse {
        font-size: 30px;
        letter-spacing: 30px;
    }
}

.playlist-container .columns {
    min-height: 170px;
}

/* ALBUM SPECIFIC STYLES */
[data-album="numbers"] .bg-album-accent {
    background-color: #45414e;
    color: #fff;
}

[data-album="cocoa-beach"] .bg-album-accent {
    background-color: #d6302d;
    color: #fff;
}

[data-album="brigador-vol-1"] .bg-album-accent {
    background-color: #000;
    color: #fff;
}

[data-album="one-million-one-million-one-million"] .bg-album-accent {
    background-color: #83b4d6;
    color: #fff;
}

[data-album="chariots-of-fire"] .bg-album-accent {
    background-color: #de9d30;
    color: #000;
}

[data-album="breakfast-alone"] .bg-album-accent {
    background-color: #282727;
    color: #fff;
}

[data-album="cooler-heads"] .bg-album-accent {
    background-color: #8e7bb4;
    color: #fff;
}

[data-album="sinister-hand"] .bg-album-accent {
    background-color: #b59852;
    color: #fff;
}

[data-album="sandusky-ohio"] .bg-album-accent {
    background-color: #435697;
    color: #fff;
}

[data-album="new-man-sings"] .bg-album-accent {
    background-color: #ec4633;
    color: #fff;
}

[data-album="new-man-sings"] .bg-album-accent .button {
    background-color: #fad74e;
    color: #ec4633;
}

[data-album="instruments-of-action"] .bg-album-accent {
    background-color: #929da6;
    color: #fff;
}

[data-album="tuxedo"] .bg-album-accent {
    background-color: #f2cc46;
    color: #000;
}

[data-album="tuxedo"] .bg-album-accent .button {
    background-color: #c4242f;
    border-color: #c4242f;
    color: #fff;
}

[data-album="say-im-pretty"] .bg-album-accent {
    background-color: #c4c3c3;
    color: #333;
}

[data-album="staying-awake"] .bg-album-accent {
    background-color: #396360;
    color: #fff;
}

[data-album="staying-awake"] .bg-album-accent .button {
    background-color: #a0c7c8;
    border-color: #a0c7c8;
    color: #333;
}

[data-album="get-it-while-its-hot"] .bg-album-accent {
    background-color: #e9db64;
    color: #333;
}

[data-album="get-it-while-its-hot"] .bg-album-accent .button {
    background-color: #bf4337;
    border-color: #bf4337;
    color: #fff;
}

[data-album="izzy-ost"] .bg-album-accent {
    background-color: #ffff00;
    color: #333;
}

[data-album="izzy-ost"] .bg-album-accent .button {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

[data-album="black-snake"] .bg-album-accent {
    background-color: #9b2f43;
    color: #c4c4c4;
}

[data-album="black-snake"] .bg-album-accent .button {
    background-color: #1a201e;
    border-color: #232925;
    color: #9a9693;
}

[data-album="telekinesis-for-beginners"] .bg-album-accent {
    background-color: #29b9ed;
    color: #fff;
}

[data-album="telekinesis-for-beginners"] .bg-album-accent .button {
    background-color: #ef5b4d;
    border-color: #ef5b4d;
    color: #fff;
}

[data-album="fade-away-sugar-shark"] .bg-album-accent {
    background-color: #a8e391;
    color: #333;
}

[data-album="fade-away-sugar-shark"] .bg-album-accent .button {
    background-color: #417281;
    border-color: #417281;
    color: #fff;
}

[data-album="imposter-syndrome"] .bg-album-accent {
    background-color: #050c0c;
    color: #fff;
}

[data-album="imposter-syndrome"] .bg-album-accent .button {
    background-color: #dd324b;
    border-color: #dd324b;
    color: #fff;
}

[data-album="cliff-house-kids"] .bg-album-accent {
    background-color: #11c8cc;
    color: #fff;
}

[data-album="cliff-house-kids"] .bg-album-accent .button {
    background-color: #11a0fe;
    border-color: #11a0fe;
    color: #000;
}

[data-album="black-bra"] .bg-album-accent {
    background-color: #afcaa9;
    color: #fff;
}

[data-album="black-bra"] .bg-album-accent .button {
    background-color: #7d82d6;
    border-color: #7d82d6;
    color: #000;
}

[data-album="waving-1-4"] .bg-album-accent {
    background-color: #070705;
    color: #fff;
}

[data-album="waving-1-4"] .bg-album-accent .button {
    background-color: #dec5a5;
    border-color: #dec5a5;
    color: #070705;
}

[data-album="threeve"] .bg-album-accent {
    background-color: #11c8cc;
    color: #fff;
}

[data-album="threeve"] .bg-album-accent .button {
    background-color: #11a0fe;
    border-color: #11a0fe;
    color: #000;
}

[data-album="the-eagle-has-left-the-building"] .bg-album-accent {
    background-color: #ffc438;
    color: #fff;
}

[data-album="the-eagle-has-left-the-building"] .bg-album-accent .button {
    background-color: #ea862d;
    border-color: #ea862d;
    color: #000;
}

[data-album="the-rhythm-method"] .bg-album-accent {
    background-color: #004777;
    color: #fff;
}

[data-album="the-rhythm-method"] .bg-album-accent .button {
    background-color: #f63a56;
    border-color: #f63a56;
    color: #fff;
}

[data-album="the-forgotten-openness-of-the-closed-world"] .bg-album-accent {
    background-color: #626f7d;
    color: #fff;
}

[data-album="the-forgotten-openness-of-the-closed-world"]
    .bg-album-accent
    .button {
    background-color: #7d7462;
    border-color: #7d7462;
    color: #fff;
}

[data-album="spencer-cullums-coin-collection"] .bg-album-accent {
    background-color: #53663f;
    color: #fff;
}

[data-album="spencer-cullums-coin-collection"] .bg-album-accent .button {
    background-color: #eec678;
    border-color: #eec678;
    color: #000;
}

[data-album="in-the-city"] .bg-album-accent {
    background-color: #66718f;
    color: #fff;
}

[data-album="in-the-city"] .bg-album-accent .button {
    background-color: #e53d30;
    border-color: #e53d30;
    color: #fff;
}

[data-album="prelude-no-1"] .bg-album-accent {
    background-color: #121c24;
    color: #fff;
}

[data-album="prelude-no-1"] .bg-album-accent .button {
    background-color: #578bb3;
    border-color: #578bb3;
    color: #fff;
}

[data-album="the-city-is-a-lie-we-tell-ourselves"] .bg-album-accent {
    background-color: #578bb3;
    color: #fff;
}

[data-album="the-city-is-a-lie-we-tell-ourselves"] .bg-album-accent .button {
    background-color: #c4d2c9;
    border-color: #c4d2c9;
    color: #fff;
}

[data-album="now-what"] .bg-album-accent {
    background-color: #e4461f;
    color: #fff;
}

[data-album="now-what"] .bg-album-accent .button {
    background-color: #639780;
    border-color: #639780;
    color: #fff;
}

[data-album="days"] .bg-album-accent {
    background-color: #7f0e08;
    color: #fff;
}

[data-album="days"] .bg-album-accent .button {
    background-color: #68f5ed;
    border-color: #68f5ed;
    color: #333;
}

[data-album="ep-2"] .bg-album-accent {
    background-color: #3d6777;
    color: #fff;
}

[data-album="ep-2"] .bg-album-accent .button {
    background-color: #fafe69;
    border-color: #fafe69;
    color: #333;
}

[data-album="darbos-island"] .bg-album-accent {
    background-color: #a850f2;
    color: #fff;
}

[data-album="darbos-island"] .bg-album-accent .button {
    background-color: #f28b4b;
    border-color: #f28b4b;
    color: #fff;
}

[data-album="darbos-island"] .titles a {
    color: #f28b4b;
}

[data-album="the-jason-ep"] .bg-album-accent {
    background-color: #e0b89e;
    color: #fff;
}

[data-album="the-jason-ep"] .bg-album-accent .button {
    background-color: #d64a50;
    border-color: #d64a50;
    color: #fff;
}

[data-album="my-impatience-cormorant"] .bg-album-accent {
    background-color: #edecf2;
    color: #000;
}

[data-album="my-impatience-cormorant"] .bg-album-accent .button {
    background-color: #ed2124;
    border-color: #ed2124;
    color: #fff;
}

[data-album="have-you-met-me-yet-i-will-never-let-you-go-from-me"]
    .bg-album-accent {
    background-color: #ff847c;
    color: #000;
}

[data-album="have-you-met-me-yet-i-will-never-let-you-go-from-me"]
    .bg-album-accent
    .button {
    background-color: #0f417e;
    border-color: #0f417e;
    color: #fff;
}

[data-album="golden-hour"] .bg-album-accent {
    background: #f04e02;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f04e02 0%, #fdd306 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f04e02 0%, #fdd306 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f04e02 0%, #fdd306 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04e02', endColorstr='#fdd306', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

[data-album="golden-hour"] .bg-album-accent .button {
    background-color: #ff2b37;
    border-color: #ff2b37;
    color: #fff;
}

[data-album="reinvention-no-1"] .bg-album-accent {
    background: #1e1f21;
}

[data-album="reinvention-no-1"] .bg-album-accent .button {
    background-color: #eb6c27;
    border-color: #eb6c27;
    color: #fff;
}

[data-album="for-horses"] .bg-album-accent {
    background-color: #483558;
    color: #fff;
}

[data-album="for-horses"] .bg-album-accent .button {
    background-color: #de1d23;
    border-color: #de1d23;
    color: #fff;
}

[data-album="the-mahaffey-sessions-1999"] .bg-album-accent {
    background-color: #fdf4ec;
    color: #151515;
}

[data-album="the-mahaffey-sessions-1999"] .bg-album-accent .button {
    background-color: #151515;
    border-color: #151515;
    color: #fdf4ec;
}

[data-album="blue-ride-coal-futures"] .bg-album-accent {
    background-color: #60939f;
    color: #000;
}

[data-album="blue-ride-coal-futures"] .bg-album-accent .button {
    background-color: #002d3d;
    border-color: #002d3d;
    color: #fff;
}

[data-album="shes-got-it-moon-rocks"] .bg-album-accent {
    background-color: #eec872;
    color: #000;
}

[data-album="shes-got-it-moon-rocks"] .bg-album-accent .button {
    background-color: #b26b5d;
    border-color: #b26b5d;
    color: #fff;
}

[data-album="the-new-new-man"] .bg-album-accent {
    background-color: #e8c010;
    color: #000;
}

[data-album="the-new-new-man"] .bg-album-accent .button {
    background-color: #828ca1;
    border-color: #828ca1;
    color: #fff;
}

[data-album="pastiche"] .bg-album-accent {
    background-color: #d25b39;
}

[data-album="pastiche"] .bg-album-accent .button {
    background-color: #624283;
    border-color: #624283;
    color: #fff;
}

[data-album="sea-ranch"] .bg-album-accent {
    background-color: #b0c9df;
}

[data-album="sea-ranch"] .bg-album-accent .button {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

[data-album="telefone"] .bg-album-accent {
    background-color: #e8a622;
}

[data-album="telefone"] .bg-album-accent .button {
    background-color: #c32223;
    border-color: #c32223;
    color: #fff;
}

[data-album="sea-ranch"] .slide-info-container p,
[data-album="sea-ranch"] .slide-info-container h2,
[data-album="sea-ranch"] .slide-info-container h3 {
    color: #000;
}

[data-album="running-out"] .bg-album-accent {
    background-color: #ed6c4d;
}

[data-album="running-out"] .bg-album-accent .button {
    background-color: #f8f5d2;
    border-color: #f8f5d2;
    color: #000;
}

[data-album="running-out"] .overlay-titles-container h1 span {
    color: #fff;
}

[data-album="stripes"] .bg-album-accent {
    background-color: #111;
}

[data-album="stripes"] .bg-album-accent .button {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

[data-album="nocturne-op1-no1"] .bg-album-accent {
    background-color: #220905;
}

[data-album="nocturne-op1-no1"] .bg-album-accent .button {
    background-color: #962f1e;
    border-color: #962f1e;
    color: #fff;
}

[data-album="new-public-domain"] .bg-album-accent {
    background-color: #2b4599;
}

[data-album="new-public-domain"] .bg-album-accent .button {
    background-color: #c3c8cb;
    border-color: #c3c8cb;
    color: #333;
}

[data-album="two-chambered"] .bg-album-accent {
    background-color: #e2238b;
}

[data-album="two-chambered"] .bg-album-accent .button {
    background-color: #6d5392;
    border-color: #6d5392;
    color: #fff;
}

[data-album="star-time"] .bg-album-accent {
    background-color: #de238e;
}

[data-album="star-time"] .bg-album-accent .button {
    background-color: #0997c9;
    border-color: #0997c9;
    color: #fff;
}

[data-album="some-kind-of-salvation"] .bg-album-accent {
    background-color: #188acc;
}

[data-album="some-kind-of-salvation"] .bg-album-accent .button {
    background-color: #e2e1d1;
    border-color: #e2e1d1;
    color: #333;
}

[data-album="some-kind-of-salvation"] .bg-album-accent .button:hover {
    background-color: #d71f24;
    border-color: #d71f24;
    color: #fff;
}

[data-album="microcosm"] .bg-album-accent {
    background-color: #62edb6;
    color: #000;
}

[data-album="microcosm"] .bg-album-accent .button {
    background-color: #ac5ec3;
    border-color: #ac5ec3;
    color: #fff;
}

[data-album="microcosm"] .bg-album-accent .button:hover {
    background-color: #000;
    border-color: #62edb6;
    color: #fff;
}

[data-album="destroyer-the-handbook"] .bg-album-accent {
    background-color: #8e393e;
}

[data-album="destroyer-the-handbook"] .bg-album-accent .button {
    background-color: #e5c67d;
    border-color: #e5c67d;
    color: #fff;
}

[data-album="destroyer-the-handbook"] .bg-album-accent .button:hover {
    background-color: #b18349;
    border-color: #e5c67d;
    color: #fff;
}

[data-album="i-could-stay-the-last-dancer"] .bg-album-accent {
    background-color: #000;
    color: #fff;
}

[data-album="i-could-stay-the-last-dancer"] .bg-album-accent .button {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

[data-album="i-could-stay-the-last-dancer"] .bg-album-accent .button:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

[data-album="friendly-factions"] .bg-album-accent {
    background-color: #6e899c;
    color: #fff;
}

[data-album="friendly-factions"] .bg-album-accent .button {
    background-color: #fef95f;
    border-color: #fef95f;
    color: #000;
}

[data-album="friendly-factions"] .bg-album-accent .button:hover {
    background-color: #fef995;
    border-color: #fef995;
    color: #000;
}

[data-album="visitor"] .bg-album-accent {
    background-color: #6f7b57;
    color: #fff;
}

[data-album="visitor"] .bg-album-accent .button {
    background-color: #efeaeb;
    border-color: #efeaeb;
    color: #000;
}

[data-album="visitor"] .bg-album-accent .button:hover {
    background-color: #91a06d;
    border-color: #91a06d;
    color: #000;
}

[data-album="the-beat-dark-circles"] .bg-album-accent {
    background-color: #ff93ad;
    color: #fff;
}

[data-album="the-beat-dark-circles"] .bg-album-accent .button {
    background-color: #a483bc;
    border-color: #a483bc;
    color: #fff;
}

[data-album="the-beat-dark-circles"] .bg-album-accent .button:hover {
    background-color: #5c3a75;
    border-color: #5c3a75;
    color: #fff;
}

[data-album="the-beat-dark-circles"] .image--title {
    background-position: top left;
}

[data-album="may-throwaway-ep"] .bg-album-accent {
    background-color: #359cd6;
    color: #fff;
}

[data-album="may-throwaway-ep"] .bg-album-accent .button {
    background-color: #c91228;
    border-color: #c91228;
    color: #fff;
}

[data-album="may-throwaway-ep"] .bg-album-accent .button:hover {
    background-color: #a51526;
    border-color: #a51526;
    color: #fff;
}

[data-album="may-throwaway-ep"] .image--title {
    background-position: top left;
}

[data-album="we-are-really-rocking-now-havent-we"] .bg-album-accent {
    background-color: #eb334b;
    color: #fff;
}

[data-album="we-are-really-rocking-now-havent-we"] .bg-album-accent .button {
    background-color: #828ebf;
    border-color: #828ebf;
    color: #fff;
}

[data-album="we-are-really-rocking-now-havent-we"]
    .bg-album-accent
    .button:hover {
    background-color: #575d74;
    border-color: #575d74;
    color: #fff;
}

[data-album="hawks-onward"] .bg-album-accent {
    background-color: #22383d;
    color: #fff;
}

[data-album="hawks-onward"] .bg-album-accent .button {
    background-color: #d64d1e;
    border-color: #d64d1e;
    color: #fff;
}

[data-album="hawks-onward"] .bg-album-accent .button:hover {
    background-color: #933413;
    border-color: #933413;
    color: #fff;
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    [data-album="hawks-onward"] .overlay-titles-container .image--title {
        height: 300px !important;
    }
}

@media screen and (max-width: 39.9375em) {
    [data-album="hawks-onward"] .overlay-titles-container .image--title {
        height: 120px !important;
    }
}

[data-album="hearses-a-season-of-wrath"] .overlay-titles-container h2,
[data-album="hearses-a-season-of-wrath"] .overlay-titles-container p {
    color: #000;
    font-weight: 900;
}
[data-album="hearses-a-season-of-wrath"] .overlay-title {
    tex-transform: uppercase;
}
[data-album="hearses-a-season-of-wrath"] .bg-album-accent {
    background-color: #302f34;
    color: #fff;
}

[data-album="hearses-a-season-of-wrath"] .bg-album-accent .button {
    background-color: #4e437e;
    border-color: #4e437e;
    color: #fff;
}

[data-album="hearses-a-season-of-wrath"] .bg-album-accent .button:hover {
    background-color: #282240;
    border-color: #282240;
    color: #fff;
}

[data-album="the-foam-alone"] .bg-album-accent {
    background-color: #f2a276;
    color: #fff;
}

[data-album="the-foam-alone"] .bg-album-accent .button {
    background-color: #c1a1bd;
    border-color: #c1a1bd;
    color: #fff;
}

[data-album="the-foam-alone"] .bg-album-accent .button:hover {
    background-color: #78146c;
    border-color: #78146c;
    color: #fff;
}

[data-album="lights-river-in-the-ocean"] .bg-album-accent {
    background-color: #f365b1;
    color: #fff;
}

[data-album="lights-river-in-the-ocean"] .bg-album-accent .button {
    background-color: #77028e;
    border-color: #77028e;
    color: #fff;
}

[data-album="lights-river-in-the-ocean"] .bg-album-accent .button:hover {
    background-color: #6ff2e2;
    border-color: #6ff2e2;
    color: #000;
}

[data-album="repeat"] .overlay-title {
    color: #fff;
}

[data-album="repeat"] .bg-album-accent {
    background-color: #d95237;
    color: #fff;
}

[data-album="repeat"] .bg-album-accent .button {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

[data-album="repeat"] .bg-album-accent .button:hover {
    background-color: #ff1000;
    border-color: #ff1000;
    color: #fff;
}

[data-album="shattery"] .bg-album-accent {
    background-color: #1d86e2;
    color: #fff;
}

[data-album="shattery"] .bg-album-accent .button {
    background-color: #faf458;
    border-color: #faf458;
    color: #272622;
}

[data-album="shattery"] .bg-album-accent .button:hover {
    background-color: #cf681d;
    border-color: #cf681d;
    color: #272622;
}

[data-album="mantra-miracle"] .overlay-titles-container h1,
[data-album="mantra-miracle"] .overlay-titles-container h2 {
    text-shadow:
        0 0 13px #ff0000,
        0 0 15px #fdfc68;
}

[data-album="mantra-miracle"] .bg-album-accent {
    background-color: #0629d5;
    color: #fff;
}

[data-album="mantra-miracle"] .bg-album-accent .button {
    background-color: #fdfc68;
    border-color: #fdfc68;
    color: #c41f61;
}

[data-album="mantra-miracle"] .bg-album-accent .button:hover {
    background-color: #c41f61;
    border-color: #c41f61;
    color: #fdfc68;
}

[data-album="animal-suddenly-last-summer"] .bg-album-accent {
    background-color: #52676f;
    color: #fff;
}

[data-album="animal-suddenly-last-summer"] .bg-album-accent .button {
    background-color: #d9c292;
    border-color: #d9c292;
    color: #000;
}

[data-album="animal-suddenly-last-summer"] .bg-album-accent .button:hover {
    background-color: #52676f;
    border-color: #d9c292;
    color: #d9c292;
}

[data-album="no-1-record"] .bg-album-accent {
    background-color: #25262a;
    color: #fff;
}

[data-album="no-1-record"] .bg-album-accent .button {
    background-color: #e78348;
    border-color: #e78348;
    color: #fff;
}

[data-album="no-1-record"] .bg-album-accent .button:hover {
    background-color: #b5391f;
    border-color: #b5391f;
    color: #fff;
}
[data-album="moment-of-bleakness"] .bg-album-accent {
    background-color: #bd0c36;
    color: #fff;
}

[data-album="moment-of-bleakness"] .bg-album-accent .button {
    background-color: #9a9a9a;
    border-color: #9a9a9a;
    color: #fff;
}

[data-album="moment-of-bleakness"] .bg-album-accent .button:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

[data-album="gt1"] .bg-album-accent {
    background-color: #141216;
    color: #fff;
}

[data-album="gt1"] .bg-album-accent .button {
    background-color: #a92f58;
    border-color: #a92f58;
    color: #fff;
}

[data-album="gt1"] .bg-album-accent .button:hover {
    background-color: #fff;
    border-color: #fff;
    color: #000;
}

[data-album="king-of-hands"] .bg-album-accent {
    background-color: #8fadd3;
    color: #fff;
}

[data-album="king-of-hands"] .bg-album-accent .button {
    background-color: #fbff53;
    border-color: #fbff53;
    color: #000;
}

[data-album="king-of-hands"] .bg-album-accent .button:hover {
    background-color: #242633;
    border-color: #242633;
    color: #fff;
}

[data-album="dalusa-im-a-nightmare"] .bg-album-accent {
    background-color: #e18556;
    color: #fff;
}

[data-album="dalusa-im-a-nightmare"] .bg-album-accent .button {
    background-color: #fbff53;
    border-color: #fbff53;
    color: #000;
}

[data-album="dalusa-im-a-nightmare"] .bg-album-accent .button:hover {
    background-color: #242633;
    border-color: #242633;
    color: #fff;
}

[data-album="cutting-ties"] .bg-album-accent {
    background-color: #0452a7;
    color: #fff;
}

[data-album="cutting-ties"] .bg-album-accent .button {
    background-color: #ef1c07;
    border-color: #ef1c07;
    color: #fff;
}

[data-album="cutting-ties"] .bg-album-accent .button:hover {
    background-color: #eec08e;
    border-color: #eec08e;
    color: #000;
}

[data-album="organic-machine"] h1,
[data-album="organic-machine"] h2,
[data-album="organic-machine"] h3,
[data-album="organic-machine"] .button,
[data-album="organic-machine"] p {
    font-family: monospace;
}
[data-album="organic-machine"] .bg-album-accent {
    background-color: #19b015;
    color: #fff;
    font-family: monospace;
}

[data-album="organic-machine"] .bg-album-accent .button {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

[data-album="organic-machine"] .bg-album-accent .button:hover {
    background-color: #10730e;
    border-color: #10730e;
    color: #fff;
}
[data-album="the-witching-hour"] .bg-album-accent {
    background-color: #61bb95;
    color: #fff;
}

[data-album="the-witching-hour"] .bg-album-accent .button {
    background-color: #08422a;
    border-color: #08422a;
    color: #fff;
}

[data-album="the-witching-hour"] .bg-album-accent .button:hover {
    background-color: #00ff93;
    border-color: #00ff93;
    color: #000;
}

[data-album="n-as-in-nina-in-panorama"] .bg-album-accent {
    background-color: #aa3430;
    color: #fff;
}

[data-album="n-as-in-nina-in-panorama"] .bg-album-accent .button {
    background-color: #ffec25;
    border-color: #ffec25;
    color: #000;
}

[data-album="n-as-in-nina-in-panorama"] .bg-album-accent .button:hover {
    background-color: #dd7829;
    border-color: #dd7829;
    color: #000;
}

[data-album="cool-christmas-silent-night"] .bg-album-accent {
    background-color: #ca372f;
    color: #fff;
}

[data-album="cool-christmas-silent-night"] .bg-album-accent .button {
    background-color: #fdcc19;
    border-color: #fdcc19;
    color: #000;
}

[data-album="cool-christmas-silent-night"] .bg-album-accent .button:hover {
    background-color: #be9eb4;
    border-color: #be9eb4;
    color: #000;
}

.holiday2024-red-bg {
    background-color: #ce2110;
}
[data-album="yk-records-holiday-sampler-2024"] .bg-album-accent {
    background-color: #ce2110;
    color: #fff;
}

[data-album="yk-records-holiday-sampler-2024"] .bg-album-accent .button {
    background-color: #f4d695;
    border-color: #f4d695;
    color: #000;
}

[data-album="yk-records-holiday-sampler-2024"] .bg-album-accent .button:hover {
    background-color: #c0a875;
    border-color: #c0a875;
    color: #000;
}