/*
 * ADB brand refresh - typography layer.
 *
 * Loaded after style.css (see functions.php, salient_child_enqueue_styles).
 * Brand Guidelines v1.0 p.39-41: Denim Wide is the primary (headlines, subheads,
 * stats), Denim the secondary (body, eyebrows, section heads). Helvetica is the
 * guide's own substitute, so it is the fallback.
 *
 * The :root custom properties (--adb-font-body, --adb-font-display, palette)
 * live at the top of style.css so the 54 rewritten declarations there resolve
 * even if this file fails to load.
 */

/* ---------------------------------------------------------------- faces */

@font-face { font-family: 'Denim'; src: url('fonts/Denim-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Denim'; src: url('fonts/Denim-RegularItalic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Denim'; src: url('fonts/Denim-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Denim'; src: url('fonts/Denim-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Denim'; src: url('fonts/Denim-Bold.woff2') format('woff2'); font-weight: 700 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Denim'; src: url('fonts/Denim-BoldItalic.woff2') format('woff2'); font-weight: 700 900; font-style: italic; font-display: swap; }

@font-face { font-family: 'Denim Wide'; src: url('fonts/DenimWD-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Denim Wide'; src: url('fonts/DenimWD-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Denim Wide'; src: url('fonts/DenimWD-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Denim Wide'; src: url('fonts/DenimWD-Bold.woff2') format('woff2'); font-weight: 700 900; font-style: normal; font-display: swap; }

/* ----------------------------------------------------------------- body */

html body,
html body input,
html body textarea,
html body select,
html body button {
	font-family: var(--adb-font-body);
}

/* ------------------------------------------------- headline + subhead */
/* p.41: HEADLINE and SUBHEAD are Denim Wide Medium. Salient's type scale is
 * class-driven (.h1-.h6 carry the size, and most section titles on this site
 * are <p class="h3">), so the classes are styled alongside the tags. The child
 * stylesheet pins .h1-.h4 at 700-800 with !important, hence the !important here. */

html body h1, html body h2, html body h3, html body h4, html body h5,
html body .h1, html body .h2, html body .h3, html body .h4, html body .h5 {
	font-family: var(--adb-font-display) !important;
	font-weight: 500 !important;
}

html body h1 .subtitle {
	font-family: var(--adb-font-body) !important;
}

/* ---------------------------------------------- eyebrow + section head */
/* p.41: EYEBROW and SECTION HEAD are Denim Semibold. h6/.h6 is the red kicker. */

html body h6,
html body .h6 {
	font-family: var(--adb-font-body) !important;
	font-weight: 600 !important;
}

/* ---------------------------------------------------------------- stats */
/* p.41: STAT is Denim Wide Regular. */

html body .nectar-milestone .number,
html body .nectar-milestone .number span {
	font-family: var(--adb-font-display) !important;
	font-weight: 400 !important;
}

/* ------------------------------------------- News / Resources grid */
/* content-hub-plugin/salient-news.css is ARCO's own plugin and hard-codes the old
 * red/navy and 'muli'. Overridden here rather than edited in the plugin so the
 * whole brand layer ships as one file. Same mapping as the applier:
 * #ba0c2f -> ADB Red, #02253c -> Midnight. */

html body .news-item.industry-insights .img_wrap:before {
	background: #cf0000;
}

html body .news-item.news .img_wrap:before,
html body .news-item.markets .img_wrap:before,
html body .news-item.company-news .img_wrap:before {
	background: #0f142d;
}

html body .salient-news-loadmore-wrap .load-more:hover,
html body .hover-circle {
	background-color: #cf0000;
}

html body #blog-cat-filter input[type="radio"]:checked {
	accent-color: #cf0000;
}

html body #blog-cat-filter label {
	font-family: var(--adb-font-body);
}

/* ------------------------------------- brand-team revisions, 2026-10-13 */

/* Blog posts: the "N min read" pill is a WordPress button with no link. Midnight,
 * and no hover change since there is nothing to click. */
html body .post-content .wp-block-button__link:not([href]),
html body .post-content .wp-block-button__link:not([href]):hover,
html body .post-content .wp-block-button__link:not([href]):focus {
	background-color: #0f142d !important;
	border-color: #0f142d !important;
	color: #fff !important;
	cursor: default;
}

/* Project pages: the details box is one Midnight panel with no rules between the
 * rows. The box colour (old navy #02253c, on all 229 projects) lives in each
 * project's builder content, which the refresh leaves alone, so it is overridden
 * here. The dividers are hidden rather than removed so the row spacing holds. */
html body.single-portfolio .neg-marg[data-bg-color="#02253c"] > .vc_column-inner > .column-bg-overlay-wrap > .column-bg-overlay {
	background-color: #0f142d !important;
}

html body.single-portfolio .neg-marg .arco-footer .divider-border {
	opacity: 0 !important;
}