/* Scoped overrides for /hub/ (+children) and posts tagged 'membership' */
.abs-hub-brand{
  /* Accent */
  --abs-accent:#488a6e;
  --abs-overlay: rgba(72,138,110,.8);
  --abs-fade: linear-gradient(90deg, rgba(72,138,110,1) 0%, rgba(72,138,110,0) 100%);
  --abs-lblue: rgba(72,138,110,0.2);

  /* The7 accent family */
  --the7-accent-bg-color:#488a6e;
  --the7-accent-color:#488a6e;
  --the7-links-color:#488a6e;

  /* Buttons */
  --the7-btn-border-color:#488a6e;
  --the7-btn-border-hover-color:#488a6e;
  --the7-btn-color:#488a6e;

  /* Menus / headers / overlays */
  --the7-float-menu-bg:#488a6e;
  --the7-header-bg-color:#488a6e;
  --the7-menu-active-decor-color: rgba(72,138,110,0.15);
  --the7-menu-click-decor-bg-color: rgba(72,138,110,0);

  /* Mobile */
  --the7-mobile-menu-bg-color:#488a6e;
  --the7-mobile-overlay-bg-color:#488a6e;

  /* Microwidgets */
  --the7-microwidget-button-2-bg:#488a6e;
  --the7-microwidget-button-2-border-color:#488a6e;
  --the7-microwidget-button-2-hover-bg:#488a6e;
  --the7-microwidget-button-2-hover-border-color:#488a6e;

  /* Rollovers / submenu */
  --the7-project-rollover-bg-color: rgba(72,138,110,0.85);
  --the7-rollover-bg-color: rgba(72,138,110,0.2);
  --the7-submenu-active-color:#488a6e;
  --the7-submenu-hover-bg: rgba(72,138,110,0.07);
  --the7-submenu-hover-color:#488a6e;

  /* Typography: Brandon Grotesque */
  --abs-font-brandon:"Brandon Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --the7-body-font-family: var(--abs-font-brandon);
  --the7-h1-font-family: var(--abs-font-brandon);
  --the7-h2-font-family: var(--abs-font-brandon);
  --the7-h3-font-family: var(--abs-font-brandon);
  --the7-h4-font-family: var(--abs-font-brandon);
  --the7-h5-font-family: var(--abs-font-brandon);
  --the7-h6-font-family: var(--abs-font-brandon);
  --the7-btn-m-font-family: var(--abs-font-brandon);
  --the7-btn-s-font-family: var(--abs-font-brandon);
  --the7-btn-l-font-family: var(--abs-font-brandon);
  --the7-btn-lg-font-family: var(--abs-font-brandon);
  --the7-btn-xl-font-family: var(--abs-font-brandon);
}

/* Fallback application if theme variables are not consumed everywhere */
.abs-hub-brand body,
.abs-hub-brand h1,.abs-hub-brand h2,.abs-hub-brand h3,
.abs-hub-brand h4,.abs-hub-brand h5,.abs-hub-brand h6{
  font-family: var(--abs-font-brandon) !important;
}