html {
    scroll-behavior: smooth;
}
.crm-upcoming-events-block {
    display: grid;
    gap: 1.5rem;
}



.crm-upcoming-events-block__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
}
.crm-event-card__title {margin-top:0.25em    !important;font-size: 20px;}
.crm-event-card__location {
    color:var(--global-palette2) !important;
}

.crm-upcoming-events-block  .kb-button {
        font-size: 16px !important;
        margin-top: 1em;
}
.crm-upcoming-events-block__item {
    flex: 0 0 calc((100% - 60px) / 3);
    max-width: calc((100% - 60px) / 3);
}
.crm-event-card__description {
    font-size:14px;
}
.crm-upcoming-events-block__item .loop-entry {
    height: 100%;
}

@media (max-width: 1024px) {
    .crm-upcoming-events-block__item {
        flex-basis: 100%;
        max-width: 100%;
    }
}


.crm-upcoming-events-block ul {
   list-style:none !important
}
.crm-event-card__date {
    font-weight:bold;
    color:var(--global-palette2);

}
.crm-upcoming-events-block__grid .crm-event-card__date {
         margin-bottom: 0.5em; 
}
.post-type-archive-crm_event .crm-event-card__date div {
    display: inline-block;
    margin-right:0.4em;
}
.post-type-archive-crm_event .crm-event-card__date div.b::before {
    content: " - " ;
}
.post-type-archive-crm_event .ck-content {
    margin-bottom: 1em;
}
.crm-event-card__description,
.crm-event-card__location {
    margin-bottom: 0.5em;
}

.crm-upcoming-events--count-3,
.crm-upcoming-events--count-6 {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.crm-event-card,
.crm-event-archive-card {
    border: 1px solid #ddd;
    padding: 1rem;
}

.crm-event-card__image img,
.crm-event-archive-card__image img {
    display: block;
    width: 100%;
    height: auto;
}

.crm-event-card__badge,
.crm-event-archive-card__badge {
    display: inline-block;
    margin: 0.5rem 0.5rem 0 0;
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    font-weight: 600;
}

.crm-event-registration {
    margin-top: 2rem;
}

.crm-event-registration__iframe {
    width: 100%;
    min-height: 900px;
    border: 0;
}

/* ------------------   modal   ------------------ */    
.crm-event-modal[hidden] {
    display: none;
}

.crm-event-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
}

.crm-event-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);
}

.crm-event-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(770px, calc(100vw - 40px));
    height: min(990px, calc(100vh - 40px));
    margin: 60px auto;
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    border-radius: 16px;
}

.crm-event-modal__close {
    position: absolute;
    top: 16px;
    right: 25px;
    z-index: 2;
    border: 0;
    background: #fff;
    font-size: 56px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.crm-event-modal__iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    padding: 1.25em 0;
}

body.crm-event-modal-open {
    overflow: hidden;
}

@media (max-width: 768px) {
    .crm-event-modal__dialog {
        width: 100vw;
        height: 100vh;
        margin: 0;
    }
}


/* ------------------ filters ---------------------- */
 .archive-filters {
     background:#f1ede9;
     padding:1em;
     border-radius:10px;
     margin-bottom: 2em;
 }
.crm-events-active-filters {
    /* display: inline-block; */
    flex-wrap: wrap;
    /* align-items: flex-end; */
    gap: 10px;
    /* margin-bottom: 6px; */
    /* float: left; */
    /* min-width: calc(100% - 220px); */
    /* max-width: calc(100% - 140px); */
}

.crm-events-active-filters__items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.crm-events-active-filters__actions {
    /* display: inline-block; */
    /* margin-left: auto; */
    /* text-align: right; */
    /* right: 0; */
    /* position: relative; */
    /* width: 160px; */
    font-size: 13px;
    margin: 0.25em 0;
}



.crm-events-active-filters__label {
    font-weight: 700;
}

.crm-events-active-filters__items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.badge {
   margin: 2px;
   border-radius: 28px;
   background: #f1ede9;
   font-size: 13px;
   text-decoration:none;
   display: inline-block;
   padding: 0 10px;
}
.badge.industry {
    border:1px solid var(--global-palette4);
    color: var(--global-palette4);
    display: inline-block;
    padding: 3px 13px;
    line-height: 1.6em;
}
.crm-event-tags .badge {
    margin-left:0;
    margin-right:5px;
}
.crm-event-tags {
    margin-bottom:0.5em;
    line-height:31px;
}
.badge.green  {
  background:var(--global-palette6);
    color: var(--global-palette3);
}
.badge.blue  {
  background:var(--global-palette2);
    color: white;
}
.crm-events-active-filters .badge {
     display: inline-flex;
     border: 1px solid grey;
}


.crm-events-active-filters__clear {
    margin-right: 2em;
    padding: 1em 0;
}
crm-events-active-filters__change {
    padding:1em 0;
}

.crm-events-active-filters__count {
    font-weight:bold;
    margin-right:2em;
}

.crm-events-active-filters__groups {
    /* display: inline-flex; */
    /* flex-wrap: wrap; */
    /* gap: 10px 18px; */
    /* width: 74%; */
}

.crm-events-active-filters__group {
    display: inline-block;
    /* flex-wrap: wrap; */
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
    font-size: 13px;
}
.crm-events-active-filters__count {
    padding: 0em 0 0.5em;
}
.group-label {
    font-weight: 700;
    display:block;
    margin-top: 0.25em;
}
a.crm-events-read-more {
    /* background: var(--global-palette4); */
    /* color:white; */
}
a.crm-events-register-now {
    background: var(--global-palette5);
    color:white
}


.crm-events-active-filters__change {
    display: none;
}

@media (max-width: 1024px) {
    .crm-events-active-filters__change {
        display: inline-block;
    }

    .crm-events-active-filters__actions {
        /* margin-left: 0; */
    }
}

@media (max-width: 400px) {
.crm-events-active-filters.group-label {
    
}
}