/**
 * Turn off the theme's scroll-triggered entrance animation.
 *
 * The client asked for the photos to stop moving as you scroll. Chasing it
 * turned up something worse than the movement.
 *
 * The theme marks containers with `data-custom-animations` (and one image group
 * with `data-reveal`), then its JS writes inline `opacity: 0` and
 * `transform: translateY(30px)` onto the headings, text columns and image
 * groups inside them, and animates those back to zero as each scrolls into
 * view. When the animation does not fire - a fast scroll, a deep link that
 * lands past the trigger point - the element is simply left at opacity 0 and
 * the visitor never sees it.
 *
 * Surveyed across fifteen live pages, fifteen elements were stuck that way.
 * Worst is Bespoke Holiday Planning, where the whole "Planning a Group Visit?"
 * heading and its paragraph, an intro paragraph and BOTH photos (map.jpg and
 * germany.jpg) stayed invisible after scrolling the entire page. Bavaria loses
 * the paragraph beginning "In the German Alps to the south are famous
 * resorts...". That is live copy nobody can read.
 *
 * Every final transform on these elements is the identity matrix - checked on
 * all fifteen pages, the only non-identity values were the animation's own
 * translateY(30px) and two frames caught mid-flight - so pinning them to
 * `transform: none` cannot disturb any layout that relies on a transform.
 *
 * Pre-flighted by injecting exactly these rules on live before writing them:
 * every stuck element was released, and the only movement anywhere was two
 * headings rising by precisely 30px, which is the animation's own offset going
 * away.
 *
 * This deliberately does not strip the data attributes. The theme's JS is free
 * to keep writing its inline styles; these rules simply outrank them, so the
 * page renders its finished state immediately and nothing moves.
 */

.wpb_text_column,
.ld-fancy-heading,
.liquid-img-group-single,
.liquid-img-container-inner figure,
.block-revealer__content {
	opacity: 1 !important;
	transform: none !important;
}

/* The container, and `visibility` - both of which the first version of this
   file missed, and the miss was doing real damage.
   
   The animation hides its CONTAINER, `div.wpb_wrapper`, at
   `visibility: hidden; opacity: 0`, and reveals it on scroll. Pinning opacity
   on the children above did nothing for that, and `visibility` is inherited,
   so every heading inside a container that never got revealed stayed invisible
   however visible its own styles said it was.
   
   Measured after a full scroll of each page: the Trade page was losing FIVE
   headings on a phone - "Professional Services", "UK Destination
   Representation", "Tourism Projects...", "Business Events & Conference
   Support" and "Who We Support" - and one on desktop. The German page lost the
   same five. Pre-flighted by injection: 5 hidden goes to 0 on both, and not a
   single heading moves position. */
.wpb_wrapper,
.wpb_wrapper-inner,
.ld-fancy-heading,
[class*="lqd-highlight"],
.wpb_text_column,
.liquid-img-group-single,
.liquid-img-container-inner figure {
	visibility: visible !important;
}

/* The column too. On the region pages "Wide choice of destinations" was still
   invisible on a phone after the wrapper was covered, because there the
   animation is applied one level higher again - to `.wpb_column` itself, at
   opacity 0.
   
   Safe to force: a column that is meant to be hidden uses WPBakery's
   `vc_hidden-*` classes, which work through `display`, and nothing here
   touches display. */
.wpb_wrapper,
.wpb_wrapper-inner,
.wpb_column,
.vc_column-inner {
	opacity: 1 !important;
}

/* And the <img> itself. On Wine and Dine the plate-of-food photograph was
   sitting at `opacity: 1e-08` on a phone - not zero, so it does not read as
   "hidden" to anything looking for display:none, but invisible all the same.
   The client saw one photograph where the desktop has four.
   
   The rules above reach the figure and the group wrapper; the reveal is
   applied one level deeper than that, to the image element. */
.liquid-img-container-inner img,
.liquid-img-group-single img,
.liquid-img-group-img-container img {
	opacity: 1 !important;
	visibility: visible !important;
}

/* The wipe panel that sweeps across the "Germany" image group on the homepage. */
.block-revealer__element {
	display: none !important;
}