.list-categories li{
    margin-bottom: 1em;
    font-size: 1.3em;
 }

 .list-categories a li{
    color: black;
 }




.search-box {
   margin-bottom: 20px;
   position: relative;
}

.list-performers {
   list-style: none;
   padding: 0;
}

a .is-performer{
   color: black;
}

.is-performer {
   display: flex;
   align-items: center;
   margin-bottom: 15px;
   padding: 10px;
   border-bottom: 1px solid #f1f1f1;
   border-radius: 8px;
   margin: 0;
   padding: 0;
}
li.is-performer a.link-wrapper {
   position: relative;
   width: 100%;
   display: block;
   height: 100%;
   padding: 24px 12px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
li.is-performer a{
   color: black;
}

.performer-avatar {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   position:absolute;

}

.performer-info {
   margin-left: 72px;
}

.is-performer strong {
   font-size: 1.3em;
   margin-bottom: 5px;
   display: block;
}

.is-performer span {
   color: #222;
}


.list-performers li.is-performer:hover {
   cursor: pointer;
   webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
   -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
   box-shadow: 0 2px 4px rgb(0 0 0/20%);
   border: 1px solid #E5E5E5;
   transition: box-shadow 200ms ease-out 0s;
   z-index: 1
}

.list-performers li.is-performer strong:hover {
   text-decoration: underline
}



.item-card .img-contain{
   position: relative;
}
.item-card .img-contain .mask{
   position: absolute;
   z-index: 4;
   background: rgb(0 0 0 / 70%);
   color: white;
   text-align:center;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 500;
   font-size: clamp(0.5rem, 2vw, 1.3rem);
   padding: 8px;
}


.search-box {
   margin: 16px 0;
   display: flex;
}

#search-input {
   width: 100%;
   padding: 16px 16px;
   border-radius: 36px;
   background-color: #F1F1F1;
   outline: none;
   transition: all 0.3s ease;
   font-size: 1.4em;
   color: #444;
   line-height: 24px;
}
#search-input::placeholder{
   color: #888;
   opacity: 1;
}

#search-input:focus {
   box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
   background-color: #f8f8f8;
}

#clear-btn {
   position: absolute;
   right: 16px;
   top: 12px;
   height: 32px;
   line-height: 32px;
   background-color: #666;
   color: white;
   border: none;
   border-radius: 24px;
   cursor: pointer;
   display: none;
}

#clear-btn:hover {
}

#clear-btn.hidden {
   display: none;
}


.spinner {
   display: inline-block;
   width: 80px;
   height: 80px;
   border: 8px solid rgba(0, 0, 0, 0.1);
   border-radius: 50%;
   border-top-color: #007bff;
   animation: spin 1s linear infinite;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

@keyframes spin {
   to { transform: rotate(360deg); }
}

#more-information .item{
   max-width: 700px;   
}

#more-information .item *{
   transform: scale(0.9);
   transform-origin: left top;   
}
#more-information .item h3{
   font-weight: 500;
}

@media (max-width: 600px) {
  .slide{
      flex: 0 0 50% !important;
      padding: 5px !important;
  }
  .slider .item-card .event-details h3{
   margin-bottom: 0;
  }      
}