#map {
    width: 100%;
    height: 750px;
}

#map .maplibregl-popup-content {
    padding: 10px;
}
#map .maplibregl-popup-close-button {
    top: 8px;
    font-size: 25px;
}

#map div.popup-content {
}

#map div.popup-content h1 {
    font-size: 20px;
    padding: 0 20px;
}

#map div.popup-content p {
    line-height: 1.2;
    font-size: 14px;
}

#map div.popup-content-section:not(:last-of-type) {
    padding-bottom: 1em;
    border-bottom: 3px solid silver;
    margin-bottom: 1em;
}

#map div.popup-content a[role="button"].btn.btn-sm {
    font-size: 14px;
}

#listing-historicproperties .btn.btn-sm {
    font-size: 14px;
    font-family: 'Bebas Neue';
    box-shadow: none;
}

.btn.btn-primary, .btn.btn-primary[aria-expanded="true"], .btn.btn-primary[aria-pressed="true"], .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover {
    font-family: 'Bebas Neue';
    box-shadow: none;
    font-size: 20px;
}

#listing-historicproperties-table div.card.card-highlight {
    border-width: 3px;
    border-color: black;
}

#historicproperty-info-modal a[data-property-name="reportissues"] {
    font-size: 100%;
    border-radius: 5px;
    border: 2px solid #eaf2f6;
}
#historicproperty-info-modal button[data-bs-dismiss="modal"] {
    background-color: white;
}

/* Maplibre decision to set a fixed bg color for a hover effect; override to ours */
.maplibregl-ctrl button.btn-primary:not(:disabled):hover {
    background-color: #3386AE;
}

#mapcontrols-below-map div.maplibregl-ctrl {
    margin-bottom: 10px;
}
#mapcontrols-below-map .maplibre-control-historicpropertyinfo .maplibre-control-historicpropertyinfo-content {
    width: 100%;
    max-width: unset;
    min-width: unset;
    max-height: unset;
}
#mapcontrols-below-map .maplibre-control-jurisdictioninfo .maplibre-control-jurisdictioninfo-content {
    width: 100%;
    max-width: unset;
    min-width: unset;
}