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

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

/* =================================
        NAVBAR
================================== */


.navbar-default {
    color: #002d73;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fdfdfd;
} 

.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;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

nav .nav-brand > a { color: #fff; }

/* =================================
        BODY
================================== */

.jumbotron {
    background-color: #002d73;
    color: #fff;
    padding: 1em 0;
    text-align: center;
    margin-top: 0px;
}

h1 {
    font-size: 2.3em;
    font-weight: 400;
    background-color: #002d73;
    color: #fff;
}

h2 {
    font-weight: bold;
    text-decoration: none;
    text-shadow: none;
    color: #002d73;
    text-align: center;
}

body {
    font-family: 'Raleway', sans-serif;
}

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

.wrapper {
    padding-top: 2em;
    padding-bottom: 5em;
}

.row {
    background-color: #fff;
    padding: 1.2em;
}

.rowPadCenter {
    text-align: center;
}

.rowPadLeft {
    text-align: left;
}

.lodging-description {
    padding-top: 2em;
    margin-top: 2em; 
}

.pad_top {
    padding-top: 1em ;
}

.pad_bottom {
    padding-bottom: 2em;
}

.col-sm-6 {
    padding: 1em;
}

.col-sm-3 {
    padding: 1em;
}

.col-sm-6 h3, h3 {
    text-align: center;
    font-weight: bold;
}

.navbar-text > a{
    color: inherit;
    text-decoration: none;
}

#info {
    padding: 20px;
}

.pad_vertical {
    margin-top: 1em;
    margin-bottom: 1em;
}

/* =================================
        FOOTER
================================== */

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

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

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

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

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

/* =================================
        MEDIA QUERY
================================== */

@media only screen and (max-width: 480px) {
    .pad_top {
        padding-top: 0;
        margin-top: 0;
    }
    
    .image {
        padding-bottom: 0;
        padding-top: 2em;
    }
    
    .col-sm-12 {
        padding-top: 2em;
    }
}

@media only screen and (max-width: 667px) {
    .pad_top {
        padding-top: 0;
        margin-top: 0;
    }
    
    .image {
        padding-bottom: 0;
        padding-top: 2em;
    }
    
    .col-sm-12 {
        padding-top: 2em;
    }
    
    .img {
        max-width: 200px;
    }
}