/* BUILD 25: equal-height carousels, stronger branding, softer corners, and rotating hero photos. */

/* Equalise the heights of all carousel cards and remove the count/progress bar. */
.rbh-page .rbh-card-carousel .rbh-activity-track {
  align-items: stretch !important;
  padding-bottom: 2px !important;
}
.rbh-page .rbh-card-carousel .rbh-activity-card {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
}
.rbh-page .rbh-card-carousel .rbh-activity-card-body {
  flex: 1 1 auto !important;
}
.rbh-page .rbh-card-carousel .rbh-activity-progress {
  display: none !important;
}

/* Make the homepage hero photo and yellow ribbons feel more consistent with the
   rest of the rounded design language, while keeping the angled look. */
.rbh-page .rbh-hero-frame {
  border-radius: 10px !important;
  overflow: hidden !important;
  clip-path: polygon(9% 1%, 99% 1%, 91% 99%, 1% 99%) !important;
}
.rbh-page .rbh-hero-frame > img {
  border-radius: 8px !important;
  clip-path: polygon(9% 1%, 99% 1%, 91% 99%, 1% 99%) !important;
  transition: opacity .35s ease !important;
}
.rbh-page .rbh-hero-frame > img.is-fading {
  opacity: 0;
}
.rbh-page .rbh-ribbon {
  font-weight: 900 !important;
  border-radius: 9px !important;
  overflow: hidden !important;
}
.rbh-page .rbh-ribbon::before {
  border-radius: 9px 0 0 9px;
}

/* Thicken the black stroke on the main ROVING BRICKS masthead. */
.rbh-brand-name .rbh-brand-ink {
  -webkit-text-stroke-width: 4.2px !important;
}
@media (max-width: 920px) {
  .rbh-brand-name .rbh-brand-ink {
    -webkit-text-stroke-width: 2.4px !important;
  }
}

/* Keep the carousel buttons and content spacing neat with the equal-height cards. */
.rbh-page .rbh-card-carousel .rbh-activity-card p {
  margin-bottom: 0 !important;
}
.rbh-page .rbh-card-carousel .rbh-activity-card-link {
  margin-top: auto !important;
}