/* ==== Custom Font Faces ==== */

/* Avenir Next — Regular (400) */
@font-face {
  font-family: "Avenir Next";
  src: url("../fonts/AvenirNext-Regular/AvenirNext-Regular.woff2") format("woff2"),
       url("../fonts/AvenirNext-Regular/AvenirNext-Regular.woff") format("woff"),
       url("../fonts/AvenirNext-Regular/AvenirNext-Regular.ttf") format("truetype"),
       url("../fonts/AvenirNext-Regular/AvenirNext-Regular.eot?#iefix") format("embedded-opentype"),
       url("../fonts/AvenirNext-Regular/AvenirNext-Regular.svg#AvenirNext-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Frutiger Neue — Bold (700) */
@font-face {
  font-family: "Frutiger Neue";
  src: url("../fonts/FrutigerNeueW02-Bd/FrutigerNeueW02-Bd.woff2") format("woff2"),
       url("../fonts/FrutigerNeueW02-Bd/FrutigerNeueW02-Bd.woff") format("woff"),
       url("../fonts/FrutigerNeueW02-Bd/FrutigerNeueW02-Bd.ttf") format("truetype"),
       url("../fonts/FrutigerNeueW02-Bd/FrutigerNeueW02-Bd.eot?#iefix") format("embedded-opentype"),
       url("../fonts/FrutigerNeueW02-Bd/FrutigerNeueW02-Bd.svg#FrutigerNeueW02-Bd") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ==== Color System ==== */
:root {
  --main-fg-color: #372C2E;
  --main-bg-color: #FFFFFF;
  --contrast-bg-color: #F1F3F5;

  --link-color: #BF5700;
  --link-visited: #964B00;
}

/* ==== Typography ==== */
:root {
  --font-body: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-heading: "Frutiger Neue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
  text-rendering: optimizeLegibility;
  font-family: var(--font-body);
  color: var(--main-fg-color);
  background-color: var(--main-bg-color);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--main-fg-color);
  font-family: var(--font-heading);
  font-weight: 700;
}

h2 {
  border-bottom: 1px solid var(--main-fg-color);
}

/* ==== Links ==== */
a {
  color: var(--link-color);
  border-bottom: 1px dotted;
}
a:visited {
  color: var(--link-visited);
}

/* ==== Components ==== */
.sandstone {
  padding: 20px;
  background-color: var(--contrast-bg-color);
  border: 1px solid transparent;
  border-radius: 4px;
  background-color:#f8f5f0;
}

.headerlink {
  padding-left: 8px;
  font-size: 80%;
}

.jumbotron {
  position: relative;
  margin-bottom: 1.25rem;
}
.jumbotron .container {
  padding: 2rem;
}
.jumbotron h1,
.jumbotron .lead {
  color: white;
}
.jumbotron h1 {
  font-weight: 900;
  text-transform: uppercase;
  font-stretch: condensed;
}
.jumbotron .lead {
  font-weight: 700;
}

.navbar{
  font-size: 120%;
}

.navbar-default .navbar-nav>li>a {
  border-bottom: none;
}
.navbar-default .navbar-brand {
  border-bottom: none;
}

table {
  font-size:14px
}

.fa-inverse {
  color:#000;
}

.heading {
  font-family: var(--font-heading);
  font-weight: 900; /* or 700 for regular headings */
  font-stretch: condensed;
  font-size: 1.3em; /* ~150% of parent */
  text-transform: uppercase; /* if you want it like h1 in jumbotron */
}

/* TABLE COLORS */

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
  background-color:#f5f5f5
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
  background-color:#e8e8e8
}
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
  background-color: #003366;
  color: white;
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
  background-color: #003366;
}
.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
  background-color:#d9edf7
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
  background-color:#c4e3f3
}
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
  background-color:#fcf8e3
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
  background-color:#faf2cc
}
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
    background-color: mistyrose;
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: seagreen;
}