/* Bali Hai Apartments Noosa: Stage 4 designed bands (14 Oct 2026). Loaded LAST. Every rule is inside a max-width 1249px query (1250 and up is a pixel copy of live).
   Bands: 1170 to 1249 = live's sidebar layout with its fixed rows fitted and the AA layer; 768 to 1169 = tablet reflow (the sidebar becomes a top bar); below 768 = phone.
   AA palette (live's colours kept where they pass; computed against their real backgrounds):
     white on #be0d55 6.22, #ffe08a links on #be0d55 4.82, white on #00727a 5.69 (live's teal #008b94 is 4.10 and #00939c is 3.71), #00727a on white 5.69,
     #1a1a1a on #ff9500 7.92 (live's white on orange is 2.20), white on #006d75 6.10 (button hover, focus, active), #595959 on white 7.0.
   Specificity: live's own rules are prefixed `body.bh-site #page-container`, so every rule here carries the same prefix. */

/* ======================= 1170 to 1249: live's layout, fixed rows fitted, AA layer ======================= */
@media (min-width: 1170px) and (max-width: 1249px) {
	body.bh-site:where(.bh-home) #page-container .left-wider { padding-left: 150px; padding-right: 20px; }
	body.bh-site:where(.bh-home) #page-container .left-wider .flower-bg { left: 30px; width: 96px; height: 75px; background-size: contain; }
	body.bh-site #page-container #booking { width: 300px; padding: 46px 20px 26px; }
	body.bh-site:where(.bh-home) #page-container #booking { bottom: 60px; }
}

/* ======================= below 1250: the AA layer (every band) ======================= */
@media (max-width: 1249px) {
	/* text links on the magenta ground: live's yellow is 3.79:1; the lighter yellow passes, and links in running text carry an underline (colour is never the only signal) */
	body.bh-site #page-container #container-outer :is(.container.indent, .text-content) :is(p, td, li, h2) a:not(.button):not(.more):not(.gallery-item):not(.tel-link):not(.top *) { color: #ffe08a; }
	body.bh-site #page-container #container-outer :is(.container.indent, .text-content) :is(p, li, td) a:not(.button):not(.more):not(.top *) { text-decoration: underline; }
	body.bh-site #page-container #container-outer :is(.container.indent, .text-content) :is(p, td, li, h2) a:not(.button):not(.more):not(.gallery-item):not(.top *):hover, body.bh-site #page-container #container-outer :is(.container.indent, .text-content) :is(p, td, li, h2) a:not(.button):not(.more):not(.gallery-item):not(.top *):focus, body.bh-site #page-container #container-outer :is(.container.indent, .text-content) :is(p, td, li, h2) a:not(.button):not(.more):not(.gallery-item):not(.top *):active { color: #ffffff; }
	/* sidebar / top bar menu on white: live's teal #008b94 is 4.10:1 */
	body.bh-site #page-container #menu a:link, body.bh-site #page-container #menu a:visited { color: #00727a; }
	body.bh-site #page-container #menu li.active a:link, body.bh-site #page-container #menu li.active a:visited, body.bh-site #page-container #menu a:hover, body.bh-site #page-container #menu a:focus, body.bh-site #page-container #menu a:active { color: #be0d55; }
	body.bh-site #page-container #menu li.alt a:link, body.bh-site #page-container #menu li.alt a:visited { color: #8a4a00; }
	body.bh-site #page-container #menu li.alt a:hover, body.bh-site #page-container #menu li.alt a:focus, body.bh-site #page-container #menu li.alt a:active { color: #be0d55; }
	body.bh-site #page-container #menu li ul a:link, body.bh-site #page-container #menu li ul a:visited { background-color: #00727a; color: #ffffff; }
	body.bh-site #page-container #menu li ul { background: #00727a; }
	body.bh-site #page-container #menu a { padding-top: 6px; padding-bottom: 6px; display: block; min-height: 24px; }
	body.bh-site #page-container #menu { font-size: 14px; }
	body.bh-site #page-container .phone { color: #595959; }
	body.bh-site #page-container .socialmedia a { width: 24px; height: 24px; }
	/* buttons: dark text on live's orange at rest, white on a darker teal in every active state (hover, focus, and the tap that sticks on a phone) */
	body.bh-site #page-container input.button, body.bh-site #page-container a.button, body.bh-site #page-container .et_pb_section .bh-contact-form.et_pb_contact_form_container.et_pb_module button.et_pb_contact_submit.et_pb_button,
	body.bh-site #page-container #booking .LDSSearch-submit button, body.bh-site #page-container .LDSSearch-cancel a { color: #1a1a1a !important; background-color: #ff9500 !important; }
	body.bh-site #page-container input.button:hover, body.bh-site #page-container input.button:focus, body.bh-site #page-container input.button:active,
	body.bh-site #page-container a.button:hover, body.bh-site #page-container a.button:focus, body.bh-site #page-container a.button:active,
	body.bh-site #page-container .et_pb_section .bh-contact-form.et_pb_contact_form_container.et_pb_module button.et_pb_contact_submit.et_pb_button:hover, body.bh-site #page-container .et_pb_section .bh-contact-form.et_pb_contact_form_container.et_pb_module button.et_pb_contact_submit.et_pb_button:focus, body.bh-site #page-container .et_pb_section .bh-contact-form.et_pb_contact_form_container.et_pb_module button.et_pb_contact_submit.et_pb_button:active,
	body.bh-site #page-container #booking .LDSSearch-submit button:hover, body.bh-site #page-container #booking .LDSSearch-submit button:focus, body.bh-site #page-container #booking .LDSSearch-submit button:active,
	body.bh-site #page-container .LDSSearch-cancel a:hover, body.bh-site #page-container .LDSSearch-cancel a:focus, body.bh-site #page-container .LDSSearch-cancel a:active { color: #ffffff !important; background-color: #006d75 !important; }
	body.bh-site #page-container a.more, body.bh-site #page-container a.more:link, body.bh-site #page-container a.more:visited { font-size: 14px; color: #ffffff; }
	body.bh-site:where(.bh-home) #page-container .panel.blog a.more, body.bh-site:where(.bh-home) #page-container .panel.blog a.more:link, body.bh-site:where(.bh-home) #page-container .panel.blog a.more:visited { color: #be0d55; }
	body.bh-site:where(.bh-home) #page-container .panel.blog .title a, body.bh-site:where(.bh-home) #page-container .panel.blog .title a:link, body.bh-site:where(.bh-home) #page-container .panel.blog .title a:visited { color: #00727a; }
	body.bh-site:where(.bh-home) #page-container .panel.blog .date { color: #595959; }
	body.bh-site #page-container .panel.blog .date, body.bh-site #page-container .entry .date, body.bh-site #page-container .details, body.bh-site #page-container .details strong, body.bh-site #page-container .details a { font-size: 14px; }
	/* live's teal panels (the home offer, room cards) are 4.10:1 for white text */
	body.bh-site #page-container .special, body.bh-site #page-container .images, body.bh-site:where(.bh-home) #page-container .right-narrower { background-color: #00727a; }
	/* the footer: 14px floor */
	body.bh-site #page-container #footer, body.bh-site #page-container .copyright, body.bh-site #page-container .copyright p, body.bh-site #page-container .footermenu a, body.bh-site #page-container .footer-tags p, body.bh-site #page-container .footer-tags a { font-size: 14px; }
	body.bh-site #page-container .seomenu a { color: #ffffff; }
	/* paging, "back to top" */
	body.bh-site #page-container .paging, body.bh-site #page-container .paging a { font-size: 14px; }
}

/* ======================= below 1170: the sidebar becomes a top bar, every table-cell column stacks ======================= */
@media (max-width: 1169px) {
	/* the frame: live's 1170px minimums come off */
	body.bh-site #page-container, body.bh-site #page-container #container-outer-bg, body.bh-site #page-container #container-outer, body.bh-site #page-container #footer, body.bh-site #page-container .container,
	body.bh-site #page-container .rooms-list-wrapper, body.bh-site #page-container .rooms-list-wrapper .list, body.bh-site #page-container .container.indent.nopad, body.bh-site #page-container #feature,
	body.bh-site #page-container #rightcontent-main { min-width: 0; }
	body.bh-site #page-container #container-outer { display: block; min-height: 0; }
	body.bh-site #page-container #sidebar-main { display: block; width: auto; min-height: 0; height: auto; z-index: 10; }
	body.bh-site #page-container #rightcontent-main { display: block; width: auto; }
	body.bh-site #page-container #header { width: auto; }
	/* the top bar: logo, Book Now, Menu; the phone number under them; the menu panel opens in the flow */
	body.bh-site #page-container #header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-width: 0 !important; width: auto; padding: 0 12px 0 0; border-bottom: 1px solid #e5e5e5; }
	body.bh-site #page-container #header .container > .clearboth { display: none; }
	body.bh-site #page-container #header .logo { float: none; margin: 0; padding: 0; order: 1; flex: 0 0 auto; }
	body.bh-site #page-container #header .logo img { display: block; width: 128px; height: auto; }
	body.bh-site #page-container .ils-bar-actions { display: flex; order: 2; flex: 0 1 auto; align-items: center; gap: 10px; margin-left: auto; }
	body.bh-site #page-container #header a.ils-top-book, body.bh-site #page-container #header a.ils-top-book:link, body.bh-site #page-container #header a.ils-top-book:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; background: #ff9500; color: #1a1a1a; font-size: 16px; font-weight: 700; text-transform: uppercase; text-decoration: none; }
	body.bh-site #page-container #header a.ils-top-book:hover, body.bh-site #page-container #header a.ils-top-book:focus, body.bh-site #page-container #header a.ils-top-book:active { background: #006d75; color: #ffffff; }
	body.bh-site #page-container .ils-menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 0 12px; margin: 0; background: #ffffff; color: #00727a; border: 2px solid #00727a; border-radius: 0; font-size: 16px; font-weight: 700; text-transform: uppercase; cursor: pointer; }
	body.bh-site #page-container .ils-menu-toggle:hover, body.bh-site #page-container .ils-menu-toggle:focus, body.bh-site #page-container .ils-menu-toggle:active, body.bh-site #page-container .ils-menu-open .ils-menu-toggle { background: #00727a; color: #ffffff; }
	body.bh-site #page-container .ils-bars, body.bh-site #page-container .ils-bars::before, body.bh-site #page-container .ils-bars::after { display: block; width: 18px; height: 2px; background: currentColor; }
	body.bh-site #page-container .ils-bars { position: relative; }
	body.bh-site #page-container .ils-bars::before, body.bh-site #page-container .ils-bars::after { content: ""; position: absolute; left: 0; }
	body.bh-site #page-container .ils-bars::before { top: -6px; }
	body.bh-site #page-container .ils-bars::after { top: 6px; }
	body.bh-site #page-container #header .phone { float: none; order: 3; flex: 0 0 100%; box-sizing: border-box; margin: 0; padding: 0 16px 0 46px; min-height: 44px; display: flex; align-items: center; background-position: 16px center; font-size: 20px; border-top: 1px solid #e5e5e5; }
	body.bh-site #page-container #header .phone a.tel-link { display: inline-flex; align-items: center; min-height: 44px; }
	body.bh-site #page-container #header #menu { display: none; float: none; order: 4; flex: 0 0 100%; margin: 0; border-top: 1px solid #e5e5e5; }
	body.bh-site #page-container #header .socialmedia { display: none; float: none; order: 5; flex: 0 0 100%; margin: 0; padding: 12px 16px 14px; }
	body.bh-site #page-container #sidebar-main.ils-menu-open #header #menu { display: block; }
	body.bh-site #page-container #sidebar-main.ils-menu-open #header .socialmedia { display: block; }
	body.bh-site #page-container #sidebar-main.ils-menu-open #header .phone { order: 6; border-top: 1px solid #e5e5e5; }
	body.bh-site #page-container #header #menu ul { float: none; margin: 0; padding: 4px 0; }
	body.bh-site #page-container #header #menu li { width: auto; margin: 0; text-align: left; border-bottom: 1px solid #e5e5e5; }
	body.bh-site #page-container #header #menu li:last-child { border-bottom: 0; }
	body.bh-site #page-container #header #menu a { display: block; padding: 12px 16px; min-height: 44px; box-sizing: border-box; font-size: 16px; line-height: 20px; }
	body.bh-site #page-container #header #menu li ul { display: block; position: static; width: auto; padding: 0 0 4px 16px; border: 0; background: none; }
	body.bh-site #page-container #header #menu li ul a:link, body.bh-site #page-container #header #menu li ul a:visited { background: none; color: #00727a; padding: 10px 16px; }
	body.bh-site #page-container #header #menu li ul a:hover, body.bh-site #page-container #header #menu li ul a:focus { color: #be0d55; background: none; }
	body.bh-site #page-container #header .socialmedia a { width: 24px; height: 24px; margin: 0 8px 0 0; }

	/* hero: a proportional photo band, the booking panel under it */
	body.bh-site #page-container #feature, body.bh-site:where(.bh-home) #page-container #feature { height: auto !important; min-height: 0 !important; margin-bottom: 0; overflow: visible; }
	body.bh-site #page-container #feature .featuremain, body.bh-site:where(.bh-home) #page-container #feature .featuremain, body.bh-site #page-container #feature .featureimage { height: clamp(240px, 62vw, 520px) !important; min-height: 0 !important; }
	body.bh-site #page-container #booking, body.bh-site:where(.bh-home) #page-container #booking { position: static; width: auto; right: auto; bottom: auto; margin: 0; padding: 22px 12px 26px; background: #be0d55; }
	body.bh-site #page-container #booking #flower-top { display: none; }
	body.bh-site #page-container #booking #LDSSearch { width: 100% !important; max-width: 360px; margin: 0 auto; }
}

/* ---- content: every table-cell column stacks ---- */
@media (max-width: 1169px) {
	body.bh-site #page-container, body.bh-site #page-container #rightcontent-main { overflow-x: hidden; }
	body.bh-site #page-container #container-outer h1, body.bh-site #page-container #container-outer h1 p, body.bh-site:where(.bh-home) #page-container #container-outer h1, body.bh-site:where(.bh-home) #page-container #container-outer h1 p { font-size: 40px; line-height: 44px; margin-bottom: 24px; }
	body.bh-site #page-container #container-outer h2, body.bh-site:where(.bh-home) #page-container #container-outer h2 { font-size: 28px; line-height: 32px; }
	body.bh-site #page-container .container.indent, body.bh-site #page-container .container.indent.nopad { display: block; width: auto; box-sizing: border-box; padding: 32px 20px 32px; }
	body.bh-site #page-container .container.indent.nopad { padding: 0; }
	body.bh-site #page-container .left-wider, body.bh-site:where(.bh-home) #page-container .left-wider { display: block; float: none; width: auto; box-sizing: border-box; margin: 0; padding: 32px 20px; }
	body.bh-site #page-container .right-narrower, body.bh-site:where(.bh-home) #page-container .right-narrower { display: block; float: none; width: auto; min-width: 0; box-sizing: border-box; margin: 0; padding: 0 20px 28px; }
	body.bh-site #page-container .tableize { display: block; }
	body.bh-site #page-container .left-wider .flower-bg, body.bh-site:where(.bh-home) #page-container .left-wider .flower-bg { position: static; display: block; width: 96px; height: 75px; margin: 0 0 8px; background-size: contain; }
		/* phone and tablet: the desktop panorama band under the welcome text (a 290px padding plus a 306px fade) left a huge empty pink space after the TripAdvisor badges; the section ends with normal padding and the balcony photo follows */
		body.bh-site:where(.bh-home) #page-container .left-wider { padding-bottom: 32px; background-image: none !important; }
		body.bh-site:where(.bh-home) #page-container .left-wider .content-fade { display: none; }
	body.bh-site:where(.bh-home) #page-container .right-narrower { padding: 0; }
	/* home */
	body.bh-site:where(.bh-home) #page-container .special { float: none; width: auto; min-height: 0; }
	body.bh-site:where(.bh-home) #page-container .special .text { margin: 0; padding: 24px 20px 28px; }
	body.bh-site #page-container .special a.button { float: none; clear: none; display: inline-block; margin-top: 16px !important; padding: 12px 36px; text-align: center; background-image: none; }
	body.bh-site:where(.bh-home) #page-container .left.bottom { display: block; width: auto; height: clamp(220px, 56vw, 520px); min-width: 0; background-size: cover; background-position: center; }
	body.bh-site:where(.bh-home) #page-container .right.bottom { display: block; float: none; width: auto; min-width: 0; }
	body.bh-site:where(.bh-home) #page-container .panel.blog { padding: 28px 20px 8px; }
	body.bh-site:where(.bh-home) #page-container .panel.blog ul { float: none; }
	body.bh-site:where(.bh-home) #page-container .panel.blog li, body.bh-site #page-container .panel.blog li { float: none; width: auto; margin: 0 0 28px; padding: 0; overflow: hidden; }
	body.bh-site:where(.bh-home) #page-container .panel.blog .image, body.bh-site #page-container .panel.blog .image { float: left; min-width: 0; width: 120px; height: auto; }
	body.bh-site #page-container .panel.blog .image img { display: block; width: 100%; height: auto; }
	body.bh-site:where(.bh-home) #page-container .panel.blog .date, body.bh-site #page-container .panel.blog .date { float: none; width: auto; margin: 0 0 0 135px; padding: 0; }
	body.bh-site:where(.bh-home) #page-container .panel.blog .text, body.bh-site #page-container .panel.blog .text { width: auto; margin: 0 0 0 135px; padding: 0; overflow: visible; }
	body.bh-site #page-container .panel.blog .text .title a { font-size: 18px; }
	/* inner pages */
	body.bh-site #page-container .left, body.bh-site #page-container .right { float: none; }
	body.bh-site #page-container .content .left, body.bh-site #page-container .content .right { width: auto; }
	body.bh-site #page-container .container.left { float: none; }
	body.bh-site #page-container .container.indent .left-wider { padding: 0; }
	body.bh-site #page-container .container.indent .right-narrower { padding: 0; margin-top: 24px; }
	body.bh-site #page-container .socialwidgets { overflow: hidden; }
	body.bh-site #page-container .map-container { height: 320px; }
	body.bh-site #page-container .faq-banner { float: none; width: auto; height: auto; }
	body.bh-site #page-container blockquote { padding-left: 52px; background-size: 40px auto; }
	body.bh-site #page-container .paging { text-align: left; line-height: 36px; }
	body.bh-site #page-container .paging a, body.bh-site #page-container .paging em { display: inline-block; min-height: 24px; line-height: 24px; padding: 0 8px; }
	body.bh-site #page-container div.top a { display: inline-block; min-height: 24px; line-height: 24px; font-size: 14px; }
	/* rooms and galleries */
	body.bh-site #page-container .rooms-list-wrapper .list { float: none !important; }
	body.bh-site #page-container .list .entry { padding-right: 0; }
	body.bh-site #page-container .rooms-list-wrapper .list .entry .images { float: none; width: auto; }
	body.bh-site #page-container .rooms-list-wrapper .list .entry .images > img { float: none; display: block; width: 100%; height: auto; }
	body.bh-site #page-container .gallery.room { display: flex; flex-wrap: wrap; }
	body.bh-site #page-container .gallery.room a.gallery-item { float: none; flex: 0 0 25%; box-sizing: border-box; margin: 0; }
	body.bh-site #page-container .gallery.room img { float: none; display: block; width: 100%; height: auto; }
	body.bh-site #page-container .list h2 { font-size: 28px; line-height: 32px; }
	body.bh-site #page-container .list .text { padding: 0 20px 24px; }
	body.bh-site #page-container a.button.roombooking { display: inline-block; padding: 12px 40px; }
	body.bh-site #page-container .container.padded { padding: 20px 12px; }
	body.bh-site #page-container .container.padded .gallery { display: flex; flex-wrap: wrap; }
	body.bh-site #page-container .container.padded .gallery .content { flex: 0 0 100%; }
	body.bh-site #page-container .container.padded .gallery > a:not(.gallery-item) { flex: 0 0 0; }
	body.bh-site #page-container .container.padded .gallery > a.gallery-item { float: none; flex: 0 0 calc(33.333% - 10px); margin: 0 10px 10px 0 !important; box-sizing: border-box; }
	body.bh-site #page-container .container.padded .gallery > a.gallery-item img { float: none; display: block; width: 100%; height: auto; margin: 0; }
	body.bh-site #page-container .container.padded .gallery > .clearleft { flex: 0 0 100%; }
	/* blog */
	body.bh-site #page-container .list.blog .entry .images.blogimg { float: left; width: 130px; margin: 0 16px 8px 0; }
	body.bh-site #page-container .images.blogimg img { float: none; width: 100%; height: auto; display: block; }
	body.bh-site #page-container .list.blog .entry .text { padding: 0; overflow: hidden; }
	body.bh-site #page-container .entry.post .images { float: none; width: auto; max-width: 320px; margin: 0 0 16px; }
	body.bh-site #page-container .entry.post .images img { max-width: 100%; height: auto; }
	/* footer */
	body.bh-site #page-container #footer { height: auto; overflow: hidden; padding-bottom: 0; }
	body.bh-site #page-container #footer .vcard { width: auto; margin: 0; box-sizing: border-box; padding: 100px 20px 0; background-position: center 16px; text-align: center; font-size: 16px; }
	body.bh-site #page-container #footer .vcard .org { font-size: 34px; line-height: 38px; }
	body.bh-site #page-container #footer .copyright { position: static; width: auto; text-align: center; padding: 16px 20px 0; line-height: 22px; }
	body.bh-site #page-container #footer .footermenu li { margin: 0 3px; }
	body.bh-site #page-container #footer .footermenu a { display: inline-block; min-height: 24px; line-height: 24px; padding: 0 4px; }
	body.bh-site #page-container .footer-tags p { margin: 8px 0; }
}

/* ---- the Levart booking panel (the client's own engine script prints its own CSS; live's port of it carries !important everywhere): below 1250 it is widened to the block,
   14px labels, 16px fields, 44px rows, AA label cells. Everything is scoped by #booking. ---- */
@media (max-width: 1249px) {
	body.bh-site #page-container #booking .LDSSearch-title span { width: auto !important; font-size: 22px !important; line-height: 28px !important; }
	body.bh-site #page-container #booking .LDSSearch-title { height: auto !important; margin: 0 0 14px !important; }
	body.bh-site #page-container #booking .LDSSearch-layout-block .LDSSearch-item-date, body.bh-site #page-container #booking .LDSSearch-layout-block .LDSSearch-item-select, body.bh-site #page-container #booking .LDSSearch-layout-block .LDSSearch-nights {
		display: block !important; float: none !important; width: 100% !important; height: 44px !important; line-height: 44px !important; margin: 0 0 6px !important; padding: 0 !important; box-sizing: border-box !important; overflow: hidden !important; text-align: right !important; background: #ffffff !important; }
	body.bh-site #page-container #booking .LDSSearch-layout-block .LDSSearch-item label { float: left !important; box-sizing: border-box !important; width: 150px !important; height: 44px !important; line-height: 44px !important; padding: 0 10px !important; font-size: 14px !important; background: #006d75 !important; color: #ffffff !important; white-space: nowrap !important; }
	body.bh-site #page-container #booking .LDSSearch-item input[type=text], body.bh-site #page-container #booking #fromDate, body.bh-site #page-container #booking #toDate {
		position: static !important; display: block !important; float: none !important; box-sizing: border-box !important; width: calc(100% - 150px) !important; height: 44px !important; margin: 0 0 0 150px !important; padding: 0 34px 0 10px !important; line-height: 44px !important; font-size: 16px !important; color: #444444 !important; text-align: right !important; background-color: #ffffff !important; background-position: right 10px center !important; }
	body.bh-site #page-container #booking .LDSSearch-item select, body.bh-site #page-container #booking #adults, body.bh-site #page-container #booking #children, body.bh-site #page-container #booking #rooms {
		position: static !important; display: block !important; float: none !important; box-sizing: border-box !important; width: calc(100% - 150px) !important; height: 44px !important; margin: 0 0 0 150px !important; padding: 0 34px 0 10px !important; font-size: 16px !important; line-height: 44px !important; color: #444444 !important; text-align: right !important; text-align-last: right !important; background-color: #ffffff !important; background-position: right 12px center !important; }
	body.bh-site #page-container #booking .LDSSearch .selectboxit-container, body.bh-site #page-container #booking .LDSSearch .selectboxit-container .selectboxit { float: none !important; width: 100% !important; }
	body.bh-site #page-container #booking .LDSSearch .LDSSearch-submit button { height: 48px !important; line-height: 22px !important; padding: 0 20px !important; font-size: 18px !important; float: none !important; }
	body.bh-site #page-container #booking .LDSSearch-layout-block .LDSSearch-login, body.bh-site #page-container #booking .LDSSearch-layout-block .LDSSearch-cancel { margin-top: 10px !important; }
	body.bh-site #page-container #booking .LDSSearch-cancel a { float: none !important; display: inline-flex !important; align-items: center !important; min-height: 44px !important; padding: 0 18px !important; font-size: 14px !important; line-height: 20px !important; }
	body.bh-site #page-container #booking .LDSSearch .LDSSearch-links a { font-size: 14px; }
}

@media (max-width: 1169px) {
	body.bh-site #page-container .panel.blog .date, body.bh-site #page-container .panel.blog .text, body.bh-site #page-container .panel.blog li { text-align: left; }
	body.bh-site #page-container .text-content .col1 table, body.bh-site #page-container .text-content .col1 tbody { display: block; width: auto !important; max-width: 100%; }
	body.bh-site #page-container .text-content .col1 tr { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
	body.bh-site #page-container .text-content .col1 td { display: block; padding: 0; }
}

@media (max-width: 1169px) {
	/* the flower sits above the heading instead of beside it */
	body.bh-site #page-container .container-main { background-position: 20px 20px; }
	body.bh-site #page-container .container.indent { padding-top: 100px; }
	body.bh-site #page-container .container.indent.nopad { padding-top: 0; }
	body.bh-site #page-container .container.indent.nopad .left-wider { padding-top: 100px; }
}
@media (max-width: 479px) {
	body.bh-site #page-container #container-outer h1, body.bh-site #page-container #container-outer h1 p, body.bh-site:where(.bh-home) #page-container #container-outer h1, body.bh-site:where(.bh-home) #page-container #container-outer h1 p { font-size: 34px; line-height: 38px; }
}

@media (max-width: 1169px) {
	body.bh-site #page-container .rooms-list-wrapper .list .entry { background-color: #00727a; }
	body.bh-site #page-container .rooms-list-wrapper .list .entry > h2, body.bh-site #page-container .rooms-list-wrapper .list .entry > p { margin-left: 20px; margin-right: 20px; }
	body.bh-site #page-container .rooms-list-wrapper .list .entry > h2 { padding-top: 22px; }
	body.bh-site #page-container .rooms-list-wrapper .list .entry > p:last-of-type { padding-bottom: 28px; }
}

/* ---- forms below 1250: fluid width, 16px fields, 44px SUBMIT, the "Required fields" line under the form ---- */
@media (max-width: 1249px) {
	body.bh-site #page-container .bh-contact-form form.et_pb_contact_form, body.bh-site.page-id-1450 #page-container .bh-contact-form form.et_pb_contact_form { width: 100%; max-width: 449px; box-sizing: border-box; }
	body.bh-site #page-container .bh-contact-form p.et_pb_contact_field, body.bh-site #page-container .bh-contact-form .et_contact_bottom_container, body.bh-site #page-container .bh-contact-form .et_pb_contact_right { width: 100%; }
	body.bh-site #page-container .bh-contact-form p.et_pb_contact_field > input.input, body.bh-site #page-container .bh-contact-form p.et_pb_contact_field > textarea.input { width: calc(100% - 26px); font-size: 16px; }
	body.bh-site #page-container .bh-contact-form p.et_pb_contact_field > input.input, body.bh-site.page-id-1450 #page-container .bh-contact-form p.et_pb_contact_field > input.input { height: 44px; }
	body.bh-site #page-container .bh-contact-form p.et_pb_contact_field > textarea.input { height: 120px !important; }
	body.bh-site #page-container .bh-contact-form .et_pb_contact_form_label { font-size: 14px; }
	body.bh-site #page-container .bh-contact-form p.et_pb_contact_field:has(> input[data-required_mark="required"])::after, body.bh-site #page-container .bh-contact-form p.et_pb_contact_field:has(> textarea[data-required_mark="required"])::after { left: auto; right: 2px; top: 49px; }
	body.bh-site #page-container .bh-contact-form .et_pb_contact_right { height: auto; }
	body.bh-site #page-container .bh-contact-form .et_pb_contact_right p.clearfix { font-size: 14px; margin: 6px 0 12px; }
	body.bh-site #page-container .bh-contact-form .et_pb_contact_captcha_question { font-size: 14px; }
	body.bh-site #page-container .bh-contact-form input.et_pb_contact_captcha { width: 72px !important; height: 44px; font-size: 16px; }
	body.bh-site #page-container .bh-contact-form button.et_pb_contact_submit.et_pb_button { height: 44px; min-width: 120px; margin-top: 8px; padding: 0 28px; line-height: 44px !important; font-size: 16px !important; }
	body.bh-site #page-container .bh-contact-form button.et_pb_contact_submit.et_pb_button:hover { padding: 0 28px !important; }
	body.bh-site #page-container p.ils-required-note, body.bh-site.page-id-1442 #page-container p.ils-required-note { position: static; width: auto; height: auto; margin: 0 0 15px; padding: 0; top: auto; text-align: left; }
	body.bh-site #page-container p.ils-required-note em { margin: 0; font-size: 14px; line-height: 20px; }
	body.bh-site #page-container p.ils-required-note::after, body.bh-site.page-id-1442 #page-container p.ils-required-note::after { position: static; display: inline-block; vertical-align: middle; margin-left: 6px; top: auto; left: auto; }
	body.bh-site #page-container .bh-contact-form .et-pb-contact-message p { font-size: 16px; line-height: 24px; padding: 8px 0; }
}

@media (max-width: 1169px) {
	body.bh-site #page-container .container.indent.nopad .left-wider { padding: 100px 20px 32px; }
}
@media (max-width: 1249px) {
	body.bh-site #page-container .paging { color: #ffffff; }
	body.bh-site #page-container .paging a:link, body.bh-site #page-container .paging a:visited, body.bh-site #page-container .paging a:active { background-color: #ededed; color: #595959; }
	body.bh-site #page-container .paging a:hover, body.bh-site #page-container .paging a:focus, body.bh-site #page-container .paging em, body.bh-site #page-container .paging em a:link { background-color: #595959; color: #ffffff; }
	body.bh-site #page-container .paging .options a:link, body.bh-site #page-container .paging .options a:visited { background: none; color: #ffe08a; text-decoration: underline; }
	body.bh-site #page-container .paging .options a:hover, body.bh-site #page-container .paging .options a:focus { background: none; color: #ffffff; }
}

/* ---- audit fixes: 14px floor, 24px tap rows, link and widget colours (below 1250) ---- */
@media (max-width: 1249px) {
	body.bh-site #page-container #container-outer [style*="font-size: 13px"], body.bh-site #page-container #container-outer [style*="font-size:13px"] { font-size: 14px !important; }
	body.bh-site #page-container #container-outer .container :is(.summary, .result-count, .result-count strong, .paging .options a, h2 span), body.bh-site #page-container .entry .details, body.bh-site #page-container .panel .details, body.bh-site #page-container .entry .details strong, body.bh-site #page-container .entry .details a { font-size: 14px; }
	body.bh-site #page-container .TA_certificateOfExcellence * { font-size: 14px !important; line-height: 18px !important; }
	body.bh-site #page-container #container-outer .form.searchpage input, body.bh-site #page-container #container-outer .form.searchpage input.clicknclear { font-size: 16px; }
	/* 24px tap rows for text links in lists and titles (padding on the inline box, so bullets and wrapping stay as they are) */
	body.bh-site #page-container :is(td, .vcard li, .copyright, li:not(.panel li)) > a:not(.button):not(.gallery-item):not(.more), body.bh-site #page-container a.scrollto, body.bh-site #page-container a.tel-link, body.bh-site #page-container a.email { padding-top: 4px; padding-bottom: 4px; }
	body.bh-site #page-container .panel :is(.title, li) > a:not(.button):not(.gallery-item):not(.more) { display: inline-block; padding: 0; line-height: 24px; min-height: 24px; }
	body.bh-site #page-container a.more { display: inline-block; padding: 4px 8px 4px 0; line-height: 20px; }
	body.bh-site #page-container .map-info-window a:link, body.bh-site #page-container .map-info-window a:visited { color: #00727a; text-decoration: underline; }
	body.bh-site #page-container .map-info-window, body.bh-site #page-container .map-info-window * { font-size: 14px; }
	body.bh-site #page-container div.top a:link, body.bh-site #page-container div.top a:visited { color: #595959; }
	html body.bh-site #page-container #container-outer .container.indent .panel li a:link, html body.bh-site #page-container #container-outer .container.indent .panel li a:visited { color: #ffffff; text-decoration: none; }
}

@media (max-width: 1249px) {
	body.bh-site #page-container .options a.label { display: inline-block; min-width: 24px; box-sizing: border-box; padding: 4px 8px; font-size: 14px; text-align: center; background: none; }
}

@media (max-width: 1249px) {
	body.bh-site #page-container .list.blog .entry p, body.bh-site #page-container .entry p, body.bh-site #page-container .list .entry p { font-size: 14px; }
}

/* tablet: the booking panel as a two-column block */
@media (min-width: 768px) and (max-width: 1169px) {
	body.bh-site #page-container #booking #LDSSearch { max-width: 720px; }
	body.bh-site #page-container #booking #LDSSearch .LDSSearch-form { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
	body.bh-site #page-container #booking #LDSSearch .LDSSearch-form > .LDSSearch-title, body.bh-site #page-container #booking #LDSSearch .LDSSearch-form > .LDSSearch-submit, body.bh-site #page-container #booking #LDSSearch .LDSSearch-form > .LDSSearch-links { grid-column: 1 / -1; }
	body.bh-site #page-container #booking #LDSSearch .LDSSearch-form > .LDSSearch-submit { max-width: 360px; width: 100% !important; margin: 4px auto 0 !important; }
}

/* the home offer image: a band, not a full-height photo */
@media (max-width: 1169px) {
	body.bh-site:where(.bh-home) #page-container .special .image img { display: block; width: 100%; height: clamp(180px, 46vw, 340px); object-fit: cover; }
}
/* wide tablets keep the home page's two columns */
@media (min-width: 900px) and (max-width: 1169px) {
	body.bh-site:where(.bh-home) #page-container .container.tableize { display: flex; align-items: stretch; }
	body.bh-site:where(.bh-home) #page-container .container.tableize > .left-wider { flex: 1 1 auto; min-width: 0; }
	body.bh-site:where(.bh-home) #page-container .container.tableize > .right-narrower { flex: 0 0 340px; width: 340px; }
	body.bh-site:where(.bh-home) #page-container .container.tableize > .left.bottom { flex: 1 1 auto; height: auto; min-height: 420px; }
	body.bh-site:where(.bh-home) #page-container .container.tableize > .right.bottom { flex: 0 0 440px; width: 440px; }
	body.bh-site:where(.bh-home) #page-container .container.tableize > .clearboth { display: none; }
	body.bh-site:where(.bh-home) #page-container .special .image img { height: 220px; }
}

@media (max-width: 1249px) {
	body.bh-site #page-container .container p, body.bh-site #page-container .container li, body.bh-site #page-container .container td, body.bh-site #page-container .container th, body.bh-site #page-container .container label, body.bh-site #page-container .container blockquote, body.bh-site #page-container .container .summary, body.bh-site #page-container #container-outer .text { font-size: 14px; line-height: 22px; }
	body.bh-site #page-container .container :is(p, li, td, blockquote) :is(strong, b, em, a:not(.button):not(.more)) { font-size: inherit; }
	body.bh-site #page-container #menu li a.top:link, body.bh-site #page-container #menu li a.top:visited { color: #00727a; }
	body.bh-site #page-container #menu li.active a.top:link, body.bh-site #page-container #menu li.active a.top:visited, body.bh-site #page-container #menu li a.top:hover, body.bh-site #page-container #menu li a.top:focus, body.bh-site #page-container #menu li a.top:active { color: #be0d55; }
	body.bh-site #page-container #header .logo a { display: block; }
}

@media (max-width: 1169px) {
	body.bh-site #page-container .panel.blog .text .date, body.bh-site:where(.bh-home) #page-container .panel.blog .text .date { margin: 0 0 2px; }
	body.bh-site:where(.bh-home) #page-container .special .text { padding-top: 28px; }
}

@media (max-width: 1249px) {
	body.bh-site #page-container .container.padded { box-sizing: border-box; }
}

@media (max-width: 1249px) {
	body.bh-site #page-container blockquote .highlight, body.bh-site #page-container blockquote .highlight strong, body.bh-site #page-container .entry .details a:link, body.bh-site #page-container .entry .details a:visited, body.bh-site #page-container .details a:link, body.bh-site #page-container .details a:visited { color: #ffe08a; }
	body.bh-site #page-container .entry .details a:hover, body.bh-site #page-container .entry .details a:focus, body.bh-site #page-container .details a:hover, body.bh-site #page-container .details a:focus { color: #ffffff; }
}
@media (max-width: 767px) {
	body.bh-site #page-container .list.faq .entry h3 { font-size: 20px; line-height: 26px; }
}

@media (max-width: 1249px) {
	body.bh-site #page-container :is(p, li, td, .text, .summary, h1, h2, h3, blockquote) { overflow-wrap: anywhere; }
}
@media (max-width: 479px) {
	body.bh-site #page-container .list.blog .entry .images.blogimg { float: none; width: 100%; max-width: 240px; margin: 0 0 12px; }
}

/* pasted inline colours in the content (dark grey text, a pale grey highlight) are unreadable on the magenta ground; below 1250 they follow the surrounding text */
@media (max-width: 1249px) {
	body.bh-site #page-container .container [style*="color: rgb(68, 68, 68)"], body.bh-site #page-container .container [style*="color:#444"] { color: inherit !important; }
	body.bh-site #page-container [style*="background-color: rgb(245, 245, 245)"] { background: none !important; }
}

/* ---- the Levart booking calendar (jQuery UI, appended to <body>, so no #page-container prefix): below 1250 text 14px and up, AA in every state ---- */
@media (max-width: 1249px) {
	html body #ui-datepicker-div .ui-datepicker-calendar thead th, html body #ui-datepicker-div .ui-datepicker-calendar thead th span { font-size: 14px !important; }
	html body #ui-datepicker-div .ui-datepicker-calendar tbody td a, html body #ui-datepicker-div .ui-datepicker-calendar tbody td span { font-size: 16px !important; }
	html body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title, html body #ui-datepicker-div .ui-datepicker-title span { font-size: 16px !important; }
	html body #ui-datepicker-div td.ui-datepicker-week-end:not(.ui-state-disabled):not(.ui-datepicker-days-cell-over):not(.checkIn):not(.checkOut):not(.hover) a, html body #ui-datepicker-div td.sold:not(.ui-state-disabled):not(.ui-datepicker-days-cell-over):not(.checkIn):not(.checkOut):not(.hover):not(.ui-datepicker-current-day) a { color: #b00020 !important; }
	html body #ui-datepicker-div td.ui-datepicker-days-cell-over, html body #ui-datepicker-div td.checkIn, html body #ui-datepicker-div td.checkOut, html body #ui-datepicker-div td.hover, html body #ui-datepicker-div td.ui-datepicker-current-day { background: #00727a !important; }
	html body #ui-datepicker-div td.ui-datepicker-days-cell-over a, html body #ui-datepicker-div td.ui-datepicker-days-cell-over span, html body #ui-datepicker-div td.checkIn a, html body #ui-datepicker-div td.checkIn span, html body #ui-datepicker-div td.checkOut a, html body #ui-datepicker-div td.checkOut span, html body #ui-datepicker-div td.hover a, html body #ui-datepicker-div td.hover span, html body #ui-datepicker-div td.ui-datepicker-current-day a { color: #ffffff !important; }
	html body #ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-current, html body #ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-current.warning { color: #8a4a00 !important; font-size: 14px !important; }
	html body #ui-datepicker-div .ui-datepicker-prev, html body #ui-datepicker-div .ui-datepicker-next { min-width: 32px; min-height: 32px; }
}

/* footer bottom gap: live's 39px (last footer text line to the page end) */
@media (min-width: 480px) and (max-width: 1169px) { body.bh-site #page-container #footer { padding-bottom: 14px; } }
@media (max-width: 479px) { body.bh-site #page-container .footer-tags p { margin: 0; } }

/* touch screens in the sidebar band (an iPad in landscape is 1180px wide): there is no hover, so the drop-down is listed under its parent */
@media (hover: none) and (min-width: 1170px) and (max-width: 1249px) {
	body.bh-site #page-container #menu li ul { display: block; position: static; float: none; width: auto; padding: 0 0 4px 0; border: 0; background: none; }
	body.bh-site #page-container #menu li ul a:link, body.bh-site #page-container #menu li ul a:visited { background: none; color: #00727a; text-align: right; padding: 6px 0; }
	body.bh-site #page-container #menu li ul a:hover, body.bh-site #page-container #menu li ul a:focus { background: none; color: #be0d55; }
}

/* the footer text sits on a photo under a 70% magenta wash: the wash is 85% below 1250 so white text keeps AA on the lighter of the two photos */
@media (max-width: 1249px) { body.bh-site #page-container #footer .bg-layer { opacity: 0.85; } }

/* second audit round: icon links keep a readable (invisible-text) colour, the "10 / 50" page-size links, "Back to top" in every state */
@media (max-width: 1249px) {
	body.bh-site #page-container .socialmedia a, body.bh-site #page-container .socialmedia a:link, body.bh-site #page-container .socialmedia a:visited, body.bh-site #page-container .socialmedia a:hover, body.bh-site #page-container .socialmedia a:focus, body.bh-site #page-container .socialmedia a:active { color: #595959; }
	body.bh-site #page-container .options a.label:link, body.bh-site #page-container .options a.label:visited { background: none; color: #ffe08a; text-decoration: underline; }
	body.bh-site #page-container .options a.label:hover, body.bh-site #page-container .options a.label:focus, body.bh-site #page-container .options a.label:active { background: none; color: #ffffff; text-decoration: underline; }
	body.bh-site #page-container div.top a:hover, body.bh-site #page-container div.top a:focus, body.bh-site #page-container div.top a:active { color: #ffffff; background: #595959; }
}

/* ---- the booking panel's "Room Assignments" pop-up (the engine's own markup, appended to <body>): 16px fields, 44px taps, 14px notice (below 1250) ---- */
@media (max-width: 1249px) {
	html body #LDSPopup .LDSPopup #LDSRoomAssignRows input { font-size: 16px !important; height: 44px !important; box-sizing: border-box; }
	html body #LDSPopup .LDSPopup #LDSRoomAssignRows .roomAliasAssign { width: 118px !important; }
	html body #LDSPopup .LDSPopup #LDSRoomAssignRows .adultAssign, html body #LDSPopup .LDSPopup #LDSRoomAssignRows .childrenAssign { width: 56px !important; }
	html body #LDSPopup .LDSPopup #LDSRoomAssignRows tr > * { padding: 3px 5px !important; }
	html body #LDSPopup .LDSPopup button { height: 44px !important; font-size: 16px !important; padding: 0 22px !important; }
	html body #LDSPopup .LDSPopup .LDSPopup-close { width: 44px !important; height: 44px !important; top: 6px !important; right: 6px !important; padding: 0 !important; }
	html body #LDSPopup .LDSPopup .roomassignNotice { font-size: 14px !important; line-height: 20px; color: #595959 !important; }
	html body #LDSPopup .LDSPopup .LDSPopup-form { font-size: 14px; }
}

/* tablets: a reading column, not a 1000px line of text */
@media (min-width: 768px) and (max-width: 1169px) {
	body.bh-site #page-container .container.indent:not(.nopad) { padding-left: max(24px, calc((100% - 860px) / 2)); padding-right: max(24px, calc((100% - 860px) / 2)); }
	body.bh-site #page-container .container.indent.nopad .left-wider { padding-left: max(24px, calc((100% - 860px) / 2)); padding-right: max(24px, calc((100% - 860px) / 2)); }
	body.bh-site:where(.bh-home) #page-container .left-wider { padding-left: max(24px, calc((100% - 860px) / 2)); padding-right: max(24px, calc((100% - 860px) / 2)); }
}

/* the same AA items for the sidebar band (1170 to 1249), where the 1169-and-below reflow above does not apply */
@media (max-width: 1249px) {
	body.bh-site #page-container .rooms-list-wrapper .list .entry { background-color: #00727a; }
	body.bh-site #page-container .paging a, body.bh-site #page-container .paging em { display: inline-block; min-width: 24px; box-sizing: border-box; min-height: 24px; line-height: 24px; padding: 0 8px; text-align: center; }
	body.bh-site #page-container div.top a { display: inline-block; min-height: 24px; line-height: 24px; font-size: 14px; }
}

/* the three TripAdvisor badges wrap instead of forcing the home text cell wider than its column (1170 to 1249 as well) */
@media (max-width: 1249px) {
	body.bh-site #page-container .text-content .col1 table, body.bh-site #page-container .text-content .col1 tbody { display: block; width: auto !important; max-width: 100%; }
	body.bh-site #page-container .text-content .col1 tr { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
	body.bh-site #page-container .text-content .col1 td { display: block; padding: 0; }
}
@media (max-width: 479px) { body.bh-site #page-container #footer { padding-bottom: 6px; } }

/* the search field fits a 320px screen */
@media (max-width: 1249px) {
	body.bh-site #page-container .form.searchpage, body.bh-site #page-container .form.searchpage tbody, body.bh-site #page-container .form.searchpage tr, body.bh-site #page-container .form.searchpage td { display: block; max-width: 100%; box-sizing: border-box; }
	body.bh-site #page-container .form.searchpage input:not(.button) { float: none; display: block; box-sizing: border-box; width: 300px; max-width: calc(100% - 10px); height: 44px; margin: 0 5px 10px; }
	body.bh-site #page-container .form.searchpage input.button { float: none; height: 44px; margin: 0 5px; }
}

/* keyboard focus rings below 1250: 2px, AA against the ground they sit on (yellow on the magenta, magenta on white, white on the footer photo); the booking panel's rows clip their overflow, so its rings are drawn inside the control */
@media (max-width: 1249px) {
	body.bh-site :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid #ffc000; outline-offset: 2px; }
	body.bh-site :is(#sidebar-main, .special, .panel.blog, .seomenu) :is(a, button, input, select):focus-visible { outline-color: #be0d55; }
	body.bh-site #footer :is(a, button):focus-visible { outline-color: #ffffff; }
	body.bh-site #page-container #booking :is(a, button, input, select):focus-visible { outline: 3px solid #be0d55 !important; outline-offset: -3px !important; }
}

/* the smallest phones (320 to 379): logo, Book Now and Menu share one row */
@media (max-width: 379px) {
	body.bh-site #page-container #header .container { padding-right: 8px; }
	body.bh-site #page-container #header .logo img { width: 96px; }
	body.bh-site #page-container .ils-bar-actions { gap: 8px; }
	body.bh-site #page-container #header a.ils-top-book, body.bh-site #page-container #header a.ils-top-book:link, body.bh-site #page-container #header a.ils-top-book:visited { padding: 0 10px; font-size: 15px; }
	body.bh-site #page-container .ils-menu-toggle { padding: 0 8px; gap: 6px; font-size: 15px; }
}

/* 3.18 fix round F-C: the post and blog sidebar blocks take the same side gutter as the body text (20px below 768, the reading column from 768) */
@media (max-width: 1169px) {
	body.bh-site #page-container .container.indent.nopad .right-narrower { padding-left: 20px; padding-right: 20px; }
}
@media (min-width: 768px) and (max-width: 1169px) {
	body.bh-site #page-container .container.indent.nopad .right-narrower { padding-left: max(24px, calc((100% - 860px) / 2)); padding-right: max(24px, calc((100% - 860px) / 2)); }
}

/* 3.18 fix round F-F: the home offer's photo is a left float, so the heading's line sat flush under it; the text block now starts below the photo and its own 28px top padding is the gap */
@media (max-width: 1169px) {
	body.bh-site:where(.bh-home) #page-container .special .text { clear: both; }
}

/* 3.18 fix round F-H: the contact table's phone and email links were 24px boxes (4px padding) in 22px rows, so each box overlapped its neighbour's by 2px (Lighthouse target-size: "partially obscured"); as inline blocks with a 24px line they take their own 24px row */
@media (max-width: 1249px) {
	body.bh-site #page-container #rightcontent-main td > a:is(.tel-link, [href^="mailto:"]) { display: inline-block; padding-top: 0; padding-bottom: 0; line-height: 24px; min-height: 24px; }
}

/* Lucy 2026-10-16 (Jake, /search): below 1250px the search box and its button stacked, the button hanging off the left edge of the box; keep them on one row, same height, box fills the space */
@media (max-width: 1249px) {
	body.bh-site #page-container table.form.searchpage td { display: flex; align-items: stretch; gap: 10px; width: 100%; max-width: 520px; }
	body.bh-site #page-container table.form.searchpage input[name="q"] { flex: 1 1 auto; width: auto; min-width: 0; height: 48px; margin: 0; box-sizing: border-box; }
	body.bh-site #page-container table.form.searchpage input.button { flex: 0 0 auto; width: auto; height: 48px; margin: 0; padding: 0 24px; float: none; box-sizing: border-box; }
}