/* Overhead Door Master - homepage additions (2026-11-06) */
.qm-bar { background: #c52d2f; color: #fff; padding: 16px 0; text-align: center; }
.qm-bar p { margin: 0; color: #fff; font-size: 16px; line-height: 1.8; }
.qm-bar a { color: #fff; font-weight: bold; text-decoration: underline; }
.qm-bar .qm-sep { opacity: .6; margin: 0 10px; }
.qm-section { padding: 60px 0; }
.qm-gray { background: #f5f5f5; }
.qm-section h2 { margin-top: 0; }
.qm-cards .qm-card { background: #fff; border-top: 4px solid #c52d2f; border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,.07); padding: 22px; margin-bottom: 26px; min-height: 190px; }
.qm-cards .qm-card h3 { margin: 0 0 8px; font-size: 19px; }
.qm-cards .qm-card p { color: #555; }
.qm-chips { list-style: none; padding: 0; margin: 18px 0 0; text-align: center; }
.qm-chips li { display: inline-block; margin: 0 6px 10px 0; }
.qm-chips a, .qm-chips span { display: inline-block; border: 1px solid #ddd; border-radius: 20px; padding: 7px 16px; background: #fff; color: #333; }
.qm-chips a:hover { border-color: #c52d2f; color: #c52d2f; }
.qm-faq h4 { font-size: 17px; margin: 20px 0 6px; }
.qm-faq p { color: #555; }
.qm-contact p { font-size: 16px; }
.qm-contact .qm-phone { font-size: 26px; font-weight: bold; }
/* Google cannot load the place card for this new listing ("Place info couldn't load"), so the top strip with that card is cropped off; map, pin and Google credits stay visible */
.qm-map { height: 320px; overflow: hidden; position: relative; }
.qm-map iframe { width: 100%; height: 390px; border: 0; margin-top: -70px; }
.qm-btn { display: inline-block; background: #c52d2f; color: #fff !important; padding: 10px 22px; border-radius: 4px; font-weight: bold; margin: 6px 8px 6px 0; }
.qm-btn-line { background: #fff; color: #c52d2f !important; border: 2px solid #c52d2f; }
/* theme colors every h1 white (meant for the banner); page headings sit on white backgrounds */
.center h1, #blog h1, #about-us h1, #contact-page h1, #portfolio h1, #error h1 { color: #4e4e4e; font-size: 34px; }
/* our own place card in the cropped map: business name + link to the Google listing */
.qm-map-card { position: absolute; top: 10px; left: 10px; z-index: 2; background: #fff; border-radius: 2px; box-shadow: 0 1px 4px rgba(0,0,0,.3); padding: 9px 12px; font-family: Roboto, Arial, sans-serif; line-height: 1.35; max-width: 70%; }
.qm-map-card strong { display: block; font-size: 14px; color: #202124; }
.qm-map-card span { display: block; font-size: 12px; color: #5f6368; }
.qm-map-card a { font-size: 13px; color: #1a73e8 !important; }