/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Version: 2025.9
Text Domain: blankslate
*/

@font-face {
	font-family: PoppinsRegular;
	src: url("fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
	font-family: PoppinsItalic;
	src: url("fonts/Poppins-Italic.ttf") format("truetype");
}
@font-face {
	font-family: PoppinsLight;
	src: url("fonts/Poppins-Light.ttf") format("truetype");
}
@font-face {
	font-family: PoppinsBold;
	src: url("fonts/Poppins-Bold.ttf") format("truetype");
}

/* -- Reset -- */
* {
	box-sizing: border-box;
}

img,
video,
canvas, body .cleanslate img {
  overflow: clip !important;
} 

/* Screen reader text for accessibility */
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px !important;
	height: 1px !important;
	overflow: hidden;
	word-wrap: normal !important;
}

/* Accessibility */
.accessibilityContainer { position: absolute; right: 1.5%; top: 320px; border-radius: 2em; border: 2px solid white; z-index: 999; }
.accessibilityOptions { padding: 5px 15px; }
.accessibilityOptions img { transition: all .2s; width: 17px; cursor: pointer; display: block; margin: 10px 0; }
.accessibilityOptions img:hover { transform: scale(1.2); }
#translateBox { position: absolute; right: 67px; bottom: 0; padding: 10px; background: rgba(255,255,255,0.2); transition: 0.2s; z-index: 999; margin-left: 0.5em; border: 2px solid white; }

/* Typography */
:root {
	font-size: 22px;

	--primary: #00a499;
	--primary-contrast: #008A81;
	--primary-contrast-alt: #042F2B;
	--secondary: #2d2b6d;
	--tertiary: #ae2674;
	--medium: #dae2e3;
	--light: #e5eaeb;
	--lighter: #f3f5f5;

	--red: #da291c;
}

::selection {
	background: var(--tertiary);
	color: white;
}

@media(max-width: 1800px) {
	:root {
		font-size: 21px;
	}
}

@media(max-width: 1600px) {
	:root {
		font-size: 20px;
	}
}

@media(max-width: 1400px) {
	:root {
		font-size: 19px;
	}
}

@media(max-width: 1200px) {
	:root {
		font-size: 18px;
	}
}

@media(max-width: 1000px) {
	:root {
		font-size: 17px;
	}
}

body {
	font-family: 'PoppinsRegular', sans-serif;
	line-height: 1.6em;
	color: #373233;
	background-color: white;
	margin: 0;
	padding: 0;
}

p {
	line-height: 1.8em;
	margin-bottom: 0.5rem;
	padding: 0;
	text-wrap: pretty;
}

a {
	color: var(--primary-contrast);
}

strong, b {
	font-family: 'PoppinsBold', sans-serif;
	font-weight: normal; /* Override default bold */
}

h1, h2, h3, h4, h5, h6 {
	color: #231f20;
	font-family: 'PoppinsBold', sans-serif;
	font-weight: 500;
}

h1 {
	font-size: 4em;
	line-height: 1.1em;
	margin-bottom: 0.8rem;
	padding: 0;
	margin-top: 0;
	text-wrap: balance;

	@media(max-width: 1400px) {
		font-size: 3.5em;
	}

	@media(max-width: 1000px) {
		font-size: 3em;
	}

	@media(max-width: 800px) {
		font-size: 2.5em;
	}
}

h2 {
	font-family: 'PoppinsBold', sans-serif;
	font-size: 2.4em;
	line-height: 1.2em;
	margin-bottom: 1rem;
	margin-top: 2rem;
	color: var(--primary);
	text-wrap: balance;

	@media(max-width: 1400px) {
		font-size: 2em;
	}
}

h3 {
	font-family: 'PoppinsBold', sans-serif;
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom: 0.6rem;
	padding: 0;
	text-wrap: balance;
}

h1 + h2, h2:first-child {
	margin-top: 0;
}

.button {
	background: var(--primary);
	padding: 0.5rem 1.5rem;
	border-radius: 50vh;
	color: var(--primary-contrast-alt);
	margin-top: 0.75rem;
	display: inline-block;
	text-decoration: none;
	transition: 300ms;
	font-weight: bold;

	&:hover {
		background: var(--secondary);
		color: #fff;
	}
}

/* Header */
#masthead {
	.container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;

		@media (max-width: 650px) {
			padding-bottom: 2rem;
		}
	}

	@media (max-width: 650px) {
		margin-bottom: 3rem;
	}

	.logo img {
		width: calc(584px*0.7); 
		height: calc(615px*0.7);
		margin-top: calc(calc(-277px * 0.7) + 40px); 
		margin-left: calc(calc(-180px * 0.7)); 

		@media (max-width: 650px) {
			position: absolute;
			top: calc(calc(-277px * 0.5) + 40px);
			left: calc(calc(-180px * 0.5) + 2rem);
			width: calc(584px*0.5); 
			height: calc(615px*0.5);
			margin-top: 0;
			margin-left: 0;
			z-index: 1;
		}
	}

	.spacer {
		flex: 1 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 2rem;
	}

	.hamburger-menu {
		position: relative;
	}

	.hamburger-toggle {
		display: flex;
		background: none;
		border: none;
		cursor: pointer;
		padding: 10px 15px;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		height: 60px;
		border-radius: 6px;
		transition: all 0.3s ease;
		gap: 0.75rem;

		&:focus {
			outline: 2px solid var(--primary);
			outline-offset: 2px;
		}

		&:hover {
			background: rgba(0, 0, 0, 0.05);
		}
	}

	.hamburger-icon {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 7px;
	}

	.hamburger-line {
		display: block;
		width: 38px;
		height: 5px;
		background: var(--secondary);
		transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
		border-radius: 3px;
		transform-origin: center;
	}

	.menu-label {
		font-family: 'PoppinsBold', sans-serif;
		font-weight: 500;
		color: var(--secondary);
		font-size: 1rem;
		user-select: none;
	}

	.menu-container {
		display: none;
	}

	/* Hamburger menu functionality controlled by JavaScript */
	.hamburger-menu.menu-open .menu-container {
		display: block;
	}

	.hamburger-menu.menu-open .hamburger-icon .hamburger-line:nth-child(1) {
		transform: rotate(45deg) translate(8px, 8px);
	}

	.hamburger-menu.menu-open .hamburger-icon .hamburger-line:nth-child(2) {
		opacity: 0;
		transform: scale(0);
	}

	.hamburger-menu.menu-open .hamburger-icon .hamburger-line:nth-child(3) {
		transform: rotate(-45deg) translate(8px, -8px);
	}

	.menu-container {
		position: absolute;
		top: calc(100% + 15px);
		right: 0;
		background: white;
		border: 1px solid var(--light);
		border-radius: 8px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
		min-width: 200px;
		max-width: calc(100vw - 4rem);
		width: 500px;
		z-index: 1000;
		padding: 0;
		margin-top: 0;
	}

	ul.menu {
		flex-direction: column;
		gap: 0;
	}

	ul.menu li {
		border-bottom: 1px solid var(--lighter);
	}

	ul.menu li:last-child {
		border-bottom: none;
	}

	ul.menu li a {
		display: block;
		padding: 1rem 1.5rem;
		text-decoration: none;
		color: #373233;
		font-family: 'PoppinsRegular', sans-serif;
		font-weight: normal;
		transition: all 0.3s ease;
		word-wrap: break-word;

		&:hover,
		&:focus {
			background: var(--lighter);
			color: var(--primary);
			outline: none;
		}

		&[aria-current="page"] {
			color: var(--primary);
			font-family: 'PoppinsBold', sans-serif;
			font-weight: 500;
		}
	}

	ul.menu li:first-child a {
		border-radius: 8px 8px 0 0;
	}

	ul.menu li:last-child a {
		border-radius: 0 0 8px 8px;
	}

	/* Mobile search in dropdown */
	.mobile-search {
		display: none;
	}

	@media (max-width: 1100px) {
		.menu-container {
			min-width: 280px;
		}

		.mobile-search {
			display: block;
			padding: 1rem 1.5rem;
			border-top: 1px solid var(--lighter);
			margin-top: 0;
		}

		.mobile-search form {
			display: flex;
			align-items: center;
			position: relative;
			width: 100%;
		}

		.mobile-search input[type="text"] {
			width: 100%;
			padding: 0.75em 2.5em 0.75em 1em;
			border: 1px solid var(--light);
			border-radius: 25px;
			background: var(--lighter);
			font-size: 0.9rem;
			color: #373233;
			outline: none;
			transition: all 0.2s;

			&:focus {
				background: white;
				border-color: var(--primary);
				outline: none;
			}
		}

		.mobile-search .search-submit {
			position: absolute;
			right: 0.95em;
			top: 50%;
			transform: translateY(-50%);
			display: flex;
			align-items: center;
			background: none;
			border: none;
			cursor: pointer;
			padding: 0;
		}

		.mobile-search .submitSVG {
			width: 1.2em;
			height: 1.2em;
			fill: var(--secondary);
			display: block;
			pointer-events: none;
		}
	}

	/* Responsive adjustments */
	@media (max-width: 1100px) {
		.spacer {
			gap: 1rem;
		}

		.search {
			display: none !important;
		}
	}


	.help-now {
		background: var(--red);
		border-radius: 0 0 0.5rem 0.5rem;
		text-align: center;
		text-decoration: none;
		padding: 2.25rem 1rem 1.25rem;
		margin-top: -1rem;
		transition: 300ms;
		color: white;
		line-height: 1;
		font-family: 'PoppinsBold', sans-serif;
		font-weight: 500;
		position: relative;
		z-index: 2;

		span {
			font-size: 1.75rem;
			margin: 0;
			line-height: 1;
		}

		&:hover {
			transform: translateY(1rem);
		}
	}

	.search {
		display: flex;
		align-items: center;
		position: relative;
		width: 320px;
		max-width: 100%;

		input[type="text"] {
			width: 100%;
			padding: 0.75em 2.5em 0.75em 1.2em;
			border: none;
			border-radius: 50vh;
			background: var(--lighter);
			font-size: 1em;
			color: #373233;
			outline: none;
			transition: background 0.2s;

			&:focus {
				background: var(--light);
				outline: 2px solid var(--primary);
			}
		}

		.search-submit {
			position: absolute;
			right: 1.2em;
			top: 50%;
			transform: translateY(-50%);
			display: flex;
			align-items: center;
			height: auto;
			background: none;
			border: none;
			cursor: pointer;
			padding: 0;
		}

		.submitSVG {
			width: 1.4em;
			height: 1.4em;
			fill: var(--secondary);
			display: block;
			pointer-events: none;
		}
	}
}


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

.container {
	width: 100%;
	padding: 0 6%;

	@media(max-width: 1000px) {
		padding: 0 2rem;
	}
}

/* Help */
.page-id-85 {
	h1 {
		color: var(--red);
	}
}

/* Blog */

.blog-post {
	padding: 4rem 0;

	.container {
		display: grid;
		grid-template-columns: 4fr 3fr;
		gap: 4rem;
		position: relative;
	}

	.post-date {
		font-size: 1.4rem;
		font-family: 'PoppinsBold', sans-serif;
		font-weight: 500;
		color: var(--primary);
		margin-bottom: 1.5rem;
		display: block;
	}

	.blog-post-image {
		img {
			width: 100%;
			border-radius: 1.5rem;
			height: auto;
		}

		.post-thumbnail {
			position: sticky;
			top: 1.5rem;
		}
	}

	@media (max-width: 1500px) {
		.container {
			grid-template-columns: 2fr 1fr;
		}
	}

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

		.blog-post-image {
			order: -1;
			margin-bottom: 0.5rem;
		}

		.blog-post-image .post-thumbnail {
			position: static;
		}

		.post-date {
			margin-bottom: 1rem;
		}
	}
}

/* Footer */
.footer-nav {
	background: var(--light);
	padding: 4rem 0;
	font-size: 0.9rem;

	.container {
		display: flex;
		gap: 2rem;
	}

	.footer-col {
		flex: 1 0;

		h2 {
			font-size: 1.4rem;
			margin-bottom: 1rem;
			color: var(--secondary);
		}

		ul {
			list-style: none;
			margin: 0;
			padding: 0;

			a {
				text-decoration: none;
				color: inherit;
				transition: 300ms;

				&:hover {
					color: var(--primary);
				}
			}
		}
	}

	@media (max-width: 1000px) {
		.container {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 2rem;
		}
	}

	@media (max-width: 500px) {
		.container {
			display: grid;
			grid-template-columns: 1fr;
			gap: 2rem;
		}
	}
}

.footer-logos {
	border-top: solid 1px var(--medium);
	padding: 2rem 0;
	background: var(--light);

	.container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 2rem;
	}

	img {
		height: 3rem;
		width: auto;
	}

	@media (max-width: 1250px) {
		.container {
			flex-wrap: wrap;
			justify-content: center;
		}
	}
}

.footer-copyright {
	padding: 0.5rem 0;
	background: var(--light);
	border-top: solid 1px var(--medium);
	font-size: 0.75rem;

	.container {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 2rem;
	}

	p {
		opacity: 1;
	}
}

/* Social Media Icons */
.social-icons {
	margin-top: 24px;
	display: flex;
	gap: 16px;
	align-items: center;
}

.social-icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	color: #666;
	transition: color 0.3s ease, transform 0.2s ease, background-color 0.3s ease, border-color 0.3s ease;
	border-radius: 50%;
	background-color: transparent;
	border: 2px solid #ddd;
}

.social-icons a:hover,
.social-icons a:focus {
	transform: scale(1.1);
	outline: none;
}

/* Facebook brand colors */
.social-icons a[href*="facebook.com"] {
	color: #1877f2;
	border-color: #1877f2;
}

.social-icons a[href*="facebook.com"]:hover,
.social-icons a[href*="facebook.com"]:focus {
	color: #fff;
	background-color: #1877f2;
	border-color: #1877f2;
}

/* YouTube brand colors */
.social-icons a[href*="youtube.com"] {
	color: #ff0000;
	border-color: #ff0000;
}

.social-icons a[href*="youtube.com"]:hover,
.social-icons a[href*="youtube.com"]:focus {
	color: #fff;
	background-color: #ff0000;
	border-color: #ff0000;
}

/* LinkedIn brand colors */
.social-icons a[href*="linkedin.com"] {
	color: #0a66c2;
	border-color: #0a66c2;
}

.social-icons a[href*="linkedin.com"]:hover,
.social-icons a[href*="linkedin.com"]:focus {
	color: #fff;
	background-color: #0a66c2;
	border-color: #0a66c2;
}

/* Instagram brand colors */
.social-icons a[href*="instagram.com"] {
	color: #e4405f;
	border-color: #e4405f;
}

.social-icons a[href*="instagram.com"]:hover,
.social-icons a[href*="instagram.com"]:focus {
	color: #fff;
	background-color: #e4405f;
	border-color: #e4405f;
}

.social-icons svg {
	width: 28px;
	height: 28px;
	transition: inherit;
}

/* Make LinkedIn icon slightly smaller */
.social-icons a[href*="linkedin.com"] svg {
	width: 24px;
	height: 24px;
}

/* Responsive social icons */
@media (max-width: 550px) {
	.social-icons {
		gap: 12px;
		margin-top: 12px;
	}
	
	.social-icons a {
		width: 44px;
		height: 44px;
		border-width: 2px;
	}
	
	.social-icons svg {
		width: 24px;
		height: 24px;
	}
	
	/* Make LinkedIn icon slightly smaller on mobile too */
	.social-icons a[href*="linkedin.com"] svg {
		width: 20px;
		height: 20px;
	}
}

/* Block: Content Area */
.content-section {
	padding: 4rem 0;

	.container * {
		max-width: 52rem;
	}
}

.content-section + .text-image-section {
	padding-top: 0;
}

/* Block: Latest News */
.waves-divider {
	background: var(--lighter);
}

.latest-news-grid {
	padding: 3rem 0 5rem;
	background: var(--lighter);

	.latest-news-grid-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 2rem;

		h2 {
			margin: 0;
		}
	}
}

.latest-news-grid-posts {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 2rem;
	text-wrap: pretty;

	img {
		width: 100%;
		aspect-ratio: 4 / 3;
		height: auto;
		object-fit: cover;
		object-position: center center;
		border-radius: 1.5rem;
	}

	a {
		text-decoration: none;
		color: inherit;

		&:hover {
			.button {
				background: var(--secondary);
				color: #fff;
			}
		}
	}

	p {
		font-size: 0.9rem;
	}
}

.page-id-67 .waves-divider {
	display: none;
}

.page-id-67 .latest-news-grid {
	background: #fff;
	padding-top: 0;
}

/* Responsive news grid layout */
@media (max-width: 900px) {
	.latest-news-grid-posts {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	
	.latest-news-grid-posts a {
		display: grid;
		grid-template-columns: 1fr 2fr;
		gap: 2rem;
		align-items: start;
	}
	
	.latest-news-grid-posts img {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: cover;
		border-radius: 0.75rem;
	}
	
	.latest-news-grid-posts h3 {
		margin-top: 0;
	}
}

@media (max-width: 550px) {
	.latest-news-grid-title .button {
		display: none;
	}

	#masthead .menu-label {
		display: none;
	}
}

@media (max-width: 500px) {
	.latest-news-grid-posts {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	
	.latest-news-grid-posts a {
		display: block;
	}
	
	.latest-news-grid-posts img {
		width: 100%;
		aspect-ratio: 4 / 3;
		margin-bottom: 1rem;
		border-radius: 1rem;
	}
}

/* Text and Image Section */
.text-image-section {
	padding: 4rem 0;

	.text-image-content {
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap: 4rem;
		align-items: center;

		&.image-left {
			grid-template-columns: 1fr 2fr;

			.image-content {
				order: -1;
			}
		}

		@media (max-width: 800px) {
			grid-template-columns: 1fr !important;
			gap: 2rem;

			.image-content {
				order: -1 !important;
			}
			
			&.image-left {
				grid-template-columns: 1fr !important;
				
				.image-content {
					order: -1 !important;
				}
			}
		}
	}

	.text-content {
		h2 {
			margin-top: 0;
		}
	}

	.image-content {
		img {
			width: 100%;
			height: auto;
			border-radius: 1rem;
		}
		
		position: sticky;
		top: 2rem;
		align-self: flex-start;
		
		@media (max-width: 800px) {
			position: static;
			top: auto;
			align-self: auto;
		}
	}
}

/* FAQs Section */
.faqs-section {
	padding: 2rem 0 4rem;

	h2 {
		margin-bottom: 2rem;
	}

	.faqs-list {
		max-width: 1200px;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.faq-item {
		border: 1px solid var(--light);
		border-radius: 0.75rem;
		background: white;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
		transition: all 0.3s ease;

		&:hover {
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
		}

		&[open] {
			border-color: var(--primary);
			box-shadow: 0 4px 12px rgba(60, 175, 154, 0.15);

			summary {
				color: var(--primary);
				border-bottom: 1px solid var(--lighter);

				&::marker {
					color: var(--primary);
				}

				&::-webkit-details-marker {
					color: var(--primary);
				}
			}
		}
	}

	summary {
		padding: 1.5rem 5rem 1.5rem 1.5rem;
		font-family: 'PoppinsBold', sans-serif;
		font-weight: 500;
		font-size: 1rem;
		cursor: pointer;
		list-style: none;
		position: relative;
		transition: all 0.3s ease;

		&::-webkit-details-marker {
			display: none;
		}

		&::marker {
			display: none;
		}

		&::after {
			content: '+';
			position: absolute;
			right: 1.5rem;
			top: 50%;
			transform: translateY(-50%);
			font-size: 1.5rem;
			font-weight: 300;
			color: var(--secondary);
			transition: all 0.3s ease;
		}

		&:hover {
			color: var(--primary);
		}
	}

	.faq-item[open] summary::after {
		content: '−';
		color: var(--primary);
	}

	.faq-answer {
		padding: 0 1.5rem 1.5rem;
		line-height: 1.7;

		p {
			margin-bottom: 1rem;

			&:last-child {
				margin-bottom: 0;
			}
		}
	}

	@media (max-width: 600px) {
		padding: 3rem 0;

		summary {
			padding: 1rem 4rem 1rem 1rem;
			font-size: 1rem;

			&::after {
				right: 1rem;
			}
		}

		.faq-answer {
			padding: 0 1rem 1rem;
		}
	}
}

/* Iframe Styles */
iframe {
	width: 100%;
	border-radius: 1.5rem;
	border: none;
	margin-top: 0.5rem;
}

/* Feature Boxes Section */
.feature-boxes-section {
    padding: 0;
}

.feature-boxes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.feature-box {
    color: white;
    text-decoration: none;
    padding: 2.5rem;
    border-radius: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.feature-box.bg-primary { background-color: var(--primary); }
.feature-box.bg-secondary { background-color: var(--secondary); }
.feature-box.bg-tertiary { background-color: var(--tertiary); }

.feature-box-icon {
    height: 60px;
    width: auto;
    margin-bottom: 1.5rem;
}

.feature-box-content h3 {
    color: white;
    margin: 0;
    font-size: 1.5em;
}

.feature-box-content .description {
    color: white;
    opacity: 0.9;
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

.feature-box-content .description p {
    font-size: 1em;
    line-height: 1.5;
    margin: 0;
}

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

/* Subnavigation Section */
.subnavigation-section {
    background-color: var(--light);
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.subnavigation-nav {
    display: flex;
    justify-content: center;
}

.subnavigation-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 0;
    width: 100%;
}

.subnavigation-nav li {
    border-left: 1px solid white;
    border-right: 1px solid white;
    flex: 1;
    text-align: center;
}

.subnavigation-nav li a {
    text-decoration: none;
    color: var(--secondary);
    font-family: 'PoppinsBold', sans-serif;
    padding: 1rem 1.5rem;
    display: block;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
	min-height: 6rem;
    justify-content: center;
}

.subnavigation-nav li.active a {
    background-color: var(--primary);
    color: white;
}

.subnavigation-nav li.active a::after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid var(--primary);
}

@media (max-width: 768px) {
    .subnavigation-nav ul {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 700px) {
    .subnavigation-section {
        margin-top: 6rem;
        position: relative;
        z-index: 10;
    }
    .subnavigation-section .container {
        padding-left: 0;
        padding-right: 0;
    }
    .subnavigation-nav ul {
        flex-direction: column;
    }
    .subnavigation-nav li {
        border-left: none;
        border-right: none;
        border-bottom: 2px solid white;
    }
    .subnavigation-nav li:last-child {
        border-bottom: none;
    }
    .subnavigation-nav li.active a::after {
        display: none;
    }
}


/* Service Finder Specific */

#masthead .text-logo {
	display: none;
}

body.page-id-273, body.tax-organization, body.tax-service_area, body.single-service, body.tax-service_type, body.tax-circumstances {
	& .container {
		padding: 0 3% !important;
	}

	& #masthead {
		border-bottom: solid 1px var(--medium);
		height: 4.5rem;
		margin-bottom: 0 !important;

		& .full-logo {
			display: none;
		}

		& .text-logo {
			display: block;
		}

		& .logo {
			height: 4rem;
			width: 100%;
			clip-path: inset(0 -100px 0 -100px);
		}

		& .logo img {
			margin-top: 0.8rem !important;
			margin-left: unset !important;
			top: unset !important;
			left: unset !important;
			height: 3rem;
			width: auto;
		}

		& .help-now {
			border-radius: 0;
			padding: 0 1rem !important;
			margin-top: 0;
			padding-top: 0.75rem !important;
			height: 4.5rem;
			
			&:hover {
				transform: translateY(0);
				filter: brightness(1.1);
			}
		}

		& .search {
			display: none !important;
		}
	}

	.content-section {
		padding: clamp(2.5rem, 5vw, 4rem) 0;

		h1 {
			font-size: clamp(2em, 6vw, 3.5em);
			margin-bottom: 0.5rem;
		}

		h2 {
			font-size: clamp(1.25em, 4vw, 2em);
			margin-top: 0;
		}
	}
}