/* red: #C10001
blue: #2868b2
navy blue: #002d73*/

html, body {
    height: 100%;
    width: 100%;
    font-size: 1em;
    color: #fff;
}

/* --- NAVBAR --- */

.navbar-default {
    background-color: white;
    border-color: white;
    color: #002d73;
} 

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: white;
    background-color: #e8a2a2;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #C10001;
    color: white;
    font-style: italic;
}

/* --- BODY --- */

h1, h2, h3, h4, h5, h6 {
    font-family: 'DM Serif Display', serif;
}

body {
    color: #002d73;
    background-color: #fff;
    height: 100%;
    font-family: 'Raleway', sans-serif;
}

.image {
    padding-top: 40px;
    padding-bottom: 40px;   
}

#image {
    padding-top: 20px;
}

#member {
    background-image: url('../images/hands-1500x500.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 30px;
    height: 500px;
    text-align: center;
}

h1 {
    text-align: center;
    color: #2868b2;
    background-color: rgba(243, 243, 243, 0.7);
    margin-top: 3em;
    font-size: 2.3em;
    font-weight: 400;
    font-family: 'DM Serif Display', serif;
}

h2 {
    font-weight: bold;
    color: #f5ffff;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

h3 {
    font-weight: bold;
    color: #002d73;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

h4 {
    font-size: 1.2em;
    color: #C10001;
}

hr {
    margin-top: 40px;
}

#individual {
    margin-top: -40px;
    padding-bottom: 40px;
}

#individualnames {
    text-align: center;
}

#description {
    font-style: italic;
    margin-top: -1em;
}

#government hr {
    margin-top: -0.5em;
}

/* ------------------------------------------
    ACCORDION
------------------------------------------ */


.panel-title {
    text-align: center;
    font-weight: bold;
}

#name {
    font-size: 1em;
    font-weight: bold;
    color: #002d73;
}

.col-sm-4 a, .col-sm-6 a, .col-sm-12 a {
    color: #002d73;
}

.col-sm-4, .col-sm-6, .col-sm-12 {
    padding-bottom: 1.2em;
}

#accordinfo {
    text-align: center;
    padding-bottom: .6em;
}

.panel-group {
    padding-bottom: 0px;
}

.panel-heading {
    background: white !important;
}

.col-lg-6 {
    padding-top: .4em;
}

.clear {
    margin: 1em;
    padding: 1em;
}

/* ------------------------------------------
    FOOTER
------------------------------------------ */

.footer {
    background: #333;
    color: #fff;
    font-size: 16px;
    padding: 20px;
    z-index: 10;
    text-align: center;
}

#address, #phone {
    color: #fff;
}

.footerrow, .footerrow:hover, .footerrow:focus {
    color: #fff;
}

a:visited {
    text-decoration: none;
    color: #fff;
}

.foot_row .col-sm-4 {
    padding: 1em 0;
}