/* Layout differences for mass-hiring-in-turkey.com. Colors live in main.css. */

.topbar {
	color: #d5ddd6;
	background: #101c16;
}

.home-hero {
	background: #163328;
	padding-top: clamp(3rem, 2rem + 3vw, 5.5rem);
	padding-bottom: clamp(3rem, 2rem + 2vw, 4.5rem);
}

.home-hero::before {
	display: none;
}

.home-hero__inner {
	display: block;
	max-width: 46rem;
}

.home-hero .eyebrow,
.home-hero h1,
.home-hero .lead {
	color: #f6f3ec;
}

.home-hero .lead {
	max-width: 38rem;
	color: #d5ddd6;
}

.home-hero .btn--outline {
	color: #f6f3ec;
	border-color: #d5ddd6;
}

.home-hero .btn--outline:hover {
	color: #163328;
	background: #f6f3ec;
	border-color: #f6f3ec;
}

.mh-stats {
	display: grid;
	gap: 1.25rem;
	margin: 2.5rem 0 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 800px) {
	.mh-stats {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.mh-stats li {
	margin: 0;
	padding-top: 0.85rem;
	border-top: 2px solid #8d5a32;
}

.mh-stats strong {
	display: block;
	margin-bottom: 0.35rem;
	font-family: Palatino, "Palatino Linotype", Georgia, serif;
	font-size: 1.35rem;
	font-weight: 700;
	color: #f6f3ec;
}

.mh-stats span {
	display: block;
	color: #d5ddd6;
	font-size: 0.95rem;
	line-height: 1.45;
}

.site-footer {
	color: #d5ddd6;
	background: #101c16;
}

.site-footer a {
	color: #f6f3ec;
}

.site-header__actions,
.site-header__cta,
.site-nav__extras .btn {
	flex-shrink: 0;
}

.site-header__cta,
.site-nav__extras .btn {
	white-space: nowrap;
}

@media (min-width: 1100px) {
	.site-header__inner {
		gap: 0.75rem;
	}

	.site-nav .menu > li > a {
		padding-inline: 0.45rem;
		font-size: 0.875rem;
	}
}