/*========================
DAY SELECTOR STYLING
========================*/

[data-tab-content] {
  display: none;
}

.active[data-tab-content] {
  display: block;
}


.day-selector .days-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 5rem;
  margin-top: -5rem;
}

.day-selector .event-day-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--color-main);
  background-color: white;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  padding: 1rem 0;
  text-align: center;
  -webkit-transition: padding 0.4s ease;
  transition: padding 0.4s ease;
}

.day-selector .event-day-container:hover {
  cursor: pointer;
  display: block;
  color: white;
  background-color: var(--color-accent);
  padding: 1.5rem 0;
}

.day-selector .event-day-container:hover .event-date {
  display: block;
}

.day-selector .event-date {
  display: none;
}

.day-selector .active {
  color: white;
  background-color: var(--color-accent);
  padding: 1.5rem 0;
}

.day-selector .active .event-date {
  display: block;
}

/*========================
ACTIVITIES STYLING
========================*/
.activity-block {
  padding: 2rem 0;
}

.activity-block .activity-container {
  margin-bottom: 4rem;
}

.activity-block .actifity-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 12rem 1fr;
      grid-template-columns: 12rem 1fr;
  margin-top: -0.5rem;
}

.activity-block .activity-data {
  color: white;
  text-align: center;
  background-color: var(--color-main);
  padding: 2rem 1rem 3rem;
}

.activity-block .activity-thumbnail {
  height: 15rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin: 0;
}

.activity-block .activity-details {
  background-color: #f4f4f4;
  padding: 1.5rem 2rem;
}

.activity-block .activity-details p, .activity-block .activity-details li {
  color: #8b8b8b;
  line-height: 1.5rem;
  margin-bottom:1em;
  list-style:inherit;
}

.activity-block .activity-details ul {
  color: #8b8b8b;
  list-style:disc outside;
  margin-bottom:1em;
  padding-left:20px;
}

.activity-block .line {
  width: 6rem;
  height: 1px;
  background-color: white;
  margin: 2rem auto;
}

.activity-block .activity-title {
  color: var(--color-main);
  margin-bottom: 1rem;
}

.activity-block .activity-description {
  color: #8b8b8b;
  line-height: 1.5rem;
}

.activity-block .activity-more-details {
  margin-top: 1rem;
  color: #8b8b8b;
  font-weight: 600;
  line-height: 1.5rem;
}