.wdt-event-archive-wrapper[class*="wdt-columns-"] { display: grid; gap: 30px; }
.wdt-event-archive-wrapper.wdt-columns-4 { grid-template-columns: repeat(4, 1fr); }
.wdt-event-archive-wrapper.wdt-columns-3 { grid-template-columns: repeat(3, 1fr); }
.wdt-event-archive-wrapper.wdt-columns-2 { grid-template-columns: repeat(2, 1fr); }

@media(max-width:1280px){
  .wdt-event-archive-wrapper[class*="wdt-columns-"] { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width:767px){
  .wdt-event-archive-wrapper[class*="wdt-columns-"] { grid-template-columns: repeat(1, 1fr); }
}



.wdt-event-archive-wrapper .wdt_type_2 .wdt-event-content{padding: clamp(1.25rem, 1.0422rem + 0.694vw, 1.875rem); /* 20 -30 */ border-radius: var(--wdtRadius_3X);}

.wdt-event-archive-wrapper .wdt_type_2 .wdt-event-image img{min-height: clamp(15.625rem, 14.5862rem + 3.4698vw, 18.75rem);/* 250 - 300 */}
.wdt-event-archive-wrapper .wdt_type_2 .wdt-event-desc{margin: clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem) 0 clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem);/* 20 - 15 | 30 - 20 */ color: var(--wdtHeadAltColor);transition: var(--wdtBaseTransition);}

.wdt-event-archive-wrapper .wdt_type_2 .wdt-event-date{
    position: absolute;
    right: 20px; 
    top: 20px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    background-color: var(--wdtSecondaryColor);
    border-radius: var(--wdtRadius_1X);
    color: var(--wdtAccentTxtColor);
    gap: 4px;
    padding: 10px 16px;
}
.wdt-event-archive-wrapper .wdt_type_2 .wdt-event-date .wdt-event-month{
    text-transform: capitalize;
    font-family: var(--wdtFontWeight_Alt);
    font-size: calc(var(--wdtFontSize_Base) - 2px);
}
.wdt-event-archive-wrapper .wdt_type_2 .wdt-event-date .wdt-event-day{    
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.625rem, 1.4172rem + 0.694vw, 2.25rem);
    font-weight: var(--wdtFontWeight_Alt);
    line-height: 1;
}
.wdt-event-archive-wrapper .wdt_type_2 .wdt-event-title{margin-top: 25px;}

.wdt-event-archive-wrapper .wdt_type_2 .wdt-event-content:hover .wdt-event-desc {
    color: var(--wdtAccentTxtColor);
}


/* Event list - common style*/

.wdt-event-archive-wrapper .wdt-event-meta{
    display: flex; 
    align-items: center; 
    flex-wrap: wrap;
    gap: 10px;
   font-size: clamp(1.125rem, 1.0834rem + 0.1388vw, 1.25rem); /* 18 - 20 */
    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdtFontWeight_Alt);
    line-height: var(--wdtLineHeight_Alt);
    color: var(--wdtHeadAltColor);
    transition: var(--wdtBaseTransition);
}

.wdt-event-archive-wrapper .wdt-event-content:hover .wdt-event-meta {
    color: var(--wdtAccentTxtColor);
}


.wdt-event-archive-wrapper .wdt-event-meta .wdt-event-time{position: relative;padding-right: clamp(0.4375rem, 0.3957rem + 0.1911vw, 0.625rem);/* 10 - 7 */ transition: var(--wdtBaseTransition);}

.wdt-event-archive-wrapper .wdt-event-meta .wdt-event-time::after{
    content: '';
    height: 70%;
    width: 1px;
    background-color: var(--wdtHeadAltColor);
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    transition: var(--wdtBaseTransition);
}

.wdt-event-archive-wrapper .wdt-event-content:hover .wdt-event-meta .wdt-event-time::after {
    background-color: var(--wdtAccentTxtColor);
}

.wdt-event-archive-wrapper .wdt-event-title{    
    font-size: clamp(1.625rem, 1.5414rem + 0.3822vw, 2rem); /* 26 - 32 */
    margin-top: 0;
    padding-bottom: clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem);/* 20 - 15 */
    margin-bottom: clamp(0.9375rem, 0.8678rem + 0.3185vw, 1.25rem);/* 20 - 15 */
    border-bottom: 1px solid var(--wdtSecondaryColor);
    color: var(--wdtSecondaryColor);
    transition: var(--wdtBaseTransition);
}

.wdt-event-archive-wrapper .wdt-event-content:hover .wdt-event-title{border-color: var(--wdtAccentTxtColor) !important;}
.wdt-event-archive-wrapper .wdt-event-desc{margin: 15px 0 0;}

.wdt-event-archive-wrapper .wdt-event-btn{ 
    font-size: clamp(1.125rem, 1.0971rem + 0.1274vw, 1.25rem);/* 20 - 18 */
    padding: var(--wdtPadding_Btn);
    font-family: var(--wdtFontTypo_Alt);
    font-weight: var(--wdt-elementor-typo-primary-font-weight);
    line-height: 1;
    border-radius: var(--wdtRadius_1X);
    color: var(--wdt-elementor-color-white);
    justify-content: center;
    text-align: center;
    border: 1px solid transparent;
    position: relative;
    display: inline-flex;
    background-color: var(--wdtPrimaryColor);
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
    box-shadow: 0 8px 6px rgba(var(--wdtLinkColorRgb), 0.45);
    -webkit-box-shadow: 0 8px 6px rgba(var(--wdtLinkColorRgb), 0.45);
 }

.wdt-event-archive-wrapper .wdt-event-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    z-index: -2;
    background: inherit;
    opacity: 0.4;
    transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transition: inherit;
    -webkit-transition: inherit;
}



.wdt-event-archive-wrapper .wdt-event-btn:hover{
    background-color: var(--wdtPrimaryColor);
    color: var(--wdt-elementor-color-white);
    transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -webkit-box-shadow: 0 14px 20px rgba(var(--wdtLinkColorRgb), 0.25);
    box-shadow: 0 14px 20px rgba(var(--wdtLinkColorRgb), 0.25);
}

.wdt-event-archive-wrapper .wdt-event-btn:hover::after {
    transform: translateY(6px);
    -webkit-transform: translateY(6px);
}

.wdt-event-archive-wrapper .wdt-event-content:hover .wdt-event-btn:hover { background-color: var(--wdtPrimaryColor);color: var(--wdtAccentTxtColor); }
.wdt-event-archive-wrapper .wdt-event-content:hover .wdt-event-btn{
    background-color: var(--wdtQuaternaryColor);
}

.wdt-event-archive-wrapper .wdt-event-content:hover .wdt-event-title{color: var(--wdtAccentTxtColor);}
.wdt-event-archive-wrapper .wdt-event-content{  background-color: var(--wdtTertiaryColor)}
.wdt-event-archive-wrapper .wdt-event-content{transition: var(--wdtBaseTransition);}
.wdt-event-archive-wrapper .wdt-event-content:hover{
    background-color: var(--wdtSecondaryColor) ! important;
}

.wdt-event-archive-wrapper .wdt-event-image {
    border-radius: var(--wdtRadius_3X);
    overflow: hidden;
}

.wdt-event-archive-wrapper .wdt-event-image img{
    height: 100%;
    object-fit: cover;
    min-height: 250px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    transition: var(--wdtBaseTransition);
    
}

.wdt-event-archive-wrapper .wdt-event-content:hover .wdt-event-image img{ transform: scale(1); -webkit-transform: scale(1);}


.wdt-event-archive-wrapper .wdt-event-date .wdt-event-month,
.wdt-event-archive-wrapper .wdt-event-date .wdt-event-day{   
    font-family: var(--wdtFontTypo_Alt);
    font-size: clamp(1.625rem, 1.4172rem + 0.694vw, 2.25rem); /* 26 - 36 */
    font-weight: var(--wdtFontWeight_H4);
    line-height: var(--wdtLineHeight_Alt);
}

@media (max-width:479px){
    .wdt-event-archive-wrapper .wdt-event-meta .wdt-event-time::after {
        content: none;
    }
}