/* Original typefaces already used by the Brandpunt website. Scoped family names
   prevent interference with the theme's existing font-face declarations. */
@font-face {
  font-family: 'BPVO Avenir';
  src: url('brand/avenir-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BPVO Brandon';
  src: url('brand/brandon-black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
.bpvo, .bpvo-admin {
  --bp-heading: 'BPVO Brandon', 'BrandonGrotesque', Helvetica, Arial, sans-serif;
  --bp-body: 'BPVO Avenir', 'AvenirRegular', Helvetica, Arial, sans-serif;
  --bp-ink: #3a3a3a;
  --bp-muted: #4b4f58;
  --bp-teal: #216e6d;
  --bp-teal-dark: #195453;
  --bp-gold: #c29e10;
  --bp-line: #dce3e1;
  --bp-soft: #f1f6f5;
}
.bpvo-brand-logo { display: block; width: 236px; height: auto; max-width: 100%; }
.bpvo-admin .bpvo-admin-logo { background: transparent; border-radius: 0; width: 165px; height: auto; padding: 0; }
.bpvo-admin .bpvo-admin-logo img { display: block; width: 165px; height: auto; }
.bpvo-admin .bpvo-admin-heading { border-bottom: 5px solid var(--bp-gold); padding-bottom: 20px; }
.bpvo-admin .bpvo-admin-heading h1 { font-family: var(--bp-heading); font-weight: 900; text-transform: uppercase; color: var(--bp-ink); }
.bpvo-admin .button-primary { background: var(--bp-teal); border-color: var(--bp-teal); }
.bpvo-admin .button-primary:hover, .bpvo-admin .button-primary:focus { background: var(--bp-teal-dark); border-color: var(--bp-teal-dark); }
.bpvo-admin .nav-tab-active { border-top: 3px solid var(--bp-gold); background: #fff; }