/*
 * BNI Perugia — Succeed section / stile Home BNI Italia
 * Versione 1
 * Override circoscritto alla sola sezione .succeed-sec
 */

@media (min-width: 992px) {

    /* Riga a 4 colonne, come BNI Italia */
    .page .widgetTextColumns .succeed-sec > .container > .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
    }

    .page .widgetTextColumns .succeed-sec .col-md-3 {
        width: 25% !important;
        float: none !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box !important;
    }

    /* Colonna introduttiva */
    .page .widgetTextColumns .succeed-sec .section-heading {
        padding-top: 28px !important;
        padding-right: 22px !important;
    }

    .page .widgetTextColumns .succeed-sec .section-heading h2 {
        color: #cf2030 !important;
        font-size: 36px !important;
        line-height: 1.28 !important;
        font-weight: 700 !important;
        margin: 0 0 22px !important;
        padding: 0 0 26px !important;
        position: relative !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }

    /* Ricrea la linea rossa presente nella home BNI Italia */
    .page .widgetTextColumns .succeed-sec .section-heading h2::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 85px !important;
        height: 4px !important;
        background: #cf2030 !important;
        border: 0 !important;
    }

    .page .widgetTextColumns .succeed-sec .succeed-section-subtitle {
        color: #cf2030 !important;
        font-size: 20px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
        margin: 0 !important;
        padding: 0 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }

    /* Nasconde gli spacer vuoti presenti nell'HTML Perugia */
    .page .widgetTextColumns .succeed-sec .section-heading > p {
        display: none !important;
    }

    /* Immagini */
    .page .widgetTextColumns .succeed-sec .succeed-section-img {
        width: 100% !important;
        margin: 0 0 28px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .page .widgetTextColumns .succeed-sec .succeed-section-img img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Titoli delle tre modalità */
    .page .widgetTextColumns .succeed-sec .succeed-inner-sec {
        padding: 0 !important;
        margin: 0 !important;
    }

    .page .widgetTextColumns .succeed-sec .succeed-inner-title {
        color: #cf2030 !important;
        font-size: 21px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
    }

    .page .widgetTextColumns .succeed-sec .succeed-inner-title::after {
        display: none !important;
        content: none !important;
    }

    /* Descrizioni */
    .page .widgetTextColumns .succeed-sec .section-text p {
        color: #444444 !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
        font-weight: 400 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {

    .page .widgetTextColumns .succeed-sec > .container > .row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }

    .page .widgetTextColumns .succeed-sec .section-heading h2 {
        font-size: 30px !important;
        line-height: 1.3 !important;
        position: relative !important;
        padding-bottom: 22px !important;
    }

    .page .widgetTextColumns .succeed-sec .section-heading h2::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 75px !important;
        height: 4px !important;
        background: #cf2030 !important;
    }

    .page .widgetTextColumns .succeed-sec .succeed-section-subtitle {
        color: #cf2030 !important;
        font-size: 18px !important;
        font-weight: 400 !important;
    }

    .page .widgetTextColumns .succeed-sec .section-heading > p {
        display: none !important;
    }
}

/* Mobile: mantiene la disposizione verticale ma uniforma il linguaggio visivo */
@media (max-width: 767px) {

    .page .widgetTextColumns .succeed-sec .section-heading h2 {
        color: #cf2030 !important;
        font-size: 28px !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
        margin-bottom: 18px !important;
        padding-bottom: 20px !important;
        position: relative !important;
    }

    .page .widgetTextColumns .succeed-sec .section-heading h2::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 70px !important;
        height: 4px !important;
        background: #cf2030 !important;
    }

    .page .widgetTextColumns .succeed-sec .succeed-section-subtitle {
        color: #cf2030 !important;
        font-size: 18px !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
    }

    .page .widgetTextColumns .succeed-sec .section-heading > p {
        display: none !important;
    }

    .page .widgetTextColumns .succeed-sec .succeed-section-img {
        margin-bottom: 20px !important;
    }

    .page .widgetTextColumns .succeed-sec .succeed-inner-title {
        margin: 0 0 8px !important;
    }
}