.elementor-kit-4{--e-global-color-primary:#FCB830;--e-global-color-secondary:#1C1C64;--e-global-color-text:#000000;--e-global-color-accent:#F5A504;--e-global-color-htxwhite:#FFFFFF;--e-global-color-htxamberhover:#FDCD6E;--e-global-color-htxcaption:rgba(176, 129, 34, 0.85);--e-global-color-htxfield:#F1F1F1;--e-global-color-htxplaceholder:#A9A9A9;--e-global-color-htxrule:rgba(0, 0, 0, 0.13);--e-global-color-htxrequired:#FF2825;--e-global-color-htxfootrule:rgba(0, 0, 0, 0.1);--e-global-color-htxlightbox:rgba(255, 255, 255, 0.95);--e-global-typography-primary-font-family:"Georgia";--e-global-typography-primary-font-size:30px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:1.1em;--e-global-typography-primary-letter-spacing:0.03em;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:16px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:1.75em;--e-global-typography-secondary-letter-spacing:0.02em;--e-global-typography-text-font-family:"Georgia";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:uppercase;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1em;--e-global-typography-text-letter-spacing:0.05em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0.15em;--e-global-typography-htxhero-font-family:"Lato";--e-global-typography-htxhero-font-size:48px;--e-global-typography-htxhero-font-weight:400;--e-global-typography-htxhero-text-transform:none;--e-global-typography-htxhero-font-style:normal;--e-global-typography-htxhero-line-height:1.1em;--e-global-typography-htxhero-letter-spacing:4px;--e-global-typography-htxheroxl-font-family:"Lato";--e-global-typography-htxheroxl-font-size:80px;--e-global-typography-htxheroxl-font-weight:300;--e-global-typography-htxheroxl-text-transform:none;--e-global-typography-htxheroxl-font-style:normal;--e-global-typography-htxheroxl-line-height:1.1em;--e-global-typography-htxheroxl-letter-spacing:4px;--e-global-typography-htxherosub-font-family:"Roboto";--e-global-typography-htxherosub-font-size:24px;--e-global-typography-htxherosub-font-weight:400;--e-global-typography-htxherosub-text-transform:none;--e-global-typography-htxherosub-font-style:normal;--e-global-typography-htxherosub-line-height:1.75em;--e-global-typography-htxherosub-letter-spacing:0.0875em;--e-global-typography-htxcaption-font-family:"Roboto";--e-global-typography-htxcaption-font-size:16px;--e-global-typography-htxcaption-font-weight:400;--e-global-typography-htxcaption-text-transform:none;--e-global-typography-htxcaption-font-style:normal;--e-global-typography-htxcaption-line-height:1.15em;--e-global-typography-htxcaption-letter-spacing:0.06em;--e-global-typography-htxlabel-font-family:"Roboto";--e-global-typography-htxlabel-font-size:14px;--e-global-typography-htxlabel-font-weight:400;--e-global-typography-htxlabel-text-transform:none;--e-global-typography-htxlabel-font-style:normal;--e-global-typography-htxlabel-line-height:1em;--e-global-typography-htxlabel-letter-spacing:0.08em;--e-global-typography-htxnote-font-family:"Roboto";--e-global-typography-htxnote-font-size:14px;--e-global-typography-htxnote-font-weight:400;--e-global-typography-htxnote-text-transform:none;--e-global-typography-htxnote-font-style:italic;--e-global-typography-htxnote-line-height:1em;--e-global-typography-htxnote-letter-spacing:0.08em;--e-global-typography-htxfooter-font-family:"Roboto";--e-global-typography-htxfooter-font-size:14px;--e-global-typography-htxfooter-font-weight:400;--e-global-typography-htxfooter-text-transform:none;--e-global-typography-htxfooter-font-style:normal;--e-global-typography-htxfooter-line-height:1.75em;--e-global-typography-htxfooter-letter-spacing:0.02em;--e-global-typography-htxformsub-font-family:"Georgia";--e-global-typography-htxformsub-font-size:18px;--e-global-typography-htxformsub-font-weight:400;--e-global-typography-htxformsub-text-transform:none;--e-global-typography-htxformsub-font-style:normal;--e-global-typography-htxformsub-line-height:1.1em;--e-global-typography-htxformsub-letter-spacing:0.05em;--e-global-typography-htxfield-font-family:"Roboto";--e-global-typography-htxfield-font-size:16px;--e-global-typography-htxfield-font-weight:400;--e-global-typography-htxfield-text-transform:none;--e-global-typography-htxfield-font-style:normal;--e-global-typography-htxfield-line-height:1em;--e-global-typography-htxfield-letter-spacing:0em;background-color:var( --e-global-color-htxwhite );color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-htxwhite );border-style:none;border-radius:0px 0px 0px 0px;padding:15px 32px 15px 32px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-htxamberhover );color:var( --e-global-color-htxwhite );border-radius:0px 0px 0px 0px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-text );}.elementor-kit-4 a:hover{color:var( --e-global-color-text );}.elementor-kit-4 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-4 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-4 label{color:var( --e-global-color-text );font-family:var( --e-global-typography-htxlabel-font-family ), Sans-serif;font-size:var( --e-global-typography-htxlabel-font-size );font-weight:var( --e-global-typography-htxlabel-font-weight );text-transform:var( --e-global-typography-htxlabel-text-transform );font-style:var( --e-global-typography-htxlabel-font-style );line-height:var( --e-global-typography-htxlabel-line-height );letter-spacing:var( --e-global-typography-htxlabel-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-family:var( --e-global-typography-htxfield-font-family ), Sans-serif;font-size:var( --e-global-typography-htxfield-font-size );font-weight:var( --e-global-typography-htxfield-font-weight );text-transform:var( --e-global-typography-htxfield-text-transform );font-style:var( --e-global-typography-htxfield-font-style );line-height:var( --e-global-typography-htxfield-line-height );letter-spacing:var( --e-global-typography-htxfield-letter-spacing );color:var( --e-global-color-text );background-color:var( --e-global-color-htxfield );border-style:none;border-radius:0px 0px 0px 0px;transition:300ms;padding:10px 20px 10px 20px;}.elementor-kit-4 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea:focus,.elementor-kit-4 .elementor-field-textual:focus{color:var( --e-global-color-text );background-color:var( --e-global-color-htxfield );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-htxlightbox );--lightbox-ui-color:var( --e-global-color-htxwhite );--lightbox-ui-color-hover:var( --e-global-color-secondary );--lightbox-text-color:var( --e-global-color-text );--lightbox-header-icons-size:24px;--lightbox-navigation-icons-size:28px;}@media(max-width:1024px){.elementor-kit-4{--e-global-typography-text-font-size:16px;--e-global-typography-htxhero-letter-spacing:2.5px;--e-global-typography-htxheroxl-font-size:50px;--e-global-typography-htxheroxl-letter-spacing:2.5px;font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 label{font-size:var( --e-global-typography-htxlabel-font-size );line-height:var( --e-global-typography-htxlabel-line-height );letter-spacing:var( --e-global-typography-htxlabel-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-htxfield-font-size );line-height:var( --e-global-typography-htxfield-line-height );letter-spacing:var( --e-global-typography-htxfield-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-primary-font-size:28px;--e-global-typography-htxhero-font-size:clamp(32px, 10.5vw, 48px);--e-global-typography-htxhero-letter-spacing:2px;--e-global-typography-htxheroxl-font-size:40px;--e-global-typography-htxheroxl-letter-spacing:2px;--e-global-typography-htxcaption-font-size:clamp(12px, 3.9vw, 16px);font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-kit-4 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-4 h2{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-kit-4 label{font-size:var( --e-global-typography-htxlabel-font-size );line-height:var( --e-global-typography-htxlabel-line-height );letter-spacing:var( --e-global-typography-htxlabel-letter-spacing );}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{font-size:var( --e-global-typography-htxfield-font-size );line-height:var( --e-global-typography-htxfield-line-height );letter-spacing:var( --e-global-typography-htxfield-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ---- text rendering --------------------------------------------------------- body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } on the source. Without it every run of type renders heavier on a Mac than the site it copies. The WebKit half is the page's already (inherit-check, 2026-10-24), so only Firefox's is stated. */ body { -moz-osx-font-smoothing: grayscale; } /* ---- service lists ---------------------------------------------------------- Weebly's bulleted paragraph: the list is indented 48px, each item carries 5px of its own and 3px above it, and the disc takes the item's navy. No control sets a list's indent or its item spacing. */ .htx-list ul { padding-left: 48px; margin: 5px 0 0; } .htx-list li { padding-left: 5px; margin-top: 3px; } /* ---- links in copy and in the footer ----------------------------------------- `div.paragraph a { opacity: .7; border-bottom: 1px solid rgba(0,0,0,.5) }`, `a:hover { opacity: .4 }`. Opacity on an inline link, and its hairline, are not controls. */ .elementor-widget-text-editor a { opacity: .7; border-bottom: 1px solid rgba( 0, 0, 0, .5 ); transition: opacity 200ms ease-in-out; } .elementor-widget-text-editor a:hover { opacity: .4; } /* The footer menu is a menu widget, so its links carry the same pair and the same hairline — drawn as an underline, because a menu item is a flex box and a border on it would sit below the text's descender and make the footer a pixel taller. */ .htx-footer-menu .elementor-item { opacity: .7; text-decoration: underline; text-decoration-color: rgba( 0, 0, 0, .5 ); text-decoration-thickness: 1px; text-underline-offset: 3px; transition: opacity 200ms ease-in-out; } .htx-footer-menu .elementor-item:hover { opacity: .4; } /* Weebly's e-mail address breaks rather than overflowing a 350px phone column, and `.wsite-content-title` carries the same word-wrap: at 360 the hero title breaks HAMMOND across two lines instead of running past the column. */ .elementor-widget-text-editor, .elementor-widget-heading .elementor-heading-title { overflow-wrap: break-word; } /* ---- the footer rule --------------------------------------------------------- `.wsite-footer { border-top: 1px solid rgba(0,0,0,.1) }` on the 1200 box. A container's Border control draws all four sides, and it would draw them on the full-width element rather than the box, so the one side is here. */ .htx-footer > .e-con-inner { border-top: 1px solid var( --e-global-color-htxfootrule ); } /* ---- the required star ------------------------------------------------------- The one coloured character in "* Indicates required field". A class, never an inline style. */ .htx-req { color: var( --e-global-color-htxrequired ); } /* ---- buttons ----------------------------------------------------------------- `.wsite-button { transition: all 300ms ease-in-out }`, and a Weebly button never breaks its label. */ .elementor-button { transition: background-color 300ms ease-in-out; white-space: nowrap; } /* ---- navigation -------------------------------------------------------------- `.nav a:hover { opacity: .6 }` — the colour does not change, the item dims, and that includes the current item, which the colour control cannot say. */ .htx-nav .elementor-item { transition: opacity 200ms ease; } .htx-nav .elementor-item:hover { opacity: .6; } /* The source's hamburger is a 30x40 hit box with the bars flush LEFT at x20 (the header's own padding). Elementor pads its toggle .25em on every side. */ .htx-nav .elementor-menu-toggle { padding: 9px 8px 9px 0; position: relative; z-index: 13; } /* The source's hit box is 30x40 and the house minimum is 44x44. Growing the padding would widen the flex item and move the logo (and `toggle_align` overrules a negative margin-right — it writes its own), so the target grows on a pseudo-element instead: 44x44 to the finger, 30x40 to the layout. */ .htx-nav .elementor-menu-toggle::after { content: ''; position: absolute; inset: -2px -7px; } /* The open menu is a FIXED white sheet over the whole screen with the links starting 55px down; the page behind it does not scroll. Elementor's dropdown hangs off the bar. */ @media ( max-width: 1024px ) { .htx-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container { position: fixed; inset: 0; top: 0 !important; width: auto; height: 100vh; max-height: none; padding-top: 55px; z-index: 12; } /* Weebly's own 10px between the items; Elementor has no gap control for a dropdown, only padding, and padding would move the text off its line. */ .htx-nav .elementor-nav-menu--dropdown li:not( :last-child ) { margin-bottom: 10px; } /* The page behind the open sheet does not scroll on the source. */ body:has( .htx-nav .elementor-menu-toggle.elementor-active ) { overflow: hidden; } } /* ---- gallery captions -------------------------------------------------------- A bar across the FOOT of each photo that grows with its words: the source sets them 20px from the bar's top and foot on the holder's 85% amber (`.galleryCaptionInnerText { margin: 20px auto }`), so one line makes 58.4px and each wrapped line adds 18.4px. The widget's overlay layer has no height of its own, so the caption box paints the bar (the overlay is off in the widget); its side padding is the widget's 6%. */ .htx-captioned .elementor-gallery-item__content { top: auto; bottom: 0; height: auto; padding-top: 20px; padding-bottom: 20px; background-color: var( --e-global-color-htxcaption ); } /* ---- contact form ------------------------------------------------------------- Source: First 40% and Last 55% of a 400px row with a 5% gap; the Last input has no label of its own (the pair shares "Name"), so its label is kept for assistive tech and taken out of the flow; Email and Comment are 370 wide and the textarea is a fixed 200px; the placeholder is Chrome's own darkgray at full opacity (Pro dims placeholders to 60%). */ .htx-form .elementor-form-fields-wrapper { align-items: flex-end; } .htx-form .elementor-field-group-last { width: 55%; margin-left: 5%; } .htx-form .elementor-field-group-last > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect( 0 0 0 0 ); clip-path: inset( 50% ); white-space: nowrap; } .htx-form .elementor-field-group-email, .htx-form .elementor-field-group-comment { max-width: 370px; } /* Elementor's size classes floor a field at 40px; the source's is the 39 its own line box and padding make. The textarea's 200 is stated, not a minimum. */ .htx-form .elementor-field-textual { min-height: 0; } /* A fixed 200 and no grab handle, as the source's is. */ .htx-form textarea.elementor-field-textual { height: 200px; resize: none; } .htx-form .elementor-field-type-submit { margin-top: 6px; } .htx-form .elementor-field-textual::placeholder { color: var( --e-global-color-htxplaceholder ); opacity: 1; } /* ---- skip link ------------------------------------------------------------------- hello-elementor's theme.css is off on this stack and Elementor's own `.screen-reader-text` keeps the link 10000em off the page even when focused. The first Tab stop must be visible. */ .skip-link:focus { position: fixed; top: 8px; left: 8px; width: auto; height: auto; margin: 0; padding: 10px 16px; overflow: visible; clip: auto; z-index: 100000; background-color: var( --e-global-color-secondary ); color: var( --e-global-color-htxwhite ); } /* ---- focus --------------------------------------------------------------------- The source has no visible focus style at all; navy on white keeps the keyboard path usable without inventing a colour. */ .elementor a:focus-visible, .elementor button:focus-visible, .elementor-field-textual:focus-visible { outline: 2px solid var( --e-global-color-secondary ); outline-offset: 2px; } /* ---- lightbox navigation --------------------------------------------------------- Colour and size are Kit controls (UI Color, UI Hover Color, Navigation Icons Size) and are set there. What has no control is a GROUND for the glyph, and this lightbox needs one twice over: the overlay is the source's near-white, and Elementor paints its chevrons in a default light grey that its own `fill: var(--lightbox-ui-color)` rule loses to, so the arrows disappeared on white and washed out on a pale photo (Murat, 2026-09-27: "arrows not showing"). A filled disc reads on both, and the 28px glyph inside 14px of padding makes a 56px target, over the 44px minimum on phones. The close button gets the same disc so the two do not disagree. */ .elementor-lightbox .elementor-swiper-button svg, .elementor-lightbox .dialog-lightbox-close-button svg { box-sizing: content-box; padding: 14px; border-radius: 50%; background-color: var( --e-global-color-secondary ); color: var( --e-global-color-htxwhite ); fill: var( --e-global-color-htxwhite ); transition: background-color .2s ease, fill .2s ease, color .2s ease; } .elementor-lightbox .elementor-swiper-button:hover svg, .elementor-lightbox .elementor-swiper-button:focus-visible svg, .elementor-lightbox .dialog-lightbox-close-button:hover svg, .elementor-lightbox .dialog-lightbox-close-button:focus-visible svg { background-color: var( --e-global-color-primary ); color: var( --e-global-color-secondary ); fill: var( --e-global-color-secondary ); } /* The fill needs its own pair. Elementor's e-swiper.min.css hard-codes `fill: hsla(0,0%,93%,.9)` at `.elementor-lightbox .swiper ~ .elementor-swiper-button svg`, which is (0,3,1) against the (0,2,1) above, and it loads when the slideshow initialises, i.e. after this file. So neither the UI Color control nor the rule above decides the glyph: on staging it painted Elementor's grey on the navy disc while Local, which had not loaded that file yet, painted white. `svg[class]` takes these to (0,4,1) and settles it in either load order. */ .elementor-lightbox .swiper .elementor-swiper-button svg[class], .elementor-lightbox .swiper ~ .elementor-swiper-button svg[class] { fill: var( --e-global-color-htxwhite ); } .elementor-lightbox .swiper .elementor-swiper-button:hover svg[class], .elementor-lightbox .swiper .elementor-swiper-button:focus-visible svg[class], .elementor-lightbox .swiper ~ .elementor-swiper-button:hover svg[class], .elementor-lightbox .swiper ~ .elementor-swiper-button:focus-visible svg[class] { fill: var( --e-global-color-secondary ); } /* Below 768 Elementor drops its own rules that push the two buttons hard against the screen edges, which would put half the disc under a thumb rest. */ @media ( max-width: 767px ) { .elementor-lightbox .elementor-swiper-button-prev { padding-inline-start: 8px; } .elementor-lightbox .elementor-swiper-button-next { padding-inline-end: 8px; } } /* mca:admin-bar-offset */ /* Logged-in WP toolbar: keep a FIXED header under it, never behind it. --wp-admin--admin-bar--height is core's own (32px, 46px <=782px). A sticky header (.elementor-sticky) is left out: Elementor's sticky script adds the toolbar's height itself, and a top here pushed it down over the section under it at rest. Logged-out visitors are untouched: every rule is scoped to body.admin-bar. */ body.admin-bar .elementor-element.site-header:not(.elementor-sticky) { top: var(--wp-admin--admin-bar--height, 32px); } /* At <=600px core switches #wpadminbar to position:absolute so it scrolls away. A FIXED header then covers it and a logged-in phone user can never reach the toolbar, so for them the header scrolls away with it too. Visitors keep the fixed header: this block is admin-bar only. */ @media screen and (max-width: 600px) { body.admin-bar .elementor-element.site-header:not(.elementor-sticky) { position: absolute; top: var(--wp-admin--admin-bar--height, 46px); } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://www.hammondtrucking.com/wp-content/uploads/2026/09/roboto-regular.woff2') format('woff2'), url('https://www.hammondtrucking.com/wp-content/uploads/2026/09/roboto-regular.ttf') format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; font-display: auto; src: url('https://www.hammondtrucking.com/wp-content/uploads/2026/09/roboto-italic.woff2') format('woff2'), url('https://www.hammondtrucking.com/wp-content/uploads/2026/09/roboto-italic.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://www.hammondtrucking.com/wp-content/uploads/2026/09/lato-light.woff2') format('woff2'), url('https://www.hammondtrucking.com/wp-content/uploads/2026/09/lato-light.ttf') format('truetype'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://www.hammondtrucking.com/wp-content/uploads/2026/09/lato-regular.woff2') format('woff2'), url('https://www.hammondtrucking.com/wp-content/uploads/2026/09/lato-regular.ttf') format('truetype'); } /* End Custom Fonts CSS */