/* JO Harmonia: shared desktop and mobile mega-menu surfaces. */
body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu {
	background: radial-gradient(ellipse at 90% 100%, rgba(20, 110, 115, .16), transparent 65%), #08111f !important;
	border: 1px solid rgba(225, 196, 119, .25);
	border-radius: 18px;
	color: #c5d0da;
	font-family: "Source Sans Pro", sans-serif;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > a,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > a {
	font-family: "Raleway", sans-serif;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #e1c477 !important;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > ul > li > a,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul > li > a {
	font-family: "Source Sans Pro", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.45;
	color: #c5d0da !important;
	min-height: 44px;
	box-sizing: border-box;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > ul > li > a:hover,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul > li > a:hover {
	background: rgba(225, 196, 119, .08);
	border-color: rgba(225, 196, 119, .32);
	color: #e1c477 !important;
	transform: none;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more .jo-menu-rich-link__description,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more .jo-menu-rich-link__description {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more .jo-menu-rich-link__cta,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more .jo-menu-rich-link__cta {
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-portrait > a,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-portrait > a {
	background: #fbfaf7 !important;
	border: 1px solid rgba(225, 196, 119, .35) !important;
	border-radius: 18px;
	padding: 16px !important;
	color: #172033 !important;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more .jo-mega-portrait .item_text,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more .jo-mega-portrait .item_text {
	color: #172033 !important;
	font-family: "Raleway", sans-serif;
	font-weight: 600;
	font-size: 15px;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more .jo-mega-portrait .jo-menu-rich-link__description,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more .jo-mega-portrait .jo-menu-rich-link__description {
	color: #526172 !important;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more .jo-mega-portrait .jo-menu-rich-link__cta,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more .jo-mega-portrait .jo-menu-rich-link__cta {
	color: #0c3d54 !important;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-portrait > a:hover,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-portrait > a:hover {
	background: #fff !important;
	border-color: #e1c477 !important;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-calculator > a,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-calculator > a {
	background: var(--jo-button-gold-gradient) !important;
	color: var(--jo-button-color) !important;
	border: 1px solid var(--jo-button-border) !important;
	border-radius: 8px;
	min-height: 46px;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.15;
	text-shadow: var(--jo-button-text-shadow);
	box-shadow: 0 14px 30px rgba(201, 162, 39, .32), inset 0 1px 0 rgba(255, 255, 255, .42);
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more .jo-mega-calculator .item_text,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more .jo-mega-calculator .item_text {
	font-size: 15px;
	font-weight: 800;
	color: var(--jo-button-color) !important;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more .jo-mega-calculator .jo-menu-rich-link__description,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more .jo-mega-calculator .jo-menu-rich-link__description {
	color: var(--jo-button-color) !important;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more .jo-mega-calculator .jo-menu-rich-link__cta,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more .jo-mega-calculator .jo-menu-rich-link__cta {
	color: var(--jo-button-color) !important;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-calculator > a:hover,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-calculator > a:hover {
	background: var(--jo-button-hover-gradient) !important;
	color: var(--jo-button-color) !important;
	box-shadow: 0 16px 32px rgba(12, 61, 84, .28), inset 0 1px 0 rgba(255, 255, 255, .12);
	transform: translateY(-1px);
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-number > a,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-number > a {
	background: rgba(251, 250, 247, .05) !important;
	border-color: rgba(225, 196, 119, .18) !important;
	border-radius: 8px;
	min-height: 44px;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more .jo-mega-number .item_text,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more .jo-mega-number .item_text {
	font-family: "Raleway", sans-serif;
	font-weight: 600;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-number--master > a,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-number--master > a {
	background: rgba(225, 196, 119, .12) !important;
	color: #e1c477 !important;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-number > a:hover,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul > li.jo-mega-number > a:hover {
	background: rgba(225, 196, 119, .2) !important;
	color: #e1c477 !important;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu a:focus-visible,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu a:focus-visible {
	outline: 3px solid #e1c477 !important;
	outline-offset: 3px;
	box-shadow: var(--jo-button-focus-shadow) !important;
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu .jo-mega-calculator > a:focus-visible,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu .jo-mega-calculator > a:focus-visible {
	outline-color: #fff !important;
}

@media (min-width: 1201px) {
body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.wgl-mega-menu {
	padding: 28px 18px !important;
	box-shadow: 0 26px 58px rgba(0, 0, 0, .28);
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.wgl-mega-menu::before {
	background: #08111f;
	border-color: rgba(225, 196, 119, .25);
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more.mega-columns-4col > ul.wgl-mega-menu > li {
	border-right-color: rgba(225, 196, 119, .16);
}

body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.wgl-mega-menu > li > a::after {
	background: #e1c477;
	height: 1px;
	width: 32px;
}

}
@media (max-width: 1200px) {
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu.sub-menu {
	padding: 10px 0 !important;
	margin-top: 8px;
	margin-bottom: 8px;
}

body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > a {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu > li > ul {
	background: transparent !important;
}

}
@media (prefers-reduced-motion: reduce) {
body .wgl-theme-header .primary-nav > ul > li.jo-mega-more > ul.mega-menu a,
body .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.jo-mega-more > ul.mega-menu a {
	transition: none !important;
	transform: none !important;
}

}