.post-area.masonry .event .post-content {
  padding-left: 0;
}

.post-area.masonry.material .event .inner-wrap:hover .post-featured-img img, .post-area.masonry.material .event.format-gallery .inner-wrap:hover .flickity-slider .cell img {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}

.masonry.material .event.link .n-post-bg, .masonry.material .event.quote .n-post-bg, .post-area.masonry.material .event .post-featured-img img, .post-area.masonry.material .event.format-gallery .inner-wrap .flickity-slider .cell img {
    margin-bottom: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
}

.post-type-archive-event h1.title{
 margin-bottom: 2rem;
}


.event-label {
    position: absolute;
    z-index: 1;
    background-color: #000;
    padding: 0.4rem 1rem 0.5rem;
    margin: 1rem;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 2rem;
}

.accent { color: var(--nectar-accent-color); }

/* blog event label */
.event-specs--row {
    background: rgba(0,0,0,.04);
    display: flex; 
    flex-wrap: wrap;
    padding: 2rem;
    margin: 1rem 0;
}

/* .item-label-event {
    position: absolute;
    background-color: var(--nectar-extra-color-2);
    -webkit-transform: skew(-5deg);
    transform: skew(-5deg);
    margin-top: 10px;
    margin-left: -5px;
    color: var(--light);
    padding: 3px 8px 1px;
    font-size: 12px;
    font-weight: 700;
}

.item-label-event span {
  -webkit-transform: skew(5deg);
  transform: skew(5deg);
  display: inline-block;
  text-transform: uppercase;
} */

.event-specs--register-button {
    text-align: center;
}

.event-specs--column {
    display: grid;
    grid-template-columns: 0.25fr 0.75fr;
    line-height: 1.7rem;

}

.event-specs--label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 5px;
}

.event-specs--text {
    opacity: 0.65;
}
/* .post-type-archive-event .post-content {
    height: 100%;
}
.post-type-archive-event .content-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
} */

.post-type-archive-event article.event-expired {
    filter: grayscale(1);
    opacity: 0.70;
}
.post-type-archive-event article.event-expired .event-label {
    background-color: #5c5c5c;
}
.post-type-archive-event article .post-header .title {
    color: #000;
    font-size:1.4rem;
}
.post-type-archive-event .masonry-blog-item .article-content-wrap {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.post-type-archive-event .read-more-link-custom {
 margin-top: auto;
 margin-bottom: 0 !important;
}
span.nectar-button.large.regular.extra-color-2.regular-button.event-expired {
    color: #e2e2e2 !important;
    background-color: #a5a5a5 !important;
}

.event-specs--row .col-s-6 {
    flex-basis: calc(100% / 12 * 6);
}
.event-specs--row .col-s-12 {
    flex-basis: 100%;
}

.single-event .container.main-content .main-event-content {
    max-width: calc(750px + 0.4rem);
    padding: 2rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    border-radius: 2rem;
}
.single-event .subtitle {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;

}
 
.upcoming-events {
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.upcoming-events article {
  width: 100%;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 30px 45px rgba(0,0,0,.14);
  background: #fff;
}

.upcoming-events .article-content-wrap {
  padding: 10px 20px 20px;
}
.read-more-wrap {
  padding: 10px 20px 20px;
}

.upcoming-events .post-content {
  padding-left:0;
}

.upcoming-events h3.title a {
  font-size:1.5rem;
  color:#000;
}

.upcoming-events article:hover img{
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
}

.upcoming-events article img{
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
}

.upcoming-events .post-featured-img {
  overflow: hidden;
  aspect-ratio: 3/2;
  display: block;
}
.upcoming-events .event-label {
    font-size:1rem;
}

.post-type-archive-event article {
    border-radius: 1rem;
    box-shadow: 0 0 15px #00000030;
    overflow: hidden;
}
.post-type-archive-event article:hover {
    scale: 1.01;
    box-shadow: 0 10px 25px #00000045;
}

/* Related Events Section on Single Event Page */
.related-events-section {
    width: 100%;
    margin: 3rem 0 2rem;
    padding: 0;
}

.related-events-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
    text-align: center;
    color: var(--nectar-accent-color);
}

.related-events-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-left: -15px;
    margin-right: -15px;
}

.related-events-grid article {
    border-radius: 1rem;
    box-shadow: 0 0 15px #00000030;
    overflow: hidden;
    transition: all 0.3s ease;
}

.related-events-grid article:hover {
    transform: scale(1.02);
    box-shadow: 0 10px 25px #00000045;
}

.related-events-grid .post-content {
    padding-left: 0;
}

.related-events-grid .article-content-wrap {
    padding: 10px 20px 20px;
}

.related-events-grid h3.title a {
    font-size: 1.3rem;
    color: #000;
}

.related-events-grid .post-featured-img {
    overflow: hidden;
    aspect-ratio: 3/2;
    display: block;
}

.related-events-grid .event-label {
    font-size: 1rem;
}

.related-events-grid .event-info {
    display: none;
}

.related-events-section .btn-events-archive {
  text-align: center;
  margin: 2rem auto;
}


@media print, screen and (min-width: 690px) {
    .related-events-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media print, screen and (min-width: 690px) {
    .event-specs--row .col-4 {
        flex-basis: calc(100% / 12 * 4);
    }
    .upcoming-events {
        flex-wrap: nowrap;
    }
    .upcoming-events article {
        width: 25%;
    }
    .related-events-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}