.elementor-8076 .elementor-element.elementor-element-7c45454{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS *//*========== EVENT CARD ==========*/

.mec-event-article{
    position:relative !important;
    overflow:hidden !important;
    border-radius:25px !important;
    background:#fff !important;
    /*box-shadow:0 10px 35px rgba(0,0,0,.08) !important;*/
    box-shadow:
        0 4px 6px rgba(0, 0, 0, 0.05),
        0 12px 30px rgba(0, 0, 0, 0.08),
        0 24px 50px rgba(0, 0, 0, 0.04) !important;
    transition:.4s ease-in-out !important;
    border:none !important;
    height:100% !important;
}

.mec-event-article:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.15) !important;
}


/*========== IMAGE ==========*/

.mec-event-image{
    overflow:hidden !important;
    height:240px !important;
}

.mec-event-image img{
    width:100% !important;
    /*height:240px !important;*/
    /*object-fit:cover !important;*/
 height:300px !important;
        object-fit:contain !important;
    transition:.6s ease !important;
}

.mec-event-article:hover .mec-event-image img{
    transform:scale(1.08);
}


/*========== DATE BADGE ==========*/

.mec-event-date{
    position:absolute !important;
    top:20px !important;
    left:20px !important;
    z-index:99;
    padding:12px 18px !important;
    border-radius:0 50px 50px 0 !important;
    background:#313b70 !important;
    backdrop-filter:blur(15px);
    color:#fff !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.4;
    width:auto !important;
}

.mec-start-date-label{
    color:#fff !important;
}


/*========== CONTENT ==========*/

.mec-event-content{
    padding:25px !important;
}


.mec-event-title{
    margin-bottom:15px !important;
    line-height:1.2 !important;
    letter-spacing: 0 !important;
    text-transform: capitalize !important;
    text-align: left !important;
    min-height: 60px !important;
}


.mec-event-title a{
    color:#111 !important;
    font-size:26px !important;
    font-weight:700 !important;
    transition:.3s ease;
}


.mec-event-title a:hover{
    color:#6F2C91 !important;
}


.mec-grid-event-location{
    margin-top:10px !important;
    color:#000 !important;
    font-size:17px !important;
    font-weight:600 !important;
    display:flex;
    align-items:center;
    gap:8px;
}


.mec-grid-event-location:before{

    content:"📍";
    font-size:18px;

}
span.event-color {
    display: none;
}

/*========== FOOTER ==========*/


.mec-event-footer{
    padding:0px 25px 25px !important;

}


/*hide social icons*/

.mec-event-sharing-wrap{
    display:none !important;
}



/*========== BUTTON ==========*/

.mec-booking-button{

    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding:25px !important;
    border-radius:0 50px 50px 0 !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:700 !important;
    transition:.4s ease !important;
        top: 5px !important;

    /*background:linear-gradient(90deg,*/
    /*#EC008C,*/
    /*#6F2C91) !important;*/
       background-image: linear-gradient(217deg, #243875 0%, #f2295b 100%) !important;

    color:#fff !important;

}


.mec-booking-button:hover{

    transform:translateY(-3px);

    box-shadow:
    0 15px 30px
    rgba(111,44,145,.25);

}


/*========== RESPONSIVE ==========*/


@media(max-width:767px){

.mec-event-image{

height:280px !important;

}


.mec-event-image img{

height:280px !important;

}


.mec-event-title a{

font-size:22px !important;

}


.mec-event-content{

padding:20px !important;

}


.mec-event-footer{

padding:0 20px 20px !important;

}


.mec-booking-button{

font-size:15px !important;

}

}/* End custom CSS */