/* Additive Book CTA for Muse pages — NEW file only (does not edit Muse CRC sheets). Fixed orange pill avoids packed Muse MenuBar absolute coords (4 items already fill the bar). */ a.kies-book-nav { position: fixed; top: 14px; right: 14px; z-index: 10000; display: inline-block; background: #AE4619; color: #FFFFFF !important; text-decoration: none !important; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 1.2; padding: 9px 14px; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.28); white-space: nowrap; } a.kies-book-nav:hover, a.kies-book-nav:focus { background: #8a3614; color: #FFFFFF !important; } a.kies-book-cta-btn { display: inline-block; margin-top: 12px; background: #AE4619; color: #fff !important; text-decoration: none !important; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; font-size: 15px; font-weight: bold; padding: 10px 16px; border-radius: 4px; } a.kies-book-cta-btn:hover { background: #8a3614; color: #fff !important; } @media (max-width: 420px) { a.kies-book-nav { top: 8px; right: 8px; font-size: 13px; padding: 8px 12px; } } /* Hide Blog column/tab — destination unavailable; Richard request 2026-09-22 */ #u199, /* desktop Blog column */ #u3807, /* tablet Blog column */ #u4243, /* phone Blog tab */ #u4252 /* phone Blog panel */ { display: none !important; visibility: hidden !important; pointer-events: none !important; } /* BLOG REMOVED FROM HTML 2026-09-22 — keep hide as safety net */ #u199, #u203-4, #u8423, #u2755-4, #u2756-5, #u3807, #u3810-4, #u18595, #u3831-4, #u3832-5, #u4243, #u4252, #u18602, #u4251-4, #u4250-5 { display: none !important; visibility: hidden !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } #u205-20, #u205-20 h1 { overflow: visible !important; white-space: normal !important; } /* Extra empty grey band under About/Contact */ #u19386, #u19389 { display: none !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Align About/Contact group with hero — DESKTOP ONLY (phone/tablet Muse layouts break at 960px) */ @media (min-width: 900px) { #pu12776 { margin-left: 100px !important; /* match Muse #u8417 */ width: 960px !important; } } /* Services: hide Pricing/Gallery button groups if any remnant 2026-09-22h */ #pu547-5, #pu548-5, #pu549-5, #u547-5, #u548-5, #u549-5, #u379-5, #u378-5, #u377-5 { display: none !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } /* Services: hide Pricing/Gallery button groups 2026-09-22h */ #pu547-5, #pu548-5, #pu549-5, #u547-5, #u548-5, #u549-5, #u379-5, #u378-5, #u377-5, #u2844-5, #u2845-5, #u2846-5, #u2843-5, #u2842-5, #u2841-5, #u3849-5, #u3856-5, #u3861-5, #u3848-5, #u3857-5, #u3862-5 { display: none !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } /* Remove social icons from footer 2026-09-25 */ #u10997, #u10985, #u10961, #u10973, #u10991, #u11048, #u11039, #u11033, #u11036, #u11042, #u11051, #u11054, #u11063, #u11069, #u11072 { display: none !important; } /* ===== Phone spacing + footer badge refinement 2026-10-04 ===== Spacing scale: 16px between every block (header, hero, panel, footer band, badge rows, bottom bar). Muse phone layout is a fixed 380px column (viewport width=380), so positions below are exact. Vertical map (page px): header band 0-100 | hero 116-262 | About/Book panel 278-480 | footer 496-868 */ /* Page height follows content (Muse pairs body padding-bottom:795 with position_content margin-bottom:-795 and #page min-height:937) */ body { padding-bottom: 0 !important; } #page { min-height: 0 !important; } #page_position_content { margin-bottom: 0 !important; } /* Header band: 16 / logo 34 / 16 / menu 18 / 16 */ #u2644-3, #u2644-3-bw { min-height: 100px !important; } #u10770 { margin-top: 16px !important; } #menuu2647 { margin-top: 66px !important; } /* Hero */ #u9799 { margin-top: 16px !important; } /* About/Book tab panel: drop fixed 366px height + fixed text min-heights */ #tab-panelu4233 { height: auto !important; margin-top: 16px !important; } #u4247 { background-color: #6F6F6F; min-height: 172px; } /* = About panel height, so switching to the Book tab doesn't shift the page */ /* Two remaining tabs share the full bar (Blog tab is hidden) */ #u4239, #u4239:hover, #u4239:active, #u4239.TabbedPanelsTabSelected, #u4242-4, #u4239:hover #u4242-4, #u4239:active #u4242-4, #u4239.TabbedPanelsTabSelected #u4242-4 { width: 176px !important; } #u4239 { left: 0 !important; } #u4235, #u4235:hover, #u4235:active, #u4235.TabbedPanelsTabSelected, #u4238-4, #u4235:hover #u4238-4, #u4235:active #u4238-4, #u4235.TabbedPanelsTabSelected #u4238-4 { width: 176px !important; } #u4235 { left: 185px !important; } /* 2026-10-04: 176 + 9px grey gap + 176 = 361 (panel width) */ #u4248, #u4254 { padding-bottom: 16px !important; } #u12915-20 { min-height: 0 !important; margin-top: 16px !important; left: 16px !important; width: 329px !important; } #u12897-19 { min-height: 0 !important; margin-top: 16px !important; left: 16px !important; width: 329px !important; } #u12897-19 h1 { font-size: 17px; line-height: 20px; } #u12897-19 h1:first-child { display: none; } /* leading blank line */ /* Empty grey box under the panel (empty custom-HTML widget) */ #u19807, #u19809 { display: none !important; } /* Footer band (positions relative to footer top) */ #pu2580-3 { margin-top: 16px !important; } #u4635 { display: none !important; } /* empty custom-HTML widget */ #u2691-17 { margin-top: 16px !important; min-height: 112px !important; } /* text 16-128 */ /* Badges ~65% of original. Row 1 (144-206): ABoR + Veteran-Owned; Row 2 (222-270): Matterport, REPA shutter, Zillow. 16px gaps, centered in 380px */ #u13323 { width: 184px !important; margin-top: 144px !important; left: 29px !important; } #u13323_img { width: 184px !important; height: 62px !important; } #u13517 { width: 122px !important; margin-top: 153px !important; left: 229px !important; } #u13517_img { width: 122px !important; height: 44px !important; } #u12959 { width: 51px !important; margin-top: 222px !important; left: 102px !important; } #u12959_img { width: 51px !important; height: 48px !important; } #u11075 { width: 48px !important; margin-top: 222px !important; left: 169px !important; border-radius: 6px !important; } #u11075_img { width: 48px !important; height: 48px !important; } #u12935 { width: 46px !important; margin-top: 222px !important; left: 233px !important; border-radius: 6px !important; } #u12935_img { width: 46px !important; height: 48px !important; } /* Bottom link bar at 286 (16 below badges); grey band ends under it; Privacy/Terms hover popup keeps its 235px offset */ #u2581-bw { margin-top: 286px !important; } #u2580-3, #u2580-3-bw { min-height: 326px !important; } #pamphletu2584 { margin-top: 51px !important; } /* If the screen is taller than the (now shorter) page, continue the bottom bar colour instead of showing grey below it */ #u2581 { box-shadow: 0 200px 0 200px #1E1E1E; } /* paint-only, no scroll overflow */ /* Center About + Book tab text on phone 2026-10-04 (overrides the shared 2026-09-25 left-align rule; same !important, later in file). Text box: left 16 / width 329 inside the 361px panel = 16px each side. */ #u12915-20, #u12915-20 h1, #u12897-19, #u12897-19 h1 { text-align: center !important; } #u12915-20, #u12897-19 { padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; } /* Book tab = orange button linking to book-a-shoot.html, same size/shape as the About Us tab (2026-10-04 match + gap). Both cells 176 x 30 (min-height 28 + 2px padding), square corners, 20px label, with a 9px gap of panel grey #6F6F6F between them (About 0-176, Book 185-361 = panel edges). The link fills the whole cell. */ #u4235, #u4235:hover, #u4235:active, #u4235.TabbedPanelsTabSelected, #u4238-4, #u4235:hover #u4238-4, #u4235:active #u4238-4, #u4235.TabbedPanelsTabSelected #u4238-4 { width: 176px !important; } #u4235 { cursor: pointer; } #u4235, #u4235:hover, #u4235:active { background-color: #AE4619 !important; } #u4238-4 a.kies-book-tab-link { display: block; box-sizing: border-box; width: 176px; height: 30px; margin: -1px 0 -1px; padding: 0; /* #u4238-4 sits at top:1px -> link spans 0..30 of the cell; -1px bottom keeps the cell at 30px */ background: #AE4619; color: #FFFFFF !important; text-decoration: none !important; border-radius: 0; box-shadow: none; font-size: 20px; font-weight: bold; line-height: 30px; text-align: center; } #u4238-4 a.kies-book-tab-link:after { content: "\00a0\203A"; } #u4235:hover, #u4235:active { background-color: #8A3614 !important; } #u4235:hover #u4238-4 a.kies-book-tab-link, #u4238-4 a.kies-book-tab-link:hover, #u4235:active #u4238-4 a.kies-book-tab-link, #u4238-4 a.kies-book-tab-link:active, #u4238-4 a.kies-book-tab-link:focus { background: #8A3614; } /* ===================== SITEWIDE 2026-10-04 (phone layout) ===================== */ /* Book = 5th item in the top nav on every page, as an orange button (pill moved inside