/*
 * The related-tours template deliberately reuses the site's native Arctic Wow
 * classes. Visual dimensions, typography, tabs, grid and responsive behaviour
 * therefore come from the active theme and stay identical to the reference.
 */
[data-vt-related-tours] [hidden] {
  display: none !important;
}

html body.vtch-article-page [data-vt-related-tours] [role="tab"]:focus,
html body.vtch-article-page [data-vt-related-tours] .tabs-my-head:focus,
html body.vtch-article-page [data-vt-related-tours] .cardTours-button a:focus,
html body.vtch-article-page [data-vt-related-tours] .cardTours-img a:focus {
  outline: none !important;
  outline-offset: 0 !important;
}

html body.vtch-article-page [data-vt-related-tours] [role="tab"]:focus-visible,
html body.vtch-article-page [data-vt-related-tours] .tabs-my-head:focus-visible,
html body.vtch-article-page [data-vt-related-tours] .cardTours-button a:focus-visible,
html body.vtch-article-page [data-vt-related-tours] .cardTours-img a:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: 0 0 0 2px #1d78c1 !important;
}

.vt-related-tours__all {
  margin: 22px 0 0;
  text-align: right;
}
.vt-related-tours__all a {
  color: #174f6a;
  font: 600 16px/1.4 "Mont Semibold", Mont, sans-serif;
  text-decoration: none;
}
.vt-related-tours__all a:hover { text-decoration: underline; text-underline-offset: 4px; }
.vt-related-tours__all a:focus { outline: none; }
.vt-related-tours__all a:focus-visible {
  border-radius: 4px;
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1d78c1;
}

[data-vt-related-tours] .tabs-my-head {
  border: 0;
  color: inherit;
  font: inherit;
  text-align: left;
}

[data-vt-related-tours] .tabs-my-head__text {
  margin: 0;
}

[data-vt-related-tours] .tabs-my-arrow {
  display: block;
  line-height: 0;
  transition: transform .2s ease;
}

[data-vt-related-tours] .tabs-my.is-open .tabs-my-arrow {
  transform: rotate(180deg);
}

[data-vt-related-tours] .cardTours-img {
  text-decoration: none;
}

[data-vt-related-tours] .cardTours-img > a {
  display: block;
  width: 100%;
  height: 100%;
}

[data-vt-related-tours] .assortment-box__icon svg path,
[data-vt-related-tours] .cardTours-tags__icon svg path {
  fill: #66c5f1 !important;
}

[data-vt-related-tours] .cardTours-next-date {
  display: none;
}

[data-vt-related-tours] .cardTours-button__label {
  min-width: 0;
  white-space: nowrap;
}

[data-vt-related-tours] .cardTours-price__unit {
  font: inherit;
  font-size: .52em;
  white-space: nowrap;
}

[data-vt-related-tours] .cardTours-button .button {
  transition: box-shadow .22s ease, filter .22s ease, transform .22s ease;
}
[data-vt-related-tours] .cardTours-button .button:focus { outline: none !important; }

[data-vt-related-tours] .cardTours-button .button > svg {
  transition: transform .22s ease;
}

[data-vt-related-tours] .cardTours-button .button:hover,
[data-vt-related-tours] .cardTours-button .button:focus-visible {
  box-shadow: 0 10px 24px rgba(16, 46, 62, .2);
  filter: brightness(1.045);
  transform: translateY(-2px);
}

[data-vt-related-tours] .cardTours-button .button:hover > svg,
[data-vt-related-tours] .cardTours-button .button:focus-visible > svg {
  transform: translateX(3px);
}

[data-vt-related-tours] .cardTours-button .button:active {
  box-shadow: 0 4px 12px rgba(16, 46, 62, .14);
  filter: brightness(.99);
  transform: translateY(0) scale(.99);
}

.vt-related-group__title {
  margin: 0 0 20px;
  color: #263640;
  font: 28px/1.3 "Mont Semibold", Mont, sans-serif;
}

.vt-related-tours--article .tab-pane + .tab-pane:not([hidden]) {
  margin-top: 30px;
}

@media (max-width: 767px) {
  [data-vt-related-tours] .tabs-my.is-open .nav-container {
    display: block;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-vt-related-tours] .tabs-my-arrow,
  [data-vt-related-tours] .cardTours-button .button,
  [data-vt-related-tours] .cardTours-button .button > svg {
    transition: none;
  }
}