/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.location-explorer {
	min-height: 800px;
	border: 0;
	border-top: 1px solid #D8C191;
	border-bottom: 1px solid #D8C191;
}

.location-explorer .acf-map {
	height: 100%;
	visibility: visible;
	margin: 0;
}

	@media (max-width: 991px) {
		.location-explorer .acf-map {
			min-height: 500px;
			border-bottom: 1px solid #D8C191;
		}
	}

	.location-explorer .acf-map .gm-style .gm-style-iw-c {
		width: 244px;
		background: #FFFFFF;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
	}

	.location-explorer .acf-map .gm-style .gm-style-iw-c:after {
		content: "";
		width: 20px;
		height: 20px;
		transform: rotate(-45deg);
		position: absolute;
		bottom: -10px;
		left: calc(50% - 10px);
		display: block;
		background: white;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
		z-index: -1;
	}

	.location-explorer .acf-map .gm-style .gm-style-iw-d {
		background: white;
	}

	.location-explorer .acf-map .gm-style .gm-style-iw-c .gm-style-iw-d+button[style] {
		background: rgba(255,255,255,0.5);
	}

	.gm-style-pbc[style] {
		display: none !important;
	}

	.location-explorer .marker__image {
		width: 100%;
		height: 115px;
		position: relative;
		display: block;
	}

		.location-explorer .marker__image img {
			position: absolute;
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}
	
	.location-explorer .acf-map .gm-style .gm-style-iw-c .marker__body {
		padding: 20px;
	}

	.location-explorer .marker__heading {
		margin: 0;
	}

	.location-explorer .marker__content {
		margin-top: 12px;
		color: #6E7872;
	}

		.location-explorer .marker__content :last-child {
			margin-bottom: 0;
		}

.location-explorer__title.h4 {
	margin-bottom: 45px;
}

.location-explorer__content {
	border-left: 1px solid #D8C191;
	height: 100%;
	padding: 40px 35px;
	position: relative;
	display: block;
	height: 800px;
	overflow-y: scroll;
}

@media (max-width: 991px) {
	.location-explorer__content {
		min-height: 420px;
	}
}

.location-explorer__accordion {
	position: relative;
	display: block;
}

	h6.card-header__title {
		margin-bottom: 25px;
		display: flex;
		width: 100%;
		align-items: center;
		cursor: pointer;
	}

		h6.card-header__title:after {
			margin-left: auto;
			transition: 0.2s all;
			content: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.218025 8.61846L0.925167 9.31455C1.09302 9.47978 1.36445 9.47978 1.53231 9.31455L8.00017 2.96182L14.468 9.31455C14.6359 9.47978 14.9073 9.47979 15.0752 9.31455L15.7823 8.61846C15.9502 8.45322 15.9502 8.18604 15.7823 8.0208L8.30374 0.659091C8.13588 0.493857 7.86445 0.493857 7.6966 0.659091L0.218025 8.0208C0.0501675 8.18604 0.0501674 8.45322 0.218025 8.61846V8.61846Z' fill='%23D8C191'/%3E%3C/svg%3E%0A");
			transform: rotate(-180deg);
	}
	
	h6.card-header__title.active:after {
		transform: rotate(0);
	}

	.location-explorer__accordion .card-body a {
		display: block;
		margin-bottom: 13px;
		color: #6E7872;
	}

.location-explorer__accordion .collapse {
	transition: 0.2s all;
}

.location-explorer__accordion .collapse:not(.show) {
	display: block;
	max-height: 0;
	overflow: hidden;
	height: 100%;
	opacity: 0;
}

.location-explorer__accordion .collapse.show {
	margin-bottom: 30px;
	max-height: 100%;
	opacity: 1;
}



.gm-style .gm-style-iw-c {
	border-radius: 0;
	padding: 0;
}
.gm-style .gm-style-iw-d[style] {
	overflow: hidden!important;
}