.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-event-item .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_Ext);
    line-height: var(--wdtLineHeight_Alt);
}

.wdt-event-archive-wrapper .wdt-event-item .wdt-event-meta .wdt-event-time{position: relative;padding-right: 10px;}
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-meta .wdt-event-time::after{
    content: '';
    height: 70%;
    width: 2px;
    background-color: var(--wdtHeadAltColor);
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-title{    
    font-size: clamp(1.625rem, 1.4172rem + 0.694vw, 2.25rem); /* 26 - 36 */
    margin-top: 0;
    padding-bottom: 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(var(--wdtBorderColorRgb),0.5);
    transition: var(--wdtBaseTransition);
}
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-title a:hover{color: rgb(var(--wdtHeadAltColorRgb),0.8);}

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

.wdt-event-archive-wrapper .wdt-event-item .wdt-event-btn{
    font-size: var(--wdtFontSize_Base); padding: var(--wdtPadding_Btn); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdt-elementor-typo-primary-font-weight); line-height: 1;
    background-image: linear-gradient(180deg, var(--wdtPrimaryColor), var(--wdtSecondaryColor), var(--wdtPrimaryColor)); background-position:top; 
    background-size:100% 200%; background-repeat:no-repeat; border-radius: var(--wdtRadius_1X); color: var(--wdt-elementor-color-white); 
    justify-content: center; text-align: center; position: relative; display: inline-flex; overflow:visible; z-index: 1; }
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-btn:before{
    content:""; height:100%; width:100%; position:absolute; top:0; left:0; margin:auto; background-image:inherit; background-position:inherit; 
    background-size:inherit; background-repeat:inherit; z-index: -1; border-radius:inherit; filter: blur(5px); }
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-btn:after{
    content:""; height:calc(100% - 4px); width:calc(100% - 4px); position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; 
    border:1px solid var(--wdtBorderColor); z-index: -1; border-radius:inherit; pointer-events:none; }
 .wdt-event-archive-wrapper .wdt-event-item .wdt-event-btn:hover{ background-position:bottom; }

.wdt-event-archive-wrapper .wdt-event-item .wdt-event-content:hover .wdt-event-title{color: var(--wdtHeadAltColor);}

.wdt-event-archive-wrapper .wdt-event-item .wdt-event-image{ border-radius: var(--wdtRadius_3X); overflow: hidden;}
.wdt-event-archive-wrapper .wdt-event-item .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-item:hover .wdt-event-image img{ transform: scale(1); -webkit-transform: scale(1);}
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-date .wdt-event-month,
.wdt-event-archive-wrapper .wdt-event-item .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);
}

.wdt-event-image{position: relative;}

/* Event list - Type 1 */
.wdt-event-archive-wrapper .wdt-event-item.wdt-column{
    margin-bottom: clamp(1.875rem, 0.4464rem + 2.2321vw, 3.125rem);
}

.wdt-event-archive-wrapper .wdt-event-item{
    background-image: linear-gradient(180deg, var(--wdtPrimaryColor), var(--wdtSecondaryColor)); background-size: 100% 100%; background-position: top left; 
    background-repeat:no-repeat; border-radius:var(--wdtRadius_2X); transition:var(--wdtBaseTransition); z-index:0; position: relative; padding: 20px; }
.wdt-event-archive-wrapper .wdt-event-item:before{
    content:""; height:calc(100% - 4px); width:calc(100% - 4px); border:1px solid var(--wdtBorderColor); position:absolute; top:-2px; left:-3px; right:-3px; 
    bottom:-2px; margin:auto; border-radius:20px; z-index:0; pointer-events:none; }
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-content:before{
	content:""; height:calc(100% + 10px); width:calc(100% + 10px); background-image: linear-gradient(180deg, var(--wdtPrimaryColor), var(--wdtSecondaryColor)); 
    position:absolute; top:-2px; left:-5px; right:-5px; bottom:-2px; margin:auto; border-radius:20px; z-index:-1; filter:blur(5px); opacity:0.8 }
.wdt-event-archive-wrapper .wdt-event-item:after{
    content:""; height:calc(100% - 10px); width:calc(100% - 10px);
    background-image: linear-gradient(180deg, var(--wdtCustomColor1), rgba(var(--wdtQuaternaryColorRgb),0.9) , var(--wdtCustomColor2) );
    position:absolute; top:-5px; left:-7px; right:-7px; bottom:-5px; margin:auto; border-radius:20px; z-index:-1; transition:var(--wdtBaseTransition); }
.wdt-event-archive-wrapper .wdt-event-item:hover:after{ opacity:0; }

.wdt-event-archive-wrapper .wdt-event-item{
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    gap: 18px;
}
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-content{
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    gap: clamp(1.875rem, 1.4595rem + 1.3879vw, 3.125rem); /* 30 - 50 */
    padding: 15px clamp(0.9375rem, -0.852rem + 2.7933vw, 2.5rem) 15px 15px;
    background-color:transparent;
    transition: var(--wdtBaseTransition);
}

.wdt-event-archive-wrapper .wdt-event-item .wdt-event-image{height: 100%;}
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-date{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: clamp(6.25rem, 4.1724rem + 6.9396vw, 12.5rem); /* 100 - 200 */
    height: clamp(9.375rem, 8.3362rem + 3.4698vw, 12.5rem); /* 150 - 200 */
    position: relative;
    color: var(--wdtHeadAltColor);
    z-index:1;
}
.wdt-event-archive-wrapper .wdt-event-item .wdt-event-date:before{
    content:"";
    height: 100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    margin:auto;
    background-color: var(--wdtPrimaryColor);
    z-index:-1;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150'%3E%3Cpath d='M145.55,78a4.92,4.92,0,0,0,0-7l-8.23-8.13a4.89,4.89,0,0,1-1.17-5.12L140,46.86a4.89,4.89,0,0,0-3-6.27l-10.94-3.77a4.9,4.9,0,0,1-3.28-4.11l-1.23-11.5a4.9,4.9,0,0,0-5.45-4.35l-11.49,1.35a4.9,4.9,0,0,1-4.74-2.28L93.78,6.1A4.9,4.9,0,0,0,87,4.55l-9.76,6.21a4.9,4.9,0,0,1-5.26,0L62.22,4.55a4.91,4.91,0,0,0-6.8,1.55l-6.09,9.83a4.92,4.92,0,0,1-4.75,2.28L33.1,16.86a4.92,4.92,0,0,0-5.46,4.35l-1.23,11.5a4.89,4.89,0,0,1-3.27,4.11L12.2,40.59a4.9,4.9,0,0,0-3,6.27l3.88,10.91a4.85,4.85,0,0,1-1.17,5.12L3.66,71a4.9,4.9,0,0,0,0,7l8.22,8.13a4.85,4.85,0,0,1,1.17,5.12l-3.88,10.9a4.9,4.9,0,0,0,3,6.27l10.94,3.77a4.9,4.9,0,0,1,3.27,4.11l1.23,11.51a4.92,4.92,0,0,0,5.46,4.35l11.48-1.36a4.91,4.91,0,0,1,4.75,2.29l6.09,9.83a4.9,4.9,0,0,0,6.8,1.54l9.75-6.2a4.86,4.86,0,0,1,5.26,0l9.76,6.2a4.88,4.88,0,0,0,6.79-1.54l6.1-9.83a4.89,4.89,0,0,1,4.74-2.29l11.49,1.36a4.92,4.92,0,0,0,5.45-4.35l1.23-11.51a4.91,4.91,0,0,1,3.28-4.11L137,108.41a4.89,4.89,0,0,0,3-6.27l-3.88-10.9a4.88,4.88,0,0,1,1.17-5.12Z'/%3E%3C/svg%3E");
    mask-size:100%;
    mask-position:center;
    mask-repeat:no-repeat;
}

.wdt-event-archive-wrapper .wdt-event-item .wdt-event-date .wdt-event-day{
    font-size: clamp(3.125rem, 2.7095rem + 1.3879vw, 4.375rem); /* 50 - 70 */
    line-height: 1;
}
@media(max-width: 1280px){
    .wdt-event-archive-wrapper .wdt-event-item .wdt-event-content{gap: clamp(1.25rem, 1.0422rem + 0.694vw, 1.875rem); /* 20 -30 */}
}

@media(max-width: 1024px){
    .wdt-event-archive-wrapper .wdt-event-item,
    .wdt-event-archive-wrapper .wdt-event-item .wdt-event-content{    grid-template-columns: repeat(1, auto);}
    .wdt-event-archive-wrapper .wdt-event-item .wdt-event-content{padding: 0px; grid-area: 1 / -1;}
    .wdt-event-archive-wrapper .wdt-event-item .wdt-event-date{
        grid-area: 1 / -1;
        left: 20px;
        top: 20px;
        text-align: end;
        width: 70px;
        height: 70px;
        gap: 0px;
        z-index: 2;
    }
    .wdt-event-archive-wrapper .wdt-event-item{align-items: start;}
    .wdt-event-archive-wrapper .wdt-event-item .wdt-event-date .wdt-event-month, 
    .wdt-event-archive-wrapper .wdt-event-item .wdt-event-date .wdt-event-day{
        font-size: var(--wdtFontSize_Base);
    }
    .wdt-event-archive-wrapper .wdt-event-item{
    gap: 0px;
    }
}
@media screen and (max-width:479px) {
    .wdt-event-archive-wrapper .wdt-event-meta .wdt-event-time::after{display: none;}
}