/* Home page hotel finder — adjustments to the /hotel/ styles when they are used
   on the home page (section "hsec hhome", enqueued from inc/hotel-finder.php). */

.hsec.hhome {
	background: var(--h-mist, #F4F7FC);
	padding: 54px 0 62px;
}

/* no banner above here, so the search card sits normally (no negative overlap) */
.hhome .hsearch {
	margin-top: 26px;
	box-shadow: 0 18px 46px -22px rgba(8, 24, 56, .38);
}

.hhome__sub {
	margin: 34px 0 0;
	font: 800 1.15rem var(--f-head);
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--ink, #14254A);
}

.hgrid--home {
	grid-template-columns: repeat(4, 1fr);
	margin-top: 18px;
}

.hhome__more {
	text-align: center;
	margin: 32px 0 0;
}
.hhome__more .btn {
	min-width: 230px;
}

@media (max-width: 1180px) {
	.hgrid--home { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.hsec.hhome { padding: 38px 0 46px; }
	.hhome .hsearch { margin-top: 18px; }
	.hgrid--home { grid-template-columns: 1fr; }
}