/*
handler: ndmais-mais-acessadas-sidebar
deps: bootstrap-5,ndmais-titulo-plus
version: 1.0.1
*/


#mais-acessadas-sidebar {
    margin-bottom: 65px;
    counter-reset: mais-acessada;
}

#mais-acessadas-sidebar .title h2 {
    font-size: 22px;
    font-weight: 700;
    color: var(--gray);
}

#mais-acessadas-sidebar article {
    margin-top: 20px;
}

#mais-acessadas-sidebar .link-thumb {
    overflow: hidden;
    border-radius: 8px;
    width: 160px;
    display: block;
    margin-right: 15px;
}

#mais-acessadas-sidebar .link-thumb:before {
    counter-increment: mais-acessada;
    content: counter(mais-acessada);
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--bs-white);
    width: 45px;
    height: 45px;
    border-radius: 0 0 45px 0;
    line-height: 41px;
    padding-left: 12px;
}

#mais-acessadas-sidebar article:nth-child(2) .link-thumb:before {
    background: #2fbbf8;
}

#mais-acessadas-sidebar article:nth-child(3) .link-thumb:before {
    background: #479cf7;
}

#mais-acessadas-sidebar article:nth-child(4) .link-thumb:before {
    background: #5f7ff6;
}

#mais-acessadas-sidebar article:nth-child(5) .link-thumb:before {
    background: #7465f6;
}

#mais-acessadas-sidebar article:nth-child(6) .link-thumb:before {
    background: #8f44f7;
}

#mais-acessadas-sidebar img {
    border-radius: 8px;
    width: 100%;
    height: auto;
}

#mais-acessadas-sidebar article h2 {
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    line-height: 1.3;
    width: 60%;
}

#mais-acessadas-sidebar article h2 a {
    color: var(--black);
}

#mais-acessadas-sidebar article h2 a:hover {
    color: var(--blue-dark);
}