/* ===== ANZAE visual refresh - 31 August 2026 ===== */
/* Revert: Website > Settings > CSS, paste css-BACKUP-original-31Aug2026.css */

/* Original login button rules, kept */
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink,
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:hover,
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink.hover,
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink,
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:hover,
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink.hover {
    background: white; color: white;
}

/* 1. One heading typeface - drop Droid Serif, use Raleway throughout */
h1, h2, h3, h4, h5, h1.header, h2.header, h3.header,
.WaGadgetContent h1, .WaGadgetContent h2, .WaGadgetContent h3 {
    font-family: 'Raleway','Lato',Helvetica,Arial,sans-serif !important;
}

/* 2. Section headings read as spaced capitals, not shouting */
h1.header, .WaGadgetContent h1.header {
    font-size: 25px !important; font-weight: 600 !important;
    letter-spacing: 0.09em; line-height: 1.35; margin-bottom: 14px;
}

/* 3. Hero - welcome panel had only 27% of the width */
#id_l1kGG1u { width: 54% !important; }
#id_ScvYI3j { width: 42% !important; }
#id_ODWHIbW { width: 4% !important; }
#id_ScvYI3j .gadgetStyleBody { padding: 0 34px !important; }
h1.promo, .WaGadgetContent h1.promo {
    font-size: 42px !important; font-weight: 700 !important;
    line-height: 1.1 !important; letter-spacing: 0.02em; margin-bottom: 18px !important;
}

/* 4. Readability - body copy was #c9c9c9 and set solid */
body, .WaGadgetContent, .WaGadgetContent p { line-height: 1.7 !important; }
/* colour is left to the theme - the hero sits on a pale part of the photo */
#id_7FOBUTZ p, #id_7FOBUTZ { color: #2b2b2b !important; }
#id_7FOBUTZ h1.promo { color: #1a1a1a !important; }

/* 5. Buttons - were square with 4px vertical padding */
.WaGadgetContent a.button, .WaGadgetContent a[class*='stylizedButton'],
input.loginButton, .loginButtonControl {
    padding: 12px 30px !important; border-radius: 2px !important;
    letter-spacing: 0.08em; font-weight: 600;
}
.WaGadgetContent a.button:hover, .WaGadgetContent a[class*='stylizedButton']:hover { filter: brightness(1.12); }

/* 6. Breathing room between home page sections */
.WaGadgetContent .gadgetStyleBody { padding-top: 10px; padding-bottom: 10px; }

/* 7. Navigation spacing */
.WaGadgetMenuHorizontal .menuInner > ul > li > a {
    padding-left: 18px !important; padding-right: 18px !important; letter-spacing: 0.04em;
}
.WaGadgetMenuHorizontal .menuInner > ul > li.sel > a { font-weight: 700; }

/* 8. Footer links */
#idFooterContainer a { line-height: 2; }