/**
 * Page Header Pattern styles.
 *
 * @package NexioEducation
 */

.page-header {
	padding: 135px 142px 142px;
}

.page-header-breadcrumb {
	font-family: var(--wp--preset--font-family--body, 'Manrope', sans-serif);
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	color: #064d8e;
	margin-bottom: 0;
}

.page-header-breadcrumb a {
	color: #064d8e;
	text-decoration: none;
}

.page-header-breadcrumb a:hover {
	text-decoration: underline;
}

.page-header-row {
	margin-top: 14px;
	margin-bottom: 1.5rem;
	justify-content: space-between;
}

.page-header-title {
	font-family: var(--wp--preset--font-family--body, 'Manrope', sans-serif);
	font-size: 48px;
	font-weight: 800;
	line-height: 58px;
	color: #064d8e;
	margin: 0;
}

.page-header-tagline {
	border-left: 3px solid #064d8e;
	padding-left: 1.5rem;
	margin: 0;
	font-size: 1.5rem;
	color: #064d8e;
	font-style: normal;
}

.page-header-tagline p {
	margin: 0;
}

/* Page Header CTA Button */
.page-header-cta .wp-block-button__link {
	background: transparent;
	border: 1px solid rgba(6, 77, 142, 0.25);
	color: #064d8e;
	padding: 11px 32px;
	border-radius: 30px;
	font-family: var(--wp--preset--font-family--body, 'Manrope', sans-serif);
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}

.page-header-cta .wp-block-button__link::after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3464 7.50716C12.6186 7.19494 13.0924 7.16249 13.4046 7.43468L17.9929 11.4347C18.1562 11.5771 18.25 11.7833 18.25 12C18.25 12.2168 18.1562 12.4229 17.9929 12.5653L13.4046 16.5653C13.0924 16.8375 12.6186 16.8051 12.3464 16.4929C12.0742 16.1806 12.1067 15.7069 12.4189 15.4347L15.4984 12.75H6.5C6.08579 12.75 5.75 12.4142 5.75 12C5.75 11.5858 6.08579 11.25 6.5 11.25H15.4984L12.4189 8.56534C12.1067 8.29315 12.0742 7.81938 12.3464 7.50716Z' fill='%23064D8E'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.page-header-cta .wp-block-button__link:hover {
	background: #064d8e;
	border-color: #064d8e;
	color: #fffefa;
}

.page-header-cta .wp-block-button__link:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3464 7.50716C12.6186 7.19494 13.0924 7.16249 13.4046 7.43468L17.9929 11.4347C18.1562 11.5771 18.25 11.7833 18.25 12C18.25 12.2168 18.1562 12.4229 17.9929 12.5653L13.4046 16.5653C13.0924 16.8375 12.6186 16.8051 12.3464 16.4929C12.0742 16.1806 12.1067 15.7069 12.4189 15.4347L15.4984 12.75H6.5C6.08579 12.75 5.75 12.4142 5.75 12C5.75 11.5858 6.08579 11.25 6.5 11.25H15.4984L12.4189 8.56534C12.1067 8.29315 12.0742 7.81938 12.3464 7.50716Z' fill='%23FFFEFA'/%3E%3C/svg%3E");
}

/* Quote row below title/cta */
.page-header-quote-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	gap: 0 !important;
	margin-top: 63px;
}

.page-header-quote-line {
	width: 1px;
	min-height: 113px;
	background-color: #064d8e;
	flex-shrink: 0;
	margin: 0;
}

.page-header-quote-text {
	font-family: 'Apris Trial', serif;
	font-size: 42px;
	font-weight: 300;
	line-height: 1.2;
	color: #064d8e;
	margin: 0;
	padding-left: 64px;
}

.page-header-quote-text strong {
	color: #064D8E;
	font-family: 'Apris Trial', serif;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 56.359px;
}

/* Hide CTA and tagline on About Us and Team pages */
.page-template-page-about .page-header-cta,
.page-template-page-about .page-header-tagline,
.page-template-page-our-team .page-header-cta,
.page-template-page-our-team .page-header-tagline,
.team-page-header .page-header-cta,
.team-page-header .page-header-tagline {
	display: none;
}

.page-template-page-about .page-header-row,
.page-template-page-our-team .page-header-row,
.team-page-header .page-header-row {
	margin-bottom: 0;
}

/* Team page header specific spacing */
.team-page-header {
	padding-bottom: 54px !important;
}

/* Tutoring page header */
.tutoring-page-header {
	padding-bottom: 180px;
}

.tutoring-page-header .page-header-row {
	align-items: flex-start !important;
	margin-bottom: 0;
}

.tutoring-header-title {
	white-space: nowrap;
}

/* Tutoring page button styling */
.tutoring-page-header .wp-block-buttons > .wp-block-button {
	display: inline-block;
	margin: 20px 0 0 0;
}

.tutoring-page-header .page-header-cta .wp-block-button__link {
	background: transparent;
	border: 1px solid rgba(6, 77, 142, 0.25);
	color: #064d8e;
	padding: 11px 44px;
	border-radius: 30px;
	font-family: var(--wp--preset--font-family--body, 'Manrope', sans-serif);
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.tutoring-page-header .page-header-cta .wp-block-button__link::after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3464 7.50716C12.6186 7.19494 13.0924 7.16249 13.4046 7.43468L17.9929 11.4347C18.1562 11.5771 18.25 11.7833 18.25 12C18.25 12.2168 18.1562 12.4229 17.9929 12.5653L13.4046 16.5653C13.0924 16.8375 12.6186 16.8051 12.3464 16.4929C12.0742 16.1806 12.1067 15.7069 12.4189 15.4347L15.4984 12.75H6.5C6.08579 12.75 5.75 12.4142 5.75 12C5.75 11.5858 6.08579 11.25 6.5 11.25H15.4984L12.4189 8.56534C12.1067 8.29315 12.0742 7.81938 12.3464 7.50716Z' fill='%23064D8E'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.tutoring-page-header .page-header-cta .wp-block-button__link:hover {
	background: #064d8e;
	border-color: #064d8e;
	color: #fffefa;
}

.tutoring-page-header .page-header-cta .wp-block-button__link:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3464 7.50716C12.6186 7.19494 13.0924 7.16249 13.4046 7.43468L17.9929 11.4347C18.1562 11.5771 18.25 11.7833 18.25 12C18.25 12.2168 18.1562 12.4229 17.9929 12.5653L13.4046 16.5653C13.0924 16.8375 12.6186 16.8051 12.3464 16.4929C12.0742 16.1806 12.1067 15.7069 12.4189 15.4347L15.4984 12.75H6.5C6.08579 12.75 5.75 12.4142 5.75 12C5.75 11.5858 6.08579 11.25 6.5 11.25H15.4984L12.4189 8.56534C12.1067 8.29315 12.0742 7.81938 12.3464 7.50716Z' fill='%23FFFEFA'/%3E%3C/svg%3E");
}

/* Responsive - Large Tablet */
@media (max-width: 1350px) {
	.page-header {
		padding: 120px max(60px, calc((100% - 1156px) / 2)) 120px;
	}
}

/* Responsive - Tablet */
@media (max-width: 1200px) {
	.page-header {
		padding: 80px 60px 120px;
	}
}

/* Responsive - Mobile */
@media (max-width: 768px) {
	.page-header {
		padding: 60px 24px 1.5rem;
	}

	.page-header-title {
		font-size: 2rem;
	}

	.page-header-tagline {
		font-size: 1.25rem;
	}

	.page-header-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
	}

	.page-header-quote-text {
		font-size: 28px;
		padding-left: 24px;
	}

	.page-header-quote-text strong {
		font-size: 32px;
		line-height: 38px;
	}
}