/*
 * Header of the inner pages: the title (<h1>) and, below it, the breadcrumb.
 * One look for every page (pages, shop, categories, search, cart, account, products).
 * Markup: inc/template-functions.php (ryanne_theme_page_title(), ryanne_theme_breadcrumb()).
 *
 * The breadcrumb itself is styled in style.css ("BreadCrumbs"); its separator is in the markup.
 * The plugin "ryanne" extends it on /conta (it relies on the .current crumb and the
 * </div><!-- .crumbs --> marker); keep both when changing the markup.
 */

:root {
  --ry-page-title-color: #ccc; }

/* #content: the id wins over the scattered .woocommerce-page / .archive / .search header rules. */
#content > .page-header {
  background-color: var(--ry-color-bg, #f5f5f5);
  padding: 30px 0;
  margin: 0 0 55px;
  text-align: left; }

#content > .page-header .page-title {
  margin: 0 0 10px;
  font-family: var(--primary-font);
  font-size: 2em;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: -0.04em;
  color: var(--ry-page-title-color); }

/* Category / shop description */
#content > .page-header .sub-title {
  color: var(--ry-color-light-gray, #5d707a); }

#content > .page-header .sub-title p:last-child {
  margin-bottom: 0; }