html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#map {
    height: 100%;
}

.infowindow__badge-outer {
    background-color: rgba(250, 250, 250, 0.75);
    border: 3px solid rgba(203, 18, 16, 0.8);
    border-radius: 50%;
    display: inline-block;
    padding: 1px;
}

.infowindow__badge-inner {
    border: 3px solid rgba(34, 59, 116, 0.8);
    border-radius: 50%;
}

.infowindow__badge-inner:hover,
.infowindow__badge-inner:active {
    background-color: rgba(34, 59, 116, 0.8);
    color: white;
}

.infowindow__badge-title {
    margin: 12px;
}

#pacSearch {
    background-color: rgba(34, 59, 116, 0.95);
    color: rgba(250, 250, 250, 0.75);
}

#pacLocate {
    background-color: rgb(203, 18, 16);
    color: rgba(250, 250, 250, 0.75)
}

#infoWindowHeader,
#infoWindowClose {
    color: rgba(34, 59, 116, 0.95);
    text-shadow: 0.5px 0.5px rgb(250, 250, 250), 1.5px 1.5px rgba(203, 18, 16, 0.8);
}

#infoWindowDescription {
    max-height: 6em;
    overflow-y: auto;
    margin-top: 0.5rem;
}

/* The address/date <h6>s use Bootstrap's .card-subtitle, which sets a
   negative top margin and zero bottom margin — that's what bunches the
   headings together. Restore vertical breathing room between them. */
#infoWindowContainer .card-subtitle {
    margin-top: 0;
    margin-bottom: 0.35rem;
}

/* Extra separation between the address heading and the date heading. */
#infoWindowDate {
    margin-top: 0.4rem;
}

/* Google's InfoWindow reserves a full-height header row (.gm-style-iw-chr)
   solely for its close button. Collapse the row and overlay the button so
   the card can use that space; pad the header so the title text clears it. */
.gm-style-iw-chr {
    height: 0;
}

.gm-style-iw-chr button {
    position: absolute !important;
    top: 0;
    right: 0;
}

#infoWindowContainer .card-header {
    padding-right: 2.5rem;
}

#infoWindowContainer {
    display: none;
}

#pacCard > div.row.p-2 > div:nth-child(1) {
    padding: 0 3px 0 0;
}

#pacCard > div.row.p-2 > div:nth-child(2) {
    padding: 0 0 0 3px;
}

.mapNav__span {
    background-color: white;
}

.mapNav__label {
    color: rgb(34, 59, 116);
    font-weight: 600;
    border-bottom: 3px solid;
    border-radius: 0;
    box-shadow: 0 1px white, 0 3px rgb(203, 18, 16);
}