/* To overwrite selected defaults coming off bootstrap.css
/* Any upgrades to bootstrap.css won't change the different formatting
/* #A53737 - the red background in header & footer 
/* #b6b6b4 - the grey colour used as background in front page 
/* Changes to bootstrap only this file
*/

body {
  font-family: "EB Garamond", "Cormorant Garamond", "Source Serif 4"; /* changed */
  font-size: 14px;                           /* default is 14px   */
  line-height: 1.42857143;
  color: #333;
  background-color: white;
}
a {
  color: #A53737;                 /* a darker red - same colour as h3 & ocbreadcrumb */
  text-decoration: none;
}
a:hover,
a:focus {
  color: #336699;                /* a dark blue - same colour as ocbreadcrumb */
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

h1,
.h1 {
  font-size: 34px;      /* changed */
}
h2,
.h2 {
  font-size: 33px;      /* changed */
}
h3,
.h3 {
  font-size: 30px;      /* changed */
}
h4,
.h4 {
  font-size: 28px;      /* changed */
}
h5,
.h5 {
  font-size: 26px;      /* changed */
}
h6,
.h6 {
  font-size: 24px;      /* changed */
}
p {
  margin: 0 0 12px;      /* changed */
}

h3,
.h3
{
  font-family: "EB Garamond", "Cormorant Garamond", "Source Serif 4"; /* changed */
  font-weight: 500;
  line-height: 1.1;            /* not changed yet */
  color: #A53737;			   /* make h3 red */
  font-weight: bold;           /* heavier */
}

h3 small,
.h3 small,
h3 .small,
.h3 .small
{
  font-weight: bold;           /* heavier */
  line-height: 1;
  color: #A53737;              /* make h3 a red */
}

a.h3:visited a.h3:hover{
  font-family: "EB Garamond", "Cormorant Garamond", "Source Serif 4";         /* changed */
  font-weight: 500;
  line-height: 1.1;            /* not changed yet */
  color: #A53737;			   /* make h3 a red */
  font-weight: bold;           /* heavier */
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #663300;   /* red for the site */
}

.panel-primary > .panel-heading {
  color: #e0e0e0;      /* text colour off-white link */
  background-color: #663300;   /* red for the site */
  border-color: #337ab7;
}

.navbar-inverse {
  background-color: #663300;   /* red for the site */
}
.navbar-inverse .navbar-brand {
  color: #f0f0f0;            /* not changed yet */
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #f0f0f0;            /* not changed yet */
  background-color: transparent;           /* not changed yet */
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;          /* not changed yet */
}
.navbar-inverse .navbar-nav > li > a {
  color: #e0e0e0;      /* text colour off-white link */
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fefefe;     /* text colour - brighter white */
  background-color: transparent;          /* not changed yet */
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #f0f0f0;          /* not changed yet */
  background-color: #669900;   /* darker red */
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;          /* not changed yet */
  background-color: transparent;          /* not changed yet */
}
.navbar-inverse .navbar-toggle {
  border-color: #333;          /* not changed yet */
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;          /* not changed yet */
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;          /* not changed yet */
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;          /* not changed yet */
  background-color: #669900;    /* darker red */
}

.dropdown-menu {
  font-size: 14px;          /* not changed yet */
  background-color: #A53737;    /* different blue for drop down */
  -webkit-background-clip: padding-box;          /* not changed yet */
          background-clip: padding-box;          /* not changed yet */
}
.dropdown-menu > li > a {
  font-weight: normal;          /* not changed yet */
  line-height: 1.42857143;          /* not changed yet */
  color: #f0f0f0;     /* default off-white link colour */
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    background-color: #669900;    /* darker red */
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;          /* not changed yet */
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;          /* not changed yet */
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #f0f0f0;     /* default off-white link colour */
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;          /* not changed yet */
    background-color: transparent;          /* not changed yet */
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;          /* not changed yet */
    background-color: #080808;          /* not changed yet */
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;          /* not changed yet */
    background-color: transparent;          /* not changed yet */
  }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fefefe;     /* text colour - brighter white */
  text-decoration: none;          /* not changed yet */
  background-color: #660000;   /* standard red for the site */
}

.well {
  min-height: 20px;
  padding: 6px;                /* reduced from 19px   */
  margin-bottom: 20px;
  background-color: #fdfdfd;   /* reduce the greyness */
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 12px;                /* changed from 24px  */
  border-radius: 6px;
}
.well-sm {
  padding: 8px;                /* changed from 9px */
  border-radius: 3px;
}
.btn {
  margin-bottom: 3px;          /* changed from 0 */

.container {
  padding-right: 5px;
  padding-left: 5px;          /* changed from 15 */
  margin-right: auto;
  margin-left: auto;
}
.container-fluid {
  padding-right: 5px;
  padding-left: 5px;         /* changed from 15 */
  margin-right: auto;
  margin-left: auto;
}