.kv-drive-search-form {
	display: none;
	position: absolute;
	z-index: 9;
	top:0;
	width: 100%;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.5);

	.kv-container {
		@extend .kv-row;

		width: auto;

		@media (max-width: map_get($grid-breakpoints, 'sm') - 1) {
			& > div:not(:last-of-type) {
				margin-bottom: 0.5 * $spacer;
			}
		}
	}

	&-address {
		@extend %kv-col-12, %kv-col-lg-5;

		@media (max-width: map_get($grid-breakpoints, 'lg') - 1) {
			margin-bottom: 0.5 * $spacer;
		}

		.mapboxgl-ctrl-geocoder {
			width: 100%;
			min-width: auto;
			max-width: none;

			input[type='text'] {
				padding: 10px 10px 10px 40px;
				height: 38px;
				background-color: #fff;
				border-radius: 0;
				font-size: 14px;
			}

			ul {
				padding: 0 !important;
				list-style-type: none !important;
				border-radius: 0;
			}
		}
	}

	&-duration {
		@extend %kv-col-12, %kv-col-sm-5, %kv-col-lg-3;

		select {
			width: 100%;
			height: 38px;
			font-size: 13px;
			text-transform: uppercase;
			outline: 1px inset #d1d1d1;
			outline-offset: -1px;
		}
	}

	&-buttons {
		@extend %kv-col-12, %kv-col-sm-7, %kv-col-lg-4;

		display: flex;
		justify-content: flex-end;

		@media (max-width: map_get($grid-breakpoints, 'sm') - 1) {
			justify-content: flex-start;
		}

		.cancel-button {
			background-color: #ddd;
			margin-left: 10px;
			color: #000;
			border-color: #ddd;
		}
	}
}