/* MIRKA CUSTOM STYLES */
/* ------------------- */

.mirka-top-paragraph > .container {
  display: grid;
  grid-template-columns: 1fr 350px;
}

.tribe-mini-calendar-wrapper {
  max-height: 100% !important;
}

.mobile-calendar {
  display: none;
}

.desktop-calendar {
  height: auto;
  width: 100%;
  position: relative;
}

.desktop-calendar-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  margin-right: 36px;
}

.text-content {
  padding-right: 36px;
}

.book-now-buttons-grid {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  grid-gap: 30px;
  margin-bottom: 30px;
}

@media (max-width: 1360px) {
  .book-now-buttons-grid {
    grid-template-columns: repeat(3, max-content);
  }
}

@media (max-width: 1135px) {
  .book-now-buttons-grid {
    grid-template-columns: repeat(2, max-content);
  }
}

@media (max-width: 520px) {
  .book-now-buttons-grid {
    grid-template-columns: 1fr;
  }
}

.book-now-buttons-grid .button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.book-now-buttons-grid .button-wrapper > p {
  margin-bottom: 17px;
  text-align: center;
}

@media (max-width: 900px) {
  .mirka-top-paragraph > .container {
    display: grid;
    grid-template-columns: 1fr;
  }
  .mobile-calendar {
    display: initial;
  }

  .desktop-calendar {
    display: none;
  }

  .text-content {
    padding-right: 0;
  }
}

/* HELMUT CUSTOM STYLES */
/* -------------------- */

.helmut-page {
	color: #fff;
	background-color: #000;
}

.helmut-page .mirka-btn,
.helmut-page .tribe-events-title a,
.helmut-page .whats-on-mirka__title,
.helmut-page .whats-on-mirka .mirka-box__title > a,
.helmut-page .discover-mirka .mirka-box__title > a,
.helmut-page .discover-mirka .discover-mirka__title {
	color: #fff !important;
}

.helmut-page .mirka-shop,
.helmut-page .mirka-shop .mirka-btn,
.helmut-page .mirka-shop .mirka-box__title > a
.helmut-page .learn-mirka,
.helmut-page .learn-mirka .mirka-btn,
.helmut-page .learn-mirka .mirka-box__title > a,
.helmut-page .learn-mirka .mirka-box__desc,
.helmut-page .hero h1,
.helmut-page .mirka-sponsors .mirka-sponsors__item {
	color: #000 !important;
}

.helmut-page .mirka-sponsors {
	background-color: #9a9999 !important;
}

.helmut-page .footer {
	background-color: #fff !important;
}

.helmut-page .mirka-top-paragraph {
	border-bottom: none !important;
}

.helmut-page .mirka-sponsors .mirka-sponsors__list {
	margin-bottom: 0 !important;
}

.helmut-page .footer {
	margin-top: 0 !important;
}

.helmut-page .mirka-top-paragraph a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}