/* ==========================================================================
   Eyre Care – main styles

   Breakpoints (mobile first):
     600px  – small tablets / large phones landscape
     800px  – tablets: side-by-side layouts start
     960px  – desktop: full navigation bar, 3-column layouts
   ========================================================================== */

:root {
	/* Brand */
	--teal: #479fa9;
	--teal-dark: #2f7880;
	--teal-tint: #eef6f7;
	--lime: #b9d250;
	--lime-dark: #a5bd3d;
	--text: #353535;
	--muted: #5c6669;
	--white: #fff;

	--font-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-head: "Lato", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

	/* Fluid spacing */
	--gutter: clamp(16px, 4vw, 32px);
	--gap: clamp(20px, 3.5vw, 48px);
	--section-y: clamp(48px, 7vw, 88px);
	--container: 1040px;

	/* Shapes */
	--radius: clamp(24px, 3.5vw, 44px);
	--radius-sm: clamp(14px, 2vw, 22px);
	--shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .35);
	--shadow-soft: 0 12px 30px -12px rgba(0, 0, 0, .35);

	--header-h: 72px;
}

/* Base
   -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	background: var(--white);
	color: var(--text);
	font-family: var(--font-body);
	font-size: clamp(16px, .96rem + .15vw, 17px);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
}

img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; }
picture { display: inline-block; max-width: 100%; }

a { color: var(--teal-dark); text-decoration: none; }
a:hover { color: var(--teal); }

:focus-visible { outline: 3px solid var(--lime); outline-offset: 3px; border-radius: 4px; }

h1, h2, h3, h4 { font-family: var(--font-head); margin: 0; line-height: 1.2; }
p { margin: 0; }

.screen-reader-text,
.skip-link:not(:focus) {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
.skip-link:focus {
	position: fixed; top: 8px; left: 8px; z-index: 1000;
	padding: 10px 14px; background: var(--white); color: #000; border-radius: 6px;
}

/* Layout
   -------------------------------------------------------------------------- */
.container {
	width: 100%;
	max-width: calc(var(--container) + 2 * var(--gutter));
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.section { padding-block: var(--section-y); }
.center { text-align: center; }

/* Two-part layout: text + media. Stacks on small screens. */
.split {
	display: grid;
	gap: var(--gap);
	align-items: center;
}
.split--top { align-items: start; }
.split__text { min-width: 0; }
.split__media {
	width: 100%;
	max-width: 440px;       /* keeps stacked photos from getting huge on tablets */
	margin-inline: auto;
}

@media (min-width: 800px) {
	.split--even { grid-template-columns: 1fr 1fr; }
	.split--media-first > :last-child { order: -1; }
	.split__media { max-width: none; }
}
@media (min-width: 960px) {
	.split--1-2 { grid-template-columns: 1fr 2fr; }
}

/* Image frames: fixed shapes, cropped around each photo's focal point
   (object-position is set inline from eyrecare_focal()). */
.frame {
	display: block;
	width: 100%;
	overflow: hidden;
	background: var(--teal-tint);
}
.frame img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.frame--portrait  { aspect-ratio: 4 / 5; }
.frame--landscape { aspect-ratio: 4 / 3; }
.frame--wide      { aspect-ratio: 2 / 1; }

.rounded { border-radius: var(--radius); }
.shadow { box-shadow: var(--shadow); }
.frame.rounded { box-shadow: var(--shadow-soft); }

/* Two equal photos side by side – stays 2-up even on phones */
.photo-pair {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(12px, 2.5vw, 28px);
}

/* Photos stacked on desktop, side by side when the layout stacks */
.photo-stack {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(12px, 2.5vw, 24px);
}
@media (min-width: 800px) {
	.photo-stack { grid-template-columns: 1fr; }
}

/* Photo backgrounds with dark overlay */
.overlay { position: relative; isolation: isolate; }
.overlay::before {
	content: "";
	position: absolute; inset: 0;
	z-index: -1;
	background: rgba(0, 0, 0, var(--overlay, .25));
	pointer-events: none;
}
.overlay--15 { --overlay: .15; }
.overlay--25 { --overlay: .25; }
.overlay--50 { --overlay: .5; }

.section--photo {
	background-color: #2b3a3c;
	background-size: cover;
	background-repeat: no-repeat;
}
/* Parallax only where it works well (desktop with a mouse) */
@media (min-width: 1025px) and (hover: hover) {
	.section--photo { background-attachment: fixed; }
}

/* Typography blocks
   -------------------------------------------------------------------------- */
.section-title {
	color: var(--teal);
	font-size: clamp(2rem, 1.45rem + 2.3vw, 3rem);
	font-weight: 700;
	letter-spacing: -.01em;
	margin-bottom: .45em;
	text-wrap: balance;
}
.section-title--sm { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); }

.text { color: var(--text); font-family: var(--font-head); }
.text > * + * { margin-top: 1.1em; }
.text p + .dot-list,
.text p + ul { margin-top: .6em; }

.dot-list,
.text ul { list-style: none; margin: 0; padding: 0; }
.dot-list li,
.text ul li { position: relative; padding-left: 1.3em; }
.dot-list li + li,
.text ul li + li { margin-top: .2em; }
.dot-list li::before,
.text ul li::before {
	content: "";
	position: absolute;
	left: .2em; top: .62em;
	width: .48em; height: .48em;
	border-radius: 50%;
	background: var(--lime);
}

/* Buttons
   -------------------------------------------------------------------------- */
.btn {
	--btn-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	display: inline-flex;
	align-items: center;
	gap: .7em;
	min-height: 52px;
	margin-top: 1.6em;
	padding: .55em .6em .55em 1.6em;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(180deg, #c8de63 0%, var(--lime) 55%, #adc744 100%);
	color: #1f2a07;
	font-family: var(--font-head);
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.1;
	text-align: left;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .55),
		0 8px 18px -8px rgba(0, 0, 0, .5);
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
	cursor: pointer;
}
/* Arrow in a small dark circle */
.btn::after {
	content: "";
	flex: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background:
		var(--btn-arrow) center / 18px 18px no-repeat,
		rgba(31, 42, 7, .12);
	transition: transform .18s ease, background-color .18s ease;
}
.btn:hover {
	color: #141c04;
	filter: saturate(1.08) brightness(1.03);
	transform: translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .6),
		0 14px 24px -10px rgba(0, 0, 0, .55);
}
.btn:hover::after { transform: translateX(3px); background-color: rgba(31, 42, 7, .2); }
.btn:active { transform: translateY(0); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 4px 10px -6px rgba(0, 0, 0, .5); }
.btn:focus-visible { outline: 3px solid var(--white); outline-offset: 3px; box-shadow: 0 0 0 6px var(--teal-dark); }

.btn--lg { min-height: 58px; font-size: 18px; padding-left: 1.8em; }
.btn--lg::after { width: 40px; height: 40px; }
.btn--xl { min-height: 64px; font-size: clamp(18px, 1.1rem + .5vw, 22px); padding-left: 1.9em; }
.btn--xl::after { width: 46px; height: 46px; background-size: 20px 20px, auto; }

@media (max-width: 480px) {
	.btn { font-size: 16px; }
}

/* Header + navigation
   -------------------------------------------------------------------------- */
.main-nav .menu,
.footer-nav .menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-nav a,
.footer-nav a {
	display: block;
	font-family: var(--font-head);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 24px;
}
.main-nav a { position: relative; color: var(--white); }
.main-nav a:hover { color: var(--white); }
.main-nav .sub-menu { display: none; }

/* Mobile menu button: "MENU" label + hamburger in a pill */
.nav-toggle {
	display: none;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 8px 14px 8px 18px;
	border: 2px solid rgba(255, 255, 255, .9);
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	color: var(--white);
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}
.nav-toggle:hover { background: rgba(255, 255, 255, .22); }
.nav-toggle[aria-expanded="true"] { background: var(--white); color: var(--teal-dark); }
.nav-toggle__label { min-width: 3.6em; text-align: left; }
.nav-toggle__icon { display: block; width: 22px; }
.nav-toggle__bar {
	display: block;
	height: 3px;
	margin: 4px 0;
	border-radius: 2px;
	background: currentColor;
	transition: transform .2s ease, opacity .2s ease;
}
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Over the home photo: darker glass so it stands out on any part of the image */
.site-header--hero .nav-toggle {
	background: rgba(0, 0, 0, .38);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	box-shadow: 0 4px 14px -4px rgba(0, 0, 0, .5);
}
.site-header--hero .nav-toggle:hover { background: rgba(0, 0, 0, .5); }
.site-header--hero .nav-toggle[aria-expanded="true"] { background: var(--white); }

/* Desktop menu: underline on hover / current page */
@media (min-width: 960px) {
	.main-nav .menu > li { padding: 0 clamp(12px, 1.8vw, 25px); }
	.main-nav .menu a { padding: 8px 0; }
	.main-nav .menu a::after {
		content: "";
		position: absolute;
		left: 0; right: 0; bottom: 2px;
		height: 3px;
		border-radius: 2px;
		background: var(--lime);
		transform: scaleX(0);
		transition: transform .2s ease;
	}
	.main-nav .menu a:hover::after,
	.main-nav .current-menu-item > a::after { transform: scaleX(1); }
}

/* Mobile menu: hamburger + drop-down panel */
@media (max-width: 959px) {
	.nav-toggle { display: inline-flex; }
	.main-nav__menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0; right: 0;
		z-index: 40;
		padding: 8px var(--gutter) 16px;
		background: var(--teal);
		box-shadow: 0 16px 24px -12px rgba(0, 0, 0, .4);
	}
	.main-nav.is-open .main-nav__menu { display: block; }
	.main-nav .menu { flex-direction: column; align-items: stretch; }
	.main-nav .menu a {
		padding: 12px 4px;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
		text-align: center;
	}
	.main-nav .menu li:last-child a { border-bottom: 0; }
	.main-nav .current-menu-item > a { color: var(--lime); }
}

/* Inner pages: sticky teal bar with logo */
.site-header--bar {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
	background: var(--teal);
	box-shadow: var(--shadow);
}
.bar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: calc(var(--container) + 2 * var(--gutter));
	min-height: var(--header-h);
	margin-inline: auto;
	padding: 8px var(--gutter);
}
.brand { display: block; flex: none; line-height: 0; }
.brand__logo img { width: auto; height: 46px; }
.site-header--bar .main-nav { position: static; }
@media (min-width: 960px) {
	.bar { min-height: 86px; }
	.brand__logo img { height: 54px; }
}

/* Home hero */
.site-header--hero {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: clamp(480px, 82svh, 760px);
	padding: 10px var(--gutter) 0;
	background-size: cover;
	background-repeat: no-repeat;
}
.site-header--hero.overlay::before {
	background: linear-gradient(180deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .1) 65%, rgba(0, 0, 0, .3) 100%);
}
.site-header--hero .main-nav {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 12px 0;
}
.hero__logo {
	display: flex;
	justify-content: center;
	padding-top: clamp(16px, 6vh, 60px);
}
.hero__title { margin: 0; line-height: 0; }
.hero__logo img {
	width: clamp(220px, 38vw, 480px);
	filter: drop-shadow(0 4px 18px rgba(0, 0, 0, .35));
}
@media (max-width: 959px) {
	.site-header--hero .main-nav { justify-content: flex-end; padding: 4px 0; }
	.site-header--hero .main-nav__menu { border-radius: 0 0 var(--radius-sm) var(--radius-sm); }
	.site-header--hero { min-height: clamp(440px, 72svh, 640px); }
}

/* Home
   -------------------------------------------------------------------------- */
.strip { position: relative; z-index: 2; background: var(--teal); box-shadow: var(--shadow); }
.strip--tagline p {
	padding: 14px 0;
	color: var(--white);
	font-family: var(--font-head);
	font-size: clamp(16px, .9rem + .45vw, 19px);
	font-weight: 700;
	text-align: center;
	text-wrap: balance;
}
.strip--band { height: clamp(12px, 1.6vw, 20px); box-shadow: none; }

.features {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: clamp(16px, 2.5vw, 28px);
	color: var(--white);
	text-align: center;
}
.feature {
	padding: clamp(22px, 3vw, 32px) clamp(18px, 2.5vw, 28px);
	border-radius: var(--radius-sm);
	background: rgba(0, 0, 0, .22);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(3px);
}
.feature .icon { display: block; width: 54px; height: 48px; margin: 0 auto 14px; color: var(--white); }
.feature__title {
	margin-bottom: 10px;
	color: var(--white);
	font-size: clamp(21px, 1.1rem + .6vw, 25px);
	font-weight: 700;
	text-wrap: balance;
}
.feature p { line-height: 1.6; }

/* Hiring cards */
.hiring {
	display: grid;
	gap: var(--gap);
	max-width: calc(520px + 2 * var(--gutter));
}
@media (min-width: 800px) {
	.hiring { grid-template-columns: 1fr 1fr; max-width: calc(var(--container) + 2 * var(--gutter)); }
	.hiring--single { grid-template-columns: 1fr; max-width: calc(520px + 2 * var(--gutter)); }
}
.hiring-cta { padding-top: clamp(32px, 5vw, 56px); }

.hire-card {
	container-type: inline-size;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border-radius: var(--radius);
	background: var(--teal);
	box-shadow: var(--shadow);
	color: var(--white);
	font-family: var(--font-head);
}
.hire-card__top {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	padding: max(18px, 5cqi) max(20px, 9cqi) 0;
}
.hire-card__title {
	font-size: max(30px, 10.5cqi);
	font-weight: 900;
	line-height: 1.05;
	letter-spacing: -.01em;
}
.hire-card__role {
	margin-top: max(6px, 1.5cqi);
	color: var(--lime);
	font-size: max(13px, 3.5cqi);
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.2;
}
.hire-card__question {
	margin-top: max(8px, 2cqi);
	color: var(--white);
	font-size: max(16px, 3.8cqi);
	font-weight: 900;
	line-height: 1.25;
}
.hire-card__body {
	margin-top: max(8px, 2cqi);
	font-size: max(13px, 2.6cqi);
	font-weight: 700;
	line-height: 1.45;
}
.hire-card__foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: max(12px, 3cqi) max(14px, 4.5cqi);
	margin-top: auto;               /* pins the footer above the photo */
	padding: max(12px, 3cqi) 0;
	border-top: max(1px, .3cqi) solid var(--lime);
}
.hire-card__top > .hire-card__body { margin-bottom: max(12px, 3cqi); }
.hire-card__foot picture { flex: none; }
.hire-card__logo img,
.hire-card__ndis img { width: max(72px, 15cqi); }
.hire-card__contact {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: max(12px, 2.4cqi);
	font-weight: 700;
}
.hire-card__contact li + li { margin-top: max(6px, 1.2cqi); }
.hire-card__contact a { display: flex; align-items: center; gap: max(8px, 2cqi); color: var(--white); }
.hire-card__contact a:hover { color: var(--lime); }
.hire-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: max(26px, 6cqi);
	height: max(26px, 6cqi);
	border: max(1.5px, .3cqi) solid currentColor;
	border-radius: 50%;
}
.hire-card__icon .icon { width: 45%; height: 45%; }
.hire-card__photo {
	position: relative;
	flex: none;
	aspect-ratio: 2 / 1;
	overflow: hidden;
	border-top: max(5px, 1.3cqi) solid var(--lime);
}
.hire-card__photo picture { position: absolute; inset: 0; display: block; }
.hire-card__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Services
   -------------------------------------------------------------------------- */
.section--cta { padding-block: clamp(90px, 14vw, 150px); }

/* Contact
   -------------------------------------------------------------------------- */
.contact-icons {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	gap: 12px;
	max-width: 760px;
	margin-bottom: var(--gap);
	text-align: center;
}
.contact-icons a {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	color: var(--text);
	font-weight: 600;
}
.contact-icons .icon {
	box-sizing: content-box;
	width: 26px; height: 26px;
	padding: 16px;
	border-radius: 50%;
	background: var(--teal-tint);
	color: var(--teal);
	transition: background-color .15s ease, color .15s ease;
}
.contact-icons a:hover .icon { background: var(--teal); color: var(--white); }

.panel {
	height: 100%;
	padding: clamp(22px, 3.5vw, 40px);
	border-radius: var(--radius-sm);
	background: var(--teal-tint);
}
.panel__title {
	margin-bottom: 18px;
	color: var(--teal);
	font-size: clamp(22px, 1.2rem + .6vw, 26px);
}

.contact-details { text-align: center; }
.contact-details picture { width: min(100%, 360px); margin-bottom: 18px; }
.contact-details picture img { border-radius: var(--radius-sm); mix-blend-mode: multiply; }
.contact-details__text {
	color: var(--teal-dark);
	font-family: var(--font-head);
	font-size: clamp(19px, 1rem + .7vw, 24px);
	font-weight: 700;
	line-height: 1.55;
}
.contact-details__text a { color: inherit; }
.contact-details__text a:hover { color: var(--teal); }

/* Built-in fallback form */
.contact-form label { display: block; margin-bottom: 4px; font-size: 15px; font-weight: 600; color: #333; }
.contact-form .req { color: #c62828; }
.contact-form__field { margin: 0 0 16px; }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #c9d3d5;
	border-radius: 10px;
	font: inherit;
	font-size: 16px;
	color: #333;
	background: var(--white);
}
.contact-form textarea { resize: vertical; }
.contact-form input:focus,
.contact-form textarea:focus { outline: 2px solid var(--teal); outline-offset: 1px; border-color: var(--teal); }
.contact-form__submit {
	padding: 12px 26px;
	border: 0;
	border-radius: 999px;
	background: var(--teal);
	color: var(--white);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.contact-form__submit:hover { background: var(--teal-dark); }
.contact-form__hp { position: absolute; left: -9999px; }
.form-notice { margin-bottom: 16px; padding: 12px 16px; border-radius: 10px; }
.form-notice--ok { background: #e6f4ea; color: #1e4620; }
.form-notice--error { background: #fde8e8; color: #7a1c1c; }

/* Fluent Forms on the Contact page */
#contact-form .fluentform .ff-el-group { margin-bottom: 16px; }
#contact-form .fluentform .ff-el-input--label label { font-size: 15px; font-weight: 600; color: #333; }
#contact-form .fluentform .ff-el-form-control {
	padding: 10px 12px;
	border: 1px solid #c9d3d5;
	border-radius: 10px;
	font-family: var(--font-body);
	font-size: 16px;
	background: var(--white);
}
#contact-form .fluentform .ff-el-form-control:focus { border-color: var(--teal); box-shadow: 0 0 0 2px rgba(71, 159, 169, .35); }
#contact-form .fluentform .ff-btn-submit {
	padding: 12px 28px;
	border-radius: 999px;
	background: var(--teal) !important;
	border-color: var(--teal) !important;
	font-family: var(--font-body);
	font-weight: 600;
}
#contact-form .fluentform .ff-btn-submit:hover { background: var(--teal-dark) !important; }

.section--teal { background: var(--teal); }
.map {
	overflow: hidden;
	max-width: 880px;
	margin-inline: auto;
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow);
	background: #dfe8e9;
}
.map iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; min-height: 280px; max-height: 480px; border: 0; }

/* Generic page content (Employment, any new pages)
   -------------------------------------------------------------------------- */
.entry-content { color: var(--text); }
.entry-content > * + * { margin-top: 1.25em; }
.entry-content h1,
.entry-content h2 { color: var(--teal); }
.entry-content h1 { font-size: clamp(2rem, 1.45rem + 2.3vw, 2.75rem); font-weight: 700; }
.entry-content h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); }
.entry-content h3 { font-size: 1.4rem; color: var(--teal); }
.entry-content ul { margin-block: 0; padding-left: 1.5em; }
.entry-content li + li { margin-top: .3em; }
.entry-content li::marker { color: var(--teal); }
.entry-content ul.is-style-plain { list-style: none; padding-left: 0; }
.entry-content .wp-block-columns { display: grid; gap: var(--gap); margin-top: var(--gap); }
@media (min-width: 800px) {
	.entry-content .wp-block-columns { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
}
.entry-content .wp-block-column {
	min-width: 0;
	padding: clamp(22px, 3vw, 36px);
	border-radius: var(--radius-sm);
	background: var(--teal-tint);
}
.entry-content .wp-block-column > * + * { margin-top: 1em; }
.entry-content .wp-block-column > p:first-child strong { color: var(--teal-dark); font-family: var(--font-head); font-size: 1.1em; }
.entry-content .wp-block-image img { border-radius: var(--radius); }

/* Footer
   -------------------------------------------------------------------------- */
.site-footer { padding-block: clamp(28px, 4vw, 40px) 20px; }
.footer-nav { padding-block: 8px 14px; }
.footer-nav .menu { gap: 6px clamp(14px, 3vw, 48px); }
.footer-nav a { padding: 6px 0; color: var(--teal); }
.footer-nav a:hover { color: var(--lime-dark); }
.footer-divider {
	margin: 0 0 clamp(20px, 3vw, 28px);
	border: 0;
	border-top: 5px solid var(--teal);
	border-radius: 3px;
}
.footer-cols {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
	align-items: center;
	text-align: center;
}
@media (min-width: 600px) { .footer-cols { grid-template-columns: 1fr 1fr; } }
@media (min-width: 960px) { .footer-cols { grid-template-columns: repeat(4, 1fr); } }
.footer-col img { width: 130px; }
.footer-col--links { color: var(--teal); font-family: var(--font-head); line-height: 1.7; }
.footer-links { margin: 0; padding: 0; list-style: none; }
.footer-col--links a { color: var(--teal-dark); }
.footer-col--links a:hover { color: var(--teal); text-decoration: underline; }
.footer-legal {
	margin-top: clamp(22px, 3vw, 32px);
	padding-top: 16px;
	border-top: 1px solid #e3eaeb;
	color: var(--muted);
	font-size: 14px;
	text-align: center;
}

.social-icons { display: flex; justify-content: center; gap: 14px; }
.social-icons a { display: inline-flex; padding: 4px; color: var(--teal); }
.social-icons a:hover { color: var(--teal-dark); }
.social-icons .icon { width: 34px; height: 30px; }

/* Motion
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition: none !important; animation: none !important; }
	.section--photo { background-attachment: scroll !important; }
}

/* Job listings (Employment page, from wp-admin → Job Ads)
   -------------------------------------------------------------------------- */
.job-list {
	display: grid;
	gap: var(--gap);
	margin-top: var(--gap);
}
@media (min-width: 800px) {
	.job-list { grid-template-columns: 1fr 1fr; }
	.job-list--single { grid-template-columns: minmax(0, 720px); }
}
.job {
	min-width: 0;
	padding: clamp(22px, 3vw, 36px);
	border-radius: var(--radius-sm);
	background: var(--teal-tint);
	color: var(--text);
}
.job__title {
	margin-bottom: 1em;
	padding-bottom: .7em;
	border-bottom: 3px solid var(--lime);
	color: var(--teal-dark);
	font-size: clamp(1.1rem, 1rem + .4vw, 1.3rem);
	font-weight: 900;
	letter-spacing: .01em;
}
.job__content > * + * { margin-top: 1em; }
.job__closes { margin-top: 1.2em; color: var(--muted); font-size: .95em; font-style: italic; }
.job-list__empty {
	margin-top: var(--gap);
	padding: clamp(20px, 3vw, 32px);
	border-radius: var(--radius-sm);
	background: var(--teal-tint);
}

/* Card photo from the Media Library */
.hire-card__photo > img { position: absolute; inset: 0; }

/* Job ad pages
   -------------------------------------------------------------------------- */
.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 0;
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
	font-size: 14px;
	color: var(--muted);
}
.breadcrumbs li + li::before { content: "›"; margin: 0 8px; color: var(--teal); }
.breadcrumbs a { color: var(--teal-dark); }
.breadcrumbs a:hover { text-decoration: underline; }

.job-page { max-width: calc(860px + 2 * var(--gutter)); }
.job-page__eyebrow {
	color: var(--lime-dark);
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.job-page__title { margin-top: .15em; }
.job-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
	margin: 0 0 var(--gap);
	padding: 0;
	list-style: none;
}
.job-facts li {
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--teal-tint);
	font-size: 15px;
}
.job-facts strong { color: var(--teal-dark); }
.job--full { padding: clamp(22px, 4vw, 44px); }
.job-page__links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 24px;
	margin-top: var(--gap);
}
.job-page__links .btn { margin-top: 0; }
.job-page__contact { font-weight: 600; }
.job-page__contact:hover { text-decoration: underline; }

/* Employment page summaries */
.job { display: flex; flex-direction: column; }
.job__title a { color: inherit; }
.job__title a:hover { color: var(--teal); }
.job__meta { color: var(--muted); font-size: 15px; font-weight: 600; }
.job__summary { margin-top: .8em; }
.job__more { align-self: flex-start; margin-top: auto; padding-top: .55em; }
.job__summary + .job__more,
.job__closes + .job__more { margin-top: 1.4em; }

/* Footer business details (name, address, phone) */
.footer-nap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px 18px;
	margin-top: clamp(22px, 3vw, 32px);
	color: var(--text);
	font-style: normal;
	text-align: center;
}
.footer-nap a { color: var(--teal-dark); }
.footer-nap a:hover { text-decoration: underline; }
.footer-nap + .footer-legal { margin-top: 16px; }