/*
 * HGM rebrand 2026 - colour layer (OCW, 19/10/2026)
 * Loaded after the hgm-th theme styles by mu-plugins/hgm-rebrand-2026.php.
 * Mapping source: Shani Tsror "ReColor.pdf" (24/09/2026).
 * To roll back: delete mu-plugins/hgm-rebrand-2026.php (theme files are untouched).
 */
:root {
	--hgm-g: linear-gradient(90deg, #0091A7 0%, #00A3BE 50%, #2264C4 100%);
	--hgm-g1: #0091A7;
	--hgm-g2: #00A3BE;
	--hgm-g3: #2264C4;
	--hgm-text: #19191b;
	--hgm-link: #00A4BF;
	--hgm-gray: #F6F7FB;
	--hgm-sub: #003F8B;
}

/* ---------- running text (#202020 -> #19191b) ---------- */
html, body { color: var(--hgm-text); }
body .navbar-top ul.navbar-nav li a,
.footer-middle .row .text a,
.footer-middle .row .menu .nav-wrap a,
.footer-middle .row .cta-with-social .social-text a { color: var(--hgm-text); }
.section-contact-us .text form input::placeholder { color: var(--hgm-text); }
.section-whats-new-menu a { color: rgba(25,25,27,0.55); }
.section-whats-new-menu a.active { color: rgba(25,25,27,1); }
svg [fill="#202020"] { fill: var(--hgm-text); }

/* ---------- gray backgrounds -> #F6F7FB ---------- */
.section-about-two,
.footer-bottom,
.section-home-three,
.section-gray { background-color: var(--hgm-gray); }
svg [fill="#f5f5f5"], svg [fill="#F5F5F5"] { fill: var(--hgm-gray); }

/* ---------- main headings: gradient as text fill ---------- */
.page-template-template-pageprojects-php .header-text h1,
.section-about-two h2,
.section-about-four h2,
.section-about-five h2,
.section-projects-one h2,
.section-activity .row .text h2,
.section-activity .row h2,
.section-home-one .row .box .number,
.section-contact-us .text h1,
.section-whats-new h3,
.section-contact-us-strip .text-style h3,
.section-contact-us-strip .text-style h3 a,
.section-home-three .icon-plus,
.footer-middle .row .text p span[style] {
	background-image: var(--hgm-g);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: var(--hgm-g3) !important;
}
/* block headings: shrink the box to the text so the whole gradient shows */
.page-template-template-pageprojects-php .header-text h1,
.section-about-two h2,
.section-about-four h2,
.section-about-five h2,
.section-projects-one h2,
.section-activity .row .text h2,
.section-activity .row h2,
.section-contact-us .text h1,
.section-whats-new h3,
.section-contact-us-strip .text-style h3 {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.section-about-four h2 { max-width: 45%; }
.section-home-one .row .box .number { display: inline-block; }
.section-home-three .icon-plus svg { fill: var(--hgm-g2); }

/* hero labels: white on the dark blue hero images (About, Activity, What's New), teal on the light Projects hero */
.header-text h4 { color: #fff; }
.page-template-template-pageprojects-php .header-text h4 { color: var(--hgm-link); }
.page-template-template-pageprojects-php .header-text h1 { text-shadow: none; }

/* ---------- blue sub headings (name & title) -> #003F8B ---------- */
.section-about-four .row .box .text h3,
.section-about-five h3,
.home-project-slider .inner .text h3 { color: var(--hgm-sub); }

/* ---------- separator lines & decoration -> gradient ---------- */
body .navbar-top ul.navbar-nav li.current-menu-item:before,
.section-projects-one .line:before,
.section-activity .text-style .line:before,
.section-whats-new-menu a:before,
.section-whats-new-menu a.active:after,
.section-contact-us .image:before { background-color: var(--hgm-g2); background-image: var(--hgm-g); }
.title-style h2 {
	border-bottom: 2px solid var(--hgm-g2);
	-o-border-image: var(--hgm-g) 1;
	border-image: var(--hgm-g) 1;
}
.home-project-slider .box .inner:before,
.home-project-slider .box .inner .background-image:after {
	border-color: var(--hgm-g2);
	-o-border-image: var(--hgm-g) 1;
	border-image: var(--hgm-g) 1;
}

/* ---------- dots and dot-line (Why H.G.M + lists): dots #00A4BF, line removed ---------- */
.section-about-two .row .column .box:before { display: none; }
.section-about-two .row .column .box:after,
.section-about-five li:before { background-color: var(--hgm-link); }

/* ---------- Read more / Notable Projects -> #00A4BF, no underline ---------- */
.link,
.section-about-five .bottom .link,
.popup-team .inner .link,
.pdf-content-download,
.pdf-content-download a { color: var(--hgm-link); text-decoration: none; }

/* ---------- buttons -> gradient ---------- */
.button,
.button.green,
.vw input[type="submit"].button {
	background-color: var(--hgm-g2);
	background-image: var(--hgm-g);
	background-origin: border-box;
	border-color: transparent;
	color: #fff;
}
.button:hover,
.button.green:hover {
	background: linear-gradient(#fff, #fff) padding-box, var(--hgm-g) border-box;
	border-color: transparent;
	color: var(--hgm-g3);
}
.button.white { background: transparent; border-color: #fff; }
/* filter menus (Worldwide Projects): outline + text, gradient fill on hover / active */
.button.blue.reverse {
	background: linear-gradient(#fff, #fff) padding-box, var(--hgm-g) border-box;
	border-color: transparent;
	color: var(--hgm-g3);
}
.button.blue.reverse:hover,
.button.blue.reverse.active {
	background: var(--hgm-g) border-box;
	border-color: transparent;
	color: #fff;
}
.button.blue.reverse.active:hover {
	background: linear-gradient(#fff, #fff) padding-box, var(--hgm-g) border-box;
	color: var(--hgm-g3);
}
.vw input[type="submit"] { border-color: var(--hgm-g2); color: var(--hgm-g3); }

/* ---------- icons ---------- */
body .nav-icon span { background: var(--hgm-g); }
svg [fill="#125fa9"], svg [fill="#125FA9"] { fill: var(--hgm-g2); }

/* ---------- scroll indicator (slider dots) ---------- */
ul.slick-dots li button { border-color: var(--hgm-g2); }
ul.slick-dots li.slick-active button { background-color: var(--hgm-g2); background-image: var(--hgm-g); }

/* ---------- logo ---------- */
/* home: no white half circle under the logo, white logo while over the hero */
body.home .navbar-top .row .nav-logo a {
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
}
body.home .navbar-top:not(.animated-passed) .row .nav-logo a img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
/* new logo is a wide wordmark (was a round mark): size it by width */
body .navbar-top .row .nav-logo a { width: auto; height: 4.48vw; }
body .navbar-top .row .nav-logo a img { width: 7.5vw; max-width: none; }
.footer-middle .row .text .footer-logo { width: 7.5vw; }
.footer-middle .row .text .footer-logo img { width: 100%; height: auto; }
@media (max-width: 991px) {
	body .navbar-top .row .nav-logo a,
	body.home .navbar-top .row .nav-logo a { width: 96px; height: auto; margin-top: 0; margin-bottom: 0; }
	body .navbar-top .row .nav-logo a img { width: 100%; }
	.footer-middle .row .text .footer-logo { width: 96px; }
}

/* form fields: old dark green underline -> text colour */
.vw select, .vw input, .vw textarea { border-color: var(--hgm-text); color: var(--hgm-text); }