.info-buttons__btn {
	text-transform: uppercase;
}

.activities {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
}
.activities-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.activities-item {
  width: 100%;
  max-width: calc((100% - 60px) / 4);
  grid-template-rows: 1fr 1fr;
  display: grid;
  gap: 10px;
  height: 349px;
  cursor: pointer;
}
.activities-item-top {
  display: flex;
  gap: 20px;
  align-items: center;
}
.activities-item-hidden {
  display: none;
  flex-direction: column;
  gap: 15px;
}
.item-hidden__time {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(16px, 1.125rem, 25px);
  color: #7f8287;
}
.item-hidden__time span {
  font-weight: 700;
}
.item-top-date {
  border-radius: 15px;
  padding: 5px 15px;
  background: rgba(151, 191, 255, 0.37);
}
.top-date__text {
  width: 40px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(18px, 1.375rem, 30px);
  text-align: center;
  color: #4370b7;
  margin: 0;
}
.item-top__description {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: clamp(16px, 1.25rem, 25px);
  color: var(--text);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

body.font-2 .top-date__text, body.font-175 .top-date__text, body.font-125 .top-date__text,
body.font-2 .item-top__description, body.font-175 .item-top__description, body.font-125 .item-top__description {
    font-size: 0.875rem;
}

body.font-2 .activities-item:hover .item-top__description, body.font-175 .activities-item:hover .item-top__description {
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    overflow: hidden;
    line-clamp: 2;
    max-height: 5em;
}

.activities-item-bottom {
  width: 100%;
  max-width: 380px;
  height: 265px;
  background-image: url(/local/templates/images/preview.png);
}

.activities-wrapper {
  height: unset;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.activities-btn-block {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.activities-wrapper:hover {
  transition: all 0.2s ease-in-out;
  background: #fff;
  padding: 16px 16px 42px 16px;
}
.activities-item:hover .activities-item-top {
  flex-direction: column;
  align-items: flex-start;
}
.activities-item:hover .item-top-date {
  width: unset;
  height: unset;
}
.activities-item:hover .item-top__description {
  display: block;
}
.activities-item:hover .activities-item-bottom {
  display: none;
}
.activities-item:hover .activities-item-bottom1 {
  display: none;
}
.activities-item:hover .activities-item-hidden {
  display: flex;
}
.activities-item:hover .activities-wrapper {
  height: 100%;
}
.activities-item:hover .top-date__text {
  width: auto;
}
.activities-item:hover {
	display: block;
}

body.high-contrast--black .info-buttons__btn {
	background: black !important;
	--text: #fff;
	color: var(--text) !important;
}

body.high-contrast--green .info-buttons__btn {
	background: #422a11 !important;
	--text: #45973b;
	color: var(--text) !important;
}

body.high-contrast--brown .info-buttons__btn {
	background: #f9ddd6 !important;
	--text: #422a11;
	color: var(--text) !important;
}

@media screen and (max-width: 1790px) {
  .activities-items {
    justify-content: center;
  }

  .activities-item {
	max-width: calc((100% - 60px) / 3);
  }

  .activities-items div:nth-child(n + 4) {
    display: none;
  }
}

@media screen and (max-width: 1440px) {
  .activities-items {
    justify-content: center;
  }

  .activities-items div:nth-child(n + 3) {
    display: none;
  }
}