/* Portal theme on top of Bootstrap 5.3 */
:root {
  --tln-brand: #6b2d1a;
  --tln-brand-dark: #3f1a0e;
  --tln-gold: #c8902e;
  --tln-leaf: #4f6b2e;
  --bs-link-color: #6b2d1a;
  --bs-link-color-rgb: 107, 45, 26;
  --bs-link-hover-color: #3f1a0e;
  --bs-link-hover-color-rgb: 63, 26, 14;
}
.brand-name { font-weight: 700; color: var(--tln-brand-dark); }
.navbar .nav-link.active { color: var(--tln-brand); font-weight: 600; }

.btn-brand {
  --bs-btn-color: #fff; --bs-btn-bg: var(--tln-brand); --bs-btn-border-color: var(--tln-brand);
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--tln-brand-dark); --bs-btn-hover-border-color: var(--tln-brand-dark);
  --bs-btn-active-bg: var(--tln-brand-dark); --bs-btn-active-border-color: var(--tln-brand-dark);
}
.btn-outline-brand {
  --bs-btn-color: var(--tln-brand); --bs-btn-border-color: #d8c3b8;
  --bs-btn-hover-color: var(--tln-brand); --bs-btn-hover-bg: #f6eee9; --bs-btn-hover-border-color: #d8c3b8;
  --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--tln-brand); --bs-btn-active-border-color: var(--tln-brand);
}

.portal-hero {
  background: linear-gradient(90deg, rgba(40, 16, 8, .92) 0%, rgba(40, 16, 8, .78) 55%, rgba(40, 16, 8, .55) 100%),
              url("/assets/img/hero.jpg") center / cover no-repeat;
}
.hero-badge { background: var(--tln-gold); color: #2a1208; font-weight: 600; }
.ico-check { color: var(--tln-gold); margin-top: 2px; }
.opacity-90 { opacity: .9; }

.module-ico {
  width: 48px; height: 48px; border-radius: 10px; display: flex; align-items: center; justify-content: center;
  background: #f4ece4; color: var(--tln-brand);
}
.module { transition: border-color .15s; }
.module:hover { border-color: var(--tln-gold) !important; }

.info-list dt { font-size: .875rem; color: var(--tln-brand-dark); }
.info-list dd { font-size: .875rem; margin-bottom: 1rem; }

.page-band { background: var(--tln-brand-dark); color: #fff; border-bottom: 3px solid var(--tln-gold); }

.site-footer { background: var(--tln-brand-dark); color: rgba(255, 255, 255, .8); }
.site-footer a { color: rgba(255, 255, 255, .8); text-decoration: none; }
.site-footer a:hover { color: #fff; }
.footer-links a + a { margin-left: 1rem; }