{% import './theme_overwrites.css' %}

.event-tabs .content-intro .description{
  max-width: 525px;
  margin-top: 20px;
}

.event-tabs .tabs-container .tab-list.tabs-container-inner,
.event-tabs .tabs-container .tab-content.tabs-container-inner{
  width: 100%;
  justify-content: space-between;
}

.event-tabs .tabs-container .tab-list .tab-list-item .tab-name{
  padding: 5px 20px;
}

.event-tabs .tab-content-item {
  visibility: hidden;
  opacity: 0;
  display: flex;
  max-height: 0;
  
}
.event-tabs .tab-content-item.active {
  visibility: visible;
  opacity: 1;
  max-height: 3000px;
  margin-top: 20px;
  transition: visibility 1s ease, opacity 1s ease;
}


.event-tabs .tab-list{
  border-radius: 100px;
  max-width: fit-content;
  width: 100%;
  margin-top: 20px;
  gap: 20px;
 }
.event-tabs .tabs-container .tab-list.tabs-container-inner{
  margin-top: 40px;
  margin-bottom: 20px;
}
.event-tabs .tabs-container .tab-content .tab-content-item .title{
  margin-top: 5px;
}

.event-tabs .bottom-button{
  margin-top: 40px;
}
.event-tabs .tab-list-item{
  padding: 4px 20px;
  border-radius: 100px;
  cursor: pointer;
  border: 1px solid #C3C1CF
 }
 @media (min-width: 768px) {
  .event-tabs .bottom-button{
    margin-top: 50px;
  }
.event-tabs .tabs-container{
  margin-top: 20px;
}
.event-tabs .content-intro .description{
  margin-top: 0;
}

.event-tabs .tab-list-item{
  padding: 4px 20px;
}
 }
 .event-tabs .tab-content-item .card .card-content{
   border-bottom: 1px solid #C8CBCA
}

 .event-tabs .tab-content-item .card .card-content{
   padding: 25px 50px 25px 30px;
 }
 .event-tabs .tab-content-item .card .card-content .single-button{
  justify-content: flex-start;
  margin-top: 10px;
 }
 .event-tabs .tab-indicator{
  position: absolute;
  top: 5px; 
  bottom: 5px; 
  width: calc(50% - 7px); 
  border-radius: 20px;
  transition: transform 0.3s;  
 }
.event-tabs .tab-list-item{
  z-index: 1;
  position: relative;
}
.event-tabs .tab-list-item.active{
  border: 1px solid ;
}
.event-tabs .content-intro{
  margin-bottom: 0;
}
.event-tabs .content-intro .headline{
  margin-bottom: 20px;
  line-height: 1;
}
.event-tabs .tab-content-item .card .card-content .single-button{
  margin-bottom: 0;
  margin-top: 0;
}
.event-tabs .tab-content-item .card .card-content .card-description{
  padding-top: 10px
}
@media (max-width: 768px) {
  .event-tabs .tab-content-item-inner .card{
    width: 100%;
    max-width: 100%;
  }
  .event-tabs .tab-content-item .card .card-content .event-time{
    margin-bottom: 20px;
  }
  .event-tabs .tab-content-item .card .card-content .single-button{
    margin-top: 20px
  }
}
 
.event-tabs .tab-content-item .card .card-content .event-time{
  max-width: 200px;
  width: 100%
}
.event-tabs .tab-content-item.active .tab-title{
  padding: 12px 30px
}
.event-tabs .tab-content-item .card .card-content .card-details{
  padding-right: 20px;
}
.event-tabs .tab-content-item .card .card-content .card-details .card-description{
  max-width: 700px
}
.event-tabs .tab-list-item .tab-name{
  color: #C3C1CF;
}