/* Brand colour — sampled from logo.png (bright blue #0a6bf5, navy #0a1e96).
   Replaces the template's peach #eaa68b, which lived only in these four vars,
   so this recolours every CSS-driven accent: buttons, slider arrows, labels,
   icon colours, borders. */

:root {
    --primary-color: #0a6bf5;
    --primary-color-rgb: 10, 107, 245;
    --secondary-color: #0a6bf5;
    --secondary-color-rgb: 10, 107, 245;
}

/* The leaf decorations are flat-colour webp images, so the vars above can't
   touch them. #bcc-tint (defined in the page) floods the brand blue through
   their alpha channel — c3.webp is a real photo and is deliberately excluded. */

img[src*="misc/d1"],
img[src*="misc/d2"],
img[src*="icons-color/"] {
    filter: url(#bcc-tint);
}

/* Best Choice Counseling — logo sizing.
   The template logo was 6:1 and width-constrained; ours is ~3:1, so size it by
   height instead or it doubles the header height. */

header div#logo img {
    max-width: none;
    width: auto;
    height: 46px;
}

header.smaller div#logo img {
    height: 40px;
}

@media only screen and (max-width: 767px) {
    header div#logo img {
        height: 38px;
    }
}