/* =========================================================
   PARVA INDEX PAGE
   ========================================================= */

.parva-page {
    min-height: 100vh;
    background-color: #fff;
}


/* =========================================================
   PAGE TITLE
   ========================================================= */

.parva-page .page-title {

    display: inline-block;

    margin: 0;

    padding: 13px 42px;

    background-color: var(--terracotta);
    color: #fff;

    border-radius: 5px;

    font-size: 2rem;
    font-weight: 500;

    line-height: 1.5;

    box-shadow: 0 5px 14px var(--shadow-soft);
}


/* =========================================================
   PARVA LIST
   ========================================================= */

.parva-list {

    width: 100%;

    margin: 38px 0 0;
    padding: 0;

    list-style: none;

    counter-reset: parva-counter;
}


/* =========================================================
   PARVA
   ========================================================= */

.parva-item {

    margin-bottom: 13px;

    background-color: #fff;

    border-left: 4px solid var(--terracotta);
    border-bottom: 1px solid var(--border-soft);

    border-radius: 1px;

    transition: 0.2s ease;
}


/* =========================================================
   PARVA LINK
   ========================================================= */

.parva-item a {

    display: flex;
    align-items: center;

    min-height: 56px;

    padding: 9px 18px;

    color: var(--text-brown);

    text-decoration: none;

    font-size: 1.3rem;
    font-weight: 500;
}


/* Number */

.parva-item a::before {

    counter-increment: parva-counter;

    content: counter(parva-counter) ".";

    min-width: 40px;

    margin-right: 5px;

    color: var(--terracotta);

    font-size: 1rem;
}


/* Hover */

.parva-item:hover {

    background-color: var(--hover-bg);

    border-left-color: var(--terracotta-dark);
    border-bottom-color: var(--terracotta);
}

.parva-item:hover a {
    color: var(--terracotta);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    .parva-page .page-title {
        padding: 10px 24px;
        font-size: 1.55rem;
    }

    .parva-list {
        margin-top: 28px;
    }

    .parva-item {
        border-left-width: 3px;
        margin-bottom: 10px;
    }

    .parva-item a {
        min-height: 51px;
        padding: 8px 12px;
        font-size: 1.15rem;
    }

}