.soundclip-cat-img {
    height: 420px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
}

.spotify-link {
    position: absolute;
    display: block;
    right: 10px;
    bottom: 8px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjcuNSAxNjcuNSI+PHBhdGggc3R5bGU9ImZpbGw6IzFFRDc2MCIgZD0iTTgzLjcgMEMzNy41IDAgMCAzNy41IDAgODMuN2MwIDQ2LjMgMzcuNSA4My43IDgzLjcgODMuNyA0Ni4zIDAgODMuNy0zNy41IDgzLjctODMuN1MxMzAgMCA4My43IDB6TTEyMiAxMjAuOGMtMS40IDIuNS00LjYgMy4yLTcgMS43LTE5LjgtMTItNDQuNS0xNC43LTczLjctOC0yLjguNS01LjYtMS4yLTYuMi00LS4yLTIuOCAxLjUtNS42IDQtNi4yIDMyLTcuMyA1OS42LTQuMiA4MS42IDkuMyAyLjYgMS41IDMuNCA0LjcgMS44IDcuMnpNMTMyLjUgOThjLTIgMy02IDQtOSAyLjItMjIuNS0xNC01Ni44LTE4LTgzLjQtOS44LTMuMiAxLTctMS04LTQuM3MxLTcgNC42LThjMzAuNC05IDY4LjItNC41IDk0IDExIDMgMiA0IDYgMiA5em0xLTIzLjhjLTI3LTE2LTcxLjYtMTcuNS05Ny40LTkuNy00IDEuMy04LjItMS05LjUtNS4yLTEuMy00IDEtOC41IDUuMi05LjggMjkuNi05IDc4LjgtNy4yIDEwOS44IDExLjIgMy43IDIuMiA1IDcgMi43IDEwLjctMiAzLjgtNyA1LTEwLjYgMi44eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
}

@media(max-width:768px) {
    .soundclip-cat-img {
        height: 300px;
    }
}

@media(min-width:768px) and (max-width:992px) {
    .soundclip-cat-img {
        height: 250px;
    }
}

@media(min-width:993px) and (max-width:1200px) {
    .soundclip-cat-img {
        height: 380px;
    }
}

@media(max-width:480px) {
    .soundclip-cat-img {
        height: 200px;
    }
}

.cndce-soundclip-count {
    font-size: 80%;
    color: #9B9B9B;
    margin-bottom: 23px;
}

hr {
    margin: 1rem 10%;
}

.page-category {
    padding: 5px;
}

.page-category img {
    width: 100%;
    height: auto;
}

.audio-player {
    display: none;
}

.album-player {
    padding-top: 20px;
    margin: 30px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.album-player small {
    margin-top: 10px;
    vertical-align: text-bottom;
    color: #7B7B7B;
}

.album-player .description {
    margin: 20px 0;
}

.album-player .cover {
    text-align: center;
}

.album-player h4 {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.album-player ul, .album-player li {
    margin: 0;
    padding: 0;
    list-style: none;
    color: rgba(0, 0, 0, 0.85);
}

.album-player li {
    padding: 5px;
    display: flex;
    cursor: pointer;
}

.album-player li.active, .album-player li:hover {
    color: #1143FE;
}

.album-player li:nth-child(odd) {
    background: #fff;
}