.wdt-events-holder .wdt-column-wrapper{
    gap: 30px
}

.wdt-events-holder .wdt-event-item {
    display: grid;
    grid-template-columns: clamp(7.5rem, 1.7737rem + 8.9385vw, 12.5rem) 2fr 1fr auto; /*200px - 120px*/
    position: relative;
    width: 100%;
    background-color: var(--wdtTertiaryColor);
    box-shadow: inset 0 0 0 1px rgb(var(--wdtBorderColorRgb),0.15);
    -webkit-box-shadow: inset 0 0 0 1px rgb(var(--wdtBorderColorRgb),0.15);
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
}

.wdt-events-holder .wdt-event-item:hover,
.wdt-events-holder .wdt-event-item.wdt-active {
    box-shadow: inset 0 0 0 1px rgb(var(--wdtPrimaryColorRgb),0.6);
    -webkit-box-shadow: inset 0 0 0 1px rgb(var(--wdtPrimaryColorRgb),0.6);
}

.wdt-event-item .wdt-event-item-meta{
    padding: clamp(1.25rem, 0.4185rem + 1.7346vw, 2.5rem);/*40-30*/
}
.wdt-events-holder .wdt-event-item .wdt-event-item-media {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    opacity: 0;
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
}
.wdt-events-holder .wdt-event-item:hover .wdt-event-item-media,
.wdt-events-holder .wdt-event-item.wdt-active .wdt-event-item-media {
    opacity: 1;
}

.wdt-events-holder .wdt-event-item .wdt-event-item-media img {
    width: 100%;
    max-width: 250px;
    height: calc(100% - 4px);
    object-fit: cover;
    object-position: center;
}

.wdt-events-holder .wdt-event-item .wdt-event-item-meta .wdt-event-title-meta h2{
    margin-top: 0;
    font-size: clamp(1.5rem, 1.3rem + 1vw, 2.5rem); /* Min-24 & Max-40 */
}
.wdt-events-holder .wdt-event-item .wdt-event-item-meta .wdt-event-meta-location{
    display: flex;
    flex-wrap: wrap;
}
.wdt-events-holder .wdt-event-item .wdt-event-item-meta .wdt-event-meta-location>p{
    margin-right: 40px;
    margin-top: 10px;
    display: inline-flex;
}
.wdt-events-holder .wdt-event-item .wdt-event-meta-location p{
    margin-bottom: 0; 
}

.wdt-events-holder .wdt-event-item .wdt-event-item-meta .wdt-event-meta-location > p i.fa-calendar-o:before {
   /* content: '\e810';
    font-family: "vaathi-additional-icons";*/
   /* font-style: normal;
    font-weight: normal;*/
    top: 3px;
    position: relative;
  /*  position: relative;*/
}

.wdt-events-holder .wdt-event-item .wdt-event-item-meta .wdt-event-meta-location > p i.fa-location-dot:before {
    /*content: '\e80f';
    font-family: "vaathi-additional-icons";*/
    /*font-style: normal;
    font-weight: normal;*/
    top: 3px;
    position: relative;
}

.wdt-events-holder .wdt-event-item .wdt-event-btn-detail{
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    overflow: hidden;
    padding: clamp(1.25rem, 0.4185rem + 1.7346vw, 2.5rem);/*40-30*/
}
.wdt-events-holder .wdt-event-item .wdt-event-btn-detail a{
    background-color: var(--wdtPrimaryColor);
    color: var(--wdtAccentTxtColor);
    display: flex;
    justify-content: center;
    text-align: center;
    -webkit-box-shadow: inset 0 0 0 2px rgba(var(--wdtAccentTxtColorRgb), 0.3);
    box-shadow: inset 0 0 0 2px rgba(var(--wdtAccentTxtColorRgb), 0.3);
    font-size: var(--wdtFontSize_Base);
    padding: var(--wdtPadding_Btn);
    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Alt);
    line-height: var(--wdtLineHeight_Ext);
    text-transform: capitalize;
    letter-spacing: normal;
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
    
}

.wdt-events-holder .wdt-event-item .wdt-event-btn-detail a:hover{
    background-color: var(--wdtSecondaryColor);
}

.wdt-events-holder .wdt-event-item .edt-event-date-detail{
    background-color: var(--wdtPrimaryColor);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}
.wdt-events-holder .wdt-event-item .edt-event-date-detail .wdt-event-date-date{
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.875rem, 1.25rem + 3.125vw, 5rem); /*80-30*/
    line-height: 1;
    color: var(--wdtAccentTxtColor);
}
.wdt-events-holder .wdt-event-item .edt-event-date-detail .wdt-event-date-month{
    color: var(--wdtAccentTxtColor);
    text-transform: uppercase;
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
    font-weight: var(--wdtFontWeight_Base);
}

.wdt-events-holder .wdt-event-item .wdt-event-item-meta .wdt-event-meta-location > p i {
    color: var(--wdtPrimaryColor);
    margin-right: 10px;
    font-size: var(--wdtFontSize_Ext);
}



@media screen and (max-width:1024px) {

    .wdt-events-holder .wdt-event-item { grid-template-columns: 1fr; }

    .wdt-events-holder .wdt-event-item .edt-event-date-detail{ position: relative; width: fit-content; order: 0; }

    .wdt-events-holder .wdt-event-item .edt-event-date-detail .wdt-event-item-meta{ padding: 20px; }

    .wdt-events-holder .wdt-event-item .wdt-event-item-media { order: 1; opacity: 1; margin: 20px 0; }

    .wdt-events-holder .wdt-event-item .wdt-event-item-media img { max-width: 100%; }

    .wdt-event-item .wdt-event-item-meta { order: 2; }

    .wdt-events-holder .wdt-event-item .wdt-event-btn-detail { order: 3; justify-content: flex-start; margin: 20px 0 30px; }

    .wdt-events-holder .wdt-event-item .wdt-event-btn-detail,
    .wdt-event-item .wdt-event-item-meta,
    .wdt-events-holder .wdt-event-item .wdt-event-item-media {
        padding: 0 clamp(1.25rem, 0.8026rem + 2.2371vw, 1.875rem); /*30px - 20px*/
    }


}