/* CRTRA website colour refresh
   Designed for Voice/e-voice Bootstrap theme (Flatly)
   Palette:
   Deep green  #264B2A
   Bronze      #8A6537
   Olive       #788A4A
   Cream       #F7F3EA
   Charcoal    #2E2E2E
*/

body {
  background-color: #F7F3EA;
  color: #2E2E2E;
}

.container,
.container-fluid {
  color: #2E2E2E;
}

h1, h2, h3, h4, h5, h6 {
  color: #264B2A;
  font-weight: 700;
}

a {
  color: #355F2D;
}

a:hover,
a:focus {
  color: #8A6537;
  text-decoration: underline;
}

.navbar-default,
.navbar-inverse {
  background-color: #264B2A;
  border-color: #1D3A20;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a,
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: #FFFFFF;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #FFF4DD;
  background-color: #355F2D;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #FFFFFF;
  background-color: #8A6537;
}

.navbar-default .navbar-toggle,
.navbar-inverse .navbar-toggle {
  border-color: #FFFFFF;
}

.navbar-default .navbar-toggle .icon-bar,
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #355F2D;
}

.btn-primary {
  background-color: #264B2A;
  border-color: #1D3A20;
  color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #355F2D;
  border-color: #264B2A;
  color: #FFFFFF;
}

.panel-primary {
  border-color: #264B2A;
}

.panel-primary > .panel-heading {
  background-color: #264B2A;
  border-color: #264B2A;
  color: #FFFFFF;
}

.panel-default > .panel-heading {
  background-color: #EFE8DA;
  color: #264B2A;
  border-color: #D9CCB5;
}

.well {
  background-color: #FBF8F1;
  border-color: #D9CCB5;
  border-left: 5px solid #8A6537;
}

.breadcrumb {
  background-color: #EFE8DA;
}

.breadcrumb > li + li:before {
  color: #788A4A;
}

hr {
  border-top-color: #CDBE9F;
}

.footer {
  background-color: #264B2A;
  color: #FFFFFF;
  padding-top: 18px;
  padding-bottom: 18px;
}

.footer a {
  color: #FFF0C9;
}

.footer a:hover,
.footer a:focus {
  color: #FFFFFF;
}

.table > thead > tr > th {
  color: #264B2A;
  border-bottom-color: #8A6537;
}

.form-control:focus {
  border-color: #788A4A;
  box-shadow: 0 0 0 2px rgba(120, 138, 74, 0.18);
}

::selection {
  background: #DCC7A0;
  color: #1F2D20;
}