.events-wrapper {
    display:flex;
    flex-direction: column;
    gap:6rem;
    margin-top:6rem;
}

.events-wrapper section.glooko-events .container {
    width:80%;
    max-width:var(--max-width-container);
    margin:0 auto;
}

.glooko-events.speaking-events-and-presentations{

    padding-top:6rem;
    padding-bottom:6rem;
    background:#E0ECF6;

}

/* .event-listing {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: flex-start;
} */

.event-grid {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: flex-start;
    margin-bottom: 4rem;
}

.glooko-events.tradeshows .post_li,
.glooko-events.speaking-events-and-presentations .post_li {
    flex: 0 0 calc((100% - 3 * 2rem) / 4); 
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--color-glooko-blue);
    padding: 1.5rem 2.65rem;
    box-sizing: border-box;
    border-radius: 48px;
    gap: 2rem;
}

.past-events-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.glooko-events.tradeshows .post_li.past {
    border-radius: unset;
    gap: .5rem;
    border: 0 none;
    border-bottom: 1px solid #ccc;
    padding:0 0 1rem;
}

.glooko-events.tradeshows .post_li.past * { font-size:1rem !important; }

.glooko-events.speaking-events-and-presentations .post_li {
    flex: 0 0 100%;
    border-radius:0;
    border:0;
    border-bottom:1px dotted var(--color-glooko-blue);
    padding:0 0 1rem;
    gap:.25rem;
}

.glooko-events.webinars .event-listing {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 2rem;
}

.glooko-events.webinars .post_li {
    flex: 0 0 calc((100% - 3 * 2rem) / 3); 
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border-radius: 48px;
    gap: 1rem;
}

.events-wrapper h2 {
    margin-top:0;
}

.glooko-events.webinars .post_li img { 
    width:100%;
    height:auto;
}

.glooko-events.webinars .post_li h3 {
    line-height: 1;
}

.glooko-events.webinars .post_li a {
    font-size:var(--font-size-body);
    color: var(--color-glooko-dark-blue);
    text-decoration: none;

}

.post_li h3 {
    font-size: var(--font-size-hero-copy);
    font-weight:bold;
    color:var(--color-glooko-dark-blue);
    margin:0;
}

.event-cta { 
    display:flex;
}
.event-cta a {
    color:var(--color-glooko-coral);
    font-weight:bold;
    text-decoration:none;
}

.event-cta a::after {
    content: "";
    background-image: url(../images/icons/ico-arrow-right.png);
    width: 1rem;
    height: 1rem;
    background-size: contain;
    display: inline-block;
    margin-left: .5rem;
    position: relative;
    top: 1px;
}

.glooko-events .post_li.hidden {
    display: none;
}

.view-all-wrapper {
  margin-top: 2rem;
  text-align: center;
}
.view-all-btn {
  border:1px solid var(--color-glooko-dark-blue);
  color: var(--color-glooko-dark-blue);
  background-color: transparent;
  padding: 0.75rem 1.5rem;
  border-radius: 48px;
  cursor: pointer;
  font-size: 1rem;
  font-weight:bold;
}

.view-all-btn:hover {
    box-shadow: 2px 2px 2px #3333333d;
}

/* 3 columns for medium screens */
@media (max-width: 1200px) {

    .event-listing {
        justify-content: space-between;
        gap:2rem
    }

    .glooko-events.tradeshows .post_li {
        flex: 0 0 calc((100% - 2 * 1rem) / 2); 
    }

    .glooko-events.webinars .post_li {
        flex: 0 0 calc((100% - 2 * 1rem) / 2); 
    }
}

/* 2 columns for tablets */
@media (max-width: 900px) {

    .event-listing {
        justify-content: space-between;
        gap:1rem
    }

    .glooko-events.tradeshows .post_li {
        flex: 100%; 
        border:0 none;
        padding:0;
        border-bottom:1px solid #ccc;
        border-radius:0;
        gap:.25rem;
        padding-bottom:1rem
    }
    
    .glooko-events.webinars .post_li {
        flex: 100%;
        margin-bottom:1rem;
    }

}

/* 1 column for mobile */
@media (max-width: 600px) {
  .post_li {
    flex: 1 1 100%;
  }
}