/*
Fuel Theme
Version: 5.0.11
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global
# Mobile Menu
# Desktop Menu
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
.menu-sub #notices {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.menu-sub #notices li {
	background: #2A2A6A;
}

/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/
@media (max-width: 68.49em) {
	:root {
		--menu-bg-color: var(--primary-color);
		--menu-lvl1-bg-color: var(--accent-color);

		--menu-link-color: #fff;

		--menu-border-color: rgba(255,255,255,0.15);

		/* triangle */
		--menu-marker: polygon(50% 100%, 0 0, 100% 0);
		/* chevron */
		--menu-marker: polygon(85% 0, 50% 75%, 15% 0, 0 0, 50% 100%, 100% 0);
	}
	.primary-menu .menu-desktop {
		display: none;
	}

	.primary-menu {
		display: flex;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		color: var(--menu-link-color);
		background: var(--menu-bg-color);
		box-shadow: 0 0 0.5rem rgba(0,0,0,0.2);
	}
	.primary-menu-open, .primary-menu-open body {
		touch-action: none;
		overscroll-behavior: none;
		-webkit-overflow-scrolling: auto;
		overflow: hidden;
	}
	.primary-menu::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		border-top: 1px solid var(--menu-border-color);
		background: var(--menu-bg-color);
	}

	summary.menu-item-title::-webkit-details-marker {
		display: none;
	}
	summary.menu-item-title {
		list-style: none;
		cursor: pointer;
	}

	/* Menu Level 1 */
	.menu-level-1 {
		flex: 1 1 auto;
		width: auto;
		min-width: 18%;
	}
	.menu-level-1:nth-child(n+3) {
		border-left: 1px solid var(--menu-border-color);
	}
	.menu-level-1 > .menu-item-title {
		display: block;
		text-align: center;
		text-decoration: none;
		outline-offset: 0;
		transition: all 300ms;
	}
	.menu-level-1 > .menu-item-title > span {
		display: block;
		padding: 0.7rem 0.2rem 0.5rem;
		font-size: 0.6em;
		text-align: center;
		color: var(--menu-link-color);
		transition: background-color 300ms, box-shadow 300ms;
	}
	.menu-level-1.menu-open > .menu-item-title > span {
		color: var(--menu-link-color);
		background: var(--site-light-purple);
		box-shadow: 0 0.3rem 0.4rem rgba(0,0,0,0.1);
	}
	.menu-level-1 > .menu-item-title > span > svg {
		display: block;
		margin: 0 auto 0.1rem;
		width: 1.5rem;
		height: 1rem;
	}
	.sticky-links.menu-level-1 {
		display: none;
	}

	/* Menu Overlay */
	.menu-level-1 > summary.menu-item-title::before {
		content: '';
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -5;
		height: 100vh;
		background: rgba(0,0,0,0.3);
		opacity: 0;
		pointer-events: none;
		transition: opacity 600ms;
	}
	.menu-level-1.menu-open > summary.menu-item-title::before {
		pointer-events: auto;
		opacity: 1;
	}
	.menu-level-1:focus-within > .menu-sub {
		z-index: -2;
	}
	.menu-level-1:focus-within > summary.menu-item-title::before {
		z-index: -3;
	}

	/* Level 1 Sub Menu */
	.menu-level-1 > .menu-sub {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
		padding: 1.3rem 0 4.5rem;
		max-height: 100vh;
		overflow: auto;
		overscroll-behavior: contain;
		background: var(--primary-color);
		box-shadow: 0 0 2rem rgba(0,0,0,0.3);
		opacity: 0;
		transform: translateY(100%);
		transition: opacity 200ms, transform 300ms;
	}
	.menu-sub[aria-label="For Patients"]::after,
	.menu-sub[aria-label="About"]::after,
	.menu-sub[aria-label="Notifications"]::after {
		content: "";
		width: 100%;
		height: 100%;
		max-width: 13.649999999999999em;
		max-height: 12.4em;
		background: url("../images/hams-icon-large.svg");
		background-repeat: no-repeat;
		position: absolute;
		opacity: 0.06;
		top: 3.1rem;
		right: 0rem;
		z-index: -1;
	}
	.menu-level-1.menu-open > .menu-sub {
		opacity: 1;
		transform: translateY(0);
		transition: opacity 400ms, transform 600ms;
	}
	.menu-level-1 > .menu-sub::before {
		content: '';
		display: block;
		/* border-top: 1px solid var(--menu-border-color); */
	}

	/* Sub Menu Items */
	.menu-sub .menu-item-title, .menu-sub .menu-item-title:hover {
		display: block;
		position: relative;
		text-decoration: none;
		color: var(--menu-link-color);
		outline-offset: 0;
	}
	.menu-sub summary.menu-item-title::after {
		content: '';
		position: absolute;
		top: 0;
		right: 1.5rem;
		bottom: 0;
		margin: auto;
		width: 0.7rem;
		height: 0.35rem;
		background: var(--menu-link-color);
		transform-style: preserve-3d;
		transition: transform 250ms;
		-webkit-clip-path: var(--menu-marker);
		clip-path: var(--menu-marker);
	}
	.menu-sub .menu-item.menu-open > summary.menu-item-title::after {
		transform: rotateX(180deg);
	}

	/* Menu Level 2 */
	.menu-level-2 .menu-item-title, .menu-level-2.menu-default .menu-sub {
		margin: auto;
	}
	.menu-level-2 .menu-item-title {
		padding-left: 1.5rem;
		padding-right: 2.5rem;
	}
	.menu-level-2 .menu-sub {
		background: rgba(255,255,255,0.1);
	}

	/* Menu Level 3 */
	.menu-level-3 .menu-item-title {
		padding-left: 2.5rem;
	}

	/* Menu Level 4 */
	.menu-level-4 .menu-item-title {
		padding-left: 3.5rem;
	}

	/* Menu Accordion Animation */
	.menu-level-2 .menu-item-title {
		padding-top: 0;
		padding-bottom: 0;
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		transition: padding 200ms 100ms, max-height 300ms, opacity 200ms 100ms;
	}
	.menu-level-1.menu-open > .menu-sub > .menu-item > .menu-item-title,
	.menu-level-1.menu-open > .menu-sub > .menu-columns > .menu-item > .menu-item-title,
	.menu-open .menu-level-2.menu-open > .menu-sub > .menu-item > .menu-item-title,
	.menu-open .menu-level-2.menu-open > .menu-sub > .menu-columns > .menu-item > .menu-item-title,
	.menu-open .menu-open .menu-level-3.menu-open > .menu-sub > .menu-item > .menu-item-title {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		max-height: 4rem;
		opacity: 1;
		transition: padding 350ms 100ms, max-height 700ms, opacity 400ms 100ms;
	}
	/* Menu Accordion Spacing */
	.menu-level-2 .menu-sub::before,
	.menu-level-2 .menu-sub::after {
		content: '';
		display: block;
		height: 0;
		transition: height 300ms;
	}
	.menu-open .menu-level-2.menu-open > .menu-sub::before,
	.menu-open .menu-open .menu-level-3.menu-open > .menu-sub::before {
		height: 1rem;
		transition: height 700ms;
	}
	.menu-open .menu-level-2.menu-open > .menu-sub::after,
	.menu-open .menu-open .menu-level-3.menu-open > .menu-sub::after {
		height: 1.5rem;
		transition: height 700ms;
	}

	/* Menu Map */
	.menu-locations > .menu-sub {
		padding-top: 0;
		padding-bottom: 3.2rem;
	}
	.menu-locations .fm-map {
		height: calc(100vh - 3.25rem);
		max-height: none;
	}
	.menu-locations .map-loc-details {
		top: 0;
	}

	/* Menu Search */
	.primary-menu .search-form {
		padding: 1em var(--contain-padding);
	}

	.menu-notifications .notices-title {
		display: none;
	}
	.menu-sub #notices {
		padding: 0 1rem;
	}
}
@media (min-width: 26em) and (max-width: 68.49em) {
	.menu-level-1 {
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Desktop Menu
--------------------------------------------------------------*/
@media (min-width: 68.5em) {
	:root {
		--menu-bg-color: var(--primary-color);
		--menu-sub-bg-color: var(--accent-color);

		--menu-link-color: #fff;
		--menu-link-hover-bg-color: rgba(0,0,0,0.15);

		/* triangle */
		--menu-marker: polygon(50% 100%, 0 0, 100% 0);
		/* chevron */
		--menu-marker: polygon(85% 0, 50% 75%, 15% 0, 0 0, 50% 100%, 100% 0);

		--menu-height: 2.9rem; /* Height of the menu bar when closed. */
		--menu-sub-height: 28rem; /* Height of the default sub menus (locations & tab drop downs) */
	}

	.primary-menu .menu-mobile {
		display: none;
	}

	.primary-menu {
		display: flex;
		justify-content: center;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 998;
		padding: 0 1.5% 0.5rem 35%;
		color: #231F20;
		background: var(--site-white);
		box-shadow: 0.1em 0.3em 0.2em -0.24em rgba(0,0,0,0.5);
		margin-top: -2.1em;
		align-items: center;
		height: 3.5rem;
	}

	/* Sticky Menu Customizations Start */
	.primary-menu.sticky-active {
		/* Add sticky styles here if any - delete comment */
		padding: 0 1.5% 1rem 22.1%;
	}
	.primary-menu.sticky-active > .menu-level-1 > .menu-sub {
		top: 110.2%
	}
	.primary-menu.sticky-active > .menu-level-1 > .menu-item-title > span:before, .menu-level-1 > .menu-item-title > span:before {
		bottom: -0.4rem;
	}
	/* Sticky Menu Customizations End */

	summary.menu-item-title::-webkit-details-marker {
		display: none;
	}
	summary.menu-item-title {
		list-style: none;
		cursor: pointer;
	}

	/* Menu Level 1 */
	.menu-level-1 {
		flex: 1 1 auto;
	}
	.menu-level-1 > .menu-item-title {
		display: block;
		text-align: center;
		text-decoration: none;
		outline-offset: 0;
		transition: all 300ms;
	}
	.menu-level-1 > .menu-item-title > span {
		display: block;
		position: relative;
		padding: 1.9em 0 0.3em 0;
		color: #231F20;
		transition: all 300ms;
	}
	/* Menu hover effect */
	.menu-level-1 > .menu-item-title > span:before {
		content: '';
        background: var(--accent-color);
        position: absolute;
        right: -1rem;
        bottom: -0.2rem;
        left: 0;
        height: 0.2rem;
        width: 100%;
        margin: auto;
        transform: scale(1,0);
        transform-origin: bottom;
        transition: 100ms ease-in-out;
	}
	.menu-level-1 > .menu-item-title:hover > span:before, .menu-level-1.menu-open > .menu-item-title > span:before {
        transform: scale(1,1);
    }
	.menu-level-1 > summary.menu-item-title > span::after {
		content: '';
		display: inline-block;
		vertical-align: top;
		margin: 0.65em 0 0 0.4em;
		width: 0.7rem;
		height: 0.35rem;
		background: #231F20;
		transform-style: preserve-3d;
		transition: transform 250ms;
		-webkit-clip-path: var(--menu-marker);
		clip-path: var(--menu-marker);
	}
	.menu-level-1.menu-open > summary.menu-item-title > span::after {
		transform: rotateZ(90deg);
	}
	.menu-level-1 > .menu-item-title > span > .main-logo {
		display: none;
	}

	/* Sticky Logo on Scroll */
	.primary-menu.sticky-active > .menu-level-1 > .menu-item-title > span > .main-logo {
		display: block;
    	margin-left: -2.5rem;
    	position: relative;
    	left: clamp(-73.6%, 4vw, -81%);
    	width: 18rem;
    	top: -0.2rem;
	}
	.primary-menu.sticky-active > .menu-level-1 > .menu-item-title > span > .main-logo > .logo-lines {
		display: none;
	}
	.primary-menu #menu-item-1836 {
		display: none;
	}
	.primary-menu.sticky-active #menu-item-1836 {
		display: block;
	}
	.primary-menu.sticky-active > #menu-item-1836 > .menu-item-title > span:before, #menu-item-1836 > .menu-item-title > span:before {
		display: none;
	}

	/* Menu Overlay */
	.menu-level-1 > summary.menu-item-title::before {
		content: '';
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -5;
		background: rgba(0,0,0,0.01);
		opacity: 0;
		pointer-events: none;
		transition: opacity 300ms;
	}
	.menu-level-1.menu-open > summary.menu-item-title::before {
		pointer-events: auto;
		opacity: 1;
	}

	/* Icon Menu Items */
	.menu-home, .menu-search {
		flex: 1 1 auto;
		min-width: 2rem;
		width: 2%;
		max-width: 2.7rem;
	}
	.menu-home .menu-item-title, .menu-search .menu-item-title {
		position: relative;
		text-indent: -999em;
	}
	.menu-home > .menu-item-title > span > svg, .menu-search > .menu-item-title > span > svg {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: -1.5em;
		left: 0;
		width: 1.2rem;
		height: 1.2rem;
		margin: auto;
	}

	/* Sub Menu Items */
	.menu-sub .menu-item-title {
		display: block;
		padding: 0.4rem 1rem;
		text-decoration: none;
		color: var(--menu-link-color);
		outline-offset: 0;
		transition: all 300ms;
	}
	.menu-sub .menu-item-title:hover {
		text-decoration: none;
		color: var(--menu-link-color);
		background: var(--site-light-purple);
	}
	.menu-sub summary.menu-item-title::after {
		content: '';
		display: inline-block;
		vertical-align: top;
		margin: 0.65em 0 0 0.4em;
		width: 0.7rem;
		height: 0.35rem;
		background: var(--menu-link-color);
		transform-style: preserve-3d;
		transition: transform 250ms;
		-webkit-clip-path: var(--menu-marker);
		clip-path: var(--menu-marker);
	}
	.menu-sub .menu-item.menu-open > summary.menu-item-title::after {
		transform: rotateX(180deg);
	}

	.menu-sub::-webkit-scrollbar {
		width: 0.4rem;
	}
	.menu-sub::-webkit-scrollbar-thumb {
		background-color: rgba(255,255,255,0.3);
		border-radius: 0.2rem;
	}
	.menu-sub::-webkit-scrollbar-track {
		background-color: rgba(0,0,0,0.15);
	}

	/* Level 1 Sub Menu */
	.menu-level-1 > .menu-sub {
		position: absolute;
		top: 106%;
		left: 1.5rem;
		right: 1.5rem;
		border-radius: 0;
		padding: 1.5rem;
		height: auto;
		max-height: calc(100vh - (var(--menu-height) + 3rem)); /* height of screen minus height of menu while sticky plus a little */
		overflow: auto;
		text-align: left;
		color: var(--menu-link-color);
		background: var(--primary-color);
		box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, 0.05), 0 0.3em 0.6em rgba(0, 0, 0, 0.08), 0 1em 2em rgba(0, 0, 0, 0.15);
		opacity: 0;
		transform: perspective(100rem) rotateX(-15deg);
		transform-origin: top center;
		transform-style: preserve-3d;
		transition: opacity 200ms, transform 300ms;
	}
	.menu-level-1.menu-open > .menu-sub {
		opacity: 1;
		transform: perspective(100rem) rotateX(0deg);
		transition: opacity 400ms, transform 600ms;
	}
	.primary-menu > .menu-level-1 > .menu-sub[aria-label="Search"] {
		top: 100%
	}
	.primary-menu > .menu-level-1 > .menu-sub[aria-label="Notifications"] {
		top: 100%;
		right: 0;
	}
	.menu-sub::after {
		content: "";
    	position: absolute;
    	width: 76%;
    	height: 85%;
    	background: url(../images/hams-icon-large.svg);
    	background-repeat: no-repeat;
    	opacity: 0.06;
    	top: 2.1rem;
    	right: 0.2rem;
		z-index: -1;
	}
	.menu-sub[aria-label="About"]::after {
		width: 120%;
		height: 200%;
		top: -4.5rem;
		right: -8.8rem;
	}
	.menu-sub[aria-label="Notifications"]::after {
		width: 48%;
		height: 68%;
		top: 5.6rem;
		right: 0.2rem;
	}
	/* Menu Widths */
	.menu-width-1, .menu-width-2, .menu-width-3 {
		position: relative;
	}
	.primary-menu .menu-width-1 > .menu-sub {
		left: calc(50% - 7.5rem);
		width: 17.5rem;
		height: fit-content;
		z-index: 0;
	}
	.primary-menu .menu-width-2 > .menu-sub {
		left: calc(50% - 17rem);
		width: 34rem;
	}
	.primary-menu .menu-width-3 > .menu-sub {
		left: calc(50% - 24.5rem);
		width: 49rem;
		max-width: 80vw;
	}
	.primary-menu .menu-left > .menu-sub {
		left: 0;
	}
	.primary-menu .menu-right > .menu-sub {
		left: auto;
		right: 0;
	}
	.menu-span > .menu-sub {
		column-width: 12em;
		column-gap: 1.5em;
	}

	/* Menu Level 2 */
	.menu-level-2 summary.menu-item-title {
		font-size: 1.1em;
		font-weight: bold;
		pointer-events: none;
	}
	.menu-level-2 summary.menu-item-title::after {
		display: none;
	}
	/* Menu Tabs */
	.menu-tabs > .menu-sub {
		overflow: hidden;
		height: var(--menu-sub-height);
	}
	.menu-tabs > .menu-columns {
		grid-template-columns: repeat(auto-fill, minmax(11em, 1fr));
		max-width: 60rem;
	}
	.menu-tabs .menu-level-2 {
		width: 70%;
		max-width: 18rem;
	}
	.menu-tabs .menu-level-2 > .menu-item-title {
		position: relative;
		padding-right: 2em;
		font-size: 1em;
		font-weight: normal;
	}
	.menu-tabs .menu-level-2.menu-open > .menu-item-title {
		background: rgba(0,0,0,0.15);
	}
	.menu-tabs .menu-level-2 > .menu-item-title::after {
		display: block;
		position: absolute;
		top: 0;
		right: 1em;
		bottom: 0;
		margin: auto;
	}
	.menu-tabs .menu-level-2.menu-open > .menu-item-title::after {
		transform: rotate(-90deg);
	}
	.menu-tabs .menu-level-2 > .menu-sub {
		position: absolute;
		top: 0;
		right: 0;
		left: min(25%, 18rem);
		padding: 2rem 2rem 1.5rem;
		max-height: 100%;
		overflow: auto;
		opacity: 0;
		transform: translateY(-3em);
		transition: transform 0ms 200ms, opacity 200ms;
	}
	.menu-tabs .menu-level-2.menu-open > .menu-sub {
		opacity: 1;
		transform: translateY(0);
		transition: transform 700ms, opacity 500ms 200ms;
	}
	.menu-tabs .menu-level-2:not([open]) > summary.menu-item-title {
		pointer-events: auto;
	}

	/* Locations */
	.menu-locations > .menu-sub {
		height: var(--menu-sub-height);
	}
	.menu-locations .fm-map {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: auto;
		max-height: none;
	}

	/* More Menu */
	.menu-providers .search-form,
	.menu-more .search-form {
		display: none;
	}

	/* Featured Menu Items */
	.menu-featured > .menu-item-title {
		color: #4a4a4a;
		background: #fff;
	}
	.menu-featured > .menu-item-title:hover {
		color: #4a4a4a;
		background: #e5e5e5;
	}
	.menu-featured svg {
		vertical-align: top;
		margin: 0.15em 0.15em 0 0;
		width: 1.5em;
		height: 1.2em;
	}
	/* Notifications */
	.menu-notifications .notices-title {
		border-width: 0 0 1.5px 0;
		border-style: solid;
		padding: 0 0 0.5rem 0;
		font-weight: 700;
	}
	#menu-item-notices.menu-notifications > .menu-item-title > span > svg {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: -1.5em;
		left: 0;
		width: 1.2rem;
		height: 1.2rem;
		margin: auto;
		max-width: 1.2rem;
	}

	/* Search Menu */
	.menu-search .search-form {
		margin: auto;
		width: 24rem;
		min-width: 50%;
		max-width: 100%;
	}
}

@media (min-width: 82.5em){
	.menu-level-1 > .menu-sub {
		left: 3rem;
		right: 3rem;
	}
}