/* Overrides for the Webflow CSS (assets/site.css) now that webflow.js is gone; see site.js. */
.w-dropdown:hover > .w-dropdown-list, .w-dropdown:focus-within > .w-dropdown-list { display: block; }
[class*="accordion-item-wrapper"] .brix---acordion-body { display: none; }
[class*="accordion-item-wrapper"].is-open .brix---acordion-body { display: block; }
[class*="accordion-item-wrapper"].is-open .brix---accordion-arrow-icon { transform: rotate(90deg); }
.brix---accordion-header, .brix---btn-circle-accordion-btn { cursor: pointer; }
.w-slider-mask { overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.w-slide { scroll-snap-align: start; }
.w-slider-nav { display: none; }
/* Houzz Pro form behind the Turnstile check (shortcode quote-form). scrolling="no": the height must fit the whole form
   (measured with Playwright at 390, 768 and 1440 px, docs/forms.md). */
.quote-gate { padding: 24px 0; }
.quote-gate [hidden] { display: none; }
.quote-gate p { margin-bottom: 16px; }
.quote-gate .rl-button { border: 0; color: #111; }  /* white on the brand blue is 2.89:1; #111 is 7:1 (WCAG AA) */
.quote-iframe { display: block; width: 100%; height: 788px; padding: 0; border: 0; }
@media screen and (max-width: 479px) { .quote-iframe { height: 660px; } }
@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu.is-open { display: block; position: absolute; left: 0; right: 0; top: 100%; background: #fff; z-index: 1000; }
}
.lightbox { padding: 0; border: 0; background: transparent; max-width: 90vw; max-height: 90vh; overflow: visible; }
.lightbox::backdrop { background: rgba(0, 0, 0, .9); }
.lightbox img { display: block; max-width: 90vw; max-height: 90vh; }
.lightbox iframe { display: block; width: min(90vw, 160vh); aspect-ratio: 16 / 9; border: 0; }
.lightbox-close { position: fixed; top: 12px; right: 18px; background: none; border: 0; color: #fff; font-size: 40px; cursor: pointer; }