@charset "utf-8";

.vam > * {
	display: inline-block;
	vertical-align: middle;
}
.filtering-legend-item img {
	max-width: 1.5rem;
}
/* FILTER */
	.filtering {
		display: grid;
		grid-gap: 2.4rem;
		grid-template-columns: minmax(0, 1fr);
		position: relative;
		}
	.filtering-filtering .filtering-filtering-holder {
		margin: 2.4rem;
		}
	.filtering-filtering {
		background-color: var(--mywp-light);
  		grid-row: 1;
		}
	@media (min-width: 80em) {
		.filtering {
			grid-gap: 7.2em;
			grid-template-columns: 32rem minmax(0, 1fr);
			}
	}
	@media (max-width: 59.99em) {
		.filtering-filtering {
			margin-bottom: 2.4rem;
			}
	}

/* FILTER COVER */
	.filtering-cover {
		background: var(--mywp-white-80) url('loading.gif') center no-repeat;
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1000;
		}
	.filtering-cover.h {
		display: none;
		}

/* FILTER MAP */
	.filtering-map {
		height: 50vh;
		max-height: 40rem;
		min-height: 24rem;
		}
	.filtering-marker {
		width: 18rem;
		font-family: var(--mywp-font);
		}
	.filtering-marker-name {
		font-size: 1.5rem;
		font-weight: 700;
		}
	.filtering-marker-name-30 {
		color: var(--mywp-highlight);		
	}
	.filtering-marker-name-30:focus {
		color: var(--mywp-highlight-dark);
	}
	.filtering-marker-name-10 {
		color: var(--mywp-white-text);
	}
	.filtering-marker-name-10:focus {
		color: var(--mywp-shade-65);
	}
	.filtering-marker .recent-posts-category {
		background-color: var(--mywp-highlight);
		font-size: 1rem;
		padding: 0.5rem 0.5rem 0.5rem 2rem;
	}
	.filtering-marker-address {
		font-size: 1.3rem;
		}
	.filtering-marker-miles {
		font-size: 1.3rem;
		font-style: italic;
		}

/* FILTERING */
	.filtering-filtering {
		display: none;
		}
	@media (max-width: 79.99em) {
		html.filtering-open {
			height: 100vh;
			overflow: hidden;
			}
		html.filtering-open #header {
			display: none;
			}
		.filtering-filtering.filtering-filtering-mobile {
			bottom: 0;
			display: block;
			left: 0;
			margin: 0;
			overflow-y: scroll;
			position: fixed;
			right: 0;
			top: 0;
			z-index: 9180;
			}
		.filtering-filtering.filtering-filtering-mobile .filtering-control-button.filtering-cancel-button {
			display: block;
			}
	}
	.filtering-filtering.s {
		display: block;
		}
	@media (min-width: 80em) {
		.filtering-filtering {
			display: block;
			}
	}
	.filtering-filter {
		margin-bottom: 1rem;
		}
	/* FILTER - HEADER */
		.filtering-filter > span {
			background-color: var(--mywp-highlight);
			border-radius: var(--mywp-radius);
			color: var(--mywp-highlight-text);
			display: block;
			font-size: 2rem;
			font-weight: 900;
			padding: 1rem;
			width: 100%;
			}
	/* FILTER - LIST */
		.filtering-filter-list {
			border: 0.1rem solid var(--mywp-shade-20);
			border-radius: var(--mywp-radius);
			margin: 1rem 0;
			padding: 0.5rem 1rem;
			}
		.filtering-filter-list > li {
			margin: 0.5rem 0;
			}
	/* FILTER - LIST - BUTTON */
		.filtering-filter-button {
			background: none;
			border: 0.1rem solid var(--mywp-shade-10);
			border-radius: var(--mywp-radius);
			cursor: pointer;
			transition: background 200ms ease;
			width: 100%;
			}
		.filtering-filter-button:hover {
			background-color: var(--mywp-white);
			}
		.filtering-filter-button > i,
		.filtering-filter-button > span {
			display: inline-block;
			height: 3rem;
			line-height: 3rem;
			vertical-align: top;
			}
		.filtering-filter-button > i {
			color: var(--mywp-shade-20);
			font-size: 1.8rem;
			text-align: center;
			transition: color 200ms ease;
			width: 3rem;
			}
		.filtering-filter-button > span {
			font-size: 1.4rem;
			overflow: hidden;
			padding: 0 1rem;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			width: calc(100% - 3rem);
			}
		.filtering-filter-button.s {
			border-color: var(--mywp-shade-20);
			}
		.filtering-filter-button.s > i {
			color: var(--mywp-color);
			}

/* CONTROLS */
	.filtering-controls {
		margin: 1rem 0;
		}
	.filtering-controls.h {
		display: none;
		}
	.filtering-controls button {
		border-radius: var(--mywp-radius);
		display: block;
		font-size: 1.4rem;
		font-weight: 700;
		padding: 1rem;
		text-align: center;
		width: 100%;
		}
	.filtering-control-button.filtering-update-button {
		background-color: var(--mywp-color);
		color: var(--mywp-color-text);
		}
	.filtering-control-button.filtering-cancel-button {
		display: none;
		}
	.filtering-control-button.filtering-cancel-button,
	.filtering-control-button.filtering-reset-button {
		background-color: var(--mywp-shade-20);
		color: var(--mywp-dark);
		}
	.filtering-control-button:hover {
		background-color: var(--mywp-highlight);
		color: var(--mywp-highlight-text);
		}

/* RESULTS */
	.filteringbar-message {
		color: var(--mywp-dark);
		font-size: 1.6rem;
		font-style: italic;
		margin: 2rem 0;
		}
	.filteringbar-message.h {
		display: none;
		}

/* FILTERING BAR */
	.filteringbar {
		background-color: var(--mywp-shade-2);
		box-shadow: var(--mywp-shadow);
		display: grid;
		grid-gap: 1rem;
		grid-template-columns: 1fr 1fr;
		margin: 0 0 2.4rem;
		padding: 1rem;
		}
	.filteringbar-button {
		border: 0.1rem solid transparent;
		display: block;
		font-size: 1.5rem;
		height: 4rem;
		line-height: 3.8rem;
		text-align: center;
		width: 100%;
		}
	.filteringbar-button.filteringbar-search {
		background-color: var(--mywp-color);
		color: var(--mywp-color-text);
		}
	.filteringbar-button.filteringbar-search:hover {
		background-color: var(--mywp-highlight);
		color: var(--mywp-highlight-text);
		}
	.filteringbar-button.filteringbar-search.d,
	.filteringbar-button.filteringbar-search.d:hover {
		background-color: var(--mywp-medium);
		color: var(--mywp-white);
		cursor: not-allowed;
		}
	.filteringbar-button.filteringbar-button-full {
		border-color: var(--mywp-medium);
		border-radius: var(--mywp-radius);
		color: var(--mywp-dark);
		}
	.filteringbar-button.filteringbar-button-full:hover {
		background-color: var(--mywp-color);
		border-color: transparent;
		color: var(--mywp-white);
		}
	.filteringbar-button.filteringbar-button-full > i {
		color: var(--mywp-highlight);
		padding-right: 0.5rem;
		}
	.filteringbar-form {
		display: grid;
		grid-column: span 2;
		grid-template-columns: 1fr 4rem;
		}
	.filteringbar-input[type="text"] {
		background: none;
		border: none;
		border-radius: 0;
		border-bottom: 0.1rem solid var(--mywp-medium);
		font-size: 1.5rem;
		height: 4rem;
		padding: 0 1rem;
		}
	.filteringbar-input[type="text"]:focus {
		background-color: var(--mywp-white);
		}
	.filteringbar-form ::placeholder {
		color: var(--mywp-shade-35);
		}
	@media (min-width: 46em) {
		.filteringbar {
			grid-template-columns: 1fr 12rem 12rem;
			}
		.filteringbar-form {
			grid-column: span 1;
			}
	}
	@media (min-width: 80em) {
		.filteringbar {
			grid-template-columns: 1fr 12rem;
			}
		.filteringbar-filtering {
			display: none;
			}
	}

/* ITEMS */
	.filtering-items {
		display: grid;
		grid-gap: 2rem;
		grid-template-columns: 1fr;
		margin-top: 2rem;
		}
	@media (min-width: 40em) {
		.filtering-items {
			grid-template-columns: 1fr 1fr;
			}
	}
	.filtering-item {
		border: 0.1rem solid var(--mywp-medium);
		border-radius: 0.3rem;
		display: grid;
		grid-template-rows: min-content 1fr min-content;
		}
	.filtering-item.h {
		display: none;
		}
	.filtering-item-title {
		border-bottom: 0.1rem solid var(--mywp-medium);
		font-size: 2rem;
		font-weight: 700;
		line-height: 1em;
		padding: 1rem;
		position: relative;
		}
	.filtering-item-title.filtering-item-title-distance {
		padding-left: 2rem;
		}
	.filtering-item-num {
		background-color: var(--mywp-dark);
		border-radius: 100%;
		color: var(--mywp-dark-text);
		font-size: 1.4rem;
		font-weight: 700;
		height: 2.4rem;
		left: -1.2rem;
		line-height: 2.4rem;
		position: absolute;
		text-align: center;
		top: 0.8rem;
		width: 2.4rem;
		}
	.filtering-item-title > a {
		color:var(--mywp-dark);
		display: block;
		}
	.filtering-item-title > a:hover,
	.filtering-item-title > a:focus {
		color: var(--mywp-color);
		}
	.filtering-item-info {
		font-size: 1.2rem;
		line-height: 1.4em;
		padding: 1rem;
		}
	.filtering-item-info.filtering-item-info-image {
		display: grid;
		grid-gap: 2rem;
		grid-template-columns: 12rem 1fr;
		}
	.filtering-item-details > p {
		margin: 0.5rem 0;
		}
	.filtering-item-details > p.filtering-item-address {
		font-size: 1.2em;
		margin-top: 0;
		}
	.filtering-item-more {
		border-top: 0.1rem solid var(--mywp-medium);
		display: grid;
		grid-gap: 0.5rem;
		grid-template-columns: 1fr;
		padding: 0.5rem;
		}
	.filtering-item-more.filtering-item-more-book {
		grid-template-columns: repeat(2, 1fr);
		}
	.filtering-item-more a {
		background-color: var(--mywp-medium);
		border-radius: 0.3rem;
		color: var(--mywp-dark);
		font-size: 1.2rem;
		display: block;
		overflow: hidden;
		padding: 0.8rem;
		word-break: normal;
		word-wrap: normal;
		text-align: center;
		}
	.filtering-item-more-booknow a {
		background-color: var(--mywp-shade-50);
		color: var(--mywp-dark-text);
		font-weight: 700;
		}
	.filtering-item-more a:hover,
	.filtering-item-more a:focus {
		background-color: var(--mywp-highlight);
		color: var(--mywp-highlight-text);
		}

/* HIGHLIGHT */
	.filtering-item.filtering-item-status-10 .filtering-item-title a {
		color:var(--mywp-shade-65);
		}
	.filtering-item.filtering-item-status-10 .filtering-item-title > a:hover,
	.filtering-item.filtering-item-status-10 .filtering-item-title > a:focus {
		color: var(--mywp-darker);
		}
	.filtering-item.filtering-item-status-20,
	.filtering-item.filtering-item-status-30,
	.filtering-item.filtering-item-status-20 .filtering-item-title,
	.filtering-item.filtering-item-status-30 .filtering-item-title {
		border-color: var(--mywp-highlight);
		}
	.filtering-item.filtering-item-status-30 .filtering-item-title {
		background-color: var(--mywp-highlight);
		border-color: var(--mywp-highlight);
		color: var(--mywp-highlight-text);
		}
	.filtering-item.filtering-item-status-30 .filtering-item-title > a {
		color:var(--mywp-white);
		}
	.filtering-item.filtering-item-status-30 .filtering-item-title > a:hover,
	.filtering-item.filtering-item-status-30 .filtering-item-title > a:focus {
		color: var(--mywp-darker);
		}

/* CATEGORIES */
	.filtering-categories {
		display: flex;
		flex-wrap: wrap;
  		justify-content: center;
		margin: 2.4rem -1.2rem;
		text-align: center;
		}
	.filtering-categories-item {
		border: 0.1rem solid var(--mywp-medium);
		border-radius: var(--mywp-radius);
		color: var(--mywp-dark);
		flex: 0 0 calc((100%/2) - 2.4rem);
		margin: 1.2rem;
		padding: 1.4rem;
		}
	.filtering-categories-item:hover,
	.filtering-categories-item:focus {
		border-color: var(--mywp-color);
		color: var(--mywp-color);
		}
	.filtering-categories-item > strong,
	.filtering-categories-item > span {
		display: block;
		}
	.filtering-categories-item > strong {
		font-size: 1.8rem;
		}
	.filtering-categories-item > span {
		font-size: 1.3rem;
		margin-top: 0.5rem;
		opacity: 0.75;
		}
	@media (min-width: 40em) {
		.filtering-categories-item {
			flex: 0 0 calc((100%/3) - 2.4rem);
			}
	}
	@media (min-width: 60em) {
		.filtering-categories-item {
			flex: 0 0 calc((100%/4) - 2.4rem);
			}
	}
	@media (min-width: 80em) {
		.filtering-categories-item {
			flex: 0 0 calc((100%/5) - 2.4rem);
			}
	}