@charset "utf-8";
/*
  WBS-inspired theme overrides
  Non-destructive: only overrides existing styles
  Palette: WBS Navy and Gold accents
*/

:root {
  --wbs-navy: #003366;
  --wbs-navy-700: #02284f;
  --wbs-gold: #ffb81c;
  --wbs-gold-700: #e0a114;
  --wbs-text: #1b2430;
  --wbs-muted: #5b6b7a;
  --wbs-bg: #f6f7fb;
}

/* Base */
body {
  color: var(--wbs-text);
  background-color: var(--wbs-bg);
}

a {
  color: var(--wbs-navy);
}
a:hover {
  color: var(--wbs-navy-700);
}

/* Header: top bar */
#site_header .topbarr,
#site_header .topbar,
#site_header .topbar_colored {
  background: var(--wbs-navy) !important;
  color: #fff !important;
}
#site_header .topbarr a,
#site_header .topbar a,
#site_header .topbar span,
#site_header .topbarr span {
  color: #ffffff !important;
}

/* Navigation */
#navigation_bar {
  background: #ffffff !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);
}
#logo img {
  filter: none;
}
#main_nav #navy > li > a > span {
  color: var(--wbs-text);
  font-weight: 600;
  letter-spacing: .2px;
}
#navy > li.current_page_item > a > span,
#navy > li:hover > a > span {
  color: var(--wbs-navy);
}

/* Active indicator */
#navy > li > a:after {
  background: var(--wbs-gold);
}

/* Buttons */
.main_button,
.btn_a,
.black_button,
.arrow_button {
  background: var(--wbs-navy) !important;
  border-color: var(--wbs-navy) !important;
  color: #fff !important;
}
.main_button:hover,
.btn_a:hover,
.black_button:hover,
.arrow_button:hover {
  background: var(--wbs-gold) !important;
  border-color: var(--wbs-gold) !important;
  color: #1b2430 !important;
}

/* Section spacing and titles */
.content_section,
.content_sections {
  padding-top: 40px;
  padding-bottom: 40px;
}
.main_title h2,
h1, h2, h3, h4, h5, h6 {
  color: var(--wbs-text);
}
.main_title .line i,
.main_title .dot {
  background: var(--wbs-gold) !important;
}

/* Cards/blocks */
.blog_grid_con,
.table_container,
.panel-body,
.feature_inner_ling,
.comment-box,
.newsletter_con {
  box-shadow: 0 8px 24px rgba(2, 40, 79, 0.06);
  border: 1px solid rgba(2, 40, 79, 0.08);
}

/* Footer */
#footer {
  background: #0d1a2a;
  color: #d7dde5;
}
#footer a { color: #ffffff; }
#footer .footer_title { color: #ffffff; }
#footer .newsletter_button {
  background: var(--wbs-gold);
}

/* Forms */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="date"], textarea, select {
  border-color: rgba(2, 40, 79, 0.2);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus, select:focus {
  border-color: var(--wbs-navy);
  box-shadow: 0 0 0 3px rgba(0, 51, 102, 0.12);
}

/* Badges/accents */
.tagcloud a,
.num_colored { background: var(--wbs-gold) !important; color: #1b2430 !important; }

/* Tables */
table {
  border-collapse: separate;
  border-spacing: 0;
}
table th {
  background: #f0f4f8;
  color: var(--wbs-text);
}

/* Misc */
.hm_go_top { background: var(--wbs-navy) !important; }
.hm_go_top:hover { background: var(--wbs-gold) !important; }


