/* Homelessness styles */

.fluid-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

h1, h2, h3, h4 {
    color: #000;
    font-weight: 700;
}

@media only screen and (min-width : 768px) {
    .img-homelessness-header {width: 80%;}
}

.navbar-header-full {
    background-color: #87afcc;
       border-top: none;
}
    
/* header social media icons */
.top-nav-social {background-color:#87afcc;}

.navbar-header {
    background-color: #87afcc;
    border-top: none;
}

.navbar-default .navbar-nav > li > a {font-weight: 600;}

/* remove background from hamburger */
.navbar-header .navbar-toggle {
    background-color: transparent;
    background-image: none;
    color: #000;
}   

/* move hamburger to left */
.navbar-toggle {
    float: left;
}

/* improve color contrast */
.navbar-default .navbar-nav>li>a {color: #000;}
.navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus {color: #FFF;}
#copyright {color: #3d3d3d;}


@media (max-width: 767px) {
    
    /* forces right carat next MenuBar items in mobile display */
    .dropdown > a:after, .dropdown-submenu > a:after {
        content: "\f105";
    }
    /* add line under all MenuBar items in mobile display */
    .nav-item > a {
        border-bottom: solid 1px #ddd;
        margin: 0;
    }
    
   /* improves sub-menu item color contrast */
   .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #000;}
   .navbar-default .navbar-nav > .open > a, 
   .navbar-default .navbar-nav > .open > a:focus, 
   .navbar-default .navbar-nav > .open > a:hover {color: #000;}
    
}

@media (max-width: 991px) {
    /* add space between main page content and div with logos */
    .campaigns {margin-top: 20px;}
}

.homelessness-layout {
    padding-left: 15px;
    padding-right: 15px;
}

.img-border {border: 1px solid #000;}

#footer-widgets {background-color: #87afcc;}
.footer-widget-title {font-weight: 300;}
.goog-te-gadget {color: black;}