/*
 * Card hover treatment for CXW: light-gray card backgrounds invert to dark
 * gray with light text on hover, matching the legacy Webflow site. Kept as
 * its own stylesheet rather than edited into the vendored Webflow export so
 * a future re-export of that file won't silently drop it.
 *
 * The text rule keys off the CARD, not off one particular info-container
 * class. An earlier version listed .place-event-info-container-horizontal by
 * name, which meant the single place that uses the plain
 * .place-event-info-container -- the events list on a gallery page, e.g.
 * /g/bert-green-fine-art -- got the dark background with its text left black
 * and unreadable. Anything inside a card that darkens should lighten with it.
 */
.place-events-item,
.place-events-item-horizontal,
.event-link-block-large,
.route-places-card-description {
  transition: background-color 0.2s ease;
}

.place-events-item *,
.place-events-item-horizontal *,
.event-link-block-large *,
.routesplacecard .route-places-card-description,
.routesplacecard .route-places-card-description * {
  transition: color 0.2s ease;
}

.place-events-item:hover,
.place-events-item-horizontal:hover,
.event-link-block-large:hover,
.routesplacecard:hover .route-places-card-description {
  background-color: #333;
}

.place-events-item:hover,
.place-events-item:hover *,
.place-events-item-horizontal:hover,
.place-events-item-horizontal:hover *,
.event-link-block-large:hover,
.event-link-block-large:hover *,
.routesplacecard:hover .route-places-card-description,
.routesplacecard:hover .route-places-card-description * {
  color: #fff;
}

/* .time-tag is a pill with its own light background (#f2f2f2) sitting over
   the card image, so it does NOT invert with the card -- white text there
   would be white-on-near-white. Body colour is #000. */
.place-events-item:hover .time-tag,
.place-events-item:hover .time-tag *,
.place-events-item-horizontal:hover .time-tag,
.place-events-item-horizontal:hover .time-tag *,
.event-link-block-large:hover .time-tag,
.event-link-block-large:hover .time-tag * {
  color: #000;
}