. Site branding/logo in the footer is left untouched — only the copyright block is hidden. */ #site-footer .copyright { display: none !important; } /* Hide the browser scrollbar visually while keeping scrolling itself fully functional. html is the actual scrolling element on this page (body doesn't have its own overflow set), so it's the one that needs the rule — body's included too for safety. */ html, body { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* old Edge / IE */ } html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; /* Chrome, Safari, newer Edge */ } /* WordPress admin bar (#wpadminbar) and #tempSidebar both use z-index: 99999. Since the sidebar prints later in the page, it wins the tie and covers the WP logo / site name in the admin bar's top-left corner for logged-in users. Scoped to body.admin-bar so it only applies when the admin bar is actually present. */ body.admin-bar #wpadminbar { z-index: 100000 !important; } /* 120px of empty space at the top of the footer, site-wide. */ #site-footer { padding-top: 120px; } /* Removes the gap above the header on every page. Confirmed via DevTools: the actual culprit is Hello Elementor's own #site-header shell (class "site-header dynamic-header") — an empty placeholder the theme still renders with its own padding (16px, computed block-size 32px) even though no Header template is assigned and this site uses its own #tempSidebar nav instead. display:none removes it from layout entirely, closing the gap. The selectors below (page-title area) were an earlier guess before DevTools confirmed the real element; left in as a harmless no-op fallback in case a different template ever renders one of these. */ #site-header.dynamic-header, .page-header, .entry-header, h1.entry-title, .entry-title, .elementor-page-title, .page-title { display: none !important; } h5 { font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; /* Bold */ font-size: 24px !important; } h6 { font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif !important; font-size: 36px !important; color: #999999 !important; text-shadow: 0 1px 0 #1a4a9a, 0 2px 0 #153d80, 0 3px 0 #0f2f66, 0 4px 0 #0a224c, 0 5px 0 #061535, 0 6px 0 #030d22, 0 7px 12px rgba(0,0,60,0.9), 0 12px 28px rgba(0,0,40,0.7) !important; } #contactPanel .codedropz-upload-handler a, #contactPanel .codedropz-upload-handler .dnd-browse { font-family: 'Bebas Neue', 'Arial Narrow', Impact, sans-serif !important; font-size: 36px !important; color: #999999 !important; -webkit-text-fill-color: #999999 !important; text-shadow: 0 1px 0 #1a4a9a, 0 2px 0 #153d80, 0 3px 0 #0f2f66, 0 4px 0 #0a224c, 0 5px 0 #061535, 0 6px 0 #030d22, 0 7px 12px rgba(0,0,60,0.9), 0 12px 28px rgba(0,0,40,0.7) !important; background: none !important; border: none !important; box-shadow: none !important; outline: none !important; text-decoration: none !important; } #contactPanel .codedropz-upload-handler a:hover, #contactPanel .codedropz-upload-handler .dnd-browse:hover { color: #1cd948 !important; -webkit-text-fill-color: #1cd948 !important; } /* Expand CodeDropz drop zone by 30px, desktop only, site-wide (same shared panel on every page — no page-ID scoping needed). This replaces the old page-21-only 260px rule. */ @media (min-width: 769px) { #contactPanel.locked .codedropz-upload-handler, #contactPanel.centered .codedropz-upload-handler { max-height: 200px !important; padding: 34px 12px 38px !important; } } /* Add spacing between the drop zone's text lines (Drag & drop / or / Browse Files) */ #contactPanel .codedropz-upload-handler p, #contactPanel .codedropz-upload-handler span, #contactPanel .codedropz-upload-handler label, #contactPanel .codedropz-upload-handler div { margin: 10px 0 !important; } #contactPanel.locked .codedropz-upload-handler .dnd-browse, #contactPanel.locked .codedropz-upload-handler a, #contactPanel.centered .codedropz-upload-handler .dnd-browse, #contactPanel.centered .codedropz-upload-handler a { margin-top: 14px !important; } /* Move the drop zone's top text line up by 20px */ #contactPanel .codedropz-upload-handler > p:first-child, #contactPanel .codedropz-upload-handler > span:first-child, #contactPanel .codedropz-upload-handler > label:first-child, #contactPanel .codedropz-upload-handler > div:first-child { margin-top: -10px !important; } /* Move the "Fill Out All Required Fields" warning text down 20px */ #bottomWarning { margin-top: 26px !important; }