/**
 * BIZ Calgary header and footer design mapping.
 * Values are supplied as compact CSS variables by PHP.
 */
body.biz-hf-header-active #masthead {
	margin: var(--biz-header-desktop-margin-top) var(--biz-header-desktop-margin-right) var(--biz-header-desktop-margin-bottom) var(--biz-header-desktop-margin-left);
	padding: var(--biz-header-desktop-padding-top) var(--biz-header-desktop-padding-right) var(--biz-header-desktop-padding-bottom) var(--biz-header-desktop-padding-left);
	border-bottom: var(--biz-header-border-width) solid var(--biz-header-border-color);
	background: var(--biz-header-background);
	color: var(--biz-header-font-color);
	font-family: var(--biz-header-font-family);
	font-size: var(--biz-header-desktop-font-size);
	font-weight: var(--biz-header-font-weight);
}

body.biz-hf-header-shadow-soft #masthead {
	box-shadow: 0 6px 20px rgba(20, 42, 34, 0.08);
}

body.biz-hf-header-shadow-medium #masthead {
	box-shadow: 0 10px 30px rgba(20, 42, 34, 0.16);
}

body.biz-hf-header-active #masthead .site-header-row-container-inner,
body.biz-hf-header-active #masthead .site-header-row-container,
body.biz-hf-header-active #masthead .site-main-header-wrap {
	background: var(--biz-header-background);
}

body.biz-hf-header-active #masthead .site-main-header-inner-wrap,
body.biz-hf-header-active #mobile-header .site-main-header-inner-wrap {
	min-height: var(--biz-header-desktop-min-height);
}

body.biz-hf-header-width-full #masthead .site-container {
	width: 100%;
	max-width: none;
}

body.biz-hf-header-width-custom #masthead .site-container {
	width: min(100%, var(--biz-header-max-width));
	max-width: var(--biz-header-max-width);
}

body.biz-hf-header-active #masthead .site-branding img,
body.biz-hf-header-active #mobile-header .site-branding img {
	width: auto;
	max-width: var(--biz-header-desktop-logo-width);
}

body.biz-hf-header-active #masthead .main-navigation .primary-menu-container > ul,
body.biz-hf-header-active #masthead .secondary-navigation .secondary-menu-container > ul {
	gap: var(--biz-header-desktop-item-gap);
}

body.biz-hf-header-active #masthead .main-navigation a,
body.biz-hf-header-active #masthead .secondary-navigation a,
body.biz-hf-header-active #masthead .site-title,
body.biz-hf-header-active #masthead .site-description,
body.biz-hf-header-active #masthead .header-html,
body.biz-hf-header-active #masthead .header-html a,
body.biz-hf-header-active #mobile-header .mobile-navigation a,
body.biz-hf-header-active #mobile-header .site-title,
body.biz-hf-header-active #mobile-header .site-description,
body.biz-hf-header-active #mobile-drawer .mobile-navigation a,
body.biz-hf-header-active #mobile-drawer .drawer-header {
	color: var(--biz-header-font-color);
	font-family: var(--biz-header-font-family);
	font-size: var(--biz-header-desktop-font-size);
	font-weight: var(--biz-header-font-weight);
}

body.biz-hf-header-active #masthead .main-navigation a:hover,
body.biz-hf-header-active #masthead .secondary-navigation a:hover,
body.biz-hf-header-active #masthead .header-html a:hover,
body.biz-hf-header-active #mobile-header .mobile-navigation a:hover,
body.biz-hf-header-active #mobile-drawer .mobile-navigation a:hover,
body.biz-hf-header-active #mobile-drawer .mobile-navigation a:focus-visible,
body.biz-hf-header-active #masthead .menu-toggle-open:hover,
body.biz-hf-header-active #masthead .search-toggle-open:hover,
body.biz-hf-header-active #masthead .header-cart-button:hover {
	color: var(--biz-header-hover-color);
}

body.biz-hf-header-active #masthead .main-navigation .current-menu-item > a,
body.biz-hf-header-active #masthead .main-navigation .current-menu-ancestor > a,
body.biz-hf-header-active #mobile-header .mobile-navigation .current-menu-item > a,
body.biz-hf-header-active #mobile-drawer .mobile-navigation .current-menu-item > a {
	color: var(--biz-header-active-color);
}

body.biz-hf-header-active #masthead .menu-toggle-open,
body.biz-hf-header-active #masthead .search-toggle-open,
body.biz-hf-header-active #masthead .header-cart-button,
body.biz-hf-header-active #mobile-drawer .drawer-toggle {
	color: var(--biz-header-font-color);
}

body.biz-hf-header-active #mobile-drawer .drawer-inner {
	background: var(--biz-header-background);
	color: var(--biz-header-font-color);
	font-family: var(--biz-header-font-family);
	font-weight: var(--biz-header-font-weight);
}

body.biz-hf-header-active #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start),
body.biz-hf-header-active #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) > .site-header-row-container-inner,
body.biz-hf-header-active #masthead .kadence-sticky-header.item-is-stuck {
	background: var(--biz-header-sticky-background);
}

body.biz-hf-footer-active #colophon {
	min-height: var(--biz-footer-desktop-min-height);
	margin: var(--biz-footer-desktop-margin-top) var(--biz-footer-desktop-margin-right) var(--biz-footer-desktop-margin-bottom) var(--biz-footer-desktop-margin-left);
	padding: var(--biz-footer-desktop-padding-top) var(--biz-footer-desktop-padding-right) var(--biz-footer-desktop-padding-bottom) var(--biz-footer-desktop-padding-left);
	border-top: var(--biz-footer-border-width) solid var(--biz-footer-border-color);
	background: var(--biz-footer-background);
	color: var(--biz-footer-font-color);
	font-family: var(--biz-footer-font-family);
	font-size: var(--biz-footer-desktop-font-size);
	font-weight: var(--biz-footer-font-weight);
}

body.biz-hf-footer-shadow-soft #colophon {
	box-shadow: 0 -6px 20px rgba(20, 42, 34, 0.08);
}

body.biz-hf-footer-shadow-medium #colophon {
	box-shadow: 0 -10px 30px rgba(20, 42, 34, 0.16);
}

body.biz-hf-footer-active #colophon .site-footer-row-container-inner,
body.biz-hf-footer-active #colophon .site-footer-row-container {
	background: var(--biz-footer-background);
}

body.biz-hf-footer-width-full #colophon .site-container {
	width: 100%;
	max-width: none;
}

body.biz-hf-footer-width-custom #colophon .site-container {
	width: min(100%, var(--biz-footer-max-width));
	max-width: var(--biz-footer-max-width);
}

body.biz-hf-footer-active #colophon .site-footer-row {
	gap: var(--biz-footer-desktop-item-gap);
}

body.biz-hf-footer-active #colophon,
body.biz-hf-footer-active #colophon p,
body.biz-hf-footer-active #colophon li,
body.biz-hf-footer-active #colophon .widget-title,
body.biz-hf-footer-active #colophon .footer-html {
	color: var(--biz-footer-font-color);
	font-family: var(--biz-footer-font-family);
	font-size: var(--biz-footer-desktop-font-size);
	font-weight: var(--biz-footer-font-weight);
}

body.biz-hf-footer-active #colophon a {
	color: var(--biz-footer-link-color);
}

body.biz-hf-footer-active #colophon a:hover,
body.biz-hf-footer-active #colophon a:focus-visible {
	color: var(--biz-footer-hover-color);
}

/*
 * Canonical footer navigation presentation. Kadence's component-specific
 * selectors are intentionally more specific than generic footer links, so the
 * BIZ footer design must target the navigation contract directly. In
 * multi-column footer rows the menu is presented as a readable vertical list;
 * single-column rows keep Kadence's horizontal navigation behavior.
 */
body.biz-hf-footer-active #colophon .footer-navigation-wrap,
body.biz-hf-footer-active #colophon .footer-navigation-inner,
body.biz-hf-footer-active #colophon .footer-navigation,
body.biz-hf-footer-active #colophon .footer-menu-container {
	width: 100%;
	min-width: 0;
}

body.biz-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a {
	color: var(--biz-footer-link-color);
	font-family: var(--biz-footer-font-family);
	font-size: var(--biz-footer-desktop-font-size);
	font-weight: var(--biz-footer-font-weight);
	line-height: 1.45;
	text-decoration: none;
}

body.biz-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a:hover,
body.biz-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a:focus-visible,
body.biz-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li.current-menu-item > a,
body.biz-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li.current_page_item > a {
	color: var(--biz-footer-hover-color);
	text-decoration: none;
}

body.biz-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 2px;
	width: 100%;
}

body.biz-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

body.biz-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li > a {
	display: block;
	width: 100%;
	padding: 7px 10px;
	border-left: 3px solid transparent;
	border-radius: 3px;
	text-align: inherit;
}

body.biz-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li > a:hover,
body.biz-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li > a:focus-visible,
body.biz-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li.current-menu-item > a,
body.biz-hf-footer-active #colophon .site-footer-row:not(.site-footer-row-columns-1) .footer-navigation .menu > li.current_page_item > a {
	border-left-color: var(--biz-footer-hover-color);
	background: rgba(255, 255, 255, 0.08);
}

body.biz-hf-footer-active #colophon .site-branding img,
body.biz-hf-footer-active #colophon .custom-logo {
	width: auto;
	max-width: var(--biz-footer-desktop-logo-width);
}

@media (max-width: 1024px) {
	body.biz-hf-header-active #masthead {
		margin: var(--biz-header-tablet-margin-top) var(--biz-header-tablet-margin-right) var(--biz-header-tablet-margin-bottom) var(--biz-header-tablet-margin-left);
		padding: var(--biz-header-tablet-padding-top) var(--biz-header-tablet-padding-right) var(--biz-header-tablet-padding-bottom) var(--biz-header-tablet-padding-left);
		font-size: var(--biz-header-tablet-font-size);
	}
	body.biz-hf-header-active #masthead .site-main-header-inner-wrap,
	body.biz-hf-header-active #mobile-header .site-main-header-inner-wrap { min-height: var(--biz-header-tablet-min-height); }
	body.biz-hf-header-active #masthead .site-branding img,
	body.biz-hf-header-active #mobile-header .site-branding img { max-width: var(--biz-header-tablet-logo-width); }
	body.biz-hf-header-active #masthead .main-navigation .primary-menu-container > ul,
	body.biz-hf-header-active #masthead .secondary-navigation .secondary-menu-container > ul { gap: var(--biz-header-tablet-item-gap); }
	body.biz-hf-header-active #masthead .main-navigation a,
	body.biz-hf-header-active #masthead .secondary-navigation a,
	body.biz-hf-header-active #mobile-header .mobile-navigation a,
	body.biz-hf-header-active #mobile-drawer .mobile-navigation a { font-size: var(--biz-header-tablet-font-size); }

	body.biz-hf-footer-active #colophon {
		min-height: var(--biz-footer-tablet-min-height);
		margin: var(--biz-footer-tablet-margin-top) var(--biz-footer-tablet-margin-right) var(--biz-footer-tablet-margin-bottom) var(--biz-footer-tablet-margin-left);
		padding: var(--biz-footer-tablet-padding-top) var(--biz-footer-tablet-padding-right) var(--biz-footer-tablet-padding-bottom) var(--biz-footer-tablet-padding-left);
		font-size: var(--biz-footer-tablet-font-size);
	}
	body.biz-hf-footer-active #colophon .site-footer-row { gap: var(--biz-footer-tablet-item-gap); }
	body.biz-hf-footer-active #colophon,
	body.biz-hf-footer-active #colophon p,
	body.biz-hf-footer-active #colophon li,
	body.biz-hf-footer-active #colophon .widget-title,
	body.biz-hf-footer-active #colophon .footer-html { font-size: var(--biz-footer-tablet-font-size); }
	body.biz-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a { font-size: var(--biz-footer-tablet-font-size); }
	body.biz-hf-footer-active #colophon .site-branding img,
	body.biz-hf-footer-active #colophon .custom-logo { max-width: var(--biz-footer-tablet-logo-width); }
}

@media (max-width: 767px) {
	body.biz-hf-header-active #masthead {
		margin: var(--biz-header-mobile-margin-top) var(--biz-header-mobile-margin-right) var(--biz-header-mobile-margin-bottom) var(--biz-header-mobile-margin-left);
		padding: var(--biz-header-mobile-padding-top) var(--biz-header-mobile-padding-right) var(--biz-header-mobile-padding-bottom) var(--biz-header-mobile-padding-left);
		font-size: var(--biz-header-mobile-font-size);
	}
	body.biz-hf-header-active #masthead .site-main-header-inner-wrap,
	body.biz-hf-header-active #mobile-header .site-main-header-inner-wrap { min-height: var(--biz-header-mobile-min-height); }
	body.biz-hf-header-active #masthead .site-branding img,
	body.biz-hf-header-active #mobile-header .site-branding img { max-width: var(--biz-header-mobile-logo-width); }
	body.biz-hf-header-active #mobile-header .mobile-navigation a,
	body.biz-hf-header-active #mobile-drawer .mobile-navigation a { font-size: var(--biz-header-mobile-font-size); }
	body.biz-hf-header-active #mobile-header .mobile-navigation ul,
	body.biz-hf-header-active #mobile-drawer .mobile-navigation ul { gap: var(--biz-header-mobile-item-gap); }

	body.biz-hf-footer-active #colophon {
		min-height: var(--biz-footer-mobile-min-height);
		margin: var(--biz-footer-mobile-margin-top) var(--biz-footer-mobile-margin-right) var(--biz-footer-mobile-margin-bottom) var(--biz-footer-mobile-margin-left);
		padding: var(--biz-footer-mobile-padding-top) var(--biz-footer-mobile-padding-right) var(--biz-footer-mobile-padding-bottom) var(--biz-footer-mobile-padding-left);
		font-size: var(--biz-footer-mobile-font-size);
	}
	body.biz-hf-footer-active #colophon .site-footer-row { gap: var(--biz-footer-mobile-item-gap); }
	body.biz-hf-footer-active #colophon,
	body.biz-hf-footer-active #colophon p,
	body.biz-hf-footer-active #colophon li,
	body.biz-hf-footer-active #colophon .widget-title,
	body.biz-hf-footer-active #colophon .footer-html { font-size: var(--biz-footer-mobile-font-size); }
	body.biz-hf-footer-active #colophon.site-footer .footer-navigation .footer-menu-container > ul.menu > li > a { font-size: var(--biz-footer-mobile-font-size); }
	body.biz-hf-footer-active #colophon .site-branding img,
	body.biz-hf-footer-active #colophon .custom-logo { max-width: var(--biz-footer-mobile-logo-width); }
}

/* Navigation bar design layer. This is intentionally separate from the logo/header row. */
body.biz-hf-navigation-active.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-active.biz-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-active.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-active.biz-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-active.biz-hf-navigation-row-element #masthead .site-header-item-main-navigation,
body.biz-hf-navigation-active.biz-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
	min-height: var(--biz-navigation-desktop-min-height);
	margin: var(--biz-navigation-desktop-margin-top) var(--biz-navigation-desktop-margin-right) var(--biz-navigation-desktop-margin-bottom) var(--biz-navigation-desktop-margin-left);
	padding: var(--biz-navigation-desktop-padding-top) var(--biz-navigation-desktop-padding-right) var(--biz-navigation-desktop-padding-bottom) var(--biz-navigation-desktop-padding-left);
	border-top: var(--biz-navigation-border-width) solid var(--biz-navigation-border-color);
	border-bottom: var(--biz-navigation-border-width) solid var(--biz-navigation-border-color);
	border-radius: var(--biz-navigation-border-radius);
	background: var(--biz-navigation-background);
	color: var(--biz-navigation-font-color);
	font-family: var(--biz-navigation-font-family);
	font-size: var(--biz-navigation-desktop-font-size);
	font-weight: var(--biz-navigation-font-weight);
}

body.biz-hf-navigation-shadow-soft.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-shadow-soft.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-shadow-soft.biz-hf-navigation-row-element #masthead .site-header-item-main-navigation {
	box-shadow: 0 6px 20px rgba(20, 42, 34, 0.1);
}

body.biz-hf-navigation-shadow-medium.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-shadow-medium.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-shadow-medium.biz-hf-navigation-row-element #masthead .site-header-item-main-navigation {
	box-shadow: 0 10px 30px rgba(20, 42, 34, 0.18);
}

body.biz-hf-navigation-width-full.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-width-full.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-width-full.biz-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-width-full.biz-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container {
	width: 100%;
	max-width: none;
}

body.biz-hf-navigation-width-custom.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-width-custom.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-width-custom.biz-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-width-custom.biz-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-width-custom.biz-hf-navigation-row-element #masthead .site-header-item-main-navigation,
body.biz-hf-navigation-width-custom.biz-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
	width: min(100%, var(--biz-navigation-max-width));
	max-width: var(--biz-navigation-max-width);
	margin-inline: auto;
}

body.biz-hf-navigation-width-full.biz-hf-navigation-row-element #masthead .site-header-item-main-navigation,
body.biz-hf-navigation-width-full.biz-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
	width: 100%;
	max-width: none;
}

/*
 * A full-width navigation row must escape the horizontal padding applied by
 * the independent Header Design module. Without this breakout, the bottom
 * navigation background remains inset even when Navigation is set to Full Width.
 */
body.biz-hf-header-active.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap,
body.biz-hf-header-active.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-main #masthead .site-main-header-wrap {
	width: auto;
	max-width: none;
	margin-left: calc(-1 * var(--biz-header-desktop-padding-left));
	margin-right: calc(-1 * var(--biz-header-desktop-padding-right));
	background: var(--biz-navigation-background);
}

body.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner {
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
}

body.biz-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul,
body.biz-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul {
	gap: var(--biz-navigation-desktop-item-gap);
}

body.biz-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
body.biz-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a,
body.biz-hf-navigation-active #mobile-header .mobile-navigation a,
body.biz-hf-navigation-active #mobile-drawer .mobile-navigation a {
	padding: var(--biz-navigation-desktop-link-padding-vertical) var(--biz-navigation-desktop-link-padding-horizontal);
	color: var(--biz-navigation-font-color);
	font-family: var(--biz-navigation-font-family);
	font-size: var(--biz-navigation-desktop-font-size);
	font-weight: var(--biz-navigation-font-weight);
}

body.biz-hf-navigation-active #masthead .main-navigation .dropdown-nav-special-toggle,
body.biz-hf-navigation-active #masthead .secondary-navigation .dropdown-nav-special-toggle,
body.biz-hf-navigation-active #mobile-header .menu-toggle-open,
body.biz-hf-navigation-active #mobile-drawer .drawer-toggle {
	color: var(--biz-navigation-font-color);
}

body.biz-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.biz-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:focus-visible,
body.biz-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a:hover,
body.biz-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a:focus-visible,
body.biz-hf-navigation-active #mobile-header .mobile-navigation a:hover,
body.biz-hf-navigation-active #mobile-drawer .mobile-navigation a:hover,
body.biz-hf-navigation-active #mobile-drawer .mobile-navigation a:focus-visible {
	color: var(--biz-navigation-hover-color);
}

body.biz-hf-navigation-active #masthead .main-navigation .current-menu-item > a,
body.biz-hf-navigation-active #masthead .main-navigation .current-menu-ancestor > a,
body.biz-hf-navigation-active #masthead .main-navigation .current-page-parent > a,
body.biz-hf-navigation-active #masthead .secondary-navigation .current-menu-item > a,
body.biz-hf-navigation-active #mobile-header .mobile-navigation .current-menu-item > a,
body.biz-hf-navigation-active #mobile-drawer .mobile-navigation .current-menu-item > a {
	color: var(--biz-navigation-active-color);
}

body.biz-hf-navigation-active #masthead .main-navigation .sub-menu,
body.biz-hf-navigation-active #masthead .secondary-navigation .sub-menu {
	min-width: var(--biz-navigation-dropdown-width);
	border-radius: var(--biz-navigation-border-radius);
	background: var(--biz-navigation-dropdown-background);
	overflow: hidden;
}

body.biz-hf-navigation-active #masthead .main-navigation .sub-menu a,
body.biz-hf-navigation-active #masthead .secondary-navigation .sub-menu a {
	color: var(--biz-navigation-dropdown-font-color);
	font-family: var(--biz-navigation-font-family);
	font-size: var(--biz-navigation-desktop-font-size);
	font-weight: var(--biz-navigation-font-weight);
}

body.biz-hf-navigation-active #masthead .main-navigation .sub-menu a:hover,
body.biz-hf-navigation-active #masthead .main-navigation .sub-menu a:focus-visible,
body.biz-hf-navigation-active #masthead .secondary-navigation .sub-menu a:hover,
body.biz-hf-navigation-active #masthead .secondary-navigation .sub-menu a:focus-visible {
	background: var(--biz-navigation-dropdown-hover-background);
	color: var(--biz-navigation-dropdown-hover-color);
}

/* 2.4.78 — keep every desktop dropdown hover row as wide as its menu panel. */
@media (min-width: 1025px) {
	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu > li.menu-item,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu > li.menu-item {
		width: 100%;
		min-width: 0;
	}

	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu > li.menu-item > a,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu > li.menu-item > a {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100% !important;
		min-width: 100%;
		max-width: none;
		box-sizing: border-box;
	}
}

body.biz-hf-navigation-active #mobile-drawer .drawer-inner {
	background: var(--biz-navigation-background);
	color: var(--biz-navigation-font-color);
	font-family: var(--biz-navigation-font-family);
}

body.biz-hf-navigation-active.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-header-row-container-inner,
body.biz-hf-navigation-active.biz-hf-navigation-row-main #masthead .site-main-header-wrap.kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-header-row-container-inner,
body.biz-hf-navigation-active #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-bottom-header-wrap .site-header-row-container-inner,
body.biz-hf-navigation-active #masthead .kadence-sticky-header.item-is-fixed:not(.item-at-start) .site-main-header-wrap .site-header-row-container-inner {
	background: var(--biz-navigation-sticky-background);
}

@media (max-width: 1024px) {
	body.biz-hf-header-active.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap,
	body.biz-hf-header-active.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-main #masthead .site-main-header-wrap {
		margin-left: calc(-1 * var(--biz-header-tablet-padding-left));
		margin-right: calc(-1 * var(--biz-header-tablet-padding-right));
	}
	body.biz-hf-navigation-active.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner,
	body.biz-hf-navigation-active.biz-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner,
	body.biz-hf-navigation-active.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner,
	body.biz-hf-navigation-active.biz-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner,
	body.biz-hf-navigation-active.biz-hf-navigation-row-element #masthead .site-header-item-main-navigation,
	body.biz-hf-navigation-active.biz-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
		min-height: var(--biz-navigation-tablet-min-height);
		margin: var(--biz-navigation-tablet-margin-top) var(--biz-navigation-tablet-margin-right) var(--biz-navigation-tablet-margin-bottom) var(--biz-navigation-tablet-margin-left);
		padding: var(--biz-navigation-tablet-padding-top) var(--biz-navigation-tablet-padding-right) var(--biz-navigation-tablet-padding-bottom) var(--biz-navigation-tablet-padding-left);
		font-size: var(--biz-navigation-tablet-font-size);
	}

	body.biz-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul,
	body.biz-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul {
		gap: var(--biz-navigation-tablet-item-gap);
	}

	body.biz-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
	body.biz-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a,
	body.biz-hf-navigation-active #mobile-header .mobile-navigation a,
	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation a {
		padding: var(--biz-navigation-tablet-link-padding-vertical) var(--biz-navigation-tablet-link-padding-horizontal);
		font-size: var(--biz-navigation-tablet-font-size);
	}
}

@media (max-width: 767px) {
	body.biz-hf-header-active.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap,
	body.biz-hf-header-active.biz-hf-navigation-active.biz-hf-navigation-width-full.biz-hf-navigation-row-main #masthead .site-main-header-wrap {
		margin-left: calc(-1 * var(--biz-header-mobile-padding-left));
		margin-right: calc(-1 * var(--biz-header-mobile-padding-right));
	}
	body.biz-hf-navigation-active.biz-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner,
	body.biz-hf-navigation-active.biz-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner,
	body.biz-hf-navigation-active.biz-hf-navigation-row-element #mobile-header .site-header-item-main-navigation {
		min-height: var(--biz-navigation-mobile-min-height);
		margin: var(--biz-navigation-mobile-margin-top) var(--biz-navigation-mobile-margin-right) var(--biz-navigation-mobile-margin-bottom) var(--biz-navigation-mobile-margin-left);
		padding: var(--biz-navigation-mobile-padding-top) var(--biz-navigation-mobile-padding-right) var(--biz-navigation-mobile-padding-bottom) var(--biz-navigation-mobile-padding-left);
		font-size: var(--biz-navigation-mobile-font-size);
	}

	body.biz-hf-navigation-active #mobile-header .mobile-navigation ul,
	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul {
		gap: var(--biz-navigation-mobile-item-gap);
	}

	body.biz-hf-navigation-active #mobile-header .mobile-navigation a,
	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation a {
		padding: var(--biz-navigation-mobile-link-padding-vertical) var(--biz-navigation-mobile-link-padding-horizontal);
		font-size: var(--biz-navigation-mobile-font-size);
	}
}

/*
 * Navigation content boundary and precise menu alignment.
 * The row background can remain edge-to-edge while the links independently
 * match the body container, span the browser, or use a custom content width.
 */
body.biz-hf-navigation-active.biz-hf-navigation-content-body.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-active.biz-hf-navigation-content-body.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-active.biz-hf-navigation-content-body.biz-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-active.biz-hf-navigation-content-body.biz-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container {
	width: 100%;
	max-width: var(--global-content-width);
	margin-inline: auto;
}

body.biz-hf-navigation-active.biz-hf-navigation-content-custom.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-active.biz-hf-navigation-content-custom.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-active.biz-hf-navigation-content-custom.biz-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-active.biz-hf-navigation-content-custom.biz-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container {
	width: min(100%, var(--biz-navigation-content-max-width));
	max-width: var(--biz-navigation-content-max-width);
	margin-inline: auto;
}

body.biz-hf-navigation-active.biz-hf-navigation-content-full.biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-active.biz-hf-navigation-content-full.biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-active.biz-hf-navigation-content-full.biz-hf-navigation-row-bottom #mobile-header .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
body.biz-hf-navigation-active.biz-hf-navigation-content-full.biz-hf-navigation-row-main #mobile-header .site-main-header-wrap .site-header-row-container-inner > .site-container {
	width: 100%;
	max-width: none;
}

@media (min-width: 1025px) {
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-row-container-inner > .site-container,
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-row-container-inner > .site-container {
		position: relative;
		min-height: var(--biz-navigation-desktop-min-height);
	}

	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-bottom #masthead .site-bottom-header-inner-wrap,
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-main #masthead .site-main-header-inner-wrap {
		min-height: var(--biz-navigation-desktop-min-height);
	}

	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-bottom #masthead .site-bottom-header-wrap .site-header-item-main-navigation,
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-main #masthead .site-main-header-wrap .site-header-item-main-navigation {
		position: absolute;
		z-index: 2;
		top: 50%;
		inset-inline-start: calc(var(--global-content-edge-padding) + var(--biz-navigation-desktop-content-padding-left));
		inset-inline-end: calc(var(--global-content-edge-padding) + var(--biz-navigation-desktop-content-padding-right));
		width: auto;
		max-width: none;
		margin: 0;
		transform: translateY(-50%);
	}

	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder) #masthead .site-header-item-main-navigation,
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder) #masthead .site-header-item-main-navigation .header-navigation,
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder) #masthead .site-header-item-main-navigation .header-menu-container,
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder) #masthead .site-header-item-main-navigation .primary-menu-container {
		flex: 1 1 auto;
		width: 100%;
		max-width: none;
	}

	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder) #masthead .site-header-item-main-navigation .primary-menu-container > ul {
		width: 100%;
	}

	body.biz-hf-navigation-active.biz-hf-navigation-align-left #masthead .site-header-item-main-navigation .primary-menu-container > ul {
		justify-content: flex-start;
	}

	body.biz-hf-navigation-active.biz-hf-navigation-align-center #masthead .site-header-item-main-navigation .primary-menu-container > ul {
		justify-content: center;
	}

	body.biz-hf-navigation-active.biz-hf-navigation-align-right #masthead .site-header-item-main-navigation .primary-menu-container > ul {
		justify-content: flex-end;
	}

	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-element #masthead .site-header-item-main-navigation,
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-element #masthead .site-header-item-main-navigation .header-navigation,
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-element #masthead .site-header-item-main-navigation .header-menu-container,
	body.biz-hf-navigation-active:not(.biz-hf-navigation-align-builder).biz-hf-navigation-row-element #masthead .site-header-item-main-navigation .primary-menu-container {
		width: 100%;
	}
}

/*
 * 2.4.36 responsive navigation stability.
 * Keep long desktop menus on one line before Kadence switches to the mobile
 * header, then expose a clear 44px mobile navigation trigger on smaller screens.
 */
@media (min-width: 1025px) and (max-width: 1360px) {
	body.biz-hf-navigation-active #masthead .site-header-item-main-navigation,
	body.biz-hf-navigation-active #masthead .site-header-item-main-navigation .header-navigation,
	body.biz-hf-navigation-active #masthead .site-header-item-main-navigation .header-menu-container,
	body.biz-hf-navigation-active #masthead .site-header-item-main-navigation .primary-menu-container {
		min-width: 0;
	}

	body.biz-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul,
	body.biz-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul {
		flex-wrap: nowrap;
		align-items: center;
		gap: min(var(--biz-navigation-desktop-item-gap), clamp(4px, 0.7vw, 10px));
	}

	body.biz-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li,
	body.biz-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li {
		flex: 0 0 auto;
		min-width: 0;
	}

	body.biz-hf-navigation-active #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a,
	body.biz-hf-navigation-active #masthead .secondary-navigation .secondary-menu-container > ul > li.menu-item > a {
		padding-inline: min(var(--biz-navigation-desktop-link-padding-horizontal), clamp(4px, 0.5vw, 8px));
		font-size: min(var(--biz-navigation-desktop-font-size), clamp(12px, 1.05vw, 14px));
		line-height: 1.25;
		white-space: nowrap;
	}
}

@media (max-width: 1024px) {
	body.biz-hf-header-active #mobile-header,
	body.biz-hf-header-active #mobile-header .site-main-header-wrap,
	body.biz-hf-header-active #mobile-header .site-main-header-wrap .site-header-row-container-inner {
		background: var(--biz-header-background);
		color: var(--biz-header-font-color);
	}

	body.biz-hf-header-active #mobile-header .site-main-header-inner-wrap,
	body.biz-hf-header-active #mobile-header .site-header-section,
	body.biz-hf-header-active #mobile-header .site-header-item {
		min-width: 0;
	}

	body.biz-hf-navigation-active #mobile-header .mobile-toggle-open-container {
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		visibility: visible;
		opacity: 1;
	}

	body.biz-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open,
	body.biz-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open:focus {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
		margin: 0;
		padding: 10px;
		border: var(--biz-navigation-border-width) solid var(--biz-navigation-border-color);
		border-radius: max(4px, var(--biz-navigation-border-radius));
		background: var(--biz-navigation-background);
		color: var(--biz-navigation-font-color);
		box-shadow: none;
		visibility: visible;
		opacity: 1;
	}

	body.biz-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open:hover,
	body.biz-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open:focus-visible {
		background: var(--biz-navigation-sticky-background);
		color: var(--biz-navigation-font-color);
	}

	body.biz-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon,
	body.biz-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open svg,
	body.biz-hf-navigation-active #mobile-header .mobile-toggle-open-container .menu-toggle-open svg * {
		color: inherit;
		fill: currentColor;
		stroke: currentColor;
	}

	body.biz-hf-navigation-active #mobile-drawer .drawer-inner,
	body.biz-hf-navigation-active #mobile-drawer .drawer-content {
		background: var(--biz-navigation-background);
		color: var(--biz-navigation-font-color);
	}
}

/*
 * Header geometry now lives in biz-calgary-responsive-system.css.
 * This file retains design variables, navigation styling and shared controls.
 */

/* 2.4.86 — readable, polished mobile submenu panels. */
@media (max-width: 1024px) {
	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu {
		margin: 0 !important;
		padding: .25rem 0 !important;
		background: #edf3f7 !important;
		color: #163a5b !important;
		box-shadow: inset 0 1px 0 rgba(22, 58, 91, .08), inset 0 -1px 0 rgba(22, 58, 91, .08);
	}

	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu li {
		margin: 0 !important;
		border-bottom: 1px solid rgba(22, 58, 91, .08);
		background: transparent !important;
	}

	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu li:last-child {
		border-bottom: 0;
	}

	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu a,
	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu .drawer-nav-drop-wrap > a {
		display: flex !important;
		align-items: center;
		min-height: 48px;
		padding: .72rem 1rem .72rem clamp(2rem, 8vw, 3.5rem) !important;
		background: transparent !important;
		color: #163a5b !important;
		font-weight: 600 !important;
		line-height: 1.4;
		text-shadow: none !important;
	}

	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu .drawer-sub-toggle {
		min-width: 48px;
		background: transparent !important;
		color: #163a5b !important;
	}

	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu a:hover,
	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu a:focus-visible,
	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu .current-menu-item > a,
	body.biz-hf-navigation-active #mobile-drawer .mobile-navigation ul.sub-menu .current-menu-ancestor > a {
		background: #dce8ef !important;
		color: #087fa4 !important;
	}
}



/* 2.4.91 — force consistent light desktop submenu surfaces, including nested/current items. */
@media (min-width: 1025px) {
	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu,
	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu::before,
	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu::after,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu::before,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu::after {
		background: var(--biz-navigation-dropdown-background) !important;
	}

	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu li,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li {
		margin: 0;
		background: transparent !important;
	}

	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu li > a,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li > a {
		display: flex;
		align-items: center;
		width: 100%;
		box-sizing: border-box;
		background: transparent !important;
		color: var(--biz-navigation-dropdown-font-color) !important;
	}

	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu li > a:hover,
	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu li > a:focus-visible,
	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu li.current-menu-item > a,
	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu li.current-menu-ancestor > a,
	body.biz-hf-navigation-active #masthead .main-navigation ul.sub-menu li.current_page_item > a,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li > a:hover,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li > a:focus-visible,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li.current-menu-item > a,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li.current-menu-ancestor > a,
	body.biz-hf-navigation-active #masthead .secondary-navigation ul.sub-menu li.current_page_item > a {
		background: var(--biz-navigation-dropdown-hover-background) !important;
		color: var(--biz-navigation-dropdown-hover-color) !important;
	}
}