/* RESCUE MISSION ALLIANCE - BASE STYLES */
html, body, th, td, p {
    color: #898989;
}

.accent-1 {
    color: #e61c34;
}

.accent-2 {
    color: #3e4043;
}

.accent-3 {
    color: #9b9b9b;
}

.accent-4 {
    color: #d4d4d4;
}

.accent-5 {
    color: #ffffff;
}

.accent-6 {
    color: #000000;
}

.accent-7 {
    color: #efefef;
}

.accent-8 {
    color: #002596;
}

*, p, .main-container {
    font: 15px/24px "Open Sans";
}

.page-header .desc, .page-header .desc a, i, em {
    color: #898989;
    font: italic 16px/18px "Droid Sans";
}

h1, h1 a, h1 a:visited {
    color: #4d4e53;
}

    h1, h1 a {
        font: bold 40px/60px "Raleway";
    }

        h1 em {
            color: #4d4e53;
            font: italic 40px/60px "Droid Sans";
        }

h2, h2 a, h2 a:visited {
    color: #e71631;
}

    h2, h2 a {
        font: 26px/30px "Raleway";
    }

        h2 em {
            color: #e71631;
            font: italic 26px/30px "Droid Sans";
        }

h3, h3 a, h3 a:visited {
    color: #4d4e53;
}

    h3, h3 a {
        font: 22px/26px "Raleway";
    }

        h3 em {
            color: #4d4e53;
            font: italic 22px/26px "Droid Sans";
        }

h4, h4 a, h4 a:visited {
    color: #4d4e53;
}

    h4, h4 a {
        font: 22px/26px "Raleway";
    }

        h4 em {
            color: #4d4e53;
            font: italic 22px/26px "Droid Sans";
        }

h5, h5 a, h5 a:visited {
    color: #898989;
}

    h5, h5 a {
        font: 300 12px/14px "Raleway";
    }

        h5 em {
            color: #898989;
            font: italic 12px/14px "Droid Sans";
        }

h6, h6 a, h6 a:visited {
    color: #768088;
}

    h6, h6 a {
        font: 11px/12px "Droid Sans";
    }

        h6 em {
            color: #768088;
            font: italic 11px/12px "Droid Sans";
        }

small {
    color: #e2e2e2;
    font-size: 11px;
}

a {
    color: #e61c34;
    text-decoration: none;
}

    a:hover {
        color: #4d4e53;
        text-decoration: none;
    }

p {
    margin: 1.2em 0;
}

    p:empty {
        display: none;
    }

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.4em;
    margin-top: 0.4em;
}

.btn {
    border-radius: 3px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    font-weight: normal;
    padding: 6px 16px;
    background: #e61c34 none repeat scroll 0;
    color: white;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    border: 0;
}

    .btn:hover {
        background: #3e4043;
        color: white;
    }

.sep, .sep-2, .sep-3 {
    border-top: 1px solid;
    clear: both;
    color: #d4d4d4;
    display: block;
    height: 1px;
    margin: 40px 0;
    min-width: 100%;
    position: relative;
}

    .sep.has-icon .icon, .sep-2.has-icon .icon, .sep-3.has-icon .icon {
        font-size: 24px;
        margin-top: -2px;
    }

.sep-2 {
    border-bottom: 1px solid;
    height: 2px;
}

.sep-3 {
    border-top: 3px solid;
}

.sep-text {
    margin: 30px 0;
    padding: 0 0 5px;
    position: relative;
    text-align: center;
}

    .sep-text + .frame-fl, .sep-text + .loop-wrapper, .sep-text + .frame > .google_map {
        margin-top: 15px;
    }

    .sep-text .content, .sep-text .sep-text-more {
        display: table-cell;
        vertical-align: baseline;
        white-space: nowrap;
    }

        .sep-text .content *, .sep-text .sep-text-more * {
            line-height: 1;
            margin: 0;
        }

    .sep-text .content {
        padding-right: 0.8em;
    }

    .sep-text .sep-text-more {
        padding-left: 0.8em;
    }

    .sep-text .sep-text-before, .sep-text .sep-text-after {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .sep-text .sep-text-line {
        border-bottom: 1px solid;
        border-top: 0 solid;
        color: #d4d4d4;
        display: inline-block;
        padding-top: 2px;
        vertical-align: baseline;
        width: 100%;
    }

    .sep-text.centered .sep-text-before, .sep-text.centered .sep-text-after {
        width: 50%;
    }

    .sep-text.centered .content {
        padding-left: 0.8em;
    }

    .sep-text:last-child {
        margin-bottom: 20px;
    }

    .sep-text + .row {
        padding-top: 15px;
    }

/* HEADER
================================= */

.navbar {
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
    border: 0;
}

.navbar-collapse {
    float: right;
}

.navbar-nav > li > a {
    color: #898989;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    margin-top: 6px;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    color: #e61c34;
}

.logo {
    min-height: 60px;
    min-width: 150px;
    background: url('./images/logo.png') no-repeat;
    background-size: contain;
}

.navbar-header button {
    margin-top: 10px;
}

/* BODY
================================= */
.content-container {
    margin: 40px 0 80px;
    display: block;
}

.tagline-page {
    text-align: center;
}

    .tagline-page i {
        font-size: 20px;
    }

.button-footer {
    border-top: 1px solid #ddd;
    margin: 40px 0;
}
/* Input Columns */
.form-group textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #cccccc;
    padding: 3px;
}

label.radio-inline, label.checkbox-inline, label.radio, label.checkbox {
    padding: 5px 10px 5px 30px;
    background: #f1f1f1;
}

    label.checkbox-inline.checked, label.checkbox.checked {
        background: #22338D;
        color: white;
    }

.form-horizontal .control-label {
    padding-top: 0;
}

.checkbox.checkbox-inline {
    margin: 0;
    padding: 0;
    width: 33%;
    margin: 0 0 5px;
}

label.checkbox-inline {
    width: 100%;
    display: inline-block;
}

.checkbox-inline + .checkbox-inline {
    margin-left: 0;
    margin-top: 0;
}

.form-group select {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
}
/* FOOTER
================================= */
/* Upper Content Bar */
.main-footer {
    padding: 40px;
}

    .main-footer a {
        color: #898989;
    }

    .main-footer h4 {
        color: white;
    }

.section-two ul {
    padding-left: 2px;
    ;
}

.section-two li {
    list-style: none;
}

.section-three img {
    display: inline;
    float: left;
    max-width: 90px;
    padding-right: 10px;
}

.section-four {
    padding: 0 25px;
}

    .section-four ul {
        margin-left: 0;
        padding-left: 15px;
    }

    .section-four a {
        color: white;
    }

    .section-four img {
        height: auto;
        max-width: 80%;
        width: 320px;
        margin-bottom: 30px;
    }
/* Lowest Copyright Bar */
.footer {
    background: #E61C34;
    border-top: 12px solid #3e4043;
}

.footer-gray {
    background: #3e4043;
}

.footer p {
    color: #f1f1f1;
}

.footer a {
    color: #fff;
}

.alert {
    margin-bottom: 50px;
    margin-top: 25px;
}

.alert-danger p {
    color: #a94442 !important;
}

.alert-success p {
    color: #3c763d !important;
}
.button-footer .col-md-1 {
    float: left;
}
.navbar-toggle {
    background: #344396;
}
.navbar-toggle .icon-bar {
    background: white;
}

.important-message {
    color: #e71631; 
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('images/loading.gif') 50% 50% no-repeat;
}

body.loading {
    overflow: hidden;
}

    body.loading .modal {
        display: block;
    }

/* RESPONSIVE */
@media only screen and (max-width : 768px) {
    .navbar-header.logo {
        margin: 2px;
    }
    .navbar-collapse {
        float: none;
    }
    .nav.navbar-nav {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .nav.navbar-nav > li {
        border-bottom: 1px solid #fafafa;
    }
    .checkbox.checkbox-inline {
        width: 100%;
    }
    #footer-sidebars .col-md-3 {
        border-bottom: 1px solid silver;
        padding: 10px 0;
    }

}