/*
Theme Name: Theatre Aquarius Child
Template: theatre_aquarius
Description: Child theme for SEO, accessibility and template fixes. Maintained by 101 Keys Inc. See README.md for every overridden file.
Author: 101 Keys Inc.
Version: 1.0.1
Text Domain: theatre-aquarius-child
*/

/* ------------------------------------------------------------------
   Event banner (single-event.php)
   One banner element now serves desktop and mobile. The image swaps
   through CSS variables instead of printing the banner twice.
   Breakpoint: match the width the parent theme uses to switch between
   .page-banner-desktop and .page-banner-mobile (767px assumed).
------------------------------------------------------------------- */
.page-banner-event {
	background-image: var(--event-bg);
}

@media (max-width: 767px) {
	.page-banner-event.has-mobile-bg {
		background-image: var(--event-bg-mobile);
	}
}

/* ------------------------------------------------------------------
   Visually hidden text (keeps the H1 for search engines and screen
   readers when "Hide title" is on and the title is in the banner image)
------------------------------------------------------------------- */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}