/**
 * SphereNexus Editorial Pro v2.5.4
 * Education and Entertainment collections inside the sticky editorial panel.
 */

.sn-editor-v24-section .sn-editor-category-panel {
    background: #08243b !important;
}

.sn-editor-category-groups {
    padding: 4px 20px 14px;
}

.sn-editor-category-group {
    padding: 15px 0 12px;
}

.sn-editor-category-group + .sn-editor-category-group {
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.sn-editor-category-group__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.sn-editor-category-group__heading h3 {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #75ddd6 !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sn-editor-category-group__heading h3 .sn-icon {
    width: 15px;
    height: 15px;
    color: var(--editor-side-accent);
}

.sn-editor-category-group__heading > a {
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
}

.sn-editor-category-story {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    padding: 9px 0;
}

.sn-editor-category-story + .sn-editor-category-story {
    border-top: 1px solid rgba(255, 255, 255, .09);
}

.sn-editor-category-story__image {
    display: block;
    width: 76px;
    height: 58px;
    overflow: hidden;
    border-radius: 6px 13px 6px 13px;
    background: rgba(255, 255, 255, .08);
}

.sn-editor-category-story__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sn-editor-category-story h4 {
    display: -webkit-box;
    margin: 0 0 5px;
    overflow: hidden;
    color: #fff;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.38;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sn-editor-category-story h4 a {
    color: #fff !important;
}

.sn-editor-category-story div > span {
    color: #91a7b8;
    font-size: 8.5px;
}

@media (max-width: 940px) {
    .sn-editor-category-groups {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .sn-editor-category-group + .sn-editor-category-group {
        border-top: 0;
        border-left: 1px solid rgba(255, 255, 255, .14);
        padding-left: 20px;
    }
}

@media (max-width: 620px) {
    .sn-editor-category-groups {
        grid-template-columns: 1fr;
    }

    .sn-editor-category-group + .sn-editor-category-group {
        border-top: 1px solid rgba(255, 255, 255, .14);
        border-left: 0;
        padding-left: 0;
    }
}