.mkedt-map-container {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    max-width: 100vw !important;
}

.mapbox-load {
    display: flex;
}
.mapbox-load #mapbox-map {
    flex: 0 0 50%;
    height: 800px;
    width: 100%;
}
.mapbox-load .mapbox-listing-container {
    flex: 0 1 800px;
    padding: 60px;
}
.mapbox-load .mapbox-listing-container .mapbox-listing {
    max-height: 600px;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.mapbox-load .mapbox-listing-container .mapbox-listing .map-list-item {
    padding: 60px 40px;
    border: 1px solid #000000;
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.mapbox-load .mapbox-listing-container .mapbox-listing .map-list-item.active {
    border: 2px solid #000000;
}
.mapbox-load .mapbox-listing-container .mapbox-listing .map-list-item img {
    object-fit: contain;
    object-position: top;
}
.mapbox-load .mapbox-listing-container .mapbox-listing .map-list-item .address span {
    display: block;
}
.mapbox-load .mapbox-listing-container .mapbox-listing .map-list-item h3 {
    margin-top: 0px;
    margin-bottom: 10px;
}
.mapbox-load .mapbox-listing-container .mapbox-listing .location-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.mapbox-load .mapbox-listing-container .mapbox-listing .location-info .mkedt-btn-underline-primary {
    margin-bottom: 10px;
    display: inline-block;
}
.mapbox-load .mapbox-listing-container .mapbox-listing .location-info .description {
   margin-top: 20px;
}

@media screen and (max-width: 981px) {
    .mapbox-load {
        flex-direction: column;
    }
    .mapbox-load #mapbox-map,
    .mapbox-load #mapbox-map .mapboxgl-canvas-container,
    .mapbox-load #mapbox-map .mapboxgl-canvas {
        height: 400px;
    }
    .mapbox-load .mapbox-listing-container {
        padding: 20px;
        padding-top: 30px;
    }
}
.mapbox-load .filters {
    margin-bottom: 20px;
}
.mapbox-load .filters .filter {
	position: relative;
    margin-bottom: 10px;
}
.mapbox-load .filters .filter select {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	font-size: 14px;
	padding: 10px 30px 10px 10px;
    border: 1px solid #000000;
	border-radius: 0px;
	cursor: pointer;
	outline: none;
    height: 100%;
	color: #000000;
}
.mapbox-load .filters .filter::after {
	content: "";
	position: absolute;
	pointer-events: none;
	top: 50%;
	right: 10px;
	transform: translate(0, -50%);
	width: 12px;
	height: 12px;
	background-color: #000000;
	clip-path: polygon(50% 80%, 0 20%, 100% 20%);
}
.mapbox-load .filters .filter:hover select {
	color: var(--riverwalk-teal);
}
.mapbox-load .filters .filter:hover::after {
	background-color: var(--riverwalk-teal);
}
.mapbox-load #mapbox-map .mapboxgl-popup .mapboxgl-popup-content .mapboxgl-popup-close-button {
    font-size: 24px;
}
.mapbox-load #mapbox-map .mapboxgl-popup .mapboxgl-popup-content h3 {
    font-size: 24px;
    margin: 15px 0px;
}
.mapbox-load #mapbox-map .mapboxgl-popup .mapboxgl-popup-content p {
    margin-bottom: 0px;
}

/* Downtown Dining Specific */
.mapbox-load.mbt-downtown-dining-participants .mapbox-listing .map-list-item h3 {
    margin-bottom: 0px;
}
.mapbox-load.mbt-downtown-dining-participants .mapbox-listing-container .type {
    margin-bottom: 10px;
}

/* Bigger Map Images */
.mapbox-load.mbt-ornament-trail-location .mapbox-listing-container .mapbox-listing .map-list-item,
.mapbox-load.mbt-public-art-map-location .mapbox-listing-container .mapbox-listing .map-list-item,
.mapbox-load.mbt-investment-map-location .mapbox-listing-container .mapbox-listing .map-list-item {
    padding: 30px 30px;
    gap: 20px;
}
.mapbox-load.mbt-ornament-trail-location .mapbox-listing-container .mapbox-listing .map-list-item img,
.mapbox-load.mbt-public-art-map-location .mapbox-listing-container .mapbox-listing .map-list-item img,
.mapbox-load.mbt-investment-map-location .mapbox-listing-container .mapbox-listing .map-list-item img {
    max-width: 200px;
}