/* Hand-written overrides for the Wayback-revived site. Loaded LAST in index.html.
*
* ===================================================================================
* BUMP THE ?v= NUMBER ON THE IN EVERY PAGE WHEN YOU EDIT THIS FILE.
* ===================================================================================
* Cloudflare caches CSS for four hours (max-age=14400). Editing this file on the origin
* changes NOTHING for visitors until that expires — the fix below sat live and invisible
* for an hour and a half because of exactly that, while the page still looked broken.
* The HTML is served DYNAMIC (uncached), so changing the query string is enough to make
* Cloudflare fetch a fresh copy immediately. Currently at ?v=3, in index.html,
* services.html and six-steps-to-sold.html.
*
* Kept separate from wp-content/uploads/elementor/css/post-*.css on purpose: those are
* machine-generated by Elementor and are the files you would replace if you ever
* re-exported or re-captured the site. Anything hand-edited in there is lost silently.
* This file survives that, and makes it obvious what was changed by hand and why.
*
* ---------------------------------------------------------------------------------
* THE PANELS BEHIND THE HOMEPAGE NAV BUTTONS
* ---------------------------------------------------------------------------------
* "Our Mission", "Our Services", "Six Steps" and "Buyers Brief" sit on a full-bleed
* photograph of the Melbourne skyline at dusk (2020/02/xback-1.png, background-
* attachment:fixed). The button text is gold, #F1AD1C, at 25-45px.
*
* The generated CSS gives those four columns a background ONLY on :hover, and only at
* rgba(255,255,255,0.05) — 5% white, which is close to invisible even when you are
* hovering. At rest there is no panel at all, so the gold text is straight on the
* photo and competes with the bridge lights, the lit office windows and the water
* reflections directly behind it.
*
* Nothing is broken or missing here — every stylesheet and every background image the
* page references is present and served. All four columns are consistently hover-only,
* which is what the capture preserved. This file adds the resting panel back.
*
* TO TUNE: change the two alpha values below. First number is the panel at rest,
* second is on hover. 0 is invisible, 1 is solid white. 0.15 / 0.28 is a starting
* point that lifts the text off the busiest parts of the photo without looking like a
* solid box.
*/
.elementor-6 .elementor-element.elementor-element-2479a84 > .elementor-element-populated,
.elementor-6 .elementor-element.elementor-element-9fd27b6 > .elementor-element-populated,
.elementor-6 .elementor-element.elementor-element-8bdf400 > .elementor-element-populated,
.elementor-6 .elementor-element.elementor-element-7dc402f > .elementor-element-populated {
background-color: rgba(255, 255, 255, 0.15); /* at rest */
transition: background-color 0.3s ease;
}
/* Same specificity as the generated :hover rule, so this wins purely because this
* file is loaded after post-6_*.css. Keep that ordering if you move the . */
.elementor-6 .elementor-element.elementor-element-2479a84:hover > .elementor-element-populated,
.elementor-6 .elementor-element.elementor-element-9fd27b6:hover > .elementor-element-populated,
.elementor-6 .elementor-element.elementor-element-8bdf400:hover > .elementor-element-populated,
.elementor-6 .elementor-element.elementor-element-7dc402f:hover > .elementor-element-populated {
background-color: rgba(255, 255, 255, 0.28); /* on hover */
}
/* ---------------------------------------------------------------------------------
* "SIX STEPS TO SOLD!" AND "SERVICES" — undoing a Google Docs paste
* ---------------------------------------------------------------------------------
* The body copy on these two pages was pasted straight out of Google Docs into
* Elementor, which carried the editor's own inline styling with it:
*
* margin-top: 0pt; margin-bottom: 0pt every paragraph, so nothing separates them
* font-family: Calibri, sans-serif not the site's Roboto
* font-size: 11pt points, off the site's scale
* white-space: pre-wrap preserves stray runs of spaces
* 'Noto Sans Symbols' at 10pt on list items, so bullets sit small and odd
*
* Because the paragraphs had no margins, the gaps you did see came from 19 EMPTY
* paragraphs holding a single space — Docs' way of faking blank lines. Those have been
* deleted from the HTML (they were content, not styling), and real spacing restored
* below, so the rhythm is consistent instead of accidental.
*
* !important IS REQUIRED HERE. All of the above are INLINE style attributes on the
* elements themselves, and an inline style beats any external stylesheet regardless of
* selector specificity. This is the one place in this file where that is true.
*
* Scoped to these two page IDs deliberately — index and mission were authored in
* Elementor properly and must not be touched.
*/
.elementor-page-1234 .elementor-text-editor p,
.elementor-page-797 .elementor-text-editor p {
margin-bottom: 1.15em !important; /* the actual "tidy up": real paragraph spacing */
line-height: 1.65 !important; /* 1.2 from Docs is tight for body copy */
font-family: inherit !important; /* back to the site's Roboto */
font-size: inherit !important; /* back to the site's scale */
white-space: normal !important;
}
/* The step headings ("STEP 1: Your FREE Strategy meeting") are bold+underlined
* paragraphs rather than real headings. Give them room above so each step reads as a
* new block, and drop the underline, which is doing nothing that weight and space are
* not already doing. */
.elementor-page-1234 .elementor-text-editor p strong span,
.elementor-page-797 .elementor-text-editor p strong span {
text-decoration: none !important;
font-size: 1.15em !important;
}
.elementor-page-1234 .elementor-text-editor p:not(:first-child) strong,
.elementor-page-797 .elementor-text-editor p:not(:first-child) strong {
display: inline-block;
margin-top: 1.1em;
}
/* Lists: Docs sets the bullet font to a symbol face at 10pt and zeroes the margins. */
.elementor-page-1234 .elementor-text-editor ul,
.elementor-page-797 .elementor-text-editor ul {
margin: 0 0 1.15em 0 !important;
padding-left: 1.5em !important;
}
.elementor-page-1234 .elementor-text-editor li,
.elementor-page-797 .elementor-text-editor li {
font-family: inherit !important;
font-size: inherit !important;
line-height: 1.55 !important;
margin-bottom: 0.3em !important;
white-space: normal !important;
}
.elementor-page-1234 .elementor-text-editor li span,
.elementor-page-797 .elementor-text-editor li span {
font-family: inherit !important;
font-size: inherit !important;
}