/* Layout fixes for imported Elementor pages, each scoped to its page (the imported dl-* class names
   mean different things on different pages). Found in the full-site breakpoint audit. */

/* Cabinetry (/cabinetry/): the series showcase rows stay side by side below desktop, with every block
   full width, so the page scrolled about 2,000px sideways on tablets. Stack them instead. */
@media (max-width:1100px){
.page-id-225 .elementor .dl-60.dl-60.dl-60.dl-60{flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important}
.page-id-225 .elementor .dl-60.dl-60.dl-60.dl-60 > *{width:100% !important;max-width:100% !important;min-width:0 !important;flex:0 0 auto !important}
}

/* Visit the Showroom: the fixed 420px paragraph column beside the text ran off the page at 1,024. */
@media (max-width:1100px){
.page-id-575 .elementor .dl-38.dl-38.dl-38.dl-38{flex-direction:column !important;flex-wrap:nowrap !important;align-items:stretch !important;gap:20px !important}
.page-id-575 .elementor .dl-38.dl-38.dl-38.dl-38 > *{width:100% !important;max-width:100% !important;min-width:0 !important}
}

/* About: the "A Family Business, Built Close to Home" column is a fixed 440px, wider than a phone;
   and the letter photo, which stays in view on desktop, covered the letter while scrolling on phones. */
@media (max-width:900px){
.page-id-153 .elementor .dl-37.dl-37.dl-37.dl-37{width:auto !important;max-width:100% !important}
.page-id-153 .elementor .kd-letter-photo.kd-letter-photo.kd-letter-photo{position:static !important;top:auto !important}
}