/* Zip Search */

.zip-search {}

.zip-search > div {
	overflow: hidden;
	color: rgb(var(--white));
	background-color: rgb(var(--red));
}

.zip-search > div > div {
	z-index: 1;
	padding: calc(var(--vertical-spacing) * 0.5) 1em calc(var(--vertical-spacing) * 0.5) 3.5rem;
}

.zip-search > div > div:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 0;
	padding-bottom: 250%;
	top: 50%;
	right: -2em;
	transform: translateY(-55%);
	background-color: rgb(var(--red));
	border-radius: 50%;
	z-index: -1;
}

.zip-search h2:first-child {
	color: inherit;
	font-size: 2.222rem;
}

.zip-search h2:first-child + h3 {
	color: inherit;
	font-weight: 900;
}

.zip-search h4 {
	margin: 0 0 0.5rem;
	font-weight: 700;
}

.zip-search .search-box {
	max-width: 14.778em;
}

.zip-search img {
	width: 100%;
	height: 100%;
}

/* Zip Search */

/* Responsive [1440px] */

@media screen and (max-width: 1440px) {
}

/* End Responsive [1440px] */

/* Responsive [1200px] */

@media screen and (max-width: 1200px) {
}

/* End Responsive [1200px] */

/* Responsive [1000px] */

@media screen and (max-width: 1000px) {
	.zip-search > div > div {
		padding-left: 1.5rem;
		padding-right: 0;
	}
}

/* End Responsive [1000px] */

/* Responsive [800px] */

@media screen and (max-width: 800px) {
	.zip-search > div {
		padding: calc(var(--vertical-spacing) * 0.35) var(--horizontal-spacing);
	}
	
	.zip-search > div > div {
		padding: 0;
	}
	
	.zip-search > div > div:before {
		display: none;
	}
	
	.zip-search picture {
		display: none;
		visibility: hidden;
	}
}

/* End Responsive [800px] */

/* Responsive [650px] */

@media screen and (max-width: 650px) {
}

/* End Responsive [650px] */

/* Responsive [550px] */

@media screen and (max-width: 550px) {
	.zip-search > div {
		padding-left: calc(var(--horizontal-spacing) * 0.5);
		padding-right: calc(var(--horizontal-spacing) * 0.5);
	}
	
	.zip-search h2:first-child {
		font-size: 2rem;
	}
}

/* End Responsive [550px] */