/* Homepage specific styling goes here. Excluded on all subpages */
/* For most builds, this stylesheet should be wiped and started fresh */

.home-hero {
	position: relative;
}

.home-slider {
	position: absolute;
	top: 0;
	left: 0;
}

.home-slider,
.home-slider-single {
	height: 500px;
}

.home-slider-single {
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: 60%;
}

.home-slider .slick-dots li button:before {
	color: #fff;
}

.home-hero-form-container {
	display: none;
}

.home-hero .slick-dots {
	z-index: 1;
}

@media screen and (min-width: 1025px) {

	.home-hero,
	.home-slider,
	.home-slider-single {
		height: 750px;
	}

	.home-hero-form-container {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
	}

	.home-hero-form .contact-form-heading {
		font-size: 1.5rem;
		margin-bottom: 15px;
	}

	.home-hero-form form button {
		width: 100%;
	}

	.home-hero-form {
		margin-top: 80px;
		min-width: 375px;
		padding: 0;
		background: #E9F5F7;
	}
}

@media screen and (max-height: 700px) and (min-width: 1025px) {
	.home-hero-form {
		margin: 0;
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 30px;
	}

	.home-hero-form .contact-form-heading {
		display: none;
	}
}