/*
 * Page heroes: logo in the top-left corner on tablet and desktop, on every page (Iggy, 19 Oct).
 * Generalises the homepage rule from issue #37 to every hero built on the same pattern: the logo is an
 * Elementor image link placed directly in the hero (global class "hero", or "hero-legal" on Terms, Privacy
 * and Cookie Policy). From 768px up it comes out of the flow and sits at top 22px, left 40px, 120px wide,
 * level with the header cluster, leaving the top-right corner to the cluster. Mobile (<=767px) already puts
 * it top-left. Pages: Homepage, About, Contact, Tours & Activities, Travel Services, Travel Trade Partners,
 * Transfers, Vehicles, Thank You, Terms & Conditions, Privacy Policy, Cookie Policy.
 */
@media (min-width: 768px) {
	:is(.hero, .hero-legal) > a.e-image-link-base {
		width: 0;
		margin: 0;
	}

	:is(.hero, .hero-legal) > a.e-image-link-base > img {
		position: absolute;
		top: 22px;
		left: 40px;
		z-index: 2;
		width: 120px;
		margin: 0;
	}
}