/* Map Styles */

#search-by-zip-form select,
#search-by-zip-form label,
#search-by-zip-form button {
    display: inline-block;
    margin: 0 5px;
    font: inherit;
}

#search-by-zip-form input {
    width: 90px;
    margin: 0 5px;

}

#search-by-zip-form select {
    width: 50px;
}

form#search-by-zip-form {
    margin: 0;
    font: 700 13px/58px Adelle, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    color: #535353;
    border-bottom: 1px solid #dcdbd7;
    border-top: 5px solid #065C69;
    background: linear-gradient(#faf8f5 44%, #fefefd 100%);
    background: -o-linear-gradient(#faf8f5 44%, #fefefd 100%);
    background: -moz-linear-gradient(#faf8f5 44%, #fefefd 100%);
    background: -webkit-linear-gradient(#faf8f5 44%, #fefefd 100%);
    background: -ms-linear-gradient(#faf8f5 44%, #fefefd 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #faf8f5), color-stop(1, #fefefd));
}

#pbhs-office-locator-map {
    box-shadow: 0 6px 22px -6px #CDCDCD;
}

form#search-by-zip-form fieldset {
    padding: 0 15px;
    border-left: 1px solid #dcdbd7;
    border-right: 1px solid #dcdbd7;
}

form#search-by-zip-form button {
    float: right;
    margin-top: 9px;
    color: #fff;
    font: 700 13px/32px Adelle, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    border: 1px solid #065C69;
    border-radius: 0.2em;
    -khtml-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    -o-border-radius: 0.2em;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    -khtml-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    -ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    -o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -khtml-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -ms-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    padding: 0 6px;
    background-image: linear-gradient(#065C69 35%, #067a87 78%);
    background-image: -o-linear-gradient(#065C69 35%, #067a87 78%);
    background-image: -moz-linear-gradient(#065C69 35%, #067a87 78%);
    background-image: -webkit-linear-gradient(#065C69 35%, #067a87 78%);
    background-image: -ms-linear-gradient(#065C69 35%, #067a87 78%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.35, #065C69), color-stop(0.78, #067a87));
}

@media (max-width: 767px) {
    form#search-by-zip-form button {
        float: none;
        margin-top: auto;
    }
}

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

.map_info_content {
    width: 190px;
    height: 150px;
}

#content-main .map_info_content h3 {
    margin: 0;
}

#content-main .map_info_content p {
    margin: 0;
}

/* Locations Styles */

figure {
    margin: 0;
}

#content-main figure {
    width: 100%;
    height: 150px;
    overflow: hidden;
    margin-bottom: 7px;
}

#content-main figure img {
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
}

#locations .mix {
    display: none;
}

#locations figure:empty {
    content: '<i class="icon-building"></i>';
}

#locations .mix.span4:nth-child(3n-5) {
    margin-left: 0;
    clear: both;
}

.mapping .pbhs-maps-popup__title {
    display: none;
}

.mapping .pbhs-maps-popup__footer {
    display: none;
}

.mapping .mapboxgl-marker > svg path {
    fill: #EA4335 !important;
}

.mapping .mapboxgl-marker > svg circle {
    fill: #811411 !important;
}

/*
#locations .mix.span4 {
    * box-shadow: 0 6px 10px 0px #CDCDCD; *
    box-shadow: 0 6px 22px -6px #CDCDCD;
    padding: 0 10px;
    box-sizing: border-box;
    background: rgba(249, 249, 249, 0.25);
    margin-top: 6px;
    margin-bottom: 6px;
    border: 1px solid #065C69;
    * border: 1px solid #dcdbd7; *
}


#locations ul.unstyled {
    margin-bottom: 0;
}
*/

@media (max-width: 767px) {
    #search-by-zip-form .hidden-phone {
        display: none;
    }
}

/* Theme Specific */
#google-maps-top-shadow {
    z-index: 99;
}