/* PSM Integrity Solutions - 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; } /* --------------------------------------------------------------------------- Sticky header: white background + black links once scrolled. vg-header.js toggles .vg-scrolled on (= #dmRoot). Prefixing with #dmRoot beats Duda's class-only rules, and !important beats its !important-carrying declarations. The dark logo swap is done in JS using Duda's own image001 mark. All three header containers are covered. */ #dmRoot.vg-scrolled #dm .dmHeaderContainer, #dmRoot.vg-scrolled #dm #hamburger-header-container, #dmRoot.vg-scrolled #dm #hamburger-header { background-color: #ffffff !important; } #dmRoot.vg-scrolled #dm .dmHeaderContainer .unifiednav__item, #dmRoot.vg-scrolled #dm #hamburger-header .unifiednav__item, #dmRoot.vg-scrolled #dm .layout-drawer .unifiednav__item { color: #17171a !important; } #dmRoot.vg-scrolled #dm .dmHeaderContainer .unifiednav__item:hover, #dmRoot.vg-scrolled #dm #hamburger-header .unifiednav__item:hover, #dmRoot.vg-scrolled #dm .layout-drawer .unifiednav__item:hover { color: #B49167 !important; } /* The hamburger icon lines — keep them visible on the white header. */ #dmRoot.vg-scrolled #dm .layout-drawer-hamburger .hamburger__slice { background-color: #17171a !important; } /* Drawer: link text 2px smaller than Duda's shipped size. Relative so it is a true -2px on every build — desktop drawer computes 24px, mobile drawer computes 14-15px (different stylesheets per build). Two IDs beat Duda's. */ #dmRoot #dm .layout-drawer .unifiednav__item { font-size: calc(1em - 2px) !important; }