.menu-title {
  font-size: 22px;
  font-weight: 600;
}

.events-filters {
  box-shadow: 0 4px 10px #c6c6c6;
  padding: 15px;
}

.search-events-input {
  border: none;
  outline: none;
}

.events-content-container {
  /* box-shadow: 0 0 10px #c7c7c7; */
  border-radius: 5px;
}

.events-add-tasks-btn {
  border-radius: 5px;
  background-color: #20aa58;
  color: #fff;
}

.events-add-tasks-btn:hover {
  /* border-radius: 5px;
    background-color: #20aa58; */
  color: #fff;
}

.venue-image {
  /* border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; */
  object-fit: cover;
  height: 200px;
  width: 100%;
  border-radius: 5px;
  /* width: 245px; */
}

/* @media screen and (max-width: 768px) {
  .venue-image {
    height: 200px;
  }
} */

.view-event-details-btn {
  background-color: #70d3f2;
  color: #fff;
}

.view-event-details-btn:hover {
  background-color: #5daec7;
  transition: all 0.5s ease;
  color: #fff;
}

.event-card,
.weather-card {
  box-shadow: 0 3px 15px #c6c6c6;
}

.event-snippets {
  box-shadow: 0 0 2px #6b6b6b;
  border-radius: 5px;
  background-color: #eeeeee;
}

.weather-card {
  display: none;
  background-color: #fff;
}

.weather-card {
  background-color: #fff;
  height: 100vh;

  animation: slideToLeft 1s linear forwards;
}

.events-respond-btn {
  background-color: #28cc6a;
  color: #fff;
}

.events-respond-btn:hover {
  background-color: #20aa58;
  color: #fff;
}

.events-filters {
  display: none;
  background-color: #fff;
}

/* Animation */

@keyframes slideToLeft {
  0% {
    right: -500px;
  }
  100% {
    right: 0px;
  }
}

@keyframes slideToLeftReverse {
  0% {
    right: 0px;
  }
  100% {
    right: -500px;
  }
}