body {
    min-height: 100vh;
    background-color: #fcfcfd;
}

.content-shell {
    max-width: 720px;
}

.brand-logo {
    width: 30px;
    height: 30px;
    display: inline-block;
}

/* Example brand colors (change to yours) */
:root{
  --brand-primary: #308080;
  --brand-primary-hover: #266666;
  --brand-primary-active: #308080;

  --brand-secondary: #308080;          /* outline-secondary text/border */
  --brand-secondary-hover-bg: #B8DCD0;  /* subtle hover background */
}

/* =========================
   btn-primary
   ========================= */
.btn-primary{
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-primary-hover);
  --bs-btn-hover-border-color: var(--brand-primary-hover);

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-primary-active);
  --bs-btn-active-border-color: var(--brand-primary-active);

  --bs-btn-focus-shadow-rgb: 240, 160, 96; /* rgb of brand primary */
}

/* =========================
   btn-outline-primary
   ========================= */
.btn-outline-primary{
  --bs-btn-color: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--brand-primary);
  --bs-btn-hover-border-color: var(--brand-primary);

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--brand-primary-active);
  --bs-btn-active-border-color: var(--brand-primary-active);

  --bs-btn-focus-shadow-rgb: 240, 160, 96; /* rgb of brand primary */
}

/* =========================
   btn-outline-secondary
   ========================= */
.btn-outline-secondary{
  --bs-btn-color: var(--brand-secondary);
  --bs-btn-border-color: var(--brand-secondary);

  --bs-btn-hover-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-secondary-hover-bg);
  --bs-btn-hover-border-color: var(--brand-secondary);

  --bs-btn-active-color: var(--brand-primary);
  --bs-btn-active-bg: #e5e7eb;
  --bs-btn-active-border-color: var(--brand-secondary);

  --bs-btn-focus-shadow-rgb: 107, 114, 128; /* rgb of brand secondary */
}

a {
    color: var(--brand-primary);
}
a:hover {
    color: var(--brand-primary-hover);
}
header#simple-header, footer#simple-footer, header#topnav {
    background-color: #fff;
}

.badge-feedvance-positive {
  background-color: #308080;
  color: #fff;          /* pick what fits your palette */
}
.badge-feedvance-nagative {
  background-color: #D03325;
  color: #fff;          /* pick what fits your palette */
}
.badge-feedvance {
  background-color: #F0A060;
  color: #fff;          /* pick what fits your palette */
}

.pagination-feedvance{
  /* link color (page numbers + next/prev/first/last) */
  --bs-pagination-color: #308080;
  --bs-pagination-hover-color: #266666;

  /* active page */
  --bs-pagination-active-bg: #308080;
  --bs-pagination-active-border-color: #266666;
  --bs-pagination-active-color: #fff; /* text on active */
}

.nav-tabs .nav-link.active {
  background-color: #fcfcfd;
  border-bottom-color: #fcfcfd;
}
.nav-link {
  color: var(--brand-primary);
}

.nav-link:hover {
  color: var(--brand-primary-hover);
}

span.usp-check {
    color: #F0A060 !important;
}