/* -------------------- inventory search module ---------------------- */


	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) {}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {}

	/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
	@media (min-width: 992px) {
		.cw-slider {
			height: 650px
		}

		/*  Homepage - Search Module */
		.page-home .inventory-search-module {
			display: flex;
		}
.page-home .inventory-search-module .btn-primary:hover {
background-color: var(--color-theme-secondary)!important;
border: 1px solid white !important;
}
		.page-home .inventory-search-module .container {
			position: relative;
		}

		/* hide search labels */
		.page-home .inventory-search-module .container .form__wrapper label {
			display: none;
		}

		/* Position search over the slideshow */
		.page-home .inventory-search-module .container .form__wrapper {
			padding: 0;
			border: 0;
			position: absolute;
			z-index: 5;
			right: 0;
			top: -550px;
			width: 500px;
			max-width: 500px;
			padding: 20px;
			display: flex;
			flex-direction: column;
			align-items: unset;
			border: none;
			row-gap: .5rem;
		}

		.page-home .inventory-search-module .search__input {
			min-width: 40%;
			flex-basis: 90%;
			flex-grow: 1;

		}

		/* shrink min and max years. Ideally when both are active, but is fine when they arent */
		.page-home .inventory-search-module .container .form__wrapper .search__input--min-year,
		.page-home .inventory-search-module .container .form__wrapper .search__input--max-year {
			min-width: 45%;
			flex-basis: 45%;
		}

	}

	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {

		/* order positioning of the html, before re-ordering with css
		1. .search__input--classification
		2. .search__input-make
		3. .search__input--model
		4. .search__input--min-year
		5. .search__input--max-year
		6. .search__input--max-price
		7. .search__input--max-mileage
		8. (button. no specific class) :last-of-type
	*/
		.cw-slider {
			height: 500px
		}

		.cw-slider .slideshow-pagination {
			bottom: 3rem;
		}

		.page-home .inventory-search-module .container .form__wrapper {
			top: -440px;
			width: 600px;
			max-width: 700px;
		}

		.page-home .inventory-search-module .search__input.search__input-make {
			order: 1;
		}

		.page-home .inventory-search-module .search__input.search__input--model {
			order: 3;
		}

		.page-home .inventory-search-module .search__input.search__input--min-year {
			order: 5;
		}

		.page-home .inventory-search-module .search__input.search__input--max-year {
			order: 6;
		}

		.page-home .inventory-search-module .search__input.search__input--max-price {
			order: 2;
		}

		.page-home .inventory-search-module .search__input.search__input--max-mileage {
			order: 4;
		}

		.page-home .inventory-search-module .search__input:last-of-type {
			order: 7;
		}

		.page-home .inventory-search-module .search__input {
			min-width: 40%;
			flex-basis: 45%;
			flex-grow: 1;
		}

		.page-home .inventory-search-module .container .form__wrapper .search__input--min-year,
		.page-home .inventory-search-module .container .form__wrapper .search__input--max-year {
			min-width: 20%;
			flex-basis: 20%;
		}

	}