/*
Theme Name: Wood Leisure News
Theme URI: https://#
Template: hello-elementor
Author: Wood Leisure
Author URI: https://#
Description: Hello
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1767192727
Updated: 2025-12-31 14:52:07

/* Overrides */
.wp-block-buttons .wp-block-button__link {
	background:#00462D;
	color:#fff !important;
	font-weight:600;
	border-radius:8px;
	padding:12px 35px;
	border:2px solid #00462D;
	transition: all .4s;
}

.wp-block-buttons .wp-block-button__link:hover {
	background:#00804F;
	border-color:#00804F;
}

/* Navigation section */

.elementskit-submenu-indicator path {
    fill: #F2C94C;
}

/* User icon wrapper */

body.wl-logged-out .ekit-template-content-header,body.wl-logged-out #wpfront-notification-bar, body.wl-logged-out .ekit-template-content-footer{
	display:none !important;
}

h1,h2,h3,h4,h5 {
	font-family: "p22-mackinac-pro", serif !important;
	font-weight: 400;
	font-style: normal;
}

h1 span,h2 span,h3 span,h4 span,h5 span {
	font-family: "relation-one", serif !important;
	font-size: 130%;
	font-weight: 400 !important;
	font-style: normal;
}

p, body {
	font-size:18px;
	font-family: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

a {color:#00462D; text-decoration:none;}

body.elementor-kit-6 {
	background:#FEFCFA;
}

.wl-user-menu {
	position: relative;
	display: inline-block;
}

.hr-hero {
	max-width:1800px;
	margin:0 auto;
	background:#FEFCFA;
}

/* Icon styling */
.wl-user-icon {
	font-size: 28px;
	color: #fff;
	cursor: pointer;
	border-radius: 130px;
	height: 50px;
	display: block;
	text-align: center;
	padding-top: 0px;
}

.wl-user-icon:hover {
	color: #F2C94C; /* Wood Leisure green */
}

/* Dropdown bubble */
.wl-user-dropdown {
	position: absolute;
	top: 38px;
	right: 0;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.15);
	padding: 8px 0;
	min-width: 160px;
	display: none;
	z-index: 999;
}

/* Bubble arrow */
.wl-user-dropdown::before {
	content: "";
	position: absolute;
	top: -8px;
	right: 16px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
}

/* Links */
.wl-user-dropdown a {
	display: block;
	padding: 10px 16px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
}

.wl-user-dropdown a:hover {
	background: #f5f5f5;
}

/* Show on hover */
.wl-user-menu:hover .wl-user-dropdown {
	display: block;
}

/* Post Gallery Styling */
.wp-block-gallery {
    --wp--style--gallery-gap-default: 10px;
}
.wp-block-gallery img {
	border-radius:8px;
}
.wp-block-gallery figure.wp-block-image {overflow:hidden;}
.wp-block-gallery figure.wp-block-image img {
	transition:all .4s;
}
.wp-block-gallery figure.wp-block-image:hover img {
	transform: scale(1.1) rotate(5deg);
}

/* Homepage */
.homepage-news img {
	object-fit: cover;
	aspect-ratio: 1/1;
}

.team-hub-section {
	padding: 35px 0;
}

.hub-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 32px;
}

.hub-grid a {
	text-decoration:none;
	display:block;
	margin-top:15px;
}

.hub-card {
	background: #ffffff;
	border-radius: 20px;
	padding: 36px 32px;
	text-decoration: none;
	color: inherit;
	border: 1px solid #eee;
	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	position: relative;
	cursor:pointer;
	overflow: hidden;
}

.resource-grid .hub-card:before {
	background: linear-gradient(90deg, #005034, #23AA4B);
}

.hub-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 100%;
	background: linear-gradient(90deg, #F2C94C, #cfb664);
}

.hub-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 40px rgba(0,0,0,0.08);
}

.hub-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #0c4b2e;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size:26px;
}

/* Individual icons */

.icon-user-edit::before {
	content: "\f4ff";
}

.icon-clock::before {
	content: "\f017";
}

.icon-id-card::before {
	content: "\f2c2";
}

.icon-users::before {
	content: "\f0c0"; /* users icon */
}

.icon-receipt::before {
	content: "\f543"; /* receipt icon */
}

.icon-calendar::before {
	content: "\f073";
}

.icon-heart::before {
	content: "\f004";
}

.icon-gift::before {
	content: "\f06b";
}

.icon-award::before {
	content: "\f559";
}

.icon-training::before {
	content: "\f19d";
}

.icon-folder::before {
	content: "\f07b";
}

.icon-user-plus::before {
	content: "\f234";
}

.icon-heartbeat::before {
	content: "\f21e";
}

.icon-hands::before {
	content: "\f4c4";
}

.icon-tags::before {
	content: "\f02c";
}

.icon-pension::before {
	content: "\f571";
}

.icon-plane::before {
	content: "\f5b0";
}

.hub-icon i {
	background: #005034;
	border-radius: 100%;
	color: #fff;
	width: 75px;
	height: 75px;
	text-align: center;
	line-height: 1.7;
	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.wellbeing-card .hub-icon i {
	width:30px;
	height:40px;
	background:none;
}
.wellbeing-card .hub-icon i {
	background:none;
}

.wellbeing-card .hub-icon {
	margin:0 auto;
	background:#4A90C2 !important;
}

.hub-card h3 {
	font-size: 1.4rem;
	margin-bottom: 12px;
	color: #003d2d;
}

.hub-card p {
	font-size: 1rem;
	color: #666;
	margin-bottom: 24px;
	line-height: 1.6;
}

.hub-link {
	font-weight: 600;
	color: #005034;
	font-size: 0.95rem;
}

.wpfront-notification-bar div.wpfront-close {
	font-size: 16px;
	top: 12px;
}
.elementskit-meta-categories .elementskit-meta-wraper span {
	background: none !important;
	padding: 0 !important;
}
.elementskit-meta-categories a {
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	font-weight: 600;
	color: #fff;
	margin-right: 6px;
	margin-bottom: 6px;
	-moz-border-radius: 999px;
	-webkit-border-radius: 999px;
	-o-border-radius: 999px;
	border-radius: 999px;
	padding: 8px 32px;
}
.elementskit-meta-categories a:hover {
	filter:brightness(.95);
}

.elementskit-meta-categories a[href*="/category/people/"],.meta-pill.category[href*="/category/people/"], .post-category-people {
	background:#4A90C2;
	color:#ffffff;
}

.elementskit-meta-categories a[href*="/category/people/training/"],.meta-pill.category[href*="/category/people/training/"], .post-category-training {
	background:#7FB685;
	color:#fff;;
}

.elementskit-meta-categories a[href*="/category/people/awards/"],.meta-pill.category[href*="/category/people/awards/"], .post-category-awards {
	background:#8E7DBE;
	color:#ffffff;
}

.elementskit-meta-categories a[href*="/category/people/wellbeing/"],.meta-pill.category[href*="/category/people/wellbeing/"], .post-category-wellbeing {
	background:#F2C94C;
	color:#ffffff;
}

.elementskit-meta-categories a[href*="/category/people/teams/"],.meta-pill.category[href*="/category/people/teams/"], .post-category-teams {
	background:#2F4E6F;
	color:#ffffff;
}

.elementskit-meta-categories a[href*="/category/featured/"],.meta-pill.category[href*="/category/featured/"], .post-category-featured {
	display:none;
}

.elementskit-meta-categories a[href*="/category/news/"],.meta-pill.category[href*="/category/news/"], .post-category-news {
	background:#00462D;
	color:#ffffff;
}

.topic-grid img {
	height: 300px !important;
	object-fit: cover;
}
ul.sidebar-list {
	display: flex;
	flex-wrap: wrap;
}
ul.sidebar-list li {
	min-width: 50%;
}
ul.sidebar-list li a {
	color: #00462d;
}
.icon-heading h2 {
	display: flex;
	align-items: center;
}
.icon-heading i {
	font-size: 38px;
	color: #2e6a52;
	margin-right: 18px;
	-moz-transition: .2s ease;
	-webkit-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
	opacity: 0.7;
}
.icon-heading:hover i {
	-moz-transform: translateY(-4px);
	-webkit-transform: translateY(-4px);
	-o-transform: translateY(-4px);
	transform: translateY(-4px);
	opacity: 1;
}
.quick-links {
	background-color: #eef2ec;
	-moz-box-shadow: inset 0 20px 30px rgba(0,0,0,0.02);
	-webkit-box-shadow: inset 0 20px 30px rgba(0,0,0,0.02);
	-o-box-shadow: inset 0 20px 30px rgba(0,0,0,0.02);
	box-shadow: inset 0 20px 30px rgba(0,0,0,0.02);
	border-top: 1px solid rgba(0,0,0,0.06);
	padding: 50px 0;
}
.ql-inner {
	display: flex;
	max-width: 1100px;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	margin: 0 auto;
}
.ql-left {
	display: grid;
	gap: 20px 60px;
	grid-template-columns: 1fr 1fr;
	flex: 1.4;
}
.ql-left h2 {
	font-size: 40px;
	color: #0f4a34;
	grid-column: 1 / -1;
	margin: 0 0 10px;
}
.ql-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.ql-list li {
	display: flex;
	font-size: 16px;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.08);
	padding: 9px 0 11px;
	margin: 0;
}
.ql-list li:last-child {
	border-bottom: none;
}
.ql-list i {
	font-size: 15px;
	color: #25604a;
	-moz-transition: opacity .2s, transform .2s;
	-webkit-transition: opacity .2s, transform .2s;
	-o-transition: opacity .2s, transform .2s;
	transition: opacity .2s, transform .2s;
	opacity: 0.8;
}
.ql-list li:hover i {
	-moz-transform: translateX(2px);
	-webkit-transform: translateX(2px);
	-o-transform: translateX(2px);
	transform: translateX(2px);
	opacity: 1;
}
.ql-list a {
	text-decoration: none;
	color: #0f4a34;
	-moz-transition: color .2s;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
.ql-list a:hover {
	text-decoration: underline;
	color: #1f7a5b;
}
.ql-right {
	display: flex;
	align-items: center;
}
.ql-right img {
	height: auto;
	max-width: 260px;
}

/* Single Post */
.posted-on,
.byline,
.entry-meta,
.meta,
.author {
	display:none !important;
}

body.single-post .site-main {
	max-width:100%;
}

/* Breadcrumbs */
.wl-breadcrumbs {
	max-width:900px;
	margin:25px auto 0;
	padding:0 20px;
}

.wl-breadcrumbs a {
	color:#00462D;
	text-decoration:none;
}

.wl-breadcrumbs a:hover {
	text-decoration:underline;
}

/* Hero Area */
/* Full-width hero */
.post-hero {
	background:#E5F3EC;
	padding:60px 20px 45px;
	width:100%;
}

/* Constrain the inner wrapper */
.post-hero-inner {
	max-width:900px;
	margin:0 auto;
	text-align:center;
}

.post-title {
	color:#00462D;
	font-size:38px;
	font-weight:700;
	margin-bottom:10px;
}

.post-intro {
	color:#2f6a52;
	font-size:17px;
	max-width:700px;
	margin:0 auto;
}

.post-featured,
.post-content {
	max-width:900px;
	margin:40px auto;
	padding:0 20px;
}

/* ===== Comments Section Wrapper ===== */
.post-comments {
	margin: 60px auto;
	padding: 40px 20px;
	background: #F7F8F6;
	border: 1px solid #e5e5e5;
	max-width:900px;
	border-radius:8px;
	
}

/* ===== Title ===== */
.post-comments h2,
.post-comments .comments-title {
	font-size: 28px;
	margin-bottom: 30px;
	font-weight: 600;
}

/* ===== Comment List ===== */
.comment-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.comment {
	margin-bottom: 25px;
	padding: 20px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #eaeaea;
}

/* Nested replies */
.comment .children {
	margin-top: 15px;
	padding-left: 20px;
	border-left: 2px solid #e5e5e5;
}

/* ===== Comment Meta ===== */
.comment-meta {
	margin-bottom: 10px;
	font-size: 14px;
	color: #666;
}

.comment-author {
	font-weight: 600;
	color: #222;
}

.comment-metadata a {
	color: #999;
	text-decoration: none;
	font-size: 13px;
}

/* ===== Comment Text ===== */
.comment-content {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
}

/* ===== Reply Link ===== */
.reply a {
	display: inline-block;
	margin-top: 10px;
	font-size: 14px;
	color: #0073aa;
	text-decoration: none;
}

.reply a:hover {
	text-decoration: underline;
}

/* ===== Comment Form ===== */
.comment-respond {
	margin-top: 50px;
	padding: 30px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid #eaeaea;
}

.comment-respond h3 {
	margin-bottom: 20px;
	font-size: 22px;
}

/* Inputs */
.comment-form input,
.comment-form textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 15px;
	margin-bottom: 15px;
}

/* Submit button */
.comment-form input[type="submit"] {
	background: #00462D;
	color: #fff;
	border: none;
	padding: 12px 20px;
	cursor: pointer;
	transition: 0.2s ease;
}

.comment-form input[type="submit"]:hover {
	background: #444;
}

.logged-in-as {
	font-size: 14px;
	color: #666;
	margin-bottom: 15px;
}

.post-featured img {
	max-height:600px !important;
	width:100%;
	border-radius:14px;
	box-shadow:0 10px 25px rgba(0,0,0,.05);
	object-fit:cover;
}

.post-content {
	max-width:900px;
	margin:40px auto;
	padding:0 20px;
	font-size:17px;
	line-height:1.75;
	color:#2c2c2c;
}

/* Headings inside post */
.post-content h2,
.post-content h3,
.post-content h4 {
	color:#00462D;
	margin-top:28px;
}

.post-tags {
	max-width:900px;
	margin:10px auto 30px;
	padding:0 20px;
}

.post-tags .tag-links a {
	display:inline-block;
	background:#E5F3EC;
	color:#00462D;
	padding:6px 12px;
	border-radius:999px;
	margin-right:6px;
	text-decoration:none;
	font-size:13px;
}

.post-tags .tag-links a:hover {
	background:#d9efe3;
}

.post-back {
	max-width:900px;
	margin:0 auto 60px;
}

.post-back a {
	color:#00462D;
	text-decoration:underline;
	font-weight: 600;
	display:block;
	margin-top:35px;
	transition: .4s all;
	font-size:14px;
}

.post-back a:hover {
	color:#555555;
}

/* Button */

.post-categories {
	margin-top:12px;
}

.post-category {
	display:inline-block;
	padding:6px 14px;
	border-radius:999px;
	font-size:12px;
	font-weight:600;
	line-height:1;
	margin-right:6px;
	margin-bottom:6px;
	color:#ffffff;
}

.post-category:hover {
	filter:brightness(.95);
}


@media(max-width: 900px) {
	.ql-inner {
		text-align: left;
		flex-direction: column;
	}
	.ql-left {
		grid-template-columns: 1fr;
	}
	.ql-right {
		margin-top: 25px;
		text-align: center;
	}
}

/* Homepage Jobs Board */

.jobs-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.homepage-jobs {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

@media (max-width: 768px) {
	.homepage-jobs, .jobs-grid {
		grid-template-columns: 1fr;
	}
}

.homepage-jobs .job-card,  .jobs-grid .job-card, .job-card {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 6px 20px rgba(0,0,0,0.08);
	position:relative;
	cursor:pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.homepage-jobs .job-card:hover,  .jobs-grid .job-card:hover, .job-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.homepage-jobs .job-title, .jobs-grid .job-title {
	font-size: 24px;
	margin-bottom: 8px;
	color:#00462D;
}

.homepage-jobs .job-location,
.homepage-jobs .job-salary,
.homepage-jobs .job-title,
.jobs-grid .job-location,
.jobs-grid .job-salary,
.jobs-grid .job-title
{
	margin-bottom: 6px;
	color: #666;
}


.jobs-grid .job-link {
	display: inline-block;
	margin-top: 12px;
	font-weight: 600;
	position: relative;
	background: #F2C94C;
	color: #fff;
	text-decoration: none;
	padding: 10px 35px;
	border-radius: 6px;
}

.homepage-jobs .job-link {
	display: inline-block;
	margin-top: 12px;
	font-weight: 600;
	position: relative;
	background: #F2C94C;
	color: #fff;
	text-decoration: none;
	padding: 10px 35px;
	border-radius: 6px;
	text-align:center;
}

.jobs-listing-main .container {
	max-width: 1000px;
	margin: 0 auto;
}

.jobs-listing-main .job-link {
	display: inline-block;
	margin-top: 12px;
	font-weight: 600;
	position: relative;
	bottom: 0;
	right: 0;
	background: #F2C94C;
	color: #fff;
	text-decoration: none;
	padding: 10px 35px;
	border-radius: 6px;
}

.jobs-listing-main .job-card {
	position:relative;
}

/* Main Jobs Board */
.job-single {background: #FEFCFA;}
.job-hero {
	background: #F5F1E8;
	text-align:center;
	padding: 80px 0 60px;
	border-bottom: 1px solid #e5e5e5;
}

.job-title {
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 16px;
	letter-spacing: -0.02em;
	color:#00462D;
}

.job-meta {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	font-size: 15px;
	color: #555;
}

.job-meta span {
	background: #ffffff;
	padding: 6px 14px;
	border-radius: 20px;
	border: 1px solid #ddd;
}
.job-content {
	max-width:1140px;
	margin:0 auto;
}

.job-content .container {
	display: grid;
	grid-template-columns: 2.5fr 1fr;
	gap: 48px;
	align-items: start;
	padding:5% 1%;
}

.job-sidebar {
	background: #ffffff;
	border-radius: 12px;
	padding: 32px;
	border: 1px solid #e5e5e5;
	position: sticky;
	top: 120px;
}


.job-detail {
	margin-bottom: 24px;
}

.job-detail strong {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #888;
	margin-bottom: 6px;
}

.job-detail p {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}

.job-apply {
	display: block;
	text-align: center;
	margin-top: 32px;
	padding: 14px 20px;
	background: #005034; /* Wood Leisure green */
	color: #ffffff;
	border-radius: 8px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}

.job-apply:hover {
	background: #003f29;
	transform: translateY(-2px);
}

.job-description {
	font-size: 16px;
	line-height: 1.7;
}

.job-description h2 {
	font-size:36px;
	color:#00462D;
}

.job-description h3 {
	margin-top: 48px;
	margin-bottom: 16px;
	font-size: 24px;
	letter-spacing: -0.01em;
}

.job-description ul {
	margin: 16px 0 32px 20px;
}

.job-description li {
	margin-bottom: 10px
}

.related-jobs {
	background: #f6f6f6;
	padding: 80px 0;
	border-top: 1px solid #e5e5e5;
}

.related-jobs .container {
	max-width:1140px;
	margin:0 auto;
}

.related-jobs-header {
	max-width: 640px;
	margin-bottom: 40px;
}

.related-jobs-header h2 {
	font-size: 32px;
	margin-bottom: 12px;
	letter-spacing: -0.02em;
	color:#005034;
}
.related-jobs-header h2 span{
	color:#F2C94C;
	font-weight:700;
}


.related-jobs-header p {
	font-size: 16px;
	color: #555;
}

.related-jobs-grid {
	margin-top: 32px;
}

.related-jobs-footer {
	margin-top: 40px;
}

p.no-find {
	text-align:center;
	font-size:34px;
	padding:5% 5px;
}

.btn-secondary {
	display: inline-block;
	padding: 12px 22px;
	border-radius: 8px;
	border: 2px solid #005034;
	color: #005034;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}

.btn-secondary:hover {
	background: #005034;
	color: #ffffff;
}


.news-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 30px 0 40px;
}

.filter-pill {
	padding: 8px 18px;
	border-radius: 999px;
	background: #f1f4f2;
	color: #005034;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
}

.filter-pill:hover {
	background: #f7c948;
	color: #005034;
}

.filter-pill.active {
	background: #005034;
	color: #ffffff;
}

.news-hero h1, .news-hero h2 {
	color: #00462D;
	font-family: "DM Sans", Sans-serif;
	font-size: 60px;
}
.news-hero span { 
	color:#F2C94C;
}

.news-hero h3 {
	color: #00462D;
	font-family: "DM Sans", Sans-serif;
	font-size: 26px;
	font-weight: 400;
	margin: 20px 0px;
}

.news-hero {padding:5% 1%;}

.news-layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
}

.news-row {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 32px;
	padding: 32px 0;
	border-bottom: 1px solid #e5e5e5;
}

.news-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 12px;
}

.news-title {
	font-size: 1.6rem;
	margin-bottom: 12px;
}

.news-title a {
	color:#00462D;
}

.news-excerpt {
	margin-bottom: 16px;
}

.news-read-more {
	display: inline-block;
	margin-top: 12px;
	font-weight: 600;
	background: #F2C94C;
	color: #fff;
	text-decoration: none;
	padding: 10px 35px;
	border-radius: 6px;
	display:inilne-block;
	margin-bottom:15px;
}

.news-meta {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	padding-bottom:15px;
}

/* Single Post Latest News Section */
.news-archive {
	padding-bottom:5%;
}
.latest-posts {
	background: #f7f8f6;
	padding: 4rem 0;
	margin-top: 4rem;
}

.latest-posts-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
}

.latest-posts-title {
	font-size: 2rem;
	margin-bottom: 2rem;
}

.latest-posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 2rem;
}

.latest-post-card {
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0,0,0,0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.latest-post-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 14px 40px rgba(0,0,0,0.1);
}

.latest-post-link {
	display: block;
	color: inherit;
	text-decoration: none;
	height: 100%;
}

.latest-post-image img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	display: block;
}

.latest-post-content {
	padding: 1.5rem;
}

.latest-post-title {
	font-size: 1.1rem;
	margin-bottom: 0.75rem;
	line-height: 1.4;
}

.latest-post-excerpt {
	color: #666;
	font-size: 0.95rem;
	line-height: 1.6;
}

.latest-posts-footer {
	margin-top: 3rem;
	text-align: center;
}

.latest-posts-more {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	border-radius: 50px;
	background: #f4c400;
	color: #000;
	font-weight: 600;
	text-decoration: none;
}

.swiper-button-prev, .swiper-button-next {
	background: #00462D;
	color: #fff !important;
	width: 50px !important;
	height: 50px !important;
	border-radius: 90px;
}

.swiper-button-prev:after, .swiper-button-next:after {
	font-size:24px !important;
	font-weight:bold !important;
}

.latest-post-button {
	display: inline-block;
	margin-top: 1rem;
	padding: 0.5rem 1.25rem;
	border-radius: 50px;
	background: #f4c400;
	color: #fff !important;
	font-weight: 600;
	font-size: 0.85rem;
	transition: all 0.2s ease;
}

.latest-post-card:hover .latest-post-button {
	background: #005034;
	color: #fff;
}

.latest-post-date {
	display: block;
	font-size: 0.8rem;
	color: #777;
	margin-bottom: 0.4rem;
	font-weight: 500;
}

.meta-pill {
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
}

.meta-pill.category {
	background: #005034;
	color: #fff;
}

.meta-pill.date {
	background: #00462D;
	color: #fff;
}

.news-sidebar {
	background: #f7f5ef;
	padding: 32px;
	border-radius: 16px;
}

.sidebar-block {
	margin-bottom: 32px;
}

.sidebar-block h4 {
	margin-bottom: 12px;
	font-size: 1.1rem;
}

.news-sidebar form {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 40px;
}

.news-sidebar input[type="search"] {
	width: 100%;
	padding: 12px 14px;
	border-radius: 10px;
	border: 1px solid #ddd;
	font-size: 0.95rem;
}

.news-sidebar input[type="search"]:focus {
	outline: none;
	border-color: #005034;
}

.news-sidebar input[type="submit"] {
	align-self: flex-start;
	padding: 10px 22px;
	border-radius: 50px;
	border: none;
	background: #f4c400;
	color: #000;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.15s ease;
}

.news-sidebar input[type="submit"]:hover {
	background: #e5b800;
	transform: translateY(-1px);
}

.news-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.news-sidebar li {
	margin-bottom: 8px;
}

.news-sidebar a {
	display: inline-block;
	color: #d62828; /* your red accent */
	font-weight: 500;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.15s ease;
}

.news-sidebar a:hover {
	color: #005034;
	transform: translateX(3px);
}

.sidebar-block:not(:last-child) {
	padding-bottom: 32px;
	border-bottom: 1px solid #e3dfd6;
}

@media (max-width: 900px) {
	.news-layout {
		grid-template-columns: 1fr;
	}

	.news-row {
		grid-template-columns: 1fr;
	}
}

/* Key Dates */
.key-dates {
	margin: 0 auto;
	padding: 3rem 1.5rem;
	grid-template-columns: repeat(2, 1fr);
	display:grid;
}

.key-dates-month {
	background: #f7f5ef;
	border-radius: 16px;
	padding: 2rem;
	margin: 15px;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, .1);
}

.key-dates-month h2 {
	font-size: 1.6rem;
	color: #005034;
	margin-bottom: 1rem;
}

.key-dates-month h2:after {
	content:"-";
}

.key-dates-month ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.key-dates-month li {
	padding: 0.5rem 0;
	border-bottom: 1px solid #e3dfd6;
}

.key-dates-month li:last-child {
	border-bottom: none;
}

.wellbeing-card {
	background:#fff;
	box-shadow:4px 4px 10px rgba(0,0,0,.2);
	border-radius:12px;
	text-align:center;
	padding:4% 2%;
}
.wellbeing-card h3 {font-size:22px;}

/* Team Discounts */
.discount-card {
	background: #F5F1E8;
	border-radius: 16px;
	padding: 40px;
	margin-bottom: 40px;
	position: relative;
	box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}

.discount-badge {
	position: absolute;
	top: -16px;
	right: 24px;
	background: #f7c948;
	color: #fff;
	font-weight: 700;
	padding: 15px 30px;
	border-radius: 999px;
	font-size: 22px;
}

.discount-card h2 {color:#005034;}

.discount-lead {
	font-size: 18px;
	margin-bottom: 20px;
}

.discount-btn {
	display: inline-block;
	background: #005034;
	color: #fff;
	padding: 12px 28px;
	border-radius: 999px;
	margin: 20px 0;
	text-decoration: none;
	font-weight: 600;
}
a.discount-btn{text-decoration:none;}

/* First Aiders Grid Section */
.mhfa-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: 24px;
}

.mhfa-card {
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mhfa-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 26px rgba(0,0,0,0.08);
}

.mhfa-card h3 {
	font-size: 18px;
	margin-bottom: 6px;
	color: #005034;
}

.mhfa-card span {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #666;
	background: #f1f4f2;
	padding: 6px 12px;
	border-radius: 999px;
}

/* Search Results */
.search-hero {
	padding: 60px 0 40px;
	text-align: center;
}

.search-hero h1 {
	font-size: 2.5rem;
	margin-bottom: 10px;
}

.search-hero h3 {
	color: #666;
	font-weight: 400;
}
.no-results {
	padding: 60px;
	background: #f6f6f6;
	border-radius: 16px;
	text-align: center;
}

/* Jobs Archive */
/* Fade animation */
#jobs-results {
	transition: opacity 0.18s ease, transform 0.18s ease;
}

#jobs-results.is-loading {
	opacity: 0.4;
	transform: translateY(4px);
}

#jobs-results.is-fading {
	opacity: 0;
}
.jobs-filters {
	display: grid;
	grid-template-columns: repeat(3, 1fr) auto;
	gap: 18px;
	align-items: end;
	padding: 20px;
	margin-bottom: 32px;
	background: #f7f5f2;
	border-radius: 10px;
}

.filter-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.filter-group label {
	font-size: 14px;
	font-weight: 600;
	color: #0f3b2f;
}

.jobs-filters select {
	height: 44px;
	padding: 0 14px;
	border-radius: 6px;
	border: 1px solid #d8d2c8;
	font-size: 15px;
	background: white;
}

.clear-filters {
	align-self: center;
	margin-top: 22px;
	font-size: 14px;
	color: #666;
	text-decoration: none;
}

.clear-filters:hover {
	text-decoration: underline;
}

.jobs-listing-main .job-card {
	display: grid;
	grid-template-columns: 180px 1fr;
	gap: 1.5rem;
	padding: 1.5rem;
	border: 1px solid #eee;
	border-radius: 8px;
	margin-bottom: 1.5rem;
	background: #fff;
}

.jobs-listing-main .job-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 6px;
}

.jobs-listing-main .job-meta {
	display: flex;
	gap: 1rem 2rem;
	flex-wrap: wrap;
	font-size: 0.9rem;
	color: #444;
	margin: 0.75rem 0 1.25rem;
}

.jobs-listing-main .job-meta-item strong {
	color: #111;
	font-weight: 600;
}

.jobs-listing-main .job-link {
	display: inline-block;
	font-weight: 600;
}

/* Breadcrumbs */
.breadcrumbs {
	font-size: 14px;
	color: #777;
	margin-bottom: 15px;
	background: #EEEEEF;
	padding: 5px 20px;
	display: inline-block;
	border-radius: 90px;
}

.breadcrumbs a {
	color: #0c4b2e;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

/* Login & Signup Forms */
/* Form container */
#wpmem_login, #wpmem_reg {
	max-width: 480px;
	margin: 0 auto;
}

/* Labels */
#wpmem_login label,
#wpmem_reg label {
	font-weight: 600;
	color: #2F2F2F;
}

/* Text inputs and select fields only */
#wpmem_login input[type="text"],
#wpmem_login input[type="password"],
#wpmem_login input[type="email"],
#wpmem_reg input[type="text"],
#wpmem_reg input[type="password"],
#wpmem_reg input[type="email"],
#wpmem_reg select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

/* Submit buttons only */
#wpmem_login input[type="submit"],
#wpmem_reg input[type="submit"] {
	width: 100%;
	background-color:#00462D;
	color: white;
	border: none;
	padding: 12px;
	border-radius: 4px;
	cursor: pointer;
	font-size:22px;
	font-weight:bold;
}

#wpmem_login input[type="submit"]:hover,
#wpmem_reg input[type="submit"]:hover {
	background-color:#063424;
}

/* Ensure checkbox stays normal */
#wpmem_login input[type="checkbox"] {
	width: auto;
	margin: 0;
}
#wpmem_login label, #wpmem_reg label,#wpmem_reg .req-text, #wpmem_login .req-text {
	color:#00462D;
}	

#wpmem_login legend, #wpmem_reg legend {
	text-align:center;
	font-family:"p22-mackinac-pro", serif !important;
	color:#00462D;
	font-size:36px !important;
	margin-bottom:35px !important;
}
.link-text-forgot a, .link-text-register a {
	text-decoration:underline !important;
}

#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
	margin:1% auto !important;
}

.filter-group select {
  appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

@media screen and (max-width:768px) {
	.news-archive {padding:15px !important;}
	.news-row {padding: 32px 15px 32px 0;}
}

@media screen and (max-width:468px) {
	#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {width: 90% !important;}
	.elementskit-menu-hamburger:before {
		content:"MENU";
		margin-right:10px;
		font-size:16px;
		color:#00462D;
	}
	.elementor-2 .elementor-element.elementor-element-d9114c4 .elementskit-meta-categories {
		top:355px !important;
	}
	.elementor-447 .elementor-element.elementor-element-62bff1c .elementskit-meta-categories,.elementor-449 .elementor-element.elementor-element-e80ac41 .elementskit-meta-categories {
		top:370px !important;
	}
	.elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator {
		border:none;
		fill:#F2C94C;
	}
	.key-dates-month {margin:15px 0;}
	.jobs-filters,.jobs-listing-main .job-card {
		grid-template-columns: 1fr;
	}
	.elementskit-navbar-nav-default .elementskit-dropdown-has>a .elementskit-submenu-indicator svg path{
		color:#fff !important;
	}

	.homepage-jobs .job-link {
		position:relative;
		bottom:0;
		right:0;
	}
	.elementor-9 .elementor-element.elementor-element-52ff5de .elementskit-menu-hamburger {
		width: 90px !important;
		display: flex !important;
		align-items: center;
	}
	.elementor-element-895b4ea .elementor-element-populated {
		padding:1px 5px !important;
	}
	.key-dates {
		display:block;
	}

	.key-dates-month {
		width:100%;
	}

}

/* Employee Handbook */
.employee-handbook-accordion .accordion-header {
    display: block;
    width: 100%;
    margin: 0;
    padding: 18px 20px;
    background: #f7f7f7;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
    font: inherit;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
    color: #00462d;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.employee-handbook-accordion .accordion-header:hover,
.employee-handbook-accordion .accordion-header:focus {
    background: #f1f1f1;
    color: #00462d;
    outline: none;
}

.employee-handbook-accordion .accordion-item {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    background: #fff;
    overflow: hidden;
}

.employee-handbook-accordion h3 {
	font-size:32px;
	text-align:center;
	margin:30px auto 40px auto;
}

.employee-handbook-accordion .accordion-content {
    display: none;
    padding: 20px;
}

.employee-handbook-accordion .accordion-item.is-open .accordion-content {
    display: block;
}

.employee-handbook-accordion .accordion-content-inner > *:first-child {
    margin-top: 0;
}

.employee-handbook-accordion .accordion-content-inner > *:last-child {
    margin-bottom: 0;
}
.employee-handbook-accordion .elementor-widget-container {
    margin: 0;
    padding: 0;
}

.employee-handbook-accordion .accordion-item p,
.employee-handbook-accordion .accordion-item ul,
.employee-handbook-accordion .accordion-item ol {
    margin-bottom: 16px;
}
.employee-handbook-accordion .accordion-item {
    border: 1px solid #dcdcdc;
    margin-bottom: 12px;
    background: #fff;
}

.employee-handbook-accordion .accordion-header {
    width: 100%;
    text-align: left;
    padding: 16px 20px;
    background: #f7f7f7;
    border: 0;
    cursor: pointer;
    font-size: 36px;
    font-weight: 600;
	font-family: "p22-mackinac-pro", serif;
}

.employee-handbook-accordion .accordion-content {
    display: none;
    padding: 0 20px 20px;
}

.employee-handbook-accordion .accordion-item.is-open .accordion-content {
    display: block;
}

.employee-handbook-accordion .accordion-content-inner {
    padding-top: 15px;
}

/* Optional smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Optional if you have a sticky header */
.accordion-item {
    scroll-margin-top: 120px;
}

.employee-handbook-accordion .accordion-header {
    position: relative;
    padding-right: 50px;
}

.employee-handbook-accordion .accordion-header::after {
    content: "\276F"; /* nicer chevron */
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    transition: transform 0.25s ease;
}

.employee-handbook-accordion .accordion-item.is-open .accordion-header::after {
    transform: translateY(-50%) rotate(270deg);
}

/* Handbook Logo Grid */
.park-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.park-item {
    text-align: center;
	transition: transform 0.2s ease;
	border: 1px solid #fafafa;
	border-radius:12px;
}

.park-item:hover {
    transform: translateY(-3px);
}

.park-item img {
    max-width: 75%;
    height: auto;
    margin-bottom: 10px;
}

.park-item p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.employee-handbook-accordion .wp-caption,
.employee-handbook-accordion .wp-caption-text {
    text-align: center;
}

.accordion-content p {
	margin-block-end: 20px !important;
}
.accordion-content ul {
	padding:25px 0 25px 45px;
}

@media (max-width: 768px) {
    .park-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	.employee-handbook-accordion .accordion-header {font-size:26px;}
}

@media (max-width: 480px) {
    .park-grid {
        grid-template-columns: 1fr;
    }
}