/* ========================================================================== *
 *   Sub-site Header Footer Override Plugin - Frontend Styles                 *
 * ========================================================================== */

/* 
 *
 * HEADER 
 *
 */

.jhso-header {
	--tangerine: #ee7623;
	--slate: #393d47;
	--slate-75: #6b6e75;
	--heading-font-family: 'poppins', sans-serif;
	--base-font-family: 'OpenSans', sans-serif;
	border-top: 16px solid var(--slate);
}
.jhso-header-container {
	padding: 16px 0;
}
.jhso-header-logo {
	display: none;
}
.jhso-header-navigation {
	margin-top: 0;
}

@media only screen and (min-width: 769px) {
	.jhso-header {
		border-top: 24px solid var(--slate);
	}
	.jhso-header-container {
		display: flex;
		align-items: center;
		padding: 24px 0;
	}
	.jhso-header-logo {
		display: block;
		max-width: 260px;
	}
	.jhso-header-navigation {
		display: flex;
		margin-left: auto;
	}
}
@media only screen and (min-width: 1920px) {
	.jhso-header {
		border-top: 32px solid var(--slate);
	}
}

/* Header Mega Menu Overrides
 * Name spaced for Header Override menu location */

/* Mobile */
/* NOTE: Mega menu logo for mobile size must be uploaded via the Mega Menu plugin */

#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-box {
	margin: auto;
}
#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-block-1 a.mega-menu-logo img.mega-menu-logo {
	max-width: 260px;
}

@media only screen and (max-width: 768px) {
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block:only-child {
		width: 100% !important;
	}
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-blocks-left {
		flex: 3 !important;
	}
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-blocks-left,
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-blocks-center,
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-blocks-right {
		flex-basis: 0 !important;
	}
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
		align-items: center;
	}
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
		background-color: var(--slate) !important;
	}
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner,
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::before,
	#mega-menu-wrap-header_override .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::after {
		background-color: var(--slate) !important;
	}
}

/* Medium Screen */

@media only screen and (min-width: 769px) {
	#mega-menu-header_override .mega-menu-wrap {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
	#mega-menu-header_override {
		display: flex !important;
		flex-wrap: wrap;
		gap: 10px 15px;
		justify-content: end;
	}
	#mega-menu-wrap-header_override #mega-menu-header_override > li.mega-menu-item > a.mega-menu-link {
		font-family: var(--heading-font-family) !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 1.4 !important;
		height: auto !important;
		padding: 0 5px !important;
		border-bottom: 5px solid white !important;
	}
	#mega-menu-wrap-header_override #mega-menu-header_override > li.mega-menu-item > a.mega-menu-link:hover {
		border-bottom: 5px solid var(--tangerine) !important;
	}
	#mega-menu-wrap-header_override
		#mega-menu-header_override
		> li.mega-menu-item.mega-current-menu-item
		> a.mega-menu-link {
		border-bottom: 5px solid var(--tangerine) !important;
	}
}

@media only screen and (min-width: 1440px) {
	#mega-menu-wrap-header_override #mega-menu-header_override > li.mega-menu-item > a.mega-menu-link {
		font-size: 20px !important;
		line-height: 2 !important;
	}
}

@media only screen and (min-width: 1920px) {
	#mega-menu-wrap-header_override #mega-menu-header_override > li.mega-menu-item > a.mega-menu-link {
		font-size: 23px !important;
		line-height: 2.4 !important;
	}
}

/*
 *
 * FOOTER
 *
 */

.jhso-footer {
	color: white;
	line-height: 1.5;
	font-size: 1.4rem;
}

.jhso-footer p {
	color: white;
	line-height: 1.5;
	font-size: 1.4rem;
}

.jhso-footer header {
	color: #647785;
	font-weight: 700;
	font-size: 1.4rem;
	margin-bottom: 1.4rem;
}

.jhso-footer-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-size: 14px;
	padding: 24px 0;
}

.jhso-footer-content-columns {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.jhso-footer-content-columns > div {
	position: relative;
	padding-left: 1.6rem;
}

.jhso-footer-content-columns > div::before {
	content: '';
	position: absolute;
	width: 1px;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: white;
	opacity: 0.25;
}

.jhso-footer-menu-column {
	order: 1;
}

.jhso-footer-content-column {
	order: 2;
}

/* Links */

.jhso-footer a,
.jhso-footer a:visited {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.jhso-footer a:hover,
.jhso-footer a:visited:hover {
	color: white;
	text-decoration: underline;
}

/* Address */

.jhso-footer-content-column address {
	font-style: normal;
}

.jhso-footer-content-column address strong {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
}

.jhso-footer-content-column address a {
	text-decoration: none;
}

.jhso-footer-content-column address a:hover {
	text-decoration: underline;
}

/* Linked In logo link */

.jhso-footer-content-column a[href*='linkedin'] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.jhso-footer-content-column a[href*='linkedin'] svg {
	transition: opacity 0.2s ease;
}

.jhso-footer-logo img {
	width: 100%;
	max-width: 456px;
}

/* Legal */

.jhso-footer-legal {
	width: 100%;
	font-size: 1.2rem;
	color: rgba(255, 255, 255, 0.8);
	margin-top: 2.4rem;
}

.jhso-footer-legal p {
	font-size: 1.2rem;
	margin-bottom: 1.7rem;
}

/* Medium screens and up */
@media only screen and (min-width: 769px) {
	.jhso-footer-content-columns {
		flex-direction: row;
		gap: 48px;
		align-items: flex-start;
	}

	.jhso-footer-menu-column {
		flex: 0 0 auto;
		min-width: 200px;
	}

	.jhso-footer-content-column {
		flex: 1;
		min-width: 0;
	}
}

/* Large screens */
@media only screen and (min-width: 1200px) {
	.jhso-footer-content-columns {
		gap: 64px;
	}

	.jhso-footer-menu-column {
		min-width: 250px;
	}
}

/* Footer Mega Menu Overrides */
/* Name spaced for Footer Override menu location */
#mega-menu-wrap-footer_override #mega-menu-footer_override .mega-current-menu-item a.mega-menu-link {
	text-decoration: none !important;
	border-left: 5px solid #ee7623 !important;
	padding-left: 5px !important;
	margin-left: -10px !important;
}

/* 
 *
 * Article Template
 *
 */

.jhso-article-single {
	--tangerine: #ee7623;
	--slate: #393d47;
	--slate-75: #6b6e75;
	--heading-font-family: 'poppins', sans-serif;
	--base-font-family: 'OpenSans', sans-serif;
	color: var(--slate);
	margin-bottom: 12.8rem;
}

.jhso-article-single .entry-title {
	font-family: var(--heading-font-family);
	text-transform: none;
	font-weight: 400;
	font-size: 2.8rem;
	line-height: 1.5;
	margin-top: 4rem;
	margin-bottom: 4rem;
	padding: 0;
}

.jhso-article-single .entry-meta {
	font-weight: 700;
}

.jhso-article-single h2 {
	font-family: var(--heading-font-family);
	font-weight: 600;
	font-size: 2.2rem;
	line-height: 1.5;
	color: var(--slate);
}

.jhso-article-single h3,
.jhso-article-single .format_chart_image_wrap h3,
.jhso-article-single h4,
.jhso-article-single h5 {
	font-family: var(--heading-font-family);
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.5;
	color: var(--slate);
}

.jhso-article-single .disclosures {
	font-family: var(--base-font-family);
	color: var(--slate-75);
}