/*
Theme Name: Benefits Support Hub
Theme URI: https://www.yarmwebdesign.co.uk/
Author: Allen Lawson / Yarm Web Design
Author URI: https://www.yarmwebdesign.co.uk/
Description: A custom WordPress theme designed and developed for Benefits Support Hub by Allen Lawson at Yarm Web Design.
Version: 1.0.0
Text Domain: benefitssupporthub
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

body {
	background-color: #FAF8F4;
}

/* Theme colour utilities used by the Tailwind CDN template. */
.bg-navy {
	background-color: #123047;
}

.bg-teal {
	background-color: #2E9E8F;
}

.bg-paleblue {
	background-color: #EFF7FA;
}

.bg-offwhite {
	background-color: #FAF8F4;
}

.text-navy {
	color: #123047;
}

.text-teal {
	color: #2E9E8F;
}

.text-paleblue {
	color: #EFF7FA;
}

.text-muted {
	color: #5E6B73;
}

.border-teal {
	border-color: #2E9E8F;
}

.shadow-soft {
	box-shadow: 0 4px 20px -2px rgba(18, 48, 71, 0.05);
}

.shadow-soft-lg {
	box-shadow: 0 10px 30px -5px rgba(18, 48, 71, 0.08);
}

.hover\:bg-\[\#258376\]:hover {
	background-color: #258376;
}

.hover\:text-teal:hover {
	color: #2E9E8F;
}

.hover\:text-navy:hover {
	color: #123047;
}

.hover\:border-teal:hover {
	border-color: #2E9E8F;
}

.custom-logo {
	height: 5rem;
	width: auto;
	object-fit: contain;
}

.primary-menu,
.footer-menu,
.mobile-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.primary-menu {
	display: flex;
	gap: 2rem;
}

.primary-menu a {
	color: #5E6B73;
	font-weight: 500;
	transition: color 180ms ease;
}

.primary-menu .current-menu-item > a {
	color: #123047;
	font-weight: 700;
	position: relative;
}

.primary-menu .current-menu-item > a::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #2E9E8F;
	border-radius: 2px;
}

.primary-menu a:hover {
	color: #123047;
}

.footer-menu .current-menu-item a,
.mobile-menu .current-menu-item a {
	color: #2E9E8F;
	font-weight: 700;
}

.footer-menu li + li,
.mobile-menu li + li {
	margin-top: 0.75rem;
}

.footer-menu a,
.mobile-menu a {
	color: #5E6B73;
	font-size: 0.875rem;
	font-weight: 500;
	transition: color 180ms ease;
}

.footer-menu a:hover,
.mobile-menu a:hover {
	color: #2E9E8F;
}

.mobile-menu a {
	display: block;
	padding: 0.5rem 0.75rem;
}

.entry-content {
	color: #5E6B73;
	font-size: 1.0625rem;
	line-height: 1.8;
}

.entry-content > * + * {
	margin-top: 1.25rem;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
	color: #123047;
	font-weight: 700;
	line-height: 1.25;
	margin-top: 2rem;
}

.entry-content h2 {
	font-size: clamp(1.75rem, 3vw, 2.25rem);
}

.entry-content h3 {
	font-size: 1.5rem;
}

.entry-content a {
	color: #2E9E8F;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.entry-content ul,
.entry-content ol {
	padding-left: 1.5rem;
}

.entry-content ul {
	list-style: disc;
}

.entry-content ol {
	list-style: decimal;
}

.entry-content img {
	border-radius: 1rem;
	box-shadow: 0 10px 30px -5px rgba(18, 48, 71, 0.08);
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #fff;
	clip: auto !important;
	clip-path: none;
	color: #123047;
	display: block;
	font-size: 1rem;
	height: auto;
	left: 1rem;
	padding: 1rem;
	top: 1rem;
	width: auto;
	z-index: 100000;
}

@media (max-width: 767px) {
	.primary-menu {
		display: none;
	}
}