/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#d2capp {
    margin-bottom: 40px;
}
#d2cmap {
    width: 100%;
    height: 700px;
    display: block;
}
#d2capp .img-check {
    width: 100%;
}
#d2capp .img-check.active {
    background: #cccccc;
}
#d2capp #results {
    overflow-y: scroll; overflow-x: hidden; height: 700px;
}
#d2capp #results .media:first-of-type {
    background: #e6efd4;
}
#d2cmap .listing-infowindow-title {
    color: #63BC47;
    margin: 0;
}
#d2cmap .listing-infowindow-title img {
    height: 25px;
    vertical-align: bottom;
    margin-left: 5px;
}
#d2cmap .listing-infowindow-address,
#d2cmap .listing-infowindow-phone {
    margin: 0;
}
#d2cmap .listing-infowindow-hours {
    margin-bottom: 0;
    color: #63BC47;            
}
#d2cmap .listing-infowindow-notes,
#d2cmap .listing-infowindow-disclaimer {
    margin: 5px 0 5px 0;
}
#d2cmap .listing-infowindow-directions {
    margin: 5px 0 5px 0;
}
#d2cmap .listing-infowindow-directions a {
    color: #006331;
    text-decoration: underline;
}

@media print {
    .need-food header,
    .need-food #connected-3 {
        display: none;
    }
    .need-food #d2capp .results-container {
        width: 100%;
    }
    .need-food #d2capp .results-container #results {
        height: auto;
        overflow-y: visible;
    }
    .need-food #d2capp .media ul.list-group {
        margin-left: 0;
    }
}