/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/






/* ==========================================================================
   Hella pr-band, training build. Values taken from the mockup's own
   tokens-search.css / components-search.css, not eyeballed.
   ========================================================================== */

@font-face {
  font-family: 'HellaFont';
  src: url('fonts/HellaDINUniversal-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'HellaFont';
  src: url('fonts/HellaDINUniversal-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'HellaFont';
  src: url('fonts/HellaDINUniversal-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* Salient sets body and heading faces from its Redux-generated dynamic CSS,
   which is emitted INLINE and therefore after this file. Measured on the box by
   walking document.styleSheets for every rule matching the element: the winning
   heading rule is `body h3, .row .col h3, ...` at (0,0,2) with no !important, so
   a bare `h3` at (0,0,1) loses on specificity alone. These selectors match its
   shape rather than out-shouting it. */
body, .row .col p, #header-outer,
body h1, body h2, body h3, body h4, body h5, body h6,
.row .col h1, .row .col h2, .row .col h3,
body a.nectar-button, .inner-wrap a.nectar-button {
  font-family: 'HellaFont', 'Work Sans', Helvetica, Arial, sans-serif;
}

/* Section heading: the mockup asks for Medium, Salient renders Regular. */
body .wpb_row h3 { font-weight: 500; }

/* Card category line. The generator puts the mockup's own class on the
   [vc_column_text] wrapper, so the <p> inside it is addressable. */
.article-card__cats p {
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
  margin: 0;
}

/* Card title. */
.article-card__title p {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  color: #ffffff;
  margin: 0;
}

/* The CTA pill. Salient's own button-styling option is a 2px "slightly rounded"
   and its accent colour is #006fa2, so all four properties are overridden here
   rather than by changing a theme-wide Redux setting the rest of the build wants.
   text-transform is included because the theme applies `capitalize`, which turns
   the mockup's "Read more" into "Read More" - a rendered difference, not just a
   property one. See salient-capability-map.md on nectar_btn title-casing. */
.inner-wrap a.nectar-button.small.regular,
.inner-wrap a.nectar-button.small.regular.accent-color,
.inner-wrap a.nectar-button.small.regular.extra-color-1 {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 8px 18px;
  color: #ffffff;
  /* text-transform ONLY is !important, and the reason is measured rather than
     assumed: Salient's inline dynamic CSS carries `text-transform: capitalize
     !important` on a selector this button matches, so no amount of specificity
     wins. The fill and the radius are NOT forced here, because both have native
     levers and are set through them: extra-color-1 in Redux for the fill,
     button-styling-roundness for the corner. Native first, and !important only
     where the theme leaves no lever. */
  text-transform: none !important;
}