/* Treelily Home Care - post-Duda static fixes. Duda hides every animated element up front and reveals it with a scroll runtime that does not exist in a static export. #dmRoot is the , so these selectors outrank Duda's class-only rules. Content appears instead of animating in, which is the right trade for a static site. */ #dmRoot [data-anim-extended], #dmRoot [data-anim-desktop]:not([data-anim-desktop='none']), #dmRoot [data-anim-tablet]:not([data-anim-tablet='none']), #dmRoot [data-anim-mobile]:not([data-anim-mobile='none']), #dmRoot .dmNewParagraph[data-anim-extended], #dmRoot .flex-element [data-anim-extended] { visibility: visible !important; opacity: 1 !important; } /* Galleries gate their thumbnails on a .ready class the same runtime adds. */ #dmRoot .dmPhotoGalleryHolder:not(.ready) li.photoGalleryThumbs { visibility: visible !important; display: inline-block !important; } /* vg-header: runtime-removed header behaviours. - Mobile: the export froze a fixed 83.7px header spacer; live serves 0. - Scrolled header: Duda's own .scroll-responder_set rules want a white background; we harden them with #dmRoot/#dm id prefixes so class-only selectors cannot win, and darken the nav text + hamburger over white. */ #dmRoot div.site_content { margin-top: 0 !important; } #dmRoot #dm #hcontainer.scroll-responder_set, #dmRoot #dm #hamburger-header.scroll-responder_set, #dmRoot #dm #mobile-hamburger-header.scroll-responder_set, #dmRoot #dm .dmHeader.p_hfcontainer.scroll-responder_set { background-color: #fff !important; } #dmRoot #dm #hcontainer.scroll-responder_set .unifiednav__item, #dmRoot #dm #hamburger-header.scroll-responder_set .unifiednav__item, #dmRoot #dm #mobile-hamburger-header.scroll-responder_set .unifiednav__item, #dmRoot #dm #hcontainer.scroll-responder_set .nav-item-text, #dmRoot #dm #hamburger-header.scroll-responder_set .nav-item-text, #dmRoot #dm #mobile-hamburger-header.scroll-responder_set .nav-item-text { color: #272a2f !important; } #dmRoot #dm .scroll-responder_set .layout-drawer-hamburger, #dmRoot #dm #hcontainer.scroll-responder_set .layout-drawer-hamburger, #dmRoot #dm #hamburger-header.scroll-responder_set .layout-drawer-hamburger { color: #272a2f !important; } /* {mark}: mobile nav tray right padding — content was flush against the edge. */ #dmRoot #dm .layout-drawer nav.unifiednav .unifiednav__container {{ padding-right: 24px; }} /* {mark}: mobile nav tray right padding — content was flush against the edge. */ #dmRoot #dm .layout-drawer nav.unifiednav .unifiednav__container {{ padding-right: 24px; }} /* vg-mobile-spacer: the export froze the mobile header spacer to 0, placing the first content under the fixed 84px navbar. Restore padding so photos aren't cut off. Padding (not margin) with Duda's border-box sizing adds no horizontal overflow. Desktop/tablet use header-over-content and are unaffected via the dmMobileBody scope. */ #dmRoot.dmMobileBody .site_content { padding-top: 84px; } /* vg-mobile-spacer: the export froze the mobile header spacer to 0, placing the first content under the fixed 84px navbar. Restore padding so photos aren't cut off. Padding (not margin) with Duda's border-box sizing adds no horizontal overflow. Desktop/tablet use header-over-content and are unaffected via the dmMobileBody scope. */ #dmRoot.dmMobileBody .site_content { padding-top: 84px; } /* Anchor targets must clear the fixed 84px navbar. scroll-margin-top is honored by both native hash jumps and our scrollIntoView fallback. */ #dmRoot [id][data-anchor], #dmRoot #CONTACT { scroll-margin-top: 96px; } /* vg-mobile-spacer: the export froze the mobile header spacer to 0, placing the first content under the fixed 84px navbar. Restore padding so photos aren't cut off. Padding (not margin) with Duda's border-box sizing adds no horizontal overflow. Desktop/tablet use header-over-content and are unaffected via the dmMobileBody scope. */ #dmRoot.dmMobileBody .site_content { padding-top: 84px; } /* Anchor targets must clear the fixed 84px navbar. scroll-margin-top is honored by both native hash jumps and our scrollIntoView fallback. */ #dmRoot [id][data-anchor], #dmRoot #CONTACT { scroll-margin-top: 96px; }