/* MadFanboy / Quatro: unified block headings. One source of truth.
 * Exactly follows mfb_news_tabs/css/news-tabs.css for its visual tokens.
 * The News Tabs heading itself is left untouched (the original reference).
 * Applies to Drupal block headings, NOT article titles or chart internals.
 */

#main-container .block:not(#block-quatro-mfbnewstabs) > .block-inner > h2.block-title,
.header-wrapper [role="headingsecond"] .block > .block-inner > h2.block-title {
  font-family: "Open Sans Condensed", Arial, Helvetica, Verdana, sans-serif !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-align: left !important;
  color: #151b27 !important;
  position: relative !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 0 14px !important;
  padding: 0 0 0 15px !important;
  width: auto !important;
}

#main-container .block:not(#block-quatro-mfbnewstabs) > .block-inner > h2.block-title::before,
.header-wrapper [role="headingsecond"] .block > .block-inner > h2.block-title::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  bottom: 1px !important;
  width: 5px !important;
  border-radius: 2px !important;
  background: #d60012 !important;
}

#main-container .block:not(#block-quatro-mfbnewstabs) > .block-inner > h2.block-title::after,
.header-wrapper [role="headingsecond"] .block > .block-inner > h2.block-title::after {
  content: none !important;
  display: none !important;
}

#main-container .block:not(#block-quatro-mfbnewstabs) > .block-inner > h2.block-title a,
.header-wrapper [role="headingsecond"] .block > .block-inner > h2.block-title a {
  font: inherit !important;
  color: inherit !important;
  text-transform: inherit !important;
  text-decoration: none;
}

@media (max-width: 480px) {
  /* News Tabs already switches to 20px at this breakpoint. */
  #main-container .block:not(#block-quatro-mfbnewstabs) > .block-inner > h2.block-title,
  .header-wrapper [role="headingsecond"] .block > .block-inner > h2.block-title {
    font-size: 20px !important;
  }
}