/* Satoshi – Fontshare (ITF Free Font License).
   Styles scoped to public pages; icon fonts retain their own families. */
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/satoshi/Satoshi-Variable.woff2') format('woff2'),
       url('../fonts/satoshi/Satoshi-Variable.woff') format('woff');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

body.satoshi-page {
  font-family: 'Satoshi', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.satoshi-page h1, .satoshi-page h2, .satoshi-page h3,
.satoshi-page h4, .satoshi-page h5, .satoshi-page h6,
.satoshi-page .prj-title,
.satoshi-page .item-title,
.satoshi-page .hilight-prj-title,
.satoshi-page .footer-item-title {
  font-family: 'Satoshi', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600 !important;
}

.satoshi-page .nav a,
.satoshi-page .prj-read-more,
.satoshi-page .banner .btn,
.satoshi-page .banner-content-wrapper span,
.satoshi-page button,
.satoshi-page .button,
.satoshi-page input[type="submit"],
.satoshi-page input[type="button"] {
  font-family: 'Satoshi', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
}

/* Override explicit families in the shared stylesheet without changing the CMS. */
.satoshi-page .banner-content-wrapper h1,
.satoshi-page .banner-content-wrapper h2,
.satoshi-page .item-description {
  font-family: 'Satoshi', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Banner short descriptions use Light to contrast with Semi-bold titles. */
.satoshi-page .banner-content-wrapper .banner-desc {
  font-weight: 300 !important;
}

/* Keep the selected navigation tab red when legacy hover/touch styles apply. */
.satoshi-page .nav > li.hilight > a,
.satoshi-page .nav > li.hilight > a:hover,
.satoshi-page .nav > li.hilight > a:focus,
.satoshi-page .nav > li.hilight > a:active {
  background-color: #ff0000;
  color: #fff;
}