.page-template-template-travel-search .search-travel:not(.is-sticky-clone) {
  
  
    width: 100%;
   
    margin-top: 0px;
 
}

.travel-catalog-header{
	margin:50px 0px;
}
.page-template-template-travel-search  section {
    position: relative;
    width: 96%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

/* =========================================================
TRAVEL CATALOG FILTERS
========================================================= */

.travel-catalog-filters {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin: 30px 0 25px;
}


/* =========================================================
SINGLE FILTER
========================================================= */

.travel-filter {
	position: relative;

	flex: 0 0 auto;

	width: auto;
	height: auto;
}


/* =========================================================
FILTER BUTTON
========================================================= */

.travel-filter-toggle {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: flex-start;

	width: auto;
	min-width: 170px;

	height: 44px;
	min-height: 44px;

	margin: 0;
	padding: 0 38px 0 16px;

	border: 1px solid rgba(20, 54, 66, .14);
	border-radius: 10px;

	background: #fff;
	color: var(--th-color-primary);

	font: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;

	text-align: left;

	cursor: pointer;

	transition:
		border-color .2s ease,
		box-shadow .2s ease,
		background-color .2s ease;
}

.travel-filter-toggle:hover {
	border-color: rgba(20, 54, 66, .28);
}

.travel-filter-toggle:focus-visible {
	outline: none;

	border-color: var(--th-color-primary);

	box-shadow:
		0 0 0 2px rgba(20, 54, 66, .05);
}

.travel-filter.is-open .travel-filter-toggle {
	border-color: rgba(20, 54, 66, .28);

	box-shadow:
		0 2px 5px rgba(20, 54, 66, .07);
}


/* =========================================================
FILTER ARROW
========================================================= */

.travel-filter-toggle .field-dropdown-arrow {
	right: 15px;

	width: 6px;
	height: 6px;
}


/* =========================================================
ACTIVE FILTER
========================================================= */

.travel-filter.has-value .travel-filter-toggle {
	border-color: var(--th-color-accent);
}

.travel-filter.has-value .travel-filter-toggle::before {
	content: "";

	flex: 0 0 6px;

	width: 6px;
	height: 6px;

	margin-right: 8px;

	border-radius: 50%;

	background: var(--th-color-accent);
}


/* =========================================================
FILTER DROPDOWN
========================================================= */

.travel-filter .travel-filter-dropdown {
	top: calc(100% + 6px);
	left: 0;

	width: 220px;
	min-width: 220px;
	max-width: none;

	padding: 7px;

	border: 1px solid rgba(20, 54, 66, .10);
	border-radius: 12px;

	background: #fff;

	box-shadow:
		0 16px 40px rgba(20, 54, 66, .16);
}

.travel-filter .field-dropdown-content {
	display: flex;
	flex-direction: column;

	gap: 2px;

	max-height: none;
	padding: 0;

	overflow: visible;
}


/* =========================================================
FILTER OPTION
========================================================= */

.travel-filter-option {
	position: relative;

	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;

	width: 100%;

	height: 38px;
	min-height: 38px !important;

	margin: 0 !important;
	padding: 0 34px 0 12px !important;

	border: 0;
	border-radius: 7px;

	background: transparent;
	color: var(--th-color-primary);

	font: inherit;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;

	text-align: left !important;

	cursor: pointer;

	transition:
		background-color .15s ease,
		color .15s ease;
}

.travel-filter-option:hover {
	background: rgba(20, 54, 66, .05);
}


/* =========================================================
HIDE CHECKBOX
========================================================= */

.travel-filter-option input[type="checkbox"] {
	position: absolute;

	width: 1px;
	height: 1px;

	margin: 0;

	opacity: 0;

	pointer-events: none;
}

.travel-filter-option .field-checkbox-control {
	display: none;
}


/* =========================================================
OPTION TEXT
========================================================= */

.travel-filter-option > span:last-child {
	display: block;

	width: 100%;

	margin: 0;

	color: var(--th-color-primary);

	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;

	text-align: left !important;

	white-space: nowrap;
}


/* =========================================================
SELECTED OPTION
========================================================= */

.travel-filter-option:has(input[type="checkbox"]:checked) {
	background: rgba(218, 114, 58, .10);
}

.travel-filter-option:has(input[type="checkbox"]:checked) > span:last-child {
	color: var(--th-color-accent);
}

.travel-filter-option:has(input[type="checkbox"]:checked)::after {
	content: "";

	position: absolute;

	top: 50%;
	right: 14px;

	width: 6px;
	height: 10px;

	border-right: 2px solid var(--th-color-accent);
	border-bottom: 2px solid var(--th-color-accent);

	transform:
		translateY(-60%)
		rotate(45deg);
}


/* =========================================================
FILTERS — TABLET
========================================================= */

@media (max-width: 900px) {

	.travel-catalog-filters {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));

		gap: 8px;
	}

	.travel-filter {
		width: 100%;
	}

	.travel-filter-toggle {
		width: 100%;
		min-width: 0;
	}

	.travel-filter .travel-filter-dropdown {
		width: 100%;
		min-width: 100%;
	}

}


/* =========================================================
FILTERS — MOBILE
========================================================= */

@media (max-width: 600px) {

	.travel-catalog-filters {
		grid-template-columns: 1fr;

		margin: 25px 0 20px;
	}

	.travel-filter-toggle {
		height: 44px;
		min-height: 44px;

		padding: 0 34px 0 13px;

		font-size: 12px;
	}

	.travel-filter .travel-filter-dropdown {
		width: 100%;
		min-width: 100%;
	}

}



/* =========================================================
TOOLBAR
========================================================= */

.travel-catalog-toolbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin: 0 0 25px;
    padding-top: 5px;
}


/* RESULT COUNT */

.travel-catalog-count {
	color: var(--th-color-muted);

	font-size: 14px;
	font-weight: 500;
}


/* SORT */

.travel-catalog-sort {
	flex: 0 0 auto;
}


.travel-catalog-sort .field-input {
	width: auto;
	min-width: 190px;
	height: 44px;

	padding: 0 40px 0 14px;

	border: 1px solid rgba(20, 54, 66, .14);
	border-radius: 8px;

	background-color: #fff;

	color: var(--th-color-primary);

	font-size: 14px;
	font-weight: 500;

	cursor: pointer;
}



/* =========================================================
TOOLBAR — MOBILE
========================================================= */

@media (max-width: 600px) {

	.travel-catalog-toolbar {
		align-items: flex-start;
		flex-direction: column;

		gap: 12px;
	}

	.travel-catalog-sort {
		width: 100%;
	}

	.travel-catalog-sort .field-input {
		width: 100%;
	}

}
/* ==========================================================
   CATALOG SORT
   ========================================================== */

.travel-catalog-sort {
	flex: 0 0 auto;
}

.travel-sort {
	width: 190px;
}


/* TOGGLE */

.travel-sort-toggle {
	position: relative;

	display: flex;
	align-items: center;

	width: 100%;
	height: 44px;
	min-height: 44px;

	margin: 0;
	padding: 0 38px 0 14px;

	border: 1px solid rgba(20, 54, 66, .14);
	border-radius: 10px;

	background: #fff;
	color: var(--th-color-primary);

	font: inherit;
	font-size: 13px;
	font-weight: 600;

	text-align: left;

	cursor: pointer;
}

.travel-sort-toggle .field-dropdown-arrow {
	right: 15px;

	width: 6px;
	height: 6px;
}


/* DROPDOWN */

.travel-sort .travel-sort-dropdown {
	top: calc(100% + 6px);

	width: 220px;
	min-width: 220px;

	padding: 7px;

	overflow: visible;

	border-radius: 12px;
}

.travel-sort .field-dropdown-content {
	max-height: none;

	gap: 2px;

	overflow: visible;
}


/* OPTIONS */

.travel-sort .field-dropdown-option {
	min-height: 38px;

	padding:
		0
		34px
		0
		12px;

	font-size: 14px;

	text-align: left;
}


/* MOBILE */

@media (max-width: 600px) {

	.travel-catalog-sort {
		width: 100%;
	}

	.travel-sort {
		width: 100%;
	}

	.travel-sort-toggle {
		width: 100%;
	}

	.travel-sort .travel-sort-dropdown {
		width: 100%;
		min-width: 100%;
	}

}