.tc-events-wrapper {
   position: relative;
}

.ts-event-swiper {
   position: relative;
   width: 100%;
   min-height: 330px;
   border: 2px solid #656565;
}

.ts-event-swiper .swiper-slide {
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   background: #000;
}

.ts-event-swiper .tc-event-summary {
   display: grid;
   grid-template-columns: 1fr;
   align-items: stretch;
   font-family: 'Work Sans';
   height: 100%;
   width: 100%;
}

.tc-event-summary .tc-event-summary__date {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   background: #fff;
   color: #000;
   gap: 1.5rem;
   padding: 0 .8rem;
}

.tc-event-summary .tc-event-summary__date span {
   display: block;
   text-align: center;
}

.tc-event-summary .tc-event-summary__date span.days,
.tc-event-summary .tc-event-summary__date span.month {
   font-size: 1.8rem;
   font-weight: 500;
}



.tc-event-summary .tc-event-summary__date span.days {
   margin-bottom: -10px;
   letter-spacing: 3px;
}

.tc-event-summary .days-month.range {
   min-width: 80px;
}

.tc-event-summary .days-month.range span.days {
   letter-spacing: 2px;
   margin-top: -5px;
}

.tc-event-summary .days-month.range  span.month {
   font-size: 1rem;
}


.tc-event-summary .tc-event-summary__date span.year {
   font-size: 1.8rem;
}


.tc-event-summary .tc-event-summary__date span.divider {
   background: #000;
   height: 1px;
   width: 100%;
}

.tc-event-summary .tc-event-summary__cover-info {
   display: grid;
   grid-template-columns: 1fr;
}

.tc-event-summary  .tc-event-summary__cover {
   position: relative;
   min-height: 300px;
   
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
}

.tc-event-summary  .tc-event-summary__cover img {
   visibility: hidden;
}

.tc-event-summary  .tc-event-summary__cover img {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.tc-event-summary .tc-event-summary__info {
   padding: 1rem 1.5rem;
}

.tc-event-summary .tc-event-summary__info h2 {
   margin-top: 0;
}

.tc-events-wrapper  .tc-event-detailed_desc {
   font-size: 1.1rem;
}

.tc-events-wrapper .tc-event-button {
   color: #fff;
   display: flex;
   flex-direction: row;
   border: 1px solid #656565;
   font-size: 1.1rem;
   margin-top: 2rem;
   gap: .3rem;
   cursor: pointer;
}

.tc-events-wrapper a.tc-event-button {
   max-width: 190px;
   padding: 12px 24px;
   font-weight: 500;
   align-items: center;
   justify-content: center;
}

.tc-events-wrapper .tc-event-button span {
   display: flex;
   align-items: center;
}

.tc-events-wrapper .tc-event-button span svg {
   height: 1em;
   width: 1em;
   fill: #fff;
   color: #fff;
}

.tc-events-wrapper .tc-event-button:hover span svg {
   fill: #656565;
}

.tc-events-wrapper .tc-swiper-navigation::before,
.tc-events-wrapper .tc-swiper-navigation::after {
   content: '';
}

.tc-events-wrapper .tc-swiper-navigation {
   color: #fff;
}

.tc-events-wrapper .tc-swiper-navigation svg {
   fill: #fff;
}

.tc-events-wrapper .swiper-button-prev {
   transform: translateX(-15px);
}

.tc-events-wrapper .swiper-button-next {
   transform: translateX(15px);
}

.tc-events-wrapper  .swiper-pagination-bullets {
   bottom: -10px !important;
}

.tc-events-wrapper .swiper-pagination-bullet {
   background: #656565;
   opacity: 1;
   height: 10px;
   width: 10px;
   margin: 0 3px !important;
}

.tc-events-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background: #fff;
}

.tc-events-wrapper .tc-event-detailed {
   display: none;
   opacity: 0;
   transition: opacity .3s;
}

.tc-events-wrapper.tc-event-detailed-collapsed .swiper-slide-active .tc-event-detailed {
   display: flex;
   flex-direction: column;
   padding: 3.5rem 1rem;
   position: relative;
   gap: 2rem;
   font-family: 'Work Sans';
}

.tc-events-wrapper.tc-event-detailed-collapsed.reveal .swiper-slide-active .tc-event-detailed  {
   opacity: 1;
}

.tc-events-wrapper .tc-event-detailed-intro {
   display: flex;
   flex-direction: column;
   gap: 2rem;
}

.tc-events-wrapper .tc-event-detailed-intro .tc-event-detailed-info {
   order: 2;
}

.tc-events-wrapper .tc-event-detailed-intro .tc-event-detailed-info-cover {
   order: 1;
   margin-top: 15px;
}


.tc-events-wrapper .tc-event-detailed-more {
   display: grid;
   grid-template-columns: 1fr;
   grid-gap: 2rem;
   align-items: center;
   justify-content: center;
}

.tc-event-detailed .tc-event-detailed-info__title {
   margin-bottom: 0.1rem;
}

.tc-event-detailed .tc-event-detailed__date {
   font-weight: 600;
   margin-bottom: 1rem;
   display: block;
}

.tc-events-wrapper .tc-event-detailed-more-text__item {
   font-size: 1.2rem;
}

.tc-events-wrapper .tc-event-detailed-more-text .tc-event-detailed-more-text__item:not(:last-child) {
   margin-bottom: 1.5rem;
}

.tc-event-detailed-highlights {
   overflow: hidden;
}

.tc-event-detailed-highlights .swiper {
   position: relative;
   width: 100% !important;
   height: 100%;
   /* min-height: 550px; */
}

.tc-event-detailed-highlights .swiper-wrapper {
   height: 100%; /* prevent collapsing */
}

.tc-event-detailed-highlights .tc-swiper-navigation {
   transform: translateX(0);
   width: 30px;
   height: 30px;
}


.tc-event-detailed .tc-event-close {
   border: 2px solid #656565;
   display: inline-block;
   position: absolute;
   top: 0;
   right: 0;
   padding: 10px 20px;
   cursor: pointer;
   font-weight: 500;
   border-top: 0;
   border-right: 0;
}

.tc-event-detailed .tc-event-close:hover {
   color: #656565;
}

.tc-events-wrapper.single-slide .swiper-button-parent-prev,
.tc-events-wrapper.single-slide .swiper-button-parent-next,
.tc-events-wrapper.single-slide .swiper-pagination {
   display: none;
}

.tc-events.past .tc-event-summary__cover {
   filter: grayscale(100%);
}


@media screen and (max-width: 767px) {
   .tc-events-wrapper:not(.single-slide) .swiper-button-parent-next,
   .tc-events-wrapper:not(.single-slide) .swiper-button-parent-prev {
        background: transparent;
        height: 40px;
        width: 30px;
        padding: 5px 3px;
        border: 2px solid #656565;
   }

   .tc-events-wrapper.tc-event-detailed-collapsed .swiper-slide-active .tc-swiper-navigation {
      opacity: 1;
   }

    .tc-events-wrapper:not(.single-slide) {
      padding-bottom: 2.5rem;
   }
   
}

@media screen and (min-width: 768px) {
   .tc-events-wrapper:not(.single-slide) {
      padding: 0 2.5rem 0 2.5rem;
   }

   .tc-events-wrapper.tc-event-detailed-collapsed {
      padding: 0;
   }

   .ts-event-swiper .tc-event-summary {
      grid-template-columns: 150px 1fr;
   }

   .tc-event-summary .tc-event-summary__date {
      flex-direction: column;
   }

   .tc-event-summary .tc-event-summary__date span.days,
   .tc-event-summary .tc-event-summary__date span.month {
      font-size: 2.7rem;
   }

   .tc-event-summary .tc-event-summary__date span.year {
      font-size: 2.4rem;
   }

   .tc-event-summary .tc-event-summary__date span.days {
      margin-bottom: -20px;
   }

   .tc-event-summary .tc-event-summary__date span.divider {
      height: 100%;
      width: 1px;
   }

   .tc-event-summary  .tc-event-summary__cover {
      min-height: 270px;
      background: none !important;
   }

   .tc-event-summary  .tc-event-summary__cover img {
      visibility: visible;
   }


   .tc-event-summary.single-slide  .tc-event-summary__cover {
      min-height: 325px;
   }

   .tc-events-wrapper  .tc-event-detailed_desc {
      font-size: 1.2rem;
   }

   .tc-events-wrapper.tc-event-detailed-collapsed .swiper-slide-active .tc-event-detailed {
      padding: 3.5rem 2.5rem;
   }

   .tc-events-wrapper .swiper-pagination-bullet {
      display: none;
   }

   .tc-event-summary .days-month.range span.month {
      font-size: 24px;
      margin-top: 10px;
   }

}

@media screen and (min-width: 1024px) {
   .tc-event-summary .tc-event-summary__cover {
      min-height: 350px;
    }

   .tc-events-wrapper.single-slide .tc-event-summary__cover {
      min-height: 475px;
    }
}

@media screen and (min-width: 1180px) {
   .tc-event-summary .tc-event-summary__cover {
      min-height: 470px;
    }

    .tc-events-wrapper.single-slide .tc-event-summary__cover {
      min-height: 550px;
    }

   .tc-events-wrapper .tc-event-detailed-intro {
      display: grid;
       grid-gap: 2rem;
      align-items: center;
      justify-content: center;
   }

    .tc-events-wrapper .tc-event-detailed-intro,
   .tc-events-wrapper .tc-event-detailed-more {
      grid-template-columns: 1fr 1fr;
   }

   .tc-events-wrapper .tc-event-detailed-more {
      grid-template-columns: .6fr .4fr;
   }

   .tc-events-wrapper .tc-event-detailed-intro .tc-event-detailed-info {
      order: 1;
   }
}


@media screen and (min-width: 1280px) {
   .tc-event-summary .tc-event-summary__cover-info {
      grid-template-columns: .55fr .45fr;
   }

    .tc-events-wrapper.single-slide .tc-event-summary .tc-event-summary__cover-info {
      grid-template-columns: 1fr 1fr;
   }

    .tc-event-summary .tc-event-summary__cover {
      min-height: 350px;
    }

   .tc-events-wrapper.single-slide .tc-event-summary .tc-event-summary__cover {
      min-height: 330px;
    }
}