/* Variables */
:root {
	/* Note: Keep --map-area-bg consistent with the map's water color. */
	--map-area-bg: #cbcbcb;
}

/* Typography */

.apregoar-title {
	font-size: 22px;
	font-weight: 500;
}

.apregoar-subtitle {
	font-size: 12px;
	font-weight: 500;
}

/* Media queries */
.desktop-only {
	display: none;
}

@media only screen and (min-width: 1200px) {
	.desktop-only {
		display: revert;
	}
}

/* Containers */

.apregoar-sidebar-elements.active {
	display: block !important;
}

.apregoar-row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
	justify-content: space-between;
	margin-bottom: 20px;
	width: 100%;
}

/* Map */

.apregoar-map {
	width: 100%;
	height: 330px;
}

.apregoar-map .leaflet-tile-pane {
	filter: grayscale(1);
}

.apregoar-map .apregoar-popup-list {
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 10px;
}

.apregoar-map .apregoar-popup-list li {
	margin: 0;
}

.apregoar-map .apregoar-popup-list a {
	cursor: pointer;
}

.apregoar-map .apregoar-spaced {
	margin-top: 20px;
}

.apregoar-map .leaflet-popup-content {
	font-size: 13px !important;
}

/* Icons */

.apregoar-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 24px;
	width: 24px;
}

.apregoar-icon.s,
.apregoar-btn.s .apregoar-icon,
.apregoar-tab .apregoar-icon {
	height: 16px;
	width: 16px;
}

.apregoar-icon-pinpoint {
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_181_9979)'%3E%3Cpath d='M6.375 8.49988C6.375 9.06346 6.59888 9.60397 6.9974 10.0025C7.39591 10.401 7.93641 10.6249 8.5 10.6249C9.06358 10.6249 9.60409 10.401 10.0026 10.0025C10.4011 9.60397 10.625 9.06346 10.625 8.49988C10.625 7.93629 10.4011 7.39579 10.0026 6.99728C9.60409 6.59876 9.06358 6.37488 8.5 6.37488C7.93641 6.37488 7.39591 6.59876 6.9974 6.99728C6.59888 7.39579 6.375 7.93629 6.375 8.49988Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.83203 8.4998C2.83203 10.0027 3.42905 11.444 4.49176 12.5067C5.55447 13.5694 6.9958 14.1665 8.4987 14.1665C10.0016 14.1665 11.4429 13.5694 12.5056 12.5067C13.5683 11.444 14.1654 10.0027 14.1654 8.4998C14.1654 6.9969 13.5683 5.55556 12.5056 4.49286C11.4429 3.43015 10.0016 2.83313 8.4987 2.83313C6.9958 2.83313 5.55447 3.43015 4.49176 4.49286C3.42905 5.55556 2.83203 6.9969 2.83203 8.4998Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 1.4165V2.83317' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 14.1665V15.5832' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.168 8.49988H15.5846' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.41797 8.49988H2.83464' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_181_9979'%3E%3Crect width='17' height='17' fill='black'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.apregoar-icon-star {
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.66657 12.6948L5.04658 14.5915C4.93915 14.6474 4.8183 14.6724 4.69751 14.6636C4.57672 14.6548 4.46076 14.6126 4.36256 14.5417C4.26436 14.4708 4.1878 14.374 4.14142 14.2622C4.09504 14.1503 4.08067 14.0277 4.09991 13.9082L4.79158 9.88984L1.86324 7.04484C1.77584 6.96034 1.71395 6.85297 1.68464 6.73498C1.65534 6.617 1.6598 6.49315 1.69751 6.37758C1.73523 6.26201 1.80467 6.15937 1.89793 6.08138C1.99118 6.00339 2.10449 5.95318 2.22491 5.9365L6.27158 5.34984L8.08157 1.69484C8.1357 1.58598 8.21914 1.49438 8.32249 1.43035C8.42584 1.36632 8.545 1.3324 8.66657 1.3324C8.78815 1.3324 8.90731 1.36632 9.01066 1.43035C9.11401 1.49438 9.19744 1.58598 9.25157 1.69484L11.0616 5.34984L15.1082 5.9365C15.2283 5.95377 15.3411 6.0043 15.434 6.08237C15.5268 6.16043 15.596 6.26292 15.6336 6.37824C15.6713 6.49356 15.6759 6.61711 15.6469 6.73491C15.618 6.85271 15.5567 6.96007 15.4699 7.04484L12.5416 9.88984L13.2316 13.9065C13.2523 14.0263 13.239 14.1495 13.1932 14.2621C13.1474 14.3747 13.071 14.4722 12.9726 14.5435C12.8741 14.6149 12.7577 14.6572 12.6364 14.6657C12.5152 14.6741 12.394 14.6484 12.2866 14.5915L8.66657 12.6948Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.apregoar-icon-danger {
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_181_9809)'%3E%3Cpath d='M8.5 6.37488V9.20821' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.34043 2.54347L1.59868 12.1301C1.48031 12.335 1.41768 12.5674 1.417 12.8041C1.41632 13.0408 1.47762 13.2736 1.59481 13.4792C1.712 13.6849 1.88099 13.8563 2.08498 13.9764C2.28896 14.0964 2.52082 14.161 2.75751 14.1637H14.2424C14.479 14.161 14.7108 14.0964 14.9146 13.9763C15.1185 13.8563 15.2874 13.685 15.4046 13.4794C15.5218 13.2739 15.5831 13.0412 15.5825 12.8046C15.5819 12.5681 15.5195 12.3357 15.4013 12.1308L9.65951 2.54277C9.53871 2.34337 9.36853 2.1785 9.16541 2.06407C8.96229 1.94964 8.7331 1.88953 8.49997 1.88953C8.26684 1.88953 8.03764 1.94964 7.83453 2.06407C7.63141 2.1785 7.46123 2.34337 7.34043 2.54277V2.54347Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 11.3332H8.50708' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_181_9809'%3E%3Crect width='17' height='17' fill='black'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.apregoar-icon-search {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_181_9830)'%3E%3Cpath d='M2.625 7.58333C2.625 8.23447 2.75325 8.87923 3.00243 9.48081C3.25161 10.0824 3.61684 10.629 4.07726 11.0894C4.53769 11.5498 5.08429 11.9151 5.68586 12.1642C6.28743 12.4134 6.9322 12.5417 7.58333 12.5417C8.23447 12.5417 8.87923 12.4134 9.48081 12.1642C10.0824 11.9151 10.629 11.5498 11.0894 11.0894C11.5498 10.629 11.9151 10.0824 12.1642 9.48081C12.4134 8.87923 12.5417 8.23447 12.5417 7.58333C12.5417 6.9322 12.4134 6.28743 12.1642 5.68586C11.9151 5.08429 11.5498 4.53769 11.0894 4.07726C10.629 3.61684 10.0824 3.25161 9.48081 3.00243C8.87923 2.75325 8.23447 2.625 7.58333 2.625C6.9322 2.625 6.28743 2.75325 5.68586 3.00243C5.08429 3.25161 4.53769 3.61684 4.07726 4.07726C3.61684 4.53769 3.25161 5.08429 3.00243 5.68586C2.75325 6.28743 2.625 6.9322 2.625 7.58333Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.25 15.25L11 11' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_181_9830'%3E%3Crect width='17' height='17' fill='black' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.apregoar-icon-calendar {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_181_585)'%3E%3Cpath d='M2.66602 4.66659C2.66602 4.31296 2.80649 3.97382 3.05654 3.72378C3.30659 3.47373 3.64573 3.33325 3.99935 3.33325H11.9993C12.353 3.33325 12.6921 3.47373 12.9422 3.72378C13.1922 3.97382 13.3327 4.31296 13.3327 4.66659V12.6666C13.3327 13.0202 13.1922 13.3593 12.9422 13.6094C12.6921 13.8594 12.353 13.9999 11.9993 13.9999H3.99935C3.64573 13.9999 3.30659 13.8594 3.05654 13.6094C2.80649 13.3593 2.66602 13.0202 2.66602 12.6666V4.66659Z' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.666 2V4.66667' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.33398 2V4.66667' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.66602 7.33325H13.3327' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_181_585'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.apregoar-icon-user {
	background-image: url("data:image/svg+xml,%3Csvg class='svg-icon' style='width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M843.282963 870.115556c-8.438519-140.515556-104.296296-257.422222-233.908148-297.14963C687.881481 536.272593 742.4 456.533333 742.4 364.088889c0-127.241481-103.158519-230.4-230.4-230.4S281.6 236.847407 281.6 364.088889c0 92.444444 54.518519 172.183704 133.12 208.877037-129.611852 39.727407-225.46963 156.634074-233.908148 297.14963-0.663704 10.903704 7.964444 20.195556 18.962963 20.195556l0 0c9.955556 0 18.299259-7.774815 18.962963-17.73037C227.745185 718.506667 355.65037 596.385185 512 596.385185s284.254815 122.121481 293.357037 276.195556c0.568889 9.955556 8.912593 17.73037 18.962963 17.73037C835.318519 890.311111 843.946667 881.019259 843.282963 870.115556zM319.525926 364.088889c0-106.287407 86.186667-192.474074 192.474074-192.474074s192.474074 86.186667 192.474074 192.474074c0 106.287407-86.186667 192.474074-192.474074 192.474074S319.525926 470.376296 319.525926 364.088889z' /%3E%3C/svg%3E");
}

.apregoar-icon-marker {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Layer_1' style='enable-background:new 0 0 91 91;' version='1.1' viewBox='0 0 91 91' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Cpath d='M66.9,41.8c0-11.3-9.1-20.4-20.4-20.4c-11.3,0-20.4,9.1-20.4,20.4c0,11.3,20.4,32.4,20.4,32.4S66.9,53.1,66.9,41.8z M37,41.4c0-5.2,4.3-9.5,9.5-9.5c5.2,0,9.5,4.2,9.5,9.5c0,5.2-4.2,9.5-9.5,9.5C41.3,50.9,37,46.6,37,41.4z'/%3E%3C/g%3E%3C/svg%3E");
}

.apregoar-icon-plus {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' width='800px' height='800px' viewBox='-3 0 19 19' xmlns='http://www.w3.org/2000/svg' class='cf-icon-svg'%3E%3Cpath d='M12.711 9.182a1.03 1.03 0 0 1-1.03 1.03H7.53v4.152a1.03 1.03 0 0 1-2.058 0v-4.152H1.318a1.03 1.03 0 1 1 0-2.059h4.153V4.001a1.03 1.03 0 0 1 2.058 0v4.152h4.153a1.03 1.03 0 0 1 1.029 1.03z'/%3E%3C/svg%3E");
}

.apregoar-icon-caret-left,
.apregoar-icon-caret-up,
.apregoar-icon-caret-right,
.apregoar-icon-caret-down {
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 1L1.5 6L6.5 11' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.apregoar-icon-caret-up {
	transform: rotate(90deg);
}

.apregoar-icon-caret-right {
	transform: rotate(180deg);
}

.apregoar-icon-caret-down {
	transform: rotate(270deg);
}

.apregoar-powered-by {
	align-content: center;
	background-image: url("../../assets/img/logo-black.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: flex;
	height: 45px;
	font-size: 12px;
	justify-content: center;
	margin-left: 40px;
	transition: all 0.5s;
	width: 100px;
}

.apregoar-powered-by a {
	display: block;
	height: 100%;
	width: 100%;
}

/* Buttons and tabs */

.apregoar-btn,
.apregoar-tab {
	align-items: center;
	background-color: #000 !important;
	border-radius: 24px;
	border: 0;
	color: #fff !important;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	font-weight: 600px;
	gap: 8px;
	justify-content: center;
	padding: 12px;
	text-align: center;
	transition:
		background-color 0.25s,
		color 0.25s;
	width: fit-content;
}

.apregoar-btn.s,
.apregoar-tab {
	border-radius: 16px;
	font-size: 12px;
	padding: 8px 12px;
}

.apregoar-btn:not(.apregoar-btn-inverted) .apregoar-icon,
.apregoar-tab .apregoar-icon {
	filter: invert(1);
}

.apregoar-btn[disabled] {
	opacity: 0.5;
	pointer-events: none;
}

.apregoar-tab {
	border-radius: 5px 5px 0 0;
	box-shadow: 0 4px 27px 0 #00000040;
	padding: 8px;
}

.apregoar-tab-v {
	border-radius: 0 5px 5px 0;
	writing-mode: vertical-rl;
	text-orientation: sideways;
	transform: rotate(180deg);
}

.apregoar-tab-v .apregoar-icon {
	transform: rotate(180deg);
}

.apregoar-sidebar-show {
	display: none;
}

.apregoar-sidebar-show.active {
	display: flex;
}

.apregoar-btn.inverted,
.apregoar-tab.inverted {
	background-color: #fff !important;
	color: #000 !important;
}

.apregoar-btn.inverted .apregoar-icon,
.apregoar-tab.inverted .apregoar-icon {
	filter: none;
}

.apregoar-switch {
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 20px;
	display: flex;
	position: relative;
}

.apregoar-option-switch {
	align-items: center;
	border-radius: 20px;
	cursor: pointer;
	display: flex;
	font-size: 16px;
	height: 40px;
	justify-content: center;
	position: relative;
	text-align: center;
	transition:
		background-color 0.25s,
		color 0.25s;
	width: 50%;
}

.apregoar-option-switch.active {
	background-color: #000;
	color: #fff;
}

.apregoar-option-switch[disabled] {
	opacity: 0.5;
	pointer-events: none;
}

.apregoar-btn-two-state:not(.active) {
	background-color: #fff;
	color: #000;
	text-decoration: underline;
}

.apregoar-btn-two-state:not(.active) .apregoar-icon {
	filter: none;
}

.apregoar-btn-inverted {
	background-color: #fff !important;
	border: 1px solid #000 !important;
	color: #000 !important;
}

/* Inputs */

.apregoar-input-container {
	align-items: center;
	display: flex;
	flex-grow: 1;
	font-size: 12px;
	position: relative;
}

.apregoar-input-container label {
	background-color: #fff;
	left: 18px;
	line-height: normal;
	padding: 0 3px;
	position: absolute;
	top: -7px;
	z-index: 401;
}

.apregoar-input-container input:not([type="checkbox"]),
.apregoar-input-container select {
	background-color: #fff;
	border: 1px solid #b8b8b8;
	border-radius: 5px !important;
	font-size: 12px;
	height: 40px;
	padding: 0 20px !important;
	width: 100%;
}

.apregoar-input-container input[type="date"],
.apregoar-input-container select {
	cursor: pointer;
}

.apregoar-input-container input[type="checkbox"] {
	cursor: pointer;
	position: absolute;
	top: -6px;
	right: 25px;
}

/* Results */

.apregoar-results-header {
	align-items: center;
	display: flex;
	font-size: 12px;
	font-weight: 500;
	justify-content: space-between;
	margin-bottom: 15px;
	width: 100%;
}

.apregoar-results-sorting {
	align-items: center;
	display: flex;
	gap: 4px;
	cursor: pointer;
	font-weight: 300;
}

.apregoar-results-sorting .apregoar-icon {
	width: 12px;
	height: 12px;
}

.apregoar-results-wrapper {
	display: none;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%;
}

.apregoar-results-wrapper.active {
	display: flex;
}

.apregoar-results {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
	width: 100%;
}

.apregoar-result {
	border-top: 1px solid #b8b8b8;
	padding: 15px 0;
	position: relative;
	width: 100%;
}

.apregoar-result.active,
.apregoar-result-highlight {
	border: 0;
	margin: 15px 0;
	outline: 2px solid #b8b8b8;
	outline-offset: 15px;
	padding: 0;
}

.apregoar-result-highlight-tag {
	align-items: center;
	background-color: #000;
	border-radius: 14px;
	color: #fff;
	display: flex;
	height: 26px;
	font-size: 12px;
	gap: 8px;
	padding: 0 10px;
	position: absolute;
	text-transform: uppercase;
	top: -26px;
	right: 0;
}

.apregoar-result-highlight-tag .apregoar-icon {
	height: 12px;
	width: 12px;
	filter: invert(1);
}

.apregoar-result-title {
	align-items: center;
	display: flex;
	font-size: 16px;
	font-weight: 500;
	gap: 10px;
}

.apregoar-result-title img {
	display: none;
	height: 54px;
	width: 54px;
}

.apregoar-result-title img.active {
	display: block;
}

.apregoar-result-content {
	font-size: 12px;
	margin-top: 15px;
}

.apregoar-result-info {
	align-items: center;
	display: none;
	gap: 5px;
}

.apregoar-result-info.active {
	display: flex;
}

.apregoar-result-info .apregoar-icon {
	height: 16px;
	width: 16px;
}

.apregoar-result-description {
	margin-top: 8px;
}

.apregoar-result-tags {
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 8px;
	margin-top: 15px;
	text-transform: uppercase;
}

.apregoar-result-tags > * {
	cursor: pointer;
	display: block;
}

.apregoar-result-actions {
	display: flex;
	gap: 8px;
	margin-top: 8px;
}

.apregoar-result-actions .apregoar-cta-story {
	display: none;
}

.apregoar-result-actions .apregoar-cta-story.active {
	display: flex;
}

.apregoar-no-results {
	display: none;
	font-size: 14px;
}

.apregoar-no-results.active {
	display: flex;
	flex-direction: column;
}

.apregoar-results-list-actions {
	border-top: 1px solid #b8b8b8;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	padding-top: 15px;
}

.apregoar-results-list-actions:not(.active) {
	display: none;
}

.apregoar-explore .apregoar-results-list-actions {
	margin-bottom: 50px;
}

/* Loading */
@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.apregoar-loading {
	align-items: center;
	display: flex;
	font-size: 32px;
	height: 55px;
	justify-content: center;
	position: relative !important;
	visibility: hidden;
}

.apregoar-loading::after {
	animation: spin 0.5s linear infinite;
	color: #000;
	content: "⟳";
	display: block;
	visibility: visible;
	position: absolute;
}

.apregoar-load-more-overview-map.apregoar-loading::after {
	margin-top: 28px;
	font-size: 36px;
}

/* Sidebar and post map */

.apregoar-sidebar-toggles {
	display: flex;
	flex-direction: column-reverse;
	gap: 10px;

	/* Setting 'right' to 0 doesn't work properly with the tabs' vertical orientation. */
	left: calc(100% - 34px);

	position: fixed;
	top: 140px;
	z-index: 401;
}

.apregoar-sidebar {
	background-color: #fff;
	box-shadow: 0 20px 25px 0 #00000040;
	height: 100vh;
	position: fixed;
	right: -100vw;
	transition:
		right 0.5s,
		width 0.5s;
	width: 100%;
	z-index: 1001;
}

@media only screen and (min-width: 1200px) {
	.apregoar-sidebar {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		right: -410px;
		width: 410px;
	}
}

.apregoar-sidebar.active {
	right: 0;
}

.apregoar-sidebar-story-area {
	background-color: var(--map-area-bg);
	transition: width 0.5s;
	width: 100%;
}

@media only screen and (min-width: 1200px) {
	.apregoar-sidebar-story-area {
		width: 410px;
	}
}

.apregoar-sidebar-top {
	align-items: center;
	background-color: #fff;
	display: flex;
	height: 60px;
	justify-content: space-between;
	padding: 20px;
	width: 100%;
}

@media only screen and (min-width: 1200px) {
	.apregoar-sidebar-top {
		background-color: transparent;
		height: auto;
		position: absolute;
		top: 0;
		z-index: 401;
	}
}

.apregoar-sidebar-top .apregoar-powered-by {
	align-content: center;
	background-color: #fff;
	background-image: url("../../assets/img/logo-blue.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 4px;
	display: flex;
	height: 45px;
	font-size: 12px;
	justify-content: center;
	margin-left: 40px;
	transition: all 0.5s;
	width: 100px;
}

.apregoar-sidebar-top .apregoar-powered-by a {
	display: block;
	height: 100%;
	width: 100%;
}

.apregoar-sidebar-top .apregoar-sidebar-hide {
	align-items: center;
	cursor: pointer;
	display: flex;
	font-size: 12px;
	gap: 8px;
	height: 30px;
}

@media only screen and (min-width: 1200px) {
	.apregoar-sidebar-top .apregoar-sidebar-hide {
		display: none;
	}
}

.apregoar-sidebar-top .apregoar-sidebar-hide .apregoar-icon {
	height: 12px;
	width: 12px;
}

.apregoar-sidebar-top-actions {
	display: flex;
	gap: 10px;
	position: absolute;
	top: 70px;
	right: 20px;
	z-index: 401;
}

.apregoar-sidebar-btn-search {
	display: none;
}

.apregoar-sidebar-btn-search.active {
	display: flex;
}

@media only screen and (min-width: 1200px) {
	.apregoar-sidebar-btn-explore {
		display: none;
	}

	.apregoar-sidebar-btn-search {
		position: static;
	}

	.apregoar-sidebar-top-actions {
		top: auto;
	}
}

.apregoar-sidebar-map {
	background-color: var(--map-area-bg);
	height: calc(100vh - 50px);
	transition:
		height 0.5s,
		opacity 0.5s,
		width 0.5s;
	width: 100%;
}

@media only screen and (min-width: 1200px) {
	.apregoar-sidebar-map {
		height: 100vh;
	}

	.apregoar-sidebar.has-happenings .apregoar-sidebar-map {
		/* If you change this height, change the one for .apregoar-explore. */
		height: 374px;
	}
}

.apregoar-sidebar .leaflet-bottom.leaflet-right {
	font-family: Arial;
	font-size: 11px;
	transition: all 0.5s;
}

.apregoar-sidebar .leaflet-control-container {
	height: 100%;
}

.apregoar-sidebar .leaflet-bottom.leaflet-right {
	bottom: 10px;
}

.apregoar-sidebar .apregoar-sidebar-map a[href="https://www.maptiler.com"]
{
	bottom: 14px !important;
}

@media only screen and (min-width: 1200px) {
	.apregoar-sidebar .apregoar-sidebar-map a[href="https://www.maptiler.com"]
	{
		bottom: -2px !important;
	}

	.apregoar-sidebar .leaflet-bottom.leaflet-right,
	.apregoar-sidebar.has-happenings .leaflet-bottom.leaflet-right {
		bottom: 0;
	}
}

.apregoar-explore,
.apregoar-filters-area {
	align-items: center;
	background: #fff;
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow-y: auto;
	padding: 0 30px 150px;
	margin-top: 70px;
	position: absolute;
	transition:
		opacity 0.5s,
		visibility 0.5s;
	opacity: 0;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: 1002;
}

.apregoar-explore.active,
.apregoar-filters-area.active {
	opacity: 1;
	visibility: visible;
}

@media only screen and (min-width: 1200px) {
	.apregoar-explore,
	.apregoar-filters-area {
		margin-top: 0;
		opacity: 1;
		position: static !important;
		visibility: visible;
	}

	.apregoar-explore {
		border-radius: 0;
		box-shadow: none;

		/* Height of the screen minus the map height. */
		height: calc(100vh - 374px);

		margin-top: 0;
		overflow-y: scroll;
		padding-bottom: 0;
	}

	.apregoar-filters-area {
		border-radius: 0;
		box-shadow: none;
		display: flex;
		margin-top: 0;
		padding: 0;
	}
}

.apregoar-explore .apregoar-explore-header,
.apregoar-filters-area .apregoar-filters-header {
	align-items: center;
	background-color: #fff;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 15px;
	height: 70px;
	justify-content: center;
	padding: 0 30px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 402;
}

/* Fix for logged in admins. */
.admin-bar .apregoar-explore .apregoar-explore-header,
.admin-bar .apregoar-filters-area .apregoar-filters-header {
	top: 46px;
}

@media only screen and (min-width: 783px) {
	/* Fix for logged in admins. */
	.admin-bar .apregoar-explore .apregoar-explore-header,
	.admin-bar .apregoar-filters-area .apregoar-filters-header {
		top: 32px;
	}
}

/* Close button for Explore and Filters headers. */
.apregoar-explore .apregoar-explore-header::after,
.apregoar-filters-area .apregoar-filters-header::after {
	align-items: center;
	background-color: #000;
	border-radius: 50%;
	color: #fff;
	content: "×";
	cursor: pointer;
	display: flex;
	font-size: 24px;
	justify-content: center;
	height: 24px;
	padding-bottom: 3px;
	position: absolute;
	right: 30px;
	width: 24px;
}

@media only screen and (min-width: 1200px) {
	.apregoar-explore .apregoar-explore-header,
	.apregoar-filters-area .apregoar-filters-header {
		cursor: revert;
		padding: revert;
		position: relative;
	}

	.admin-bar .apregoar-explore .apregoar-explore-header,
	.admin-bar .apregoar-filters-area .apregoar-filters-header {
		top: 0;
	}

	.apregoar-explore .apregoar-explore-header {
		pointer-events: none;
	}

	/* Close buttons for Explore and Filters headers. */
	.apregoar-explore .apregoar-explore-header::after,
	.apregoar-filters-area .apregoar-filters-header::after {
		display: none;
	}

	/* Close button for Filters header. */
	.apregoar-sidebar.has-happenings .apregoar-filters-area .apregoar-filters-header::after {
		display: flex;
		right: 0;
	}
}

.apregoar-explore .apregoar-title {
	line-height: normal;
	padding: 0 30px;
	text-align: center;
}

@media only screen and (min-width: 1200px) {
	.apregoar-explore .apregoar-title {
		margin: 24px 0;
	}
}

.apregoar-explore .apregoar-switch {
	margin: 0 0 30px;
	width: 100%;
}

.apregoar-btn-toggle-locations {
	display: none;
}

.apregoar-btn-toggle-locations.active {
	display: flex;
}

.apregoar-sidebar-hide-desktop {
	border-radius: 5px 0 0 5px;
	box-shadow: 0 0 20px 0 #00000030;
	display: none;
	left: 0;
	padding-left: 8px 5px;
	position: absolute;
	top: 150px;
	z-index: 1004;
}

@media only screen and (min-width: 1200px) {
	.apregoar-sidebar-hide-desktop {
		display: flex;
	}

	.apregoar-btn-close-container {
		display: none;
	}
}

.apregoar-sidebar-hide-desktop .apregoar-icon {
	transform: rotate(0deg);
}

/* Changes related to active filters */
@media only screen and (min-width: 1200px) {
	.apregoar-sidebar.filters-active {
		width: calc(100vw - 50px);
	}
	.apregoar-sidebar.filters-active .apregoar-filters-area {
		width: 790px;
	}
	.apregoar-sidebar.filters-active .apregoar-sidebar-story-area {
		width: calc(100vw - 790px - 50px);
	}
	.apregoar-sidebar.filters-active .apregoar-sidebar-map {
		height: 100vh;
		width: 100%;
	}
	.apregoar-sidebar.filters-active .apregoar-powered-by {
		margin-left: 30px;
	}
	.apregoar-sidebar.filters-active .apregoar-explore {
		height: 0;
	}
}

/* Filters area */

.apregoar-filters-area {
	overflow-y: auto;
	overflow-x: hidden;
}

@media only screen and (min-width: 1200px) {
	.apregoar-filters-area {
		position: relative;
		width: 0;
	}
}

.apregoar-filters-area.active {
	z-index: 1003;
}

.apregoar-filters-inner {
	align-items: center;
	display: flex;
	flex-direction: column;
}

@media only screen and (min-width: 1200px) {
	.apregoar-filters-inner {
		padding: 30px 30px 30px 50px;
		width: 790px;
	}
}

.apregoar-filters-header {
	text-align: center;
}

.apregoar-filters-header .apregoar-subtitle {
	display: none;
}

@media only screen and (min-width: 1200px) {
	.apregoar-filters-header .apregoar-subtitle {
		display: block;
	}
}

.apregoar-filters-inputs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 22px;
	width: 100%;
}

.apregoar-filters-inputs .apregoar-input-container {
	flex-grow: 0;
	margin-bottom: 10px;
	width: calc(50% - 5px);
}

@media only screen and (min-width: 1200px) {
	.apregoar-filters-inputs .apregoar-input-container.s {
		width: calc(25% - 8px);
	}

	.apregoar-filters-inputs .apregoar-input-container.l {
		width: 100%;
	}

	.apregoar-filters-inputs .apregoar-input-container.l select,
	.apregoar-filters-inputs .apregoar-input-container.l input {
		width: 50%;
	}
}

.apregoar-filters-date,
.apregoar-filters-date-default {
	display: none;
}

.apregoar-filters-date.active,
.apregoar-filters-date-default.active {
	display: block;
}

.apregoar-filters-date-default {
	background-color: #fff !important;
	cursor: pointer;
}

.apregoar-filters-inputs .apregoar-btn {
	margin: 0 auto 15px;
	min-width: 200px;
}

.apregoar-filters-area .apregoar-switch {
	display: none;
	width: 100%;
	margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
	.apregoar-filters-area .apregoar-switch {
		width: 50%;
	}
}

.apregoar-filters-area .apregoar-switch.active {
	display: flex;
}

.apregoar-search-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}

/* Overview map */

.apregoar-overview-container {
	align-items: center;
	background-color: #f8f8f8;
	border-radius: 5px;
	box-shadow: 0 20px 25px 0 #0000001a;
	display: flex;
	justify-content: center;
	position: relative;
}

.apregoar-overview-container .apregoar-overview-quick-filters {
	align-items: center;
	display: flex;
	gap: 10px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 401;
}
.apregoar-overview-container .apregoar-overview-quick-filters label {
	font-size: 12px;
	font-weight: 400;
}

.apregoar-overview-container .apregoar-overview-quick-filters .separator {
	background-color: #000;
	height: 32px;
	margin: 0 10px;
	width: 1px;
}

.apregoar-overview-container .apregoar-overview-quick-filters .apregoar-powered-by {
	background-color: transparent;
	margin-left: 0;
}

.apregoar-overview-container-custom {
	max-width: 100%;
}

.apregoar-overview-container-full-width {
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	max-width: 100vw !important;
	width: 100vw;
}

.apregoar-overview-map {
	align-items: center;
	background-color: var(--map-area-bg);
	background-image: url("../../assets/img/loading-overlay.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	height: 330px;
	justify-content: center;
	width: 100%;
}

.apregoar-overview-map.not-loaded {
	cursor: pointer;
}

.apregoar-overview-map .leaflet-tile-pane {
	filter: grayscale(1);
}

.apregoar-overview-actions {
	bottom: 30px;
	display: flex;
	justify-content: center;
	position: absolute;
	z-index: 401;
}

.apregoar-load-more-overview-map:not(.active) {
	display: none;
}

/* Blue marker cluster overrides */

.apregoar-overview-map .marker-cluster-small,
.apregoar-sidebar .marker-cluster-small {
	background-color: rgba(85, 153, 255, 0.6);
}

.apregoar-overview-map .marker-cluster-small div,
.apregoar-sidebar .marker-cluster-small div {
	background-color: rgba(85, 153, 255, 0.9);
}

.apregoar-overview-map .marker-cluster-medium,
.apregoar-sidebar .marker-cluster-medium {
	background-color: rgba(51, 136, 255, 0.6);
}

.apregoar-overview-map .marker-cluster-medium div,
.apregoar-sidebar .marker-cluster-medium div {
	background-color: rgba(51, 136, 255, 0.9);
}

.apregoar-overview-map .marker-cluster-large,
.apregoar-sidebar .marker-cluster-large {
	background-color: rgba(17, 102, 221, 0.6);
}

.apregoar-overview-map .marker-cluster-large div,
.apregoar-sidebar .marker-cluster-large div {
	background-color: rgba(17, 102, 221, 0.9);
}

.apregoar-overview-map .marker-cluster div,
.apregoar-sidebar .marker-cluster div {
	background-color: #3388ff;
}

.apregoar-overview-map .marker-cluster span,
.apregoar-sidebar .marker-cluster span {
	color: white;
}

/* Red marker cluster overrides for highlighted clusters */

.apregoar-overview-map .marker-cluster-highlighted-small,
.apregoar-sidebar .marker-cluster-highlighted-small {
	background-color: rgba(255, 68, 68, 0.6) !important;
}

.apregoar-overview-map .marker-cluster-highlighted-small div,
.apregoar-sidebar .marker-cluster-highlighted-small div {
	background-color: rgba(255, 68, 68, 0.9) !important;
}

.apregoar-overview-map .marker-cluster-highlighted-medium,
.apregoar-sidebar .marker-cluster-highlighted-medium {
	background-color: rgba(221, 51, 51, 0.6) !important;
}

.apregoar-overview-map .marker-cluster-highlighted-medium div,
.apregoar-sidebar .marker-cluster-highlighted-medium div {
	background-color: rgba(221, 51, 51, 0.9) !important;
}

.apregoar-overview-map .marker-cluster-highlighted-large,
.apregoar-sidebar .marker-cluster-highlighted-large {
	background-color: rgba(187, 34, 34, 0.6) !important;
}

.apregoar-overview-map .marker-cluster-highlighted-large div,
.apregoar-sidebar .marker-cluster-highlighted-large div {
	background-color: rgba(187, 34, 34, 0.9) !important;
}

.apregoar-overview-map .marker-cluster-highlighted div,
.apregoar-sidebar .marker-cluster-highlighted div {
	background-color: #ff4444 !important;
}

.apregoar-overview-map .marker-cluster-highlighted span,
.apregoar-sidebar .marker-cluster-highlighted span {
	color: white !important;
}