/* UIkit utilities */
@media ( min-width: 768px ) { .uk-display-md-flex { display: flex; } }
@media ( min-width: 960px ) { .uk-display-lg-flex { display: flex; } }
.uk-flex-grow-1 { flex-grow: 1; }
.uk-flex-shrink-0 { flex-shrink: 0; }
.uk-flex-align-self-center { align-self: center; }
.uk-flex-align-self-bottom { align-self: flex-end; }
.uk-flex-justify-content-center { justify-content: center; }
/* //todo uk-align-items-flex-end */

/* Search modal backdrop */
.owsearch-horizontal-filter-bar-backdrop {
	display: none !important; /* uikit overwrite */
	margin: 0 !important; /* uikit overwrite */
	background-color: rgba( 0, 0, 0, 0.4 );
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	overscroll-behavior: contain;
	overflow-y: auto;
}
.owsearch-horizontal-filter-bar-backdrop.-show {
	display: block !important;
}

/* Horizontal search filter bar */
.owsearch-horizontal-filter-bar {
	position: relative;
	margin-bottom: 2rem;
}
@media ( min-width: 960px ) {
	.owsearch-horizontal-filter-bar {
		z-index: 11;
	}
	.owsearch-horizontal-filter-bar .owsearch-filter-group {
		display: flex;
		flex-wrap: wrap;
	}
	.owsearch-horizontal-filter-bar .owsearch-filter-group li {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: 33%;
	}
}

/* Horizontal filter bar - filters */
@media ( max-width: 959px ) {
	.owsearch-horizontal-filter-bar-filters {
		box-sizing: border-box; /* UIkit overwrite for 100% width */
		display: none;
	}
	.owsearch-horizontal-filter-bar-filters.opened {
		display: block;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: #eee;
		z-index: 100000;
		padding: 30px;
	}
}

/* Modal filter item */
@media ( max-width: 959px ) {
	.owsearch-modal-trigger { /* label */
		display: inline-block !important; /* Overwrite uikit */
		margin: 0 0.5rem 0 0 !important; /* Overwrite uikit */
		padding: 0.25rem 0.5rem;
		position: relative;
		border-bottom: 2px solid transparent;
	}
	.owsearch-horizontal-filter-bar-filters.opened .owsearch-modal-trigger.active {
		border-bottom-color: black;
	}
	.owsearch-horizontal-filter-bar-filters.opened .owsearch-modal-trigger:after {
		content: '';
		height: 2px;
		position: absolute;
		left: -100vw;
		width: 200vw;
		bottom: -2px;
		background-color: rgba( 0, 0, 0, 0.1 );
		pointer-events: none; /* Prevent clicking on the line causing a wrong tab click */
	}
}
@media ( min-width: 960px ) {
	.owsearch-modal-trigger { /* label */
		flex-grow: 0;
		flex-shrink: 0;
		display: block !important; /* Overwrite uikit */
		margin: 0 !important; /* Overwrite uikit */
		padding: 1.25rem 1.75rem;
		cursor: pointer;
	}
	.owsearch-modal-trigger + .owsearch-modal-trigger {
		border-left: 2px solid white;
	}
	.owsearch-modal-trigger.active i {
		transform: rotate( 180deg );
	}
}
.owsearch-modal-trigger:first-child {
	padding-left: 0 !important;
}
.owsearch-modal-trigger i {
	margin-left: 1.25rem;
}

/* Checkbox/radio */
.owsearch-filter-modal-toggle-checkbox {
	display: none;
}

/* Modal close icon */
.owsearch-filter-modal-groups-close-cross {
	cursor: pointer;
}
.owsearch-filter-modal-groups-close-cross i {
	color: red;
}

/* Modal window */
.owsearch-filter-modal {
	display: none;
	padding-top: 2rem;
}
.owsearch-filter-modal-toggle-checkbox:checked + .owsearch-filter-modal {
	display: block;
}
@media ( max-width: 959px ) {
	.owsearch-filter-modal {
		padding-bottom: 0.5rem;
	}
	.owsearch-filter-modal > .uk-container {
		padding: 0;
	}
}
@media ( min-width: 960px ) {
	.owsearch-filter-modal {
		position: absolute;
		border-top: 2px solid white;
		top: 100%; /* calc( 100% + 8px ); */
		right: 0;
		left: 0;
		z-index: 11;
		background-color: #eee;
		padding-bottom: 2rem;
	}
}

/* Modal search submit button */
@media ( max-width: 959px ) {
	.owsearch-apply-filters-btn {
		width: 100%;
	}
}

/* Clear filters button */
@media ( max-width: 959px ) {
	.owsearch-clear-filters-button {
		display: block; /* 100% width */
	}
}
@media ( min-width: 960px ) {
	.owsearch-clear-filters-button {
		margin-left: 0.5rem;
	}
}