/* Custom category list styling */
#eventlist {
  font-size: 0.8rem;
 display: grid;
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 0.1rem;
  /* width: 100vw;*/
  width: 100%;
   margin: 0;
}
/* Style for phones (small screens) */
@media screen and (max-width: 768px) {
#eventlist {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
}

#eventlist h4, {
    font-weight: 800;
}

#eventlist h2 {
    font-size:0.9rem;
    font-weight: 600;
}


#eventlist .list_two_rows {
  display: flex;
  background-color: #F1F1F1;
  gap: 1rem; /* Add spacing between columns */
  margin: 0.3rem; /* Add some breathing room */
  border: 1px;
  border-color: #7B8793;
  border-radius: 0.3rem;
  position: relative;
  max-height: 600px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}


#eventlist .list_two_rows.expanded {
  max-height: 2000px; /* Arbitrary large value */
}

#eventlist .list_left_row {
    width: 40%;
    border: 0px;
    background-color: #F1F1F1;
    flex-shrink: 0; /* Prevent column from shrinking */
    padding: 0;
    box-sizing: border-box; /* Include padding in width calculation */
}

#eventlist .list_right_row {
    border: 1px;
    border-color: #7B8793;
    width: 60%;
    /*flex-shrink: 0;  Prevent column from shrinking */
    padding: 0.8rem;
    box-sizing: border-box; /* Include padding in width calculation */
    border-radius: 0.3rem;
}
#eventlist .ter_kal_button {
    margin-top: 1rem;
    font-size: 0.8rem;
    color: #7B8793;
    background: #fff;
    border-color: #7B8793;
    width: 96%;
}
#eventlist .ter_kal_button:hover {
    color: #fff;
    background: #7B8793;
/*    border-color: #7B8793;*/
}
#eventlist .ter_kal_button:focus, .ter_kal_button:visited  {
    color: #7B8793;
    background: #DEDEDE;
}

.read-more-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to bottom, rgba(241,241,241,0), rgba(241,241,241,1) 80%);
  text-align: center;
  padding-top: 15px;
}

.read-more-btn {
  background: none;
  border: 1px solid #7B8793;
  color: #7B8793;
  padding: 3px 15px;
  border-radius: 12px;
  cursor: pointer;
  font-size: 0.75rem;
}