.mapboxgl-popup-wrapper							{ z-index: 4; }	
#successTimeoutAlert							{ min-width: 350px; }

#joinModal .pro-badge							{ font-size: 28px; vertical-align: -1px!important; }
#joinModal .modal-header						{ padding-bottom: 0; }

.map-page										{ width: 100%; height: 100%; overflow: hidden; background-color: var(--mdb-body-bg); box-sizing: border-box; }
.map-page.widget								{ height: 70vh; }
.map-page.fullscreen							{ position: absolute!important; top: 58px; right: 0px; bottom: 0px; left: 0px; height: calc(100% - 58px)!important; width: 100%; z-index: 2; }
.XXmap-page.fullscreen .map-list					{ padding: 0 10px 15px 15px; }
.XXmap-page.fullscreen .campground-boxes			{ padding-top: 15px;  display: none; }
.XXmap-page.fullscreen .campground-page, 
.XXmap-page.fullscreen .campsite-page 			{ display: none; }	
.XXmap-page.fullscreen .campgroundOverview:last-child { margin-bottom: 0; }

.map-page #map-background						{ position: absolute; top: 0; width: 100%; height: 100%; background-image: url('/images/backgrounds/map-background.jpg'); background-repeat: no-repeat; background-size: cover; }
.map-page #mapUpdating							{ display: none; position: absolute; top: 40px; left: 50%; text-align: center; background-color: rgba(255,255,255,.4); color: var(--perfectcamp-gray5); padding: 9px 20px; border-radius: 23px; transform: translateX(-50%); white-space: nowrap; }

.map-list										{ width: 420px; max-width: 420px; height: calc(100% - 40px); margin: 20px; padding: 10px 0; position: absolute; background-color: inherit; z-index: 3; border-radius: 15px; transform: translateX(-440px); box-shadow: 0 0 7px rgba(0,0,0,0.5); transition: .2s; }
.map-list .body									{ scroll-behavior: smooth; height: 100%; padding: 0 5px 0 10px; overflow-x: hidden; overflow-y: auto; }
.map-list .drag-icon							{ display: none; }
.map-list .show-hide							{ display: none; position: absolute; right: -19px; top: 50%; transform: translateY(-50%); cursor: pointer; background-color: white; padding: 13px 5px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 3px 0 3px rgba(0,0,0,0.2); }

/* custom scrollbar */
.map-list .body::-webkit-scrollbar 					{ width: 5px; }
.map-list .body::-webkit-scrollbar-track 			{ background-color: transparent; }
.map-list .body::-webkit-scrollbar-thumb 			{ background-color: transparent; }
@media (hover: hover) {
	.map-list .body:hover::-webkit-scrollbar-thumb		{ background-color: var(--perfectcamp-gray3); }
	.map-list .body::-webkit-scrollbar-thumb:hover 		{ background-color: var(--perfectcamp-gray4); }
}

.map-list .campgroundOverview					{ margin-bottom: 10px; cursor: pointer; border-radius: 8px; transition: opacity 300ms linear; background-image: url(/images/backgrounds/campground-background.png); }
.map-list .campgroundOverview .footer 			{ display: none; }
.map-list .nav-tabs .nav-link					{ --mdb-nav-tabs-link-padding-x: 10px; --mdb-nav-tabs-link-font-size: 20px; }
.map-list .nav-tabs-container					{ background-color: #FFFFFF; }
.map-list .nav-tabs-container .row				{ background-color: white; }
.map-list .nav-tabs-container .col				{ position: relative; text-align: center; height: 40px; font-size: 22px; border-bottom: 3px solid transparent; transition-duration: .5s; }
.map-list .nav-tabs-container .col.selected		{ border-bottom: 3px solid var(--mdb-blue); }
.map-list .sticky-top							{ background-color: white; }
.map-list .sticky-top .background				{ background-color: white; position: absolute; left: -15px; width: calc(100% + 30px); height: 100%; top: 0; z-index: -1; }
.map-list .badge-warning 						{ background-color: var(--perfectcamp-yellow); color: black; font-size: 12px; left: 37px; top: -5px; }
.map-list .image-thumbnail						{ width: 90px; height: 60px; }

.map-list .campground-boxes .sort-icon			{ cursor: pointer; }

.map-list .campground-page											{ display: none; }
.map-list .campground-page .btn-all-campgrounds						{ margin-bottom: 0; padding-bottom: 10px; }
.map-list .campground-page .btn-all-campgrounds.mobile				{ display: none; }
.map-list .campground-page .tab-content-calendar .calendar-table	{ width: 100%; box-sizing: border-box; border-collapse: separate; border-spacing: 0; }
.map-list .campground-page .tab-content-calendar th 				{ height: 56px; background-color: var(--mdb-body-bg); text-align: center; }
.map-list .campground-page .tab-content-calendar .calendar-table td	{ text-align: center; width: 12.5%; border: 1px solid var(--mdb-body-bg); }
.map-list .campground-page .tab-content-calendar .days .weekday 	{ font-size: 10px; text-transform: uppercase; margin-top: 18px; }
.map-list .campground-page .tab-content-calendar .days .day 		{ font-size: 12px; }
.map-list .campground-page .tab-content-calendar .campsite-number 	{ font-size: 10px; font-weight: bold; color: black; background-color: var(--perfectcamp-green2); border: 3px solid white; box-sizing: border-box; width: 28px; height: 28px;
																	border-radius: 14px; line-height: 24px; box-shadow: 1px 1px 3px rgba(0,0,0,0.6); margin-top: 0; cursor: pointer; 
																	}

.map-list .discussions .body					{ transition-duration: .5s; overflow: hidden; position: relative; padding-bottom: 10px; }
.map-list .discussions .pro-badge				{ margin-left: 3px; font-size: 14px; }
.map-list .discussions .indent 					{ margin-left: 47px; }
.map-list .discussions .username-div			{ color: var(--perfectcamp-gray4); font-size: 13px; }
.map-list .discussions .subject					{ font-weight: 500; color: var(--perfectcamp-gray7); }

.map-list .campsite-page .btn-campground-page.mobile						{ display: none; }
.map-list .campsite-page .campsite-overview									{ margin-bottom: 10px; }
.map-list .campsite-page .tab-content-calendar h5							{ text-align: center; }
.map-list .campsite-page .tab-content-calendar .month						{ border-spacing: 2px; border-collapse: separate; }
.map-list .campsite-page .tab-content-calendar .month th					{ width: 7%; font-size: 12px; height: 20px; }
.map-list .campsite-page .tab-content-calendar .month td					{ position: relative; padding: 7px 0 2px; font-size: 16px; text-align: center; }
.map-list .campsite-page .tab-content-calendar .month .day-label			{ position: absolute; top: 0px; left: 3px; font-size: 10px; font-weight: normal; color: var(--perfectcamp-gray4); }
.map-list .campsite-page .tab-content-calendar .month .empty .day-label,
.map-list .campsite-page .tab-content-calendar .month .status-r .day-label 	{ color: var(--perfectcamp-gray3); font-weight: normal; }
.map-list .campsite-page .tab-content-calendar .month .empty				{ background-color: var(--perfectcamp-gray1); }
.map-list .campsite-page .tab-content-calendar .month .holiday				{ display: inline-block; position: absolute; color: var(--perfectcamp-gray3) !important; font-size: 13px !important; top: 0; right: 4px !important; text-align: right; }
.map-list .campsite-page .tab-content-calendar .month .status-a .holiday,
.map-list .campsite-page .tab-content-calendar .month .status-ff .holiday	{ color: black!important; }
.map-list .campsite-page .tab-content-calendar .month .today				{ color: white; }

.marker-overview-box .line-item												{ margin-top: 4px; }
.marker-overview-box .icon													{ width: 26px; vertical-align: -7px; margin-right: 4px; }
.marker-overview-box .last-updated											{ position: absolute; bottom: 8px; right: 10px; }
.marker-overview-box .profile-pic											{ display: inline-block; float: none; vertical-align: -13px; filter: drop-shadow(1px 1px 1px var(--perfectcamp-gray6)); }

.map-list .marker-page .information .plus-code .fa-stack					{ top: -2px; left: -15px; font-size: 20px; }
.map-list .marker-page .information .plus-code .label						{ margin-left: 31px; }

	.tab-content-calendar										{ position: relative; }
	.tab-content-calendar .status-a,				
	.tab-content-calendar .status-ff							{ background-color: var(--perfectcamp-green2); font-weight: bold; color: black; }
	.tab-content-calendar .status-r,
	.tab-content-calendar .status-x								{ background-color: var(--perfectcamp-gray1); color: var(--perfectcamp-gray3); }
	.tab-content-calendar .status-a								{ cursor: pointer; }
	.tab-content-calendar .campsite-number.favorite				{ background-color: var(--perfectcamp-red); color: white; }
	.tab-content-calendar .cancellations						{ margin: 20px 0 0 0; }
	.tab-content-calendar .cancellations h2						{ margin-top: 0; }
	.tab-content-calendar .cancellations td:first-child			{ font-weight: bold; }
	.tab-content-calendar .cancellations .button-subscribe		{ display: inline-block; margin-top: 1em; }

	.tab-content-info											{ position: relative; }
	.tab-content-info .overview-box								{ box-shadow: none!important; }
	.tab-content-info .alert-accordion .accordion-item			{ --mdb-accordion-border-color: transparent; }
	.tab-content-info .alert-accordion .accordion-button		{ --mdb-accordion-border-color: transparent; --mdb-accordion-active-bg: var(--perfectcamp-yellow); --mdb-accordion-active-color: auto; }
	.tab-content-info .alert-accordion .accordion-button:not(.collapsed):after { background-image: var(--mdb-accordion-btn-icon); }
	.tab-content-info #campgroundAlertsContainer				{ margin-top: 0!important; background-color: var(--perfectcamp-yellow); }
	.tab-content-info #campgroundAlertsContainer .alert-body	{ padding: 15px; }
	.tab-content-info #campgroundAlertsContainer .alert-footer	{ padding: 15px; font-size: 12px; }
	.tab-content-info .information 								{ list-style-type: none; padding-left: 0; margin-top: 0; }
	.tab-content-info .information li 							{ padding: 5px 0; }
	.tab-content-info .information .dropdown-menu li			{ padding: 0; }
	.tab-content-info .information .icon 						{ margin-right: 6px; }
	.tab-content-info .information i.icon 						{ display: inline-block; vertical-align: middle; background-size: 100% auto; background-position: center; background-repeat: no-repeat; font-style: normal; position: relative; }
	.tab-content-info .information .copy-to-clipboard			{ cursor: pointer; }
	@media (hover: hover) {
		.tab-content-info .information .copy-to-clipboard:hover		{ opacity: 1!important; }
	}
	.tab-content-info .footnote 								{ font-size: 11px; font-weight: normal; color: var(--perfectcamp-gray3); }
	.tab-content-info .weather-card								{ margin: 10px 0; text-align: center; padding: 13px; }
	.tab-content-info .weather-card .fa-fw						{ font-size: 22px; width: 29px; }
	
	.tab-content-reviews										{ position: relative; }

	.tab-content-media											{ position: relative; }
	.tab-content-media a 										{ display: inline-block; transition: opacity 0.2s; }
	@media (hover: hover) {
		.tab-content-media a:hover 									{ opacity: 0.95; }
	}
	.tab-content-media .media-container 						{ width: 100%; display: table; margin: 0 auto; }
	.tab-content-media img 										{ width: 100%; vertical-align: bottom; }
	.tab-content-media .youtube-wrapper.virtual-tour			{ max-height: 219px; max-width: 410px; overflow: hidden; position: relative; }
	.tab-content-media .youtube-wrapper.virtual-tour .videoWrapper { margin-top: 0; }	
	.tab-content-media .youtube-wrapper.virtual-tour .campsite-number { background-color: rgba(0, 0, 0, .5); color: white; padding: 3px 10px; border-radius: 10px; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); z-index: 1; display: none; }

	.tab-content-discussions									{ position: relative; }

	.tab-content-speed-tests									{ position: relative; height: 100vh; }
	.tab-content-speed-tests .carrier							{ position: absolute; left: 125px; bottom: 12px; max-width: 50px; }
	.tab-content-speed-tests .speed-test-container				{ position: relative; width: 310px; display: inline-block; }
	.tab-content-speed-tests .speed-test-container .bars		{ position: absolute; top: -18px; left: 131px; font-size: 30px; --fa-primary-color: var(--perfectcamp-blue); }
	.tab-content-speed-tests .speed-test-container .download	{ position: absolute; left: 63px; bottom: 77px; font-size: 26px; color: var(--perfectcamp-gray3); }
	.tab-content-speed-tests .speed-test-container .upload		{ position: absolute; right: 71px; bottom: 77px; font-size: 26px; color: var(--perfectcamp-gray3); }
	.tab-content-speed-tests .speed-test-container canvas		{ margin-bottom: 18px; }
	.tab-content-speed-tests img.verizon						{ width: 48px; left: 130px; bottom: 19px; }
	.tab-content-speed-tests img.tmobile						{ width: 26px; left: 136px; bottom: 29px; }
	.tab-content-speed-tests img.att							{ width: 31px; left: 133px; bottom: 24px; }

	.tab-content-speed-tests .username-div						{ color: var(--perfectcamp-gray4); font-size: 13px; }
	.tab-content-speed-tests .profile-pic						{ float: unset; }
	.tab-content-speed-tests .left-col							{ float: left; width: 40px; text-align: center; }
	.tab-content-speed-tests .lntbadge							{ width: 27px; cursor: pointer; }
	.tab-content-speed-tests .indent 							{ margin-left: 47px; }
	.tab-content-speed-tests .parent							{ margin-top: 25px; }


.map-container										{ position: relative; height: 100%; width: 100%; }
.map-container .geo-coordinates 					{ display: none; position: absolute; left: 100px; bottom: 0; font-size: 12px; padding: 0 20px; opacity: .7; background-color: white; }
.map-container .auto-refresh						{ display: none; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); font-size: 12px; padding: 0 20px; opacity: .7; background-color: white; }

.map-container .btn-search							{ display: none; position: absolute; z-index: 3; top: 15px; left: 15px; width: 48px; height: 48px; border-radius: 24px; background-color: white; color: var(--perfectcamp-gray5); transition-duration: .3s; cursor: pointer; opacity: .7; }
.map-container .btn-search .autocomplete-loader		{ top: 13px; right: 12px; }
@media (hover: hover) {
	.map-container .btn-search:hover					{ opacity: 1; }
}
.map-container .btn-search .autocomplete			{ display: none; }
.map-container .btn-search .search-icon				{ position: absolute; left: 12px; top: 13px; font-size: 23px; }
.map-container .btn-search #search					{ height: 43px; margin: 3px 0 3px 37px; border: none; width: calc(100% - 61px); }
.map-container .btn-search #search:focus			{ outline: none!important; box-shadow: none!important; }
.map-container .btn-search .result img 				{ width: 17px; transform: translateY(-2px); margin-left: 1px; }
.map-container .fa-2x								{ font-size: 1.5em; }
.map-container .fa-1x								{ font-size: 1em; }

.map-container #upper-right-button-container								{ position: absolute; top: 15px; right: 10px; width: 60px; }
.map-container #upper-right-button-container .btn-map-add,
.map-container #upper-right-button-container .btn-map-filters,				
.map-container #upper-right-button-container .btn-toggle-fullscreen			{ display: none; color: var(--perfectcamp-gray5); transition-duration: .5s; cursor: pointer; }
.map-container #upper-right-button-container .icon-container				{ opacity: 0.7; }
@media (hover: hover) {
	.map-container #upper-right-button-container .icon-container:hover 			{ opacity: 1; }
}

.map-container .map-filter-badge					{ display: none; height: 22px; background-color: var(--perfectcamp-blue); position: absolute; left: 3px; bottom: -5px; font-size: 12px; line-height: 1em; padding: 5px 8px; border-radius: 11px; z-index: 1; color: white; opacity: 1; }
.map-filter-badge-tooltip img						{ width: 25px; }
.map-container .map-filter-summary					{ display: none; position: absolute; top: 17px; right: 81px; margin-left: 45px; background-color: rgba(255,255,255,.5); color: var(--perfectcamp-gray5); padding: 10px; border-radius: 10px; }
.map-container .map-filter-summary img				{ width: 20px; opacity: .7; }
.map-container .map-filter-summary .hide			{ cursor: pointer; }

.map-container .btn-improve-map						{ display: none; color: black; bottom: 9px; left: 50%; transform: translateX(-50%); }
@media (hover: hover) {
	.map-container .btn-improve-map:hover				{ opacity: 1!important; }
}

.map-container .mobile-carriers						{ display: none; position: absolute; top: 15px; left: 50%; transform: translateX(-50%); transition-duration: .5s; z-index: 3; }
.map-container .data-speed-legend					{ display: none; position: absolute; bottom: 40px; left: 50%;  transform: translateX(-50%); width: 200px; height: 20px; font-size: 11px; background-image: linear-gradient(to right, yellow , green); border: 1px solid lightgray; cursor: pointer; transition-duration: .5s; }
.map-container .data-speed-legend div				{ background-color: rgba(255,255,255,.5); position: absolute; }
.map-container .data-speed-legend .download-0		{ top: -19px; left: 0; }
.map-container .data-speed-legend .download-label	{ top: -19px; left: 50%; padding: 0 6px; transform: translateX(-50%); }
.map-container .data-speed-legend .download-25		{ top: -19px; right: 0; }
.map-container .data-speed-legend .upload-0			{ bottom: -19px; left: 0; }
.map-container .data-speed-legend .upload-label		{ bottom: -19px; left: 50%; padding: 0 6px; transform: translateX(-50%); }
.map-container .data-speed-legend .upload-5			{ bottom: -19px; right: 0; }

.map-container #airQualityLegend					{ display: none; cursor: pointer; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); }
.map-container #airQualityLegend td 				{ background-color: rgba(255,255,255,.5); }
.map-container #airQualityLegend .box				{ width: 23px; height: 23px; opacity: .9; display: inline-block; }
.map-container #airQualityLegend .green				{ background-color: #00e400; }
.map-container #airQualityLegend .yellow			{ background-color: yellow; }
.map-container #airQualityLegend .orange			{ background-color: orange; }
.map-container #airQualityLegend .red				{ background-color: red; }
.map-container #airQualityLegend .purple			{ background-color: purple; }
.map-container #airQualityLegend .maroon			{ background-color: maroon; }

.action-container .campsite-overview						{ cursor: pointer; }
.action-container .attribute-images img						{ cursor: pointer; max-width: 160px; max-height: 160px; }
.action-container .action-buttons .circular-icon			{ cursor: pointer; box-sizing: border-box; border-radius: 10px; width: 20px; height: 20px; margin: 0 auto; line-height: 20px; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 2px black; display: inline-block; }
.action-container .action-buttons .dump-icon				{ background-color: gray; color: white; }
.action-container .action-buttons .parking-icon				{ background-color: white; color: black; border: 2px solid black; text-shadow: none; line-height: 18px; }
.action-container .action-buttons .propane-icon				{ background-color: var(--perfectcamp-red); color: white; }
.action-container .action-buttons .water-icon				{ background-color: var(--perfectcamp-blue); color: white; }
.action-container .action-buttons .directions				{ font-size: 21px!important; top: -4px; color: var(--mdb-blue); }
.action-container .action-buttons .copy-gps-coordinates i,
.action-container .action-buttons .copy-plus-code i			{ font-size: 18px!important; top: -3px; }
.action-container .get-plus-code .fa-stack					{ font-size: 18px; top: -11px; left: -15px; }
.action-container .get-plus-code .spinner-border			{ width: 16px; height: 16px; }
.action-container .add-dispersed-campsite .tent-circle		{ background-color: var(--perfectcamp-green6); width: 26px; height: 26px; border-radius: 13px; top: -5px; border: 3px solid white; }
.action-container .add-dispersed-campsite .tent-circle img	{ width: 16px; height: 16px; left: 2px; top: 1px; }
.action-container .intro									{ font-size: 14px;  }

#actionModal .modal-body									{ padding: 0 0 1em 0!important; }
#actionModal .intro											{ margin-top: 0!important; }
#actionModal .action-buttons								{ box-shadow: none; }

#mapAddModal .tent-circle							{ position: relative; display: inline-block; background-color: var(--perfectcamp-green6); width: 20px; height: 20px; border-radius: 10px; vertical-align: text-bottom; margin-right: 7px; }
#mapAddModal .tent-circle img						{ position: absolute; width: 14px; height: 14px; left: 2px; top: 2px; z-index: 1; }
#mapAddModal .circular-icon							{ cursor: pointer; box-sizing: border-box; border-radius: 10px; width: 20px; height: 20px; margin-right: 7px; line-height: 20px; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 2px black; display: inline-block; vertical-align: text-bottom; }
#mapAddModal .dump-icon								{ background-color: gray; color: white; }
#mapAddModal .parking-icon							{ background-color: white; color: black; border: 2px solid black; text-shadow: none; line-height: 18px; }
#mapAddModal .propane-icon							{ background-color: var(--perfectcamp-red); color: white; }
#mapAddModal .water-icon							{ background-color: var(--perfectcamp-blue); color: white; }
#mapAddModal .find-my-location						{ width: 20px; }


#airQualityLegendModal								{ --mdb-modal-padding: 10px; }
#airQualityLegendModal td							{ padding: 10px; }
#airQualityLegendModal .green td					{ background-color: #00e400; }
#airQualityLegendModal .yellow td					{ background-color: yellow; }
#airQualityLegendModal .orange td					{ background-color: orange; }
#airQualityLegendModal .red td						{ background-color: red; color: white; }
#airQualityLegendModal .purple td					{ background-color: purple; color: white; }
#airQualityLegendModal .maroon td					{ background-color: maroon; color: white; }
#airQualityLegendModal .last-updated				{ font-size: 12px; }

#editMarkerModal .helper							{ font-size: 12px; color: var(--perfectcamp-gray3); }
#editMarkerModal .helper .highlight					{ color: var(--perfectcamp-gray5); }
#editMarkerModal .marker-property					{ margin-top: 1em; }
#editMarkerModal .marker-property .icon				{ width: 30px; height: 30px; }
#editMarkerModal .marker-property .fas				{ font-size: 19px; margin: 6px 0 0 5px; }

.popover											{ --mdb-popover-max-width: 300px; box-shadow: 0 2px 25px -5px rgba(0,0,0,.16),0 25px 21px -5px rgba(0,0,0,.1)!important; }
.popover .popover-arrow 							{ display: initial; }

.mapboxgl-popup 									{ max-width: 400px; font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: black; }

.map-popup											{ min-width: 350px; }
.map-popup .campgroundOverview .footer				{ display: none; }
.map-popup .campgroundOverview,
.map-popup .campsite-overview						{ border: 7px solid white; cursor: pointer; }
.map-popup h2										{ margin-top: 0; padding-right: 50px; font-size: 17px; font-weight: 500; }
.map-popup .directions								{ font-size: 15px; }
.map-popup .mapboxgl-popup-content 					{ min-width: 350px; }
.map-popup .ohv-popup,
.map-popup .store-popup,
.map-popup .marker-popup							{ z-index: 10; border: 7px solid white; padding: 10px; border-radius: 8px; min-width: 350px; cursor: pointer; }
.map-popup .marker-popup .content					{ padding: 0; padding-top: 38px; }

.map-popup .ohv-popup .miles						{ position: absolute; text-align: center; background-color: var(--perfectcamp-green5); color: white; right: 0; top: 0; padding: 5px 10px; border-top-right-radius: 8px; }
.map-popup .ohv-popup .icon							{ font-size: 18px; }
.map-popup .ohv-popup .footer						{ font-size: 9px; margin-top: 11px; line-height: 1em; color: var(--perfectcamp-gray3); }

/* dark theme */
@media (hover: hover) {
	.theme-dark .map-list .body:hover::-webkit-scrollbar-thumb		{ background-color: var(--perfectcamp-gray4); }
	.theme-dark .map-list .body::-webkit-scrollbar-thumb:hover 		{ background-color: var(--perfectcamp-gray3); }
}
.theme-dark .map-container .show-hide							{ background-color: var(--mdb-body-bg); }
.theme-dark .note												{ color: inherit; background-color: var(--perfectcamp-gray5); }

@media screen and (max-width: 768px) {
	.map-page 									{ display: block!important; }
	.map-list			 						{ z-index: 4; margin: 10px 0 0 0; width: 100%; max-width: 450px; bottom: 0; left: 50%; height: 0; transform: translate(-50%, 20px); border-radius: 12px 12px 0 0; background: #fff; box-shadow: 0 0 6px 2px rgba(0,0,0,.1); transition: 0.4s ease; }
	.map-list .badge-warning					{ top: 15px; }
	.XXXmap-list.show								{ transform: translate(-50%, 0); }
	.map-list .body 							{ padding: 0 10px 20px 10px; }
	.map-list .body::-webkit-scrollbar 			{ width: 0; }
	.map-list.dragging 							{ transition: none; }
	.map-list.fullscreen 			 			{ border-radius: 0; overflow-y: hidden; }
	.map-list .drag-icon 						{ display: block; cursor: grab; user-select: none; padding: 5px 0 17px 0; }
	.map-list .drag-icon span 					{ height: 4px; width: 40px; display: block; background: #C7D0E1; border-radius: 50px; margin: 0 auto; }
	.map-list .campground-boxes .sticky-top		{ position: relative!important; }
	.map-list .btn-all-campgrounds.mobile		{ display: inline-block!important; margin: 0; padding: 0; position: absolute; left: 10px; top: 6px; width: 28px; height: 28px; border-radius: 14px; text-align: center; color: var(--perfectcamp-gray4); background-color: var(--perfectcamp-gray2); }
	.map-list .btn-all-campgrounds.mobile .fal	{ vertical-align: -1px; }
	.map-list .btn-campground-page.mobile		{ display: inline-block!important; margin: 0; padding: 0; position: absolute; left: 10px; top: 6px; width: 28px; height: 28px; border-radius: 14px; text-align: center; color: var(--perfectcamp-gray4); background-color: var(--perfectcamp-gray2); }
	.map-list .btn-campground-page.mobile .fal	{ vertical-align: -1px; }

	.map-list .button-container					{ display: none; }
	.map-list .campground-page .sticky-top		{ width: calc(100% + 4px); transform: translate(-2px, -2px); }
	.lnt-modal .modal-body img 					{ width: 130px; }

	

	#improveModal .nav-tabs a span				{ display: none; }

}
@media screen and (max-width: 576px) {
	.map-list	{ padding-right: 0; }
}
@media screen and (min-width: 576px) {
	.map-list .campgroundOverview:last-child { margin-bottom: 0; }
}
@media screen and (min-width: 830px) {
	.map-container .geo-coordinates { display: block; }
}