/* =========================================
   ULTIMELE NOUTĂȚI
   ========================================= */

.ultimele-noutati {
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

/* Titlul principal */

.noutati-titlu {
    background: #e9eef4;
    border: 1px solid #b8c0c9;
    padding: 10px 12px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #222;
    text-transform: uppercase;
}

/* Anul școlar */

.an-scolar {
    padding: 14px 10px;
    text-align: center;
    color: #0645d6;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #c7c7c7;
}

/* Lista */

.lista-noutati {
    width: 100%;
}

/* Fiecare noutate */

.noutate {
    padding: 10px 0;
    border-bottom: 1px solid #bdbdbd;
}

/* Data */

.noutate-data {
    color: #d40000;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

/* Butonul noutății */

.noutate-buton {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    box-sizing: border-box;

    padding: 9px 10px;

    background: #f5f7fa;
    border: 1px solid #c5ccd4;
    border-radius: 3px;

    color: #222;
    text-decoration: none;

    font-size: 13px;
    font-weight: bold;

    transition: all 0.2s ease;
}

/* Efect la trecerea mouse-ului */

.noutate-buton:hover {
    background: #e4ebf3;
    border-color: #8c9aaa;
    color: #003f9e;
    text-decoration: none;
}

/* Titlul */

.noutate-titlu {
    line-height: 1.4;
    padding-right: 8px;
}

/* Săgeata din dreapta */

.noutate-arrow {
    flex-shrink: 0;

    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #315f91;
    color: white;

    border-radius: 3px;

    font-size: 21px;
    line-height: 1;
}

/* Efect pe săgeată */

.noutate-buton:hover .noutate-arrow {
    background: #1e4772;
}

/* Noutate fără PDF */

.noutate-buton.fara-pdf {
    cursor: default;
}

/* Mesaj eroare */

.noutati-eroare {
    padding: 15px;
    color: #a00000;
    background: #f8eeee;
    border: 1px solid #d5aaaa;
}


/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 600px) {

    .noutati-titlu {
        font-size: 14px;
    }

    .an-scolar {
        font-size: 14px;
    }

    .noutate-buton {
        font-size: 12px;
        padding: 8px;
    }

    .noutate-data {
        font-size: 12px;
    }
}
/* ==========================================
   BUTONUL "... MAI MULTE"
   ========================================== */

.mai-multe-noutati {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.mai-multe-noutati .noutate-buton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}

.mai-multe-noutati .noutate-titlu {
    text-align: center;
}