
.eck_hero_inside__heading {
	font-family: var(--font_heading);
	font-weight: 400;
	font-optical-sizing: none;
	text-rendering: optimizeLegibility;
}

.eck_hero_inside {
	position: relative;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	z-index: 80;
	padding-top: 36px;
	color: var(--navy);
}

@supports (padding: clamp(1em, 1vw, 1em)) {
	.eck_hero_inside {
		padding-top: clamp(36px, 5.5555555556vw, 80px);
	}
}

@supports (padding: clamp(1em, 1vw, 1em)) {
	.category .eck_hero_inside {
		padding-top: clamp(36px, 3.4027777778vw, 49px);
	}
}

.eck_hero_inside .site__inner {
	z-index: 40;
}

.eck_hero_inside .button__container {
	margin-top: 40px;
	justify-content: center;
}

.eck_hero_inside--with_search {
	padding-bottom: 56px;
}

.eck_hero_inside--with_tint {
	background-color: var(--cream_hero);
}

.eck_hero_inside__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("https://theeastcoastkitchen.com/nitropack_static/JVwXKMegmYUHkLLRqdRKKXZNEMXPKMRc/assets/images/optimized/rev-7eb909a/theeastcoastkitchen.com/wp-content/themes/eck-theme/library/images/body-bg-texture-sm.png");
}

.eck_hero_inside__background.nitro-lazy {
	background-image: none !important;
}

.section-eck_hero_inside:first-child .eck_hero_inside__background {
	height: calc(100% + 56px);
	top: -56px;
}

@media (min-width: 921px) {
	.section-eck_hero_inside:first-child .eck_hero_inside__background {
		top: -72px;
		height: calc(100% + 72px);
	}
}

.eck_hero_inside__superheading {
	font-size: 16px;
	line-height: 1.1875;
	font-weight: 500;
	text-align: center;
	color: var(--yellow_dark);
}

.eck_hero_inside__heading {
	margin-top: 12px;
	font-size: 24px;
	line-height: 1.125;
	text-align: center;
	text-wrap: balance;
	color: var(--navy);
}

.eck_hero_inside__heading:first-child {
	margin-top: 0;
}

@supports (font-size: clamp(1em, 1vw, 1em)) {
	.eck_hero_inside__heading {
		font-size: clamp(24px, 2.9166666667vw, 42px);
	}
}

.eck_hero_inside__headshot + .eck_hero_inside__heading {
	margin-top: 35px;
}

.eck_hero_inside__copy.site__copy {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	max-width: 960px;
	text-align: center;
}

.eck_hero_inside__copy.site__copy:last-child {
	margin-bottom: 0;
}

.eck_hero_inside__copy.site__copy h6 {
	font-family: var(--font_sans);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5416666667;
	text-wrap: pretty;
	color: var(--blue);
}

@supports (font-size: clamp(1em, 1vw, 1em)) {
	.eck_hero_inside__copy.site__copy h6 {
		font-size: clamp(18px, 1.6666666667vw, 24px);
	}
}

.eck_hero_inside__copy.site__copy h6[style*=max-width] {
	margin-left: auto;
	margin-right: auto;
}

.eck_hero_inside__copy.site__copy p {
	font-family: var(--font_copy);
	font-size: 16px;
	line-height: 1.6666666667;
	text-wrap: pretty;
}

@supports (font-size: clamp(1em, 1vw, 1em)) {
	.eck_hero_inside__copy.site__copy p {
		font-size: clamp(16px, 1.25vw, 18px);
	}
}

.eck_hero_inside__copy.site__copy p[style*=max-width] {
	margin-left: auto;
	margin-right: auto;
}

.eck_hero_inside__search {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 50px;
	margin-top: -25px;
}

.eck_hero_inside__search .search__form {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 736px;
}

.eck_hero_inside__search .search__form__label {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.eck_hero_inside__search .search__form__field {
	display: block;
	width: 100%;
	height: 50px;
	padding: 4px 12px 0 36px;
	font-family: var(--font_sans);
	font-weight: 500;
	border-radius: 14px;
	border: solid 3px var(--blue_overlay);
	background-color: var(--white);
	color: var(--ash);
	transition: background .2s, outline .2s;
}

.eck_hero_inside__search .search__form__field:focus {
	background-color: white;
}

.eck_hero_inside__search .search__form__icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	line-height: 1;
	color: var(--blue);
}

.eck_hero_inside__search .search__form__icon svg {
	display: block;
	width: 16px;
	height: auto;
}

.eck_hero_inside__search .search__button {
	letter-spacing: .05em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 7px;
	-webkit-appearance: none;
	appearance: none;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 34px;
	width: 100px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 10px;
	border: none;
	background-color: var(--blue);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	color: var(--white);
	transition: color .2s, background .2s, opacity .2s, visibility .2s;
}

@media (min-width: 921px) {
	.eck_hero_inside__search .search__button {
		font-size: 11px;
	}
	
	@supports (width: clamp(1em, 1vw, 1em)) {
		.eck_hero_inside__search .search__button {
			width: clamp(100px, 8.8888888889vw, 128px);
		}
	}
}

.eck_hero_inside__search .search__button:hover, .eck_hero_inside__search .search__button:focus {
	opacity: 1;
	visibility: visible;
	background-color: var(--red_dark);
}

.eck_hero_inside__search .search__button .text {
	display: block;
	transform: translateY(.15em);
}

.eck_hero_inside__search .search__form__field:focus + .search__button {
	opacity: 1;
	visibility: visible;
}

ul.eck_hero_inside__links {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
	margin-left: -10px;
	width: calc(100% + 20px);
}

ul.eck_hero_inside__links li {
	margin-left: 10px;
	margin-right: 10px;
}

ul.eck_hero_inside__links span {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

ul.eck_hero_inside__links a {
	color: var(--yellow_comment);
}

ul.eck_hero_inside__links a:hover, ul.eck_hero_inside__links a:focus {
	color: var(--blue);
}

.eck_hero_inside__headshot img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 143px;
	height: 143px;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
}

.eck_hero_inside__squiggle {
	display: flex;
	justify-content: center;
	margin-top: 36px;
}
