/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 5px;
	background: $primary_color;
	border: 1px solid $primary_color;
	color: #fff;
	font-size: 1.3333em;
	line-height: 1.4;
	padding: 12px 30px;
	cursor: pointer;
	@include transition(all ease 0.35s);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover, 
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	background: none;
	color: $primary_color;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #000;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
	padding: 10px 15px;
	width: 100%;
	height: 50px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus, 
select:focus {
	color: #111;
	outline: none;
	box-shadow: none;
}

select {
	border: 1px solid #c8c8c8;
    width: 100%;
    height: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px 10px;
    background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23777" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: calc(100% - 10px) 50%;
}

textarea {
	width: 100%;
	height: 150px;
}

.search-form {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: center;

	label {
		width: calc(100% - 85px);
		padding-right: 5px;

		.search-field {
			font-size: 1.125em;
			padding-left: 20px;
			padding-right: 20px;
		}
	}//label

	.search-submit {
		width: 85px;
		padding: 0;
		height: 50px;
		background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23fff" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>');
		background-repeat: no-repeat;
		background-size: 25px;
		background-position: center;
		text-indent: 90px;
		overflow: hidden;

		&:hover, 
		&:focus, 
		&:active {
			background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%232d76b9" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>');
			background-repeat: no-repeat;
			background-size: 25px;
			background-position: center;
		}
	}//search-submit
}//.search-form


.site-banner + .advance-search-form {
	position: relative;
	top: -50px;
	z-index: 999;
}//.advance-search-form

.no-banner .advance-search-form {
    margin-top: 100px;
}

.advance-search-form {

	.container {
		background: #fff;
		border-radius: 5px;
		@include box-shadow(0 5px 20px rgba(0,0,0,0.25));

		> h3 {
			display: none;
		}
	}//.container

	h3 {
		margin-top: 30px;
		margin-bottom: 0;
		font-size: 1em;
		text-align: center;
		color: #7c7c7c;
		font-weight: 500;
		text-transform: uppercase;
	}//h3

	.class-wte-advanced-search-wrapper {
		margin: 0;

		> .advanced-search-field {
			display: flex;
			flex: 1;
			flex-wrap: wrap;
			align-items: center;
			border-left: 1px solid rgba(0,0,0,0.2);
			margin-top: 20px;
			margin-bottom: 20px;

			&:nth-child(2) {
				border-left: none;
			}

			h3 {
				margin-top: 0;
				margin-bottom: 0;
				font-size: 1em;
				text-align: left;
				font-weight: 600;
				width: 25px;
				background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%232b74b8" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z"></path></svg>');
				background-repeat: no-repeat;
				background-size: 12px;
				background-position: center;
				text-indent: 30px;
				overflow: hidden;

				+ div {
					width: calc(100% - 25px);
				}

				+ strong {
					display: none;
				}
			}

			&.trip-activities h3 {
				background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%232b74b8" d="M208 96c26.5 0 48-21.5 48-48S234.5 0 208 0s-48 21.5-48 48 21.5 48 48 48zm94.5 149.1l-23.3-11.8-9.7-29.4c-14.7-44.6-55.7-75.8-102.2-75.9-36-.1-55.9 10.1-93.3 25.2-21.6 8.7-39.3 25.2-49.7 46.2L17.6 213c-7.8 15.8-1.5 35 14.2 42.9 15.6 7.9 34.6 1.5 42.5-14.3L81 228c3.5-7 9.3-12.5 16.5-15.4l26.8-10.8-15.2 60.7c-5.2 20.8.4 42.9 14.9 58.8l59.9 65.4c7.2 7.9 12.3 17.4 14.9 27.7l18.3 73.3c4.3 17.1 21.7 27.6 38.8 23.3 17.1-4.3 27.6-21.7 23.3-38.8l-22.2-89c-2.6-10.3-7.7-19.9-14.9-27.7l-45.5-49.7 17.2-68.7 5.5 16.5c5.3 16.1 16.7 29.4 31.7 37l23.3 11.8c15.6 7.9 34.6 1.5 42.5-14.3 7.7-15.7 1.4-35.1-14.3-43zM73.6 385.8c-3.2 8.1-8 15.4-14.2 21.5l-50 50.1c-12.5 12.5-12.5 32.8 0 45.3s32.7 12.5 45.2 0l59.4-59.4c6.1-6.1 10.9-13.4 14.2-21.5l13.5-33.8c-55.3-60.3-38.7-41.8-47.4-53.7l-20.7 51.5z"></path></svg>');
			}

			&.trip-duration h3 {
				background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%232b74b8" d="M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z"></path></svg>');
			}

			&.trip-cost h3 {
				background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 512"><path fill="%232b74b8" d="M209.2 233.4l-108-31.6C88.7 198.2 80 186.5 80 173.5c0-16.3 13.2-29.5 29.5-29.5h66.3c12.2 0 24.2 3.7 34.2 10.5 6.1 4.1 14.3 3.1 19.5-2l34.8-34c7.1-6.9 6.1-18.4-1.8-24.5C238 74.8 207.4 64.1 176 64V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48h-2.5C45.8 64-5.4 118.7.5 183.6c4.2 46.1 39.4 83.6 83.8 96.6l102.5 30c12.5 3.7 21.2 15.3 21.2 28.3 0 16.3-13.2 29.5-29.5 29.5h-66.3C100 368 88 364.3 78 357.5c-6.1-4.1-14.3-3.1-19.5 2l-34.8 34c-7.1 6.9-6.1 18.4 1.8 24.5 24.5 19.2 55.1 29.9 86.5 30v48c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-48.2c46.6-.9 90.3-28.6 105.7-72.7 21.5-61.6-14.6-124.8-72.5-141.7z"></path></svg>');
			}
		}//.advanced-search-field

		.search-dur, .search-price {
			display: block;
		}

		select {
			height: 30px;
			border: none;
			padding: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%235c5c5c" d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg>');
			background-repeat: no-repeat;
			background-size: 12px;
			background-position: 100% 50%;
			padding-right: 15px;
		}

		.duration-slider-value, .cost-slider-value {
			display: flex;
			flex: 1;
			margin-top: 15px;
			line-height: 1;
			font-size: 0.875em;
			font-weight: 600;

			span {
				display: flex;
				flex: auto;

				&.max-duration, &.max-cost {
					justify-content: flex-end;
				}
			}//span
		}//.duration-slider-value

		.advanced-search-field-submit {

			input[type="submit"] {
				height: 100%;
			}
		}//.advanced-search-field-submit
	}//.class-wte-advanced-search-wrapper

	.ui-slider-horizontal {
		height: 5px;
	}//.ui-slider-horizontal

	.ui-slider .ui-slider-handle {
		width: 10px;
		height: 20px;
		top: -50%;
		margin-left: -5px;
		@include transform(translateY(-35%));
	}
}//.advance-search-form

@media screen and (max-width: 1024px) {
	.advance-search-form {
		.container {
			padding-left: 0;
			padding-right: 0;
		}//.container

		h3 {
			margin-bottom: 30px;
		}

		.class-wte-advanced-search-wrapper {
			flex-direction: row;

			> .advanced-search-field {
				width: 50%;
				border: 1px solid rgba(0, 0, 0, 0.2);
				margin-top: 0;
				margin-bottom: 0;
				padding-top: 30px;
				padding-bottom: 30px;
				flex: auto;

				&:nth-child(2) {
					border-left: 1px solid rgba(0, 0, 0, 0.2);
				}

				h3 {
					margin-bottom: 0;
				}
			}//.advanced-search-field

			.advanced-search-field-submit {
				margin-top: 30px;
				width: 100%;

				input[type="submit"] {
					width: 100%;
				}
			}//.advanced-search-field-submit
		}//.class-wte-advanced-search-wrapper
	}//.advance-search-form
}//max-width: 1024px

@media screen and (max-width: 767px) {
	.advance-search-form {
		top: 0;

		.class-wte-advanced-search-wrapper {
			flex-direction: column;

			> .advanced-search-field {
				border-left: none;
				margin-bottom: 0;
				width: 100%;
			}//.advanced-search-field
		}//.class-wte-advanced-search-wrapper
	}//.advance-search-form
}//max-width: 767px