/*
 * =====================================================
 * AVVISO HOME
 * =====================================================
 */

.home-avviso {
    width: 100%;
    max-width: 1550px;
    min-height: 620px;

    margin: 0 auto;

    display: flex;

    background: #fff;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 0 25px rgba(0, 0, 0, .15);
}


/*
 * =====================================================
 * COLONNA SINISTRA
 * =====================================================
 */

.home-avviso-left {
    box-sizing: border-box;

    flex: 0 0 55%;
    width: 55%;

    padding: 65px 60px 50px;

    color: #6f6f6f;
}


/*
 * =====================================================
 * ETICHETTA
 * =====================================================
 */

.home-avviso-label {
    position: relative;

    display: inline-block;

    margin: 0 0 32px;

    padding-bottom: 15px;

    color: #0b3e96;

    font-family: "Roboto Slab", serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.2;
}


.home-avviso-label::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 145px;
    height: 3px;

    background: #72b9ed;
}


/*
 * =====================================================
 * TITOLO
 * =====================================================
 */

.home-avviso-left h2 {
    margin: 0 0 30px;

    color: #002b7f;

    font-family: "Roboto Slab", serif;

    font-size: 42px;

    font-weight: 700;

    line-height: 1.08;

    letter-spacing: -.3px;
}


/*
 * =====================================================
 * PARAGRAFI
 * =====================================================
 */

.home-avviso-left p {
    margin: 0 0 20px;

    color: #747474;

    font-family: "Roboto Slab", serif;

    font-size: 18px;

    font-weight: 300;

    line-height: 1.45;
}


/*
 * =====================================================
 * SCADENZA
 * =====================================================
 */

.home-avviso-deadline {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 25px;

    color: #0d5bdb;

    font-family: "Roboto Slab", serif;

    font-size: 18px;

    font-weight: 700;

    line-height: 1.3;
}


/*
 * =====================================================
 * ICONA CALENDARIO
 * =====================================================
 */

.home-avviso-calendar {
    display: block !important;

    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;
    min-height: 24px !important;

    max-width: 24px !important;
    max-height: 24px !important;

    flex: 0 0 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    color: currentColor;
}


/*
 * =====================================================
 * BOTTONE PDF
 * =====================================================
 */

.home-avviso-button {
    display: flex !important;

    align-items: center !important;

    box-sizing: border-box !important;

    width: 100%;
    max-width: 500px;

    height: 58px;

    margin-top: 28px;

    padding: 0 20px;

    background: #0d5bdb;

    border: none;

    border-radius: 7px;

    color: #fff !important;

    font-family: "Roboto Slab", serif;

    font-size: 16px !important;

    font-weight: 700 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    transition: background-color .2s ease;
}


.home-avviso-button:hover,
.home-avviso-button:focus {
    background: #084eaa;

    color: #fff !important;

    text-decoration: none !important;
}


/*
 * =====================================================
 * CONTENUTO BOTTONE
 * =====================================================
 */

.home-avviso-button-label {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #fff !important;

    white-space: nowrap;
}


/*
 * =====================================================
 * ICONA DOCUMENTO
 * =====================================================
 */

.home-avviso-document {
    display: block !important;

    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;
    min-height: 24px !important;

    max-width: 24px !important;
    max-height: 24px !important;

    flex: 0 0 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    color: #fff !important;
}


/*
 * =====================================================
 * FRECCIA
 * =====================================================
 */

.home-avviso-arrow {
    display: block !important;

    width: 24px !important;
    height: 24px !important;

    min-width: 24px !important;
    min-height: 24px !important;

    max-width: 24px !important;
    max-height: 24px !important;

    flex: 0 0 24px !important;

    margin-left: auto !important;

    box-sizing: border-box !important;

    color: #fff !important;
}


/*
 * =====================================================
 * IMMAGINE DESTRA
 * =====================================================
 */

.home-avviso-right {
    flex: 1 1 45%;

    min-width: 0;

    background-image: url('Gli_organi.jpg');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;
}


/*
 * =====================================================
 * TABLET
 * =====================================================
 */

@media (max-width: 1200px) {

    .home-avviso {
        min-height: 560px;
    }

    .home-avviso-left {
        padding: 50px 40px;
    }

    .home-avviso-left h2 {
        font-size: 36px;
    }

    .home-avviso-left p {
        font-size: 17px;
    }

}


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

@media (max-width: 768px) {

    .home-avviso {
        min-height: auto;

        flex-direction: column;
    }

    .home-avviso-left {
        width: 100%;

        flex: none;

        padding: 35px 25px 30px;
    }

    .home-avviso-left h2 {
        font-size: 30px;

        margin-bottom: 24px;
    }

    .home-avviso-left p {
        font-size: 16px;
    }

    .home-avviso-deadline {
        font-size: 15px;
    }

    .home-avviso-calendar {
        width: 22px !important;
        height: 22px !important;

        min-width: 22px !important;
        min-height: 22px !important;

        max-width: 22px !important;
        max-height: 22px !important;

        flex-basis: 22px !important;
    }

    .home-avviso-button {
        height: 54px;

        max-width: none;

        margin-top: 20px;

        font-size: 15px !important;
    }

    .home-avviso-document,
    .home-avviso-arrow {
        width: 22px !important;
        height: 22px !important;

        min-width: 22px !important;
        min-height: 22px !important;

        max-width: 22px !important;
        max-height: 22px !important;

        flex-basis: 22px !important;
    }

    .home-avviso-right {
        width: 100%;

        min-height: 240px;

        flex: none;
    }

}