:root{
--red:#C0282D;


}

/*** Start Featured Event ***/
.featured-event * ,.events-listing-wrapper *{font-family: var(--fontNato);}
.featured-event { padding: var(--sp80) 0; background-color: var(--white); } 
.featured-event .featured-event__label { margin: 0 0 var(--gap20); font-size: 24px; font-weight: 700; line-height: 1.54; letter-spacing: 1.54px; font-family: var(--fontNato);color:var(--black);text-transform: uppercase;}
.featured-event .featured-event__wrapper { display: flex; flex-wrap: wrap;gap: var(--gap100); }
.featured-event .featured-event__image { width: calc(50% - var(--gap100)/2); } 
.featured-event .featured-event__content { width: calc(50% - var(--gap100)/2); }
.featured-event .featured-event__thumbnail { width: 100%; height: 100%; object-fit: cover;display: block; }
.featured-event .featured-event__title { font-size: var(--f45); color: var(--blue); margin: 10px 0 var(--gap20); font-weight: 600; line-height: 1.22;color: var(--blue); }
.featured-event .featured-event__excerpt p,.featured-event .featured-event__excerpt { font-size: var(--f18); font-weight: 500; margin: 0;}
.featured-event .featuredButtonDatewrap { display: flex; align-items: center; justify-content: space-between; gap: var(--gap30);margin: var(--gap40) 0 0;flex-wrap: wrap; } 
.featured-event .datetime p { margin: 0; } 
.featured-event .datetime { display: flex; flex-wrap: wrap; flex-direction: column; gap: 10px; font-weight: 700;font-size: var(--f18);line-height: 1.5; }
.featured-event .featured-event__button { display: inline-block; padding: 14px 61px; background-color: var(--orange); color: var(--white) !important; text-decoration: none; border-radius: 100px; font-size: var(--f18); line-height: 1.5; transition: all ease .3s; font-weight: 700; text-transform: uppercase;text-align: center;} 
.featured-event .featured-event__button:hover { background-color: var(--blue); }


/*** End Featured Event ***/


/*** Start Featured/Post Event tags ***/
.featured-event__categories, .event-card__categories{ display: flex; gap: 10px; flex-wrap: wrap; }
.featured-event .featured-event__category, .events-listing-wrapper .event-card__category{ font-size: 15px; font-weight: 600; text-transform: uppercase; font-family: var(--fontNato); line-height: 1.33; color: var(--white); display: inline-flex; padding: 3px 10px; border-radius: 6px; }
.featured-event__category--webinar, .event-card__category--webinar { background-color: var(--green); } 
.featured-event__category--training, .event-card__category--training { background-color: var(--orange); } 
.featured-event__category--in-person, .event-card__category--in-person,.event-card__category--in-person-training,.featured-event__category--in-person-training{ background-color: var(--red); }

/*** End Featured/Post Event tags ***/

/*** Start Event Post***/
.events-listing-wrapper{ padding: var(--sp100) 0; }
.events-listing-wrapper .events-title { margin: 0 ; font-size: var( --f45); font-weight: 600; color: var( --red);line-height: 1.2;} 
.events-listing-wrapper .filterResultCountWrap { display: flex; flex-wrap: wrap; justify-content: space-between;gap:20px; }
.events-listing-wrapper .events-filters{display: flex; flex-wrap: wrap; gap:20px;}
.events-listing-wrapper .filterResultCountWrap{margin: 0 0  var(--gap40);}
.events-listing-wrapper .events-filters select { border: 1px solid var(--gray); padding: 6px 41px 6px 15px; display: inline-flex; min-width: 240px; font-size: 16px; line-height: 2.125; background-color: transparent; appearance: none; -webkit-appearance: none; background-image: url(/wp-content/uploads/2026/02/select-drop-icon.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center;color: var(--black);outline: none;text-transform: capitalize;}
.events-listing-wrapper .events-counts { font-size: var(--f20); font-weight: 700;margin: 0 0 var(--gap30); }
.events-listing-wrapper .events-grid { display: flex; flex-wrap: wrap; gap: var(--gap60); } 
.events-listing-wrapper .event-card { width: calc((100% / 3 ) - var(--gap40));position: relative;overflow: hidden;}
.events-listing-wrapper p.event-card__time , .events-listing-wrapper p.event-card__date { margin: 0; } 
.events-listing-wrapper .event-card__image img { width: 100%; display: block; object-fit: cover;height: 100%;} 
.events-listing-wrapper .event-card__image { position: relative;height: 300px; } 
.events-listing-wrapper .event-card__categories { position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); }
.events-listing-wrapper .event-card__title a { font-size: var(--f24); text-decoration: none; color: var(--black); transition: all ease .3s;font-weight: 600;}
.events-listing-wrapper .learn-more-btn { position: absolute; pointer-events: all; opacity: 0; visibility: hidden; transform: translate(-50%, -50%) scale(0.7); transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease; z-index: 20; content: ''; width: 80px; height: 80px; background-color: var(--red); color:var(--white); border-radius: 50%; font-size: 16px; font-weight: 700; line-height: 1.3; text-align: center; flex-direction: column; align-items: center; justify-content: center; display: flex;text-decoration: none; text-transform: uppercase;}
.events-listing-wrapper .learn-more-btn:hover{color:var(--white);}
.events-listing-wrapper .learn-more-btn.active{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events: auto;}
.events-listing-wrapper .event-card:hover .event-card__title a { color: var(--red); }
.events-listing-wrapper .event-card__time ,.events-listing-wrapper p.event-card__date { color: rgb(0 0 0 / 70%); font-size: var(--f18); }
ul.page-numbers { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: var(--sp80) 0 0; padding: 0; justify-content: center; } 
ul.page-numbers .page-numbers { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--gray); text-decoration: none; color: var(--black); transition: all ease .3s; } 
ul.page-numbers a.prev ,ul.page-numbers a.next { border-color: var(--orange); color: var(--orange); }
ul.page-numbers .page-numbers:hover,ul.page-numbers .page-numbers.current{ background-color: var(--orange); color: var(--white); border-color: var(--orange); }
ul.page-numbers .page-numbers.dots { background: transparent; border: none; color: var(--black); padding: 0; margin-inline: -10px; align-items: flex-end; line-height: 01; }
.events-loading { position: fixed; top: 0; left: 0; background: rgb(0 0 0 / 55%); padding: 20px 40px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); z-index: 1000; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(6px); color: var(--white); } 
.events-loading:before { content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 12px; border: 2px solid var(--gray); border-top-color: var(--orange); border-radius: 50%; animation: spin 0.8s linear infinite; vertical-align: middle; }

.bannerSubContent p { font: var(--f18); font-weight: 600 !important; }
.bannerHeading h1{font-size:var(--f55) !important;font-weight: 500 !important;line-height: 1.36 !important;}
.breadcrumbs p{font-size: 16px;font-weight: 500;color: var(--white); transition: all ease .3s;}
.breadcrumbs p a{ text-decoration: none;  }
.breadcrumbs a:hover { color: var(--orange); }
.container>.e-con-inner { max-width: calc(var(--content-width) + 40px); padding-left: 20px !important;padding-right: 20px !important;}


.eventPostBreadcurmb { padding: var(--gap20) 0; background-color: var(--blue); color: var(--white); font-weight: 600; } 
.eventPostBreadcurmb a { color: var(--white); font-weight: 600; transition: all ease .3s;}
.eventPostBreadcurmb a:hover { color: var(--orange); }

.postContentMain { padding: var(--sp60) 0 var(--sp100); }

.postContentMain .featured-event__category{ font-size: 15px; font-weight: 600; text-transform: uppercase; font-family: var(--fontNato); line-height: 1.33; color: var(--white); display: inline-flex; padding: 3px 10px; border-radius: 6px; }
.postContentMain .postContentHeading h1 { font-size: var(--f45); font-weight: 500; color: var(--blue); margin: var(--sp40) 0 10px; }
.postContentMain .postContentDate p { font-weight: 700; margin-bottom: var(--gap20); font-size: var(--f18); line-height: 1.4; margin: 0;}
.postContentMain .postFeaturedImage img { width: 100%; height: 550px; object-fit: cover;display: block; }
.postContentLinkWrapper { display: flex; flex-wrap: wrap; } 
.postContentBodyWrapper {margin-top: var(--sp60);}
.postContentResgisterLink a { display: inline-block; width: 100%; background-color: var(--orange); color: var(--white); font-size: var(--f18); line-height: 1.2; padding: 20px; border-radius: 30px; text-align: center; transition: all ease .3s;} 
.postContentResgisterLink a:hover { background-color: var(--blue); color: var(--white); }
.postContentLinkWrapper .postContentResgisterLink { width: 260px;align-self: flex-start; position: sticky; top: 0; margin-top: -75px; transition: all ease .3s; } 
.postContentLinkWrapper.stickyAdd .postContentResgisterLink { top: 50px; margin-top: 0px; }
.postContentLinkWrapper .postContentBodyMain { width: calc(100% - 260px); padding-left: var(--sp100);}
.postContentLinkWrapper .eventPostDateTime { font-weight:700; color: var(--black); margin-bottom: 20px;font-size: 16px; opacity: 0; visibility: hidden; transition: all ease .3s; }
.postContentBodyMain h2 { margin: var(--sp40) 0 var(--gap20); font-weight: 600 ;color: var(--black);font-size: var(--f36); } 
.postContentBodyMain h2:first-child { margin-top: 0; }
.postContentBodyMain p:last-child { margin: 0; }
.postContentBodyMain { font-weight: 500; }
.postContentBodyMain ul { padding-left: 25px; list-style: square; } 
.postContentBodyMain ::marker { color: var(--blue); }
.postContentBodyMain ul li:not(:last-child) { margin-bottom: 10px; } 
.postContentLinkWrapper.stickyAdd .eventPostDateTime { opacity: 1; visibility: visible; }
/*** End Event Post ***/

.postContentBodyMain ul + * { margin-top: 20px; }
.dateLocationWrap { display: flex; gap: 10px; font-weight: 800; flex-wrap: wrap;margin-bottom: var(--gap20) ;}
.postContentLocation { margin-bottom: var(--gap20) ;font-weight: 800;}

p.postContent-comment-title { margin-bottom: 5px;margin-top: var(--gap20); }
@media (max-width:1280px) {
   .featured-event .featured-event__wrapper {gap: var(--gap50); }
}



@media (max-width:1024px) {
    .events-listing-wrapper .event-card { width: calc((100% / 2 ) - var(--gap30)); }
    .featured-event .featured-event__wrapper{flex-direction: column;}
    .featured-event .featured-event__image,.featured-event .featured-event__content{width: 100%;}
    .featured-event .featured-event__button{padding: 15px 40px;}
    .featured-event .featured-event__wrapper {gap: var(--gap30); }
    
}
@media (max-width:991px) {
.postContentLinkWrapper .postContentBodyMain { width: 100%; padding: 0; }
.postContentLinkWrapper .postContentResgisterLink { width: 280px; }
.postContentLinkWrapper .postContentResgisterLink { width: 360px;  position:unset;margin-bottom: var(--gap30);} 
.postContentResgisterLink a { padding: 20px; }
.postContentMain .postFeaturedImage img { height:350px;  }
.postContentLinkWrapper .eventPostDateTime {  opacity:1; visibility: visible;  }
.postContentLinkWrapper .postContentResgisterLink {top: 050px; margin-top:0; transition: all ease .3s; }

}
@media (max-width:767px) {
    .events-listing-wrapper .event-card { width: 100%; }
    .events-listing-wrapper .events-grid{gap:var(--gap30);}
    .featured-event .featuredButtonDatewrap{gap: var(--gap20);margin: var(--gap30) 0 0;}
    ul.page-numbers .page-numbers{width: 35px;height: 35px;}
    .postContentMain .postFeaturedImage img { height: 280px;  }
    
}