/* CSS HEX *
    --cultured: #f2f2f2;
    --medium-candy-apple-red: #df1a2d;
    --bordeaux: #95010f;
    --gainsboro: #dddddd;
    --eerie-black: #191919;


     SCSS RGB
    $cultured: rgba(242, 242, 242, 1);
    $medium-candy-apple-red: rgba(223, 26, 45, 1);
    $gainsboro: rgba(221, 221, 221, 1);
    $eerie-black: rgba(25, 25, 25, 1);

    font-family: 'Scarecrow';
    font-family: 'Poppins';
    font-family: 'Raleway';
    */
    .prossimi-impegni {
        position: relative;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .prossimi-impegni .vertical-red {
        background-color: #df1a2d;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 25%;
        top: -40%;
        width: 2px;
        height: 20rem;
        z-index: -1;
    }
    .prossimi-impegni .orizontal-red {
        background-color: #df1a2d;
        position: absolute;
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        height: 2px;
        width: 60vw;
        z-index: -1;
    }
    .prossimi-impegni .vertical-red2 {
        background-color: #df1a2d;
        position: absolute;
        transform: translate(-50%, -50%);
        right: 25%;
        bottom: -120%;
        width: 2px;
        height: 20rem;
        z-index: -1;
    }

    .prossimi-impegni .row-prossimi-impegni {
        justify-content: space-around;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box1{
        min-height: 21rem;
        background-image: url(../img/prossimi-impegni/prossimi1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 0;
        border:3px solid #df1a2d;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box1 .darker,
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box2 .darker,
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box3 .darker {
        width: 100%;
        height: 100%;
        background: rgba(25, 25, 25, 0.8);
        position: absolute;
        transition: 0.3s ease;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box1 h4 {
        text-transform: uppercase;
        font-family: 'Poppins';
        color: #f2f2f2;
        text-align: center;
        margin-bottom: 0;
        position: absolute;
        left: 50%;
        top:45%;
        transform: translate(-50%,-50%);
        z-index: 1;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box1 h1 {
        font-family: 'Scarecrow';
        color: #f2f2f2;
        text-align: center;
        position: absolute;
        left: 50%;
        top:55%;
        transform: translate(-50%,-50%);
        z-index: 1;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box1 h1.h1-title {
        font-size: 36px !important;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box2{
        min-height: 21rem;
        background-image: url(../img/prossimi-impegni/prossimi2.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 0;
        border:2px solid #dddddd;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box2 h4,
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box3 h4 {
        text-transform: uppercase;
        font-family: 'Poppins';
        color: red;
        background-color: rgba(242, 242, 242, 0.8);
        text-align: center;
        margin-bottom: 0;
        position: absolute;
        left: 50%;
        top:15%;
        transform: translate(-50%,-50%);
        z-index: 1;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        width: max-content;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box2 h6,
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box3 h6 {
        font-family: 'Poppins';
        color: #f2f2f2;
        text-align: center;
        position: absolute;
        left: 50%;
        top:64%;
        transform: translate(-50%,-50%);
        z-index: 1;
        text-transform: uppercase;
        font-size: 18px;
        width: 95%;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box2 h6:nth-child(2),
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box3 h6:nth-child(2) {
        top:36%;
    }

    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box2 h1,
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box3 h1 {
        font-family: 'Poppins';
        color: #f2f2f2;
        text-align: center;
        position: absolute;
        left: 50%;
        top:50%;
        transform: translate(-50%,-50%);
        z-index: 1;
        font-size: 25px;
        width: max-content;

    }


    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box3{
        min-height: 21rem;
        background-image: url(../img/prossimi-impegni/prossimi3.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 0;
        border:2px solid #dddddd;
    }
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box2 p,
    .prossimi-impegni .row-prossimi-impegni .prossimi-impegni-box3 p {
        font-family: 'Poppins';
        color: #f2f2f2;
        text-align: center;
        position: absolute;
        left: 50%;
        top:85%;
        transform: translate(-50%,-50%);
        z-index: 1;
        text-transform: uppercase;
        width: max-content;
        font-size: 20px;
    }