/*
 * HRM New Version
 * Strategic design styling for the desktop Avada menu named "top".
 *
 * The selectors are deliberately restricted to:
 * - navigation elements with aria-label="top"
 * - vertically stacked Avada menus
 * - the desktop menu instance
 */

@media (min-width: 641px) {

	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility {
		--hrm-menu-navy: #061e4a;
		--hrm-menu-teal: #0a8996;
		--hrm-menu-muted: #4e6484;
		--hrm-menu-active-bg: #edf4f8;
		--hrm-menu-hover-bg: #f6f9fb;

		width: 100%;
		font-family: "Google Sans", Arial, sans-serif !important;
	}

	/* Remove Avada's default menu background layers. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__main-background-default,
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__main-background-active {
		display: none !important;
	}

	/* Top-level item spacing. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	> .awb-menu__main-ul
	> .awb-menu__main-li {
		margin: 0 0 4px !important;
		padding: 0 !important;
	}

	/* Main links. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__main-a {
		box-sizing: border-box;
		min-height: 46px;
		padding: 9px 12px !important;
		border-radius: 10px;
		background: transparent !important;
		color: var(--hrm-menu-navy) !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		line-height: 1.35 !important;
		transition:
			background-color 0.18s ease,
			color 0.18s ease;
	}

	/* Main icons. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__i_main {
		display: inline-flex !important;
		align-items: center;
		justify-content: flex-start;
		flex: 0 0 38px;
		width: 38px !important;
		padding: 0 14px 0 0 !important;
		color: var(--hrm-menu-navy) !important;
		font-size: 20px !important;
	}

	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__i_main i {
		color: inherit !important;
		font-size: 20px !important;
	}

	/* Parent items such as Human Performance. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.menu-item-has-children
	> .awb-menu__main-a
	.menu-text {
		font-weight: 700 !important;
	}

	/* Main item hover. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__main-a:hover {
		background: var(--hrm-menu-hover-bg) !important;
		color: var(--hrm-menu-teal) !important;
	}

	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__main-a:hover
	.awb-menu__i_main {
		color: var(--hrm-menu-teal) !important;
	}

	/* Active main item. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.current-menu-item
	> .awb-menu__main-a {
		background: var(--hrm-menu-active-bg) !important;
		color: var(--hrm-menu-teal) !important;
		font-weight: 600 !important;
	}

	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.current-menu-item
	> .awb-menu__main-a
	.awb-menu__i_main {
		color: var(--hrm-menu-teal) !important;
	}

	/* Submenu arrows. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__open-nav-submenu_main {
		width: 30px !important;
		color: var(--hrm-menu-navy) !important;
	}

	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__open-nav-submenu_main::before {
		font-size: 12px !important;
	}

	/* Submenu container. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__sub-ul_main {
		margin: 2px 0 10px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	/*
	 * Keep every submenu level on the same continuous sidebar background.
	 * Avada can otherwise apply its own background to individual list items.
	 */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__sub-li {
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		border-top: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		border-left: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
	}

	/* Submenu links. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__sub-a {
		position: relative;
		display: grid !important;
		grid-template-columns: 6px minmax(0, 1fr);
		align-items: center;
		column-gap: 14px;
		box-sizing: border-box;
		width: calc(100% + 20px);
		min-height: 38px;
		margin-left: -10px;
		padding: 8px 12px 8px 27px !important;
		border-radius: 10px;
		background: transparent !important;
		color: var(--hrm-menu-navy) !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;
		transition:
			background-color 0.18s ease,
			color 0.18s ease;
	}

	/* Submenu bullets. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__sub-a::before {
		content: "";
		position: static;
		grid-column: 1;
		grid-row: 1;
		align-self: center;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: var(--hrm-menu-muted);
		transform: none;
	}

	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__sub-a > span {
		grid-column: 2;
		grid-row: 1;
		min-width: 0;
	}

	/* Submenu hover. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__sub-a:hover {
		background: var(--hrm-menu-hover-bg) !important;
		color: var(--hrm-menu-teal) !important;
	}

	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.awb-menu__sub-a:hover::before {
		background: var(--hrm-menu-teal) !important;
	}

	/* Active submenu item. */
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.current-menu-item
	> .awb-menu__sub-a,
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.current_page_item
	> .awb-menu__sub-a {
		background: var(--hrm-menu-active-bg) !important;
		color: var(--hrm-menu-teal) !important;
		font-weight: 600 !important;
	}

	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.current-menu-item
	> .awb-menu__sub-a::before,
	nav[aria-label="top"].awb-menu_v-stacked.fusion-no-small-visibility
	.current_page_item
	> .awb-menu__sub-a::before {
		background: var(--hrm-menu-teal) !important;
	}
}

/*
 * Fatigue & Rest Protection
 * Keep the Recommended Actions readable when Avada adds an empty paragraph
 * between the numbered badge and the action copy.
 */
body .hrm-fatigue-actions .hrm-fatigue-action {
	display: flex !important;
	gap: 18px !important;
	align-items: flex-start !important;
}

body .hrm-fatigue-actions .hrm-fatigue-action > p:empty {
	display: none !important;
}

body .hrm-fatigue-actions .hrm-fatigue-action > p:last-child {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}

body .hrm-fatigue-actions .hrm-fatigue-action__number {
	flex: 0 0 48px !important;
	width: 48px !important;
	min-width: 48px !important;
	height: 48px !important;
}

@media (max-width: 1400px) {
	body .hrm-fatigue-actions .hrm-fatigue-actions__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body .hrm-fatigue-actions .hrm-fatigue-action,
	body .hrm-fatigue-actions .hrm-fatigue-action:nth-child(4),
	body .hrm-fatigue-actions .hrm-fatigue-action:nth-child(5) {
		grid-column: auto !important;
	}

	body .hrm-fatigue-actions .hrm-fatigue-action:last-child {
		grid-column: 1 / -1 !important;
	}
}

@media (max-width: 640px) {
	body .hrm-fatigue-actions .hrm-fatigue-actions__grid {
		grid-template-columns: 1fr !important;
	}

	body .hrm-fatigue-actions .hrm-fatigue-action,
	body .hrm-fatigue-actions .hrm-fatigue-action:last-child {
		grid-column: auto !important;
	}
}
/*
 * Strategic Framework pillar pages:
 * each supporting card uses its own portrait source image. `cover` preserves
 * the source proportions and crops only the excess area without stretching.
 * The hero images remain unchanged.
 */
.page-id-5611 .hrm-pillar-story__card:nth-child(1) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/workload-management-digital-boundaries-story-1-fixed.jpg") !important;
}
.page-id-5611 .hrm-pillar-story__card:nth-child(2) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/workload-management-digital-boundaries-story-2-fixed.jpg") !important;
}
.page-id-5611 .hrm-pillar-story__card:nth-child(3) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/workload-management-digital-boundaries-story-3-fixed.jpg") !important;
}

.page-id-5613 .hrm-pillar-story__card:nth-child(1) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/psychological-safety-speak-up-culture-story-1-fixed.jpg") !important;
}
.page-id-5613 .hrm-pillar-story__card:nth-child(2) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/psychological-safety-speak-up-culture-story-2-fixed.jpg") !important;
}
.page-id-5613 .hrm-pillar-story__card:nth-child(3) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/psychological-safety-speak-up-culture-story-3-fixed.jpg") !important;
}

.page-id-5616 .hrm-pillar-story__card:nth-child(1) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/onboard-social-climate-crew-cohesion-story-1-fixed.jpg") !important;
}
.page-id-5616 .hrm-pillar-story__card:nth-child(2) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/onboard-social-climate-crew-cohesion-story-2-fixed.jpg") !important;
}
.page-id-5616 .hrm-pillar-story__card:nth-child(3) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/onboard-social-climate-crew-cohesion-story-3-fixed.jpg") !important;
}

.page-id-5618 .hrm-pillar-story__card:nth-child(1) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/connectivity-shore-leave-access-story-1-fixed.jpg") !important;
}
.page-id-5618 .hrm-pillar-story__card:nth-child(2) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/connectivity-shore-leave-access-story-2-fixed.jpg") !important;
}
.page-id-5618 .hrm-pillar-story__card:nth-child(3) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/connectivity-shore-leave-access-story-3-fixed.jpg") !important;
}

.page-id-5622 .hrm-pillar-story__card:nth-child(1) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/medical-mental-health-preventive-culture-story-1-fixed.jpg") !important;
}
.page-id-5622 .hrm-pillar-story__card:nth-child(2) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/medical-mental-health-preventive-culture-story-2-fixed.jpg") !important;
}
.page-id-5622 .hrm-pillar-story__card:nth-child(3) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/medical-mental-health-preventive-culture-story-3-fixed.jpg") !important;
}

.page-id-5625 .hrm-pillar-story__card:nth-child(1) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/crisis-recovery-post-incident-support-story-1-fixed.jpg") !important;
}
.page-id-5625 .hrm-pillar-story__card:nth-child(2) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/crisis-recovery-post-incident-support-story-2-fixed.jpg") !important;
}
.page-id-5625 .hrm-pillar-story__card:nth-child(3) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/crisis-recovery-post-incident-support-story-3-fixed.jpg") !important;
}

.page-id-5627 .hrm-pillar-story__card:nth-child(1) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/employment-reliability-pay-contracts-repatriation-story-1-fixed.jpg") !important;
}
.page-id-5627 .hrm-pillar-story__card:nth-child(2) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/employment-reliability-pay-contracts-repatriation-story-2-fixed.jpg") !important;
}

.page-id-5629 .hrm-pillar-story__card:nth-child(1) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/respectful-conduct-inclusive-leadership-story-1-fixed.jpg") !important;
}
.page-id-5629 .hrm-pillar-story__card:nth-child(2) .hrm-pillar-story__image {
	background-image: url("https://ionic.hrmethodology.com/wp-content/uploads/2026/08/respectful-conduct-inclusive-leadership-story-2-fixed.jpg") !important;
}

.page-id-5611 .hrm-pillar-story__image,
.page-id-5613 .hrm-pillar-story__image,
.page-id-5616 .hrm-pillar-story__image,
.page-id-5618 .hrm-pillar-story__image,
.page-id-5622 .hrm-pillar-story__image,
.page-id-5625 .hrm-pillar-story__image,
.page-id-5627 .hrm-pillar-story__image,
.page-id-5629 .hrm-pillar-story__image {
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
}
