/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */


@charset "UTF-8";
:root {
  --color-primary: 0, 116, 192;
  --color-primary-hover: #0062a3;
  --gradient-color: rgba(0, 0, 0, 0.8);
  --main-font: Lato, Helvetica Neue, Helvetica, Arial, sans-serif;
  --paddingCompensation: 0px;
  --background-white: white;
  --background-grey: #6e6e6e;
  --background-primary: RGB(var(--color-primary));
  --text-white: white;
  --text-black: #262626;
  --text-lighter-black: #393939;
  --text-grey: #6e6e6e;
  --text-primary: RGB(var(--color-primary));
}

.font-secondary {
  --main-font: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
}
/* ===== Bootstrap 3.3.6 PMI-style override =====
   Drop this AFTER bootstrap.min.css
   Primary hue approx: #0074C2 (PMI blue)
   Hover/dark tints chosen for contrast & WCAG-friendly focus styles
*/

/* Base link color */
a { color: #0074C2; }
a:hover, a:focus { color: #006BB4; text-decoration: underline; }

/* Typography (optional; keeps BS3 stack, just tightens weight on headings) */
h1, h2, h3, h4, h5, h6 { font-weight: 700; letter-spacing: .015em; }

/* Buttons */
.btn-primary {
  color: #fff;
  background-color: #0074C2;
  border-color: #006BB4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #006BB4;
  border-color: #005A99;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
  background-color: #79BCE6;
  border-color: #79BCE6;
}
.btn-link { color: #0074C2; }

/* Labels / Badges */
.label-primary { background-color: #0074C2; }
.badge { background-color: #0074C2; }

/* Panels */
.panel-primary {
  border-color: #0074C2;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #0074C2;
  border-color: #0074C2;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0074C2;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0074C2;
}

/* Progress bars */
.progress-bar { background-color: #0074C2; }

/* Pagination */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #0074C2;
  border-color: #0074C2;
}

/* List groups */
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #0074C2;
  border-color: #0074C2;
}

/* Alerts (info tone nudged toward PMI blue) */
.alert-info {
  color: #0d3d5c;
  background-color: #E6F2FA;
  border-color: #BBDCF3;
}

/* ===== PMI-style Navbar for Bootstrap 3.3.6 ===== */

/* 1) Global navbar frame: white bar + thin divider */
.navbar.navbar-default {
  background-color: #FFFFFF;
  border-color: #E1E6EC;           /* subtle bottom rule */
  border-width: 0 0 1px;           /* only bottom */
  box-shadow: none;
}

/* 2) Brand (text version) */
.navbar-default .navbar-brand {
  color: #1B1F23;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 16px;                 /* readable but compact */
  line-height: 20px;
  padding-top: 18px;               /* centers brand in a 54–56px bar */
  padding-bottom: 18px;
}

/* Brand hover/focus */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #006BB4;                  /* PMI-blue hover */
  background-color: transparent;
  text-decoration: none;
}

/* 2a) Brand (logo image version) — optional */
.navbar-default .navbar-brand img {
  display: inline-block;
  height: 22px;                    /* crest+wordmark fits the bar */
  width: auto;
  vertical-align: middle;
  margin-top: -2px;                /* optical centering */
}
/* High-DPI logos tend to look better without smoothing */
.navbar-default .navbar-brand img {
  image-rendering: -webkit-optimize-contrast;
}

/* 3) Primary nav links: uppercase + blue hover */
.navbar-default .navbar-nav > li > a {
  color: #1B1F23;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 600;
  padding-top: 18px;
  padding-bottom: 18px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #006BB4;
  background-color: transparent;
  text-decoration: none;
}

/* Active state: keep it subtle (no filled tabs) */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #0074C2;                  /* PMI blue (approx.) */
  background-color: transparent;
  box-shadow: inset 0 -2px 0 #0074C2; /* thin blue underline cue */
}

/* 4) Dropdown care (hover and open) */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #006BB4;
  background-color: #FFFFFF;
  box-shadow: inset 0 -2px 0 #006BB4;
}

/* Dropdown menu: clean border and link styling */
.navbar-default .dropdown-menu {
  border: 1px solid #E1E6EC;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.navbar-default .dropdown-menu > li > a {
  padding: 10px 16px;
  color: #1B1F23;
  text-transform: none;            /* keep subitems normal case */
  letter-spacing: 0;
}
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus {
  background-color: #E6F2FA;       /* pale blue */
  color: #006BB4;
}

/* 5) Mobile toggle and collapsed menu */
.navbar-toggle {
  border-color: #E1E6EC;
  margin-top: 10px;                /* vertically centers in shorter bars */
  margin-bottom: 10px;
}
.navbar-toggle .icon-bar { background-color: #1B1F23; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #E1E6EC;
}

/* Collapsed links (xs) keep the same vibe */
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #1B1F23;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #006BB4;
    background-color: #E6F2FA;
  }
}

/* 6) Utility tints (optional) */
.navbar .btn-link { color: #0074C2; }
.navbar .btn-link:hover, .navbar .btn-link:focus { color: #006BB4; }


/* Forms: focus ring in PMI blue */
.form-control:focus {
  border-color: #0074C2;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0,116,194,.3);
}

/* Wells / jumbotrons / helpers */
.jumbotron {
  background-color: #E6F2FA;
  border: 1px solid #E1E6EC;
}
hr { border-top: 1px solid #E1E6EC; }

/* Utility tints */
.text-primary { color: #0074C2; }
.bg-primary { background-color: #0074C2; color: #fff; }

/* Optional: table hover link color */
.table a { color: #0074C2; }
.table a:hover { color: #006BB4; }