/**
 * GAAP HR — Portal / Website styling aligned with desk `gaap_desk_theme.css`.
 * Loaded only on website renders (hooks `web_include_css`). Scoped via `body.gaap-web-theme`.
 */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

body.gaap-web-theme {
	/* Desk `#navbar-breadcrumbs` horizontal nudge (`desk/breadcrumb.scss`) */
	--margin-md: 15px;
	/* Same tokens as desk theme (see gaap_desk_theme.css html[data-theme="light"]) */
	--gaap-brand: #1d70b8;
	--gaap-brand-end: #2480cc;
	--gaap-sidebar-bg: #1a2e4a;
	--gaap-page-bg: #f0f4f8;
	--gaap-border: #dde3ec;
	--gaap-text: #1a2332;
	--gaap-muted: #64748b;

	--primary: var(--gaap-brand);
	--primary-color: var(--gaap-brand);
	--btn-primary: var(--gaap-brand);
	--border-primary: var(--gaap-text);

	/* Portal bar used height ≈ Desk header.navbar computed (~73px). */
	--navbar-height: 73px !important;

	--bg-color: var(--gaap-page-bg);
	--navbar-bg: transparent;
	--border-color: var(--gaap-border);
	--table-border-color: var(--gaap-border);
	--dark-border-color: #c0c8d4;

	--text-color: var(--gaap-text);
	--heading-color: var(--gaap-text);
	--text-muted: var(--gaap-muted);

	--fg-color: #ffffff;
	--card-bg: #ffffff;
	--modal-bg: #ffffff;
	--popover-bg: #ffffff;
	--control-bg: #f3f4f6;
	--highlight-color: #f5f8fc;

	--scrollbar-thumb-color: var(--gray-400, #9ca3af);
	--scrollbar-track-color: var(--gray-200, #e5e7eb);

	/* Match gaap_desk_theme.css — same rail + horizontal chrome */
	--gaap-rail-width: calc(280px * 0.9);
	--gaap-desk-viewport-edge-inset: 16px;
	--gaap-main-sidebar-gap: 14px;
	--gaap-workspace-rail-top-gap: 18px;

	/* Same logo strip + image cap as gaap_desk_theme.css :root / .navbar-home */
	--gaap-navbar-logo-width: calc(268px * 1.3 * 0.8 * 0.8 * 1.2 * 1.2);
	--gaap-navbar-logo-img-max-height: 60px;
	/* Extra inset for brand only (container edge + this ≈ Desk visual alignment) */
	--gaap-navbar-brand-padding-left: 0.375rem;

	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	min-height: 100vh;
	background-color: var(--gaap-page-bg) !important;
	color: var(--gaap-text);
	/* Align with desk: use full viewport width; panes scroll inside content */
	overflow-x: hidden;
	max-width: 100%;
	box-sizing: border-box;
	/* Hide main page scrollbar; wheel/trackpad/touch scrolling still works */
	scrollbar-width: none;
	-ms-overflow-style: none;
}

body.gaap-web-theme::-webkit-scrollbar {
	width: 0;
	height: 0;
}

:root:has(> body.gaap-web-theme) {
	/* Wins over website.bundle `:root { --navbar-height: 48px }` — same specificity as :root but higher than attribute-only selectors */
	overflow-x: hidden;
	max-width: 100%;
	box-sizing: border-box;
	--navbar-height: 73px !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

:root:has(> body.gaap-web-theme)::-webkit-scrollbar {
	width: 0;
	height: 0;
}

html:has(body.gaap-web-theme) {
	overflow-x: hidden;
	max-width: 100%;
	box-sizing: border-box;
	--navbar-height: 73px !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

html:has(body.gaap-web-theme)::-webkit-scrollbar {
	width: 0;
	height: 0;
}

@supports not selector(:has(*)) {
	body.gaap-web-theme {
		overflow-x: hidden;
		--navbar-height: 73px !important;
	}
}

body.gaap-web-theme .navbar.navbar-light {
	/* Match gaap_desk_theme.html[data-theme="light"] .main-section .navbar */
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	min-height: 73px !important;
	height: auto;
	background: linear-gradient(90deg, var(--gaap-brand) 0%, var(--gaap-brand-end) 100%);
	border-bottom: none;
	box-shadow: 0 2px 10px rgba(20, 60, 110, 0.35);
	padding-top: 0;
	padding-bottom: 0;
	font-size: 16px;
}

body.gaap-web-theme .navbar.navbar-light > .container {
	min-height: 73px !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	box-sizing: border-box;
}

body.gaap-web-theme .navbar.navbar-light .nav-link {
	color: rgba(255, 255, 255, 0.96) !important;
	font-weight: 500;
	font-size: 16px;
}

body.gaap-web-theme .navbar.navbar-light .navbar-brand,
body.gaap-web-theme .navbar.navbar-light .navbar-brand span {
	color: #fff !important;
	font-weight: 600;
	font-size: 16px;
}

body.gaap-web-theme nav.navbar.navbar-light .navbar-brand {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex: 0 0 var(--gaap-navbar-logo-width);
	width: var(--gaap-navbar-logo-width);
	max-width: var(--gaap-navbar-logo-width);
	box-sizing: border-box !important;
	margin-right: 0.75rem;
	padding-left: var(--gaap-navbar-brand-padding-left);
	padding-right: 0;
	line-height: 1;
	overflow: hidden;
}

body.gaap-web-theme nav.navbar.navbar-light .navbar-brand img,
body.gaap-web-theme nav.navbar.navbar-light .navbar-brand svg {
	max-height: 60px !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
	object-position: left center !important;
	vertical-align: middle;
}

@media (max-width: 991.98px) {
	body.gaap-web-theme nav.navbar.navbar-light .navbar-brand {
		flex: 0 1 auto;
		width: auto;
		max-width: min(var(--gaap-navbar-logo-width), 58vw);
		min-width: 0;
	}
}

body.gaap-web-theme .navbar.navbar-light .navbar-nav .nav-item {
	height: 73px !important;
	min-height: 73px !important;
}

body.gaap-web-theme .navbar.navbar-light .navbar-nav {
	align-items: center;
}

body.gaap-web-theme .navbar.navbar-light .nav-link:hover {
	color: #fff !important;
}

body.gaap-web-theme .navbar.navbar-light .navbar-toggler {
	border-color: rgba(255, 255, 255, 0.35);
	color: #fff;
}

body.gaap-web-theme .navbar.navbar-light svg.icon,
body.gaap-web-theme .navbar.navbar-light svg use {
	--icon-stroke: #fff;
	stroke: #fff;
	fill: transparent;
}

/* Search in navbar */
body.gaap-web-theme .navbar-search .awesomplete input,
body.gaap-web-theme .navbar-search input.form-control {
	background: rgba(255, 255, 255, 0.15) !important;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	color: #fff !important;
	border-radius: 7px;
	min-height: 36px;
}

body.gaap-web-theme .navbar-search input::placeholder {
	color: rgba(255, 255, 255, 0.85);
}

body.gaap-web-theme .navbar .nav-item.active {
	border-bottom: 3px solid rgba(255, 255, 255, 0.85);
	margin-bottom: -1px;
}

/* GAAP portal: breadcrumbs live in navbar (`#navbar-breadcrumbs`) — hide in-page crumb slot */
body.gaap-web-theme .page-content-wrapper > .page-breadcrumbs {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/*
 * Navbar breadcrumbs — same pattern as Desk `desk/breadcrumb.scss` + `#navbar-breadcrumbs`.
 * Chevrons use dark stroke (#1F272E) like Frappe `--right-arrow-svg` on light Desk chrome.
 */
body.gaap-web-theme nav.gaap-portal-navbar {
	/* Matches Desk `css_variables.scss` `--right-arrow-svg` (stroke #1F272E — dark chevron) */
	--gaap-navbar-bc-arrow-svg: url("data:image/svg+xml;utf8,<svg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 7.5L4.75 4L1.25 0.5' stroke='%231F272E' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

body.gaap-web-theme nav.gaap-portal-navbar .navbar-breadcrumb-stack {
	box-sizing: border-box;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	flex: 1 1 auto !important;
	min-width: 0 !important;
	padding-left: 8px !important;
}

body.gaap-web-theme nav.gaap-portal-navbar #navbar-breadcrumbs {
	margin-left: var(--margin-md);
	margin-bottom: 0 !important;
	padding-left: 0 !important;
	list-style: none;
	flex-wrap: wrap;
	align-items: center !important;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 500;
}

body.gaap-web-theme nav.gaap-portal-navbar #navbar-breadcrumbs > li {
	display: inline-flex;
	align-items: center;
	height: auto !important;
	min-height: 0 !important;
	line-height: 1.35;
	list-style: none;
}

body.gaap-web-theme nav.gaap-portal-navbar #navbar-breadcrumbs a {
	margin-right: 10px;
	color: #fff !important;
	font-size: 14px;
	font-weight: 500;
	vertical-align: middle;
}

body.gaap-web-theme nav.gaap-portal-navbar #navbar-breadcrumbs a::before {
	content: var(--gaap-navbar-bc-arrow-svg);
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

/* Separator before current page title (links already use `a::before` per Desk `breadcrumb.scss`) */
body.gaap-web-theme nav.gaap-portal-navbar #navbar-breadcrumbs .navbar-breadcrumb-current::before {
	content: var(--gaap-navbar-bc-arrow-svg);
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

/* Second row under crumbs — Desk `.navbar-login-line` */
body.gaap-web-theme nav.gaap-portal-navbar .navbar-breadcrumb-stack > .navbar-login-line {
	font-size: 12px;
	font-weight: 500;
	font-style: italic;
	line-height: 1.25;
	margin-top: 2px;
	margin-left: var(--margin-md) !important;
	align-self: flex-start;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: min(52vw, 480px);
	color: rgba(255, 255, 255, 0.92) !important;
}

body.gaap-web-theme nav.gaap-portal-navbar #navbar-breadcrumbs .navbar-breadcrumb-current {
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	opacity: 0.98;
}

@media (min-width: 992px) {
	body.gaap-web-theme nav.gaap-portal-navbar > .container > #navbarSupportedContent.navbar-collapse {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		justify-content: flex-end !important;
	}
}

/* Left portal sidebar — match desk `.list-sidebar:has(.desk-sidebar)` inset (rail paint may move to .sidebar-column; see layout block) */
body.gaap-web-theme .web-sidebar {
	padding: var(--gaap-workspace-rail-top-gap) 6px 24px 8px;
	background: var(--gaap-sidebar-bg);
	border-radius: 0;
	box-shadow: 2px 0 12px rgba(10, 25, 50, 0.18);
	box-sizing: border-box;
}

body.gaap-web-theme .web-sidebar .sidebar-group h6 {
	color: rgba(160, 190, 220, 0.55);
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
	border-bottom: none;
}

body.gaap-web-theme .web-sidebar .sidebar-item:not(.sidebar-group) > a {
	color: rgba(220, 235, 250, 0.9) !important;
	border-left: 3px solid transparent;
	border-radius: 4px;
	margin-top: 0.15rem;
	padding: 0.45rem 0.5rem;
}

body.gaap-web-theme .web-sidebar .sidebar-item:not(.sidebar-group) > a:hover {
	background: rgba(255, 255, 255, 0.07) !important;
	color: #fff !important;
}

body.gaap-web-theme .web-sidebar .sidebar-item a.active {
	background: rgba(29, 112, 184, 0.28) !important;
	border-left-color: #4ab3e8;
	color: #fff !important;
	font-weight: 600;
}

/*
 * =====================================================================
 * Layout parity with Desk: fluid shell, rail matches desk --gaap-rail-width (calc(280px * 0.9)), no nested .container choke
 * (web.html nests .container > .row AND main.container inside .main-column)
 * =====================================================================
 */

@media (min-width: 992px) {
	body.gaap-web-theme nav.navbar .container {
		max-width: 100% !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: var(--gaap-desk-viewport-edge-inset) !important;
		padding-right: var(--gaap-desk-viewport-edge-inset) !important;
		box-sizing: border-box !important;
	}
}

@media (max-width: 991.98px) {
	body.gaap-web-theme nav.navbar .container {
		padding-left: 12px;
		padding-right: 12px;
		box-sizing: border-box;
	}
}

/* Outer shell holding sidebar + main: full bleed like desk #body, not Bootstrap max-width */
body.gaap-web-theme div.container:has(> .row > .sidebar-column) {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--gaap-desk-viewport-edge-inset) !important;
	padding-right: var(--gaap-desk-viewport-edge-inset) !important;
	box-sizing: border-box !important;
}

@media (max-width: 991.98px) {
	body.gaap-web-theme div.container:has(> .row > .sidebar-column) {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
}

/* Drop default row gutters — we control sidebar↔main gap */
body.gaap-web-theme div.container:has(> .row > .sidebar-column) > .row {
	display: flex;
	flex-wrap: wrap;
	/* Stretch so sidebar rail can match main column height; min-height pins rail to viewport (md+) */
	align-items: stretch;
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	column-gap: var(--gaap-main-sidebar-gap);
	row-gap: 1rem;
}

body.gaap-web-theme div.container:has(> .row > .sidebar-column) > .row > .sidebar-column,
body.gaap-web-theme div.container:has(> .row > .sidebar-column) > .row > .main-column {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* md+: fixed desk rail width; Bootstrap col-* widths overridden */
@media (min-width: 768px) {
	body.gaap-web-theme div.container:has(> .row > .sidebar-column) > .row {
		flex-wrap: nowrap;
	}

	body.gaap-web-theme div.container:has(> .row > .sidebar-column) .sidebar-column {
		flex: 0 0 var(--gaap-rail-width);
		width: var(--gaap-rail-width) !important;
		max-width: var(--gaap-rail-width) !important;
		min-width: 0;
		align-self: stretch;
		/* Background on column — extends past last nav item to viewport/footer */
		min-height: calc(100vh - 73px);
		min-height: calc(100dvh - 73px);
		background-color: var(--gaap-sidebar-bg);
		box-shadow: 2px 0 12px rgba(10, 25, 50, 0.18);
		display: flex;
		flex-direction: column;
	}

	body.gaap-web-theme div.container:has(> .row > .sidebar-column) .web-sidebar {
		background: transparent;
		box-shadow: none;
		flex: 1 1 auto;
		box-sizing: border-box;
	}

	body.gaap-web-theme div.container:has(> .row > .sidebar-column) .main-column {
		flex: 1 1 auto;
		min-width: 0;
		width: auto !important;
		max-width: none !important;
	}
}

/* xs–sm: stack rail above content (readable mobile) */
@media (max-width: 767.98px) {
	body.gaap-web-theme div.container:has(> .row > .sidebar-column) > .row {
		flex-direction: column;
	}

	body.gaap-web-theme div.container:has(> .row > .sidebar-column) .sidebar-column {
		flex: none;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		background-color: transparent !important;
		box-shadow: none !important;
		display: block;
	}

	body.gaap-web-theme div.container:has(> .row > .sidebar-column) .web-sidebar {
		background: var(--gaap-sidebar-bg);
		box-shadow: 2px 0 12px rgba(10, 25, 50, 0.18);
		flex: none;
	}

	body.gaap-web-theme div.container:has(> .row > .sidebar-column) .main-column {
		flex: none;
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Inner main.container: spans full main column (remove second max-width bottleneck) */
body.gaap-web-theme .page-content-wrapper main.container {
	max-width: 100% !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}

/* Portal pages without a sidebar rail: single-column content still uses viewport insets */
body.gaap-web-theme .page-content-wrapper > main.container {
	padding-left: var(--gaap-desk-viewport-edge-inset);
	padding-right: var(--gaap-desk-viewport-edge-inset);
}

@media (max-width: 991.98px) {
	body.gaap-web-theme .page-content-wrapper > main.container {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* When sidebar layout exists, insets live on outer shell; avoid double-padding main */
body.gaap-web-theme div.container:has(> .row > .sidebar-column) .main-column .page-content-wrapper > main.container {
	padding-left: 0;
	padding-right: 0;
}

body.gaap-web-theme footer.web-footer .container {
	max-width: 100% !important;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--gaap-desk-viewport-edge-inset);
	padding-right: var(--gaap-desk-viewport-edge-inset);
	box-sizing: border-box;
}

@media (max-width: 991.98px) {
	body.gaap-web-theme footer.web-footer .container {
		padding-left: 12px;
		padding-right: 12px;
	}
}

body.gaap-web-theme .web-form-container,
body.gaap-web-theme .web-list-container {
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	min-width: 0;
}

/* Main column: card-like surface for content */
body.gaap-web-theme .main-column .page-content-wrapper main.container,
body.gaap-web-theme .main-column .page_container {
	position: relative;
}

/* Portal layout uses a sidebar column; keep marketing pages guest-wide without inner card */
body.gaap-web-theme .row .sidebar-column + .main-column main.container {
	background: var(--fg-color);
	border: 1px solid var(--gaap-border);
	border-radius: var(--border-radius-md, 8px);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
	padding-top: 1.25rem;
	padding-bottom: 1.5rem;
	padding-left: var(--margin-lg, 20px);
	padding-right: var(--margin-lg, 20px);
}

body.gaap-web-theme .main-column .page-header h1,
body.gaap-web-theme .main-column .page-header .h1,
body.gaap-web-theme .main-column h1 {
	font-size: 1.375rem;
	font-weight: 600;
	color: var(--gaap-text);
}

/* Buttons compiled with Bootstrap; force primary hue */
body.gaap-web-theme .btn-primary {
	background-color: var(--gaap-brand);
	border-color: var(--gaap-brand);
	box-shadow: 0 1px 3px rgba(29, 112, 184, 0.35);
}

body.gaap-web-theme .btn-primary:hover,
body.gaap-web-theme .btn-primary:focus {
	background-color: #185f9e !important;
	border-color: #185f9e !important;
	filter: none;
}

body.gaap-web-theme .btn-outline-primary {
	color: var(--gaap-brand);
	border-color: var(--gaap-brand);
}

body.gaap-web-theme .btn-outline-primary:hover {
	background: var(--gaap-brand);
	color: #fff;
}

/* Footer — tighter chrome; placeholders / default Powered-by handled in custom_workspace footer templates */
body.gaap-web-theme footer.web-footer,
body.gaap-web-theme .web-footer {
	padding: 0.75rem 0 1rem;
	min-height: 0 !important;
	background: linear-gradient(to bottom, #f6f9fc 0%, #eef3f9 100%);
	border-top: 1px solid var(--gaap-border);
}

body.gaap-web-theme .footer-grouped-links {
	margin-bottom: 0.5rem;
	margin-top: 0;
}

body.gaap-web-theme .footer-group {
	margin-top: 0.75rem;
}

body.gaap-web-theme .footer-group:first-child {
	margin-top: 0;
}

body.gaap-web-theme .footer-logo-extension {
	margin-bottom: 0.25rem;
}

body.gaap-web-theme .footer-info,
body.gaap-web-theme .footer-links {
	margin-bottom: 0;
}

body.gaap-web-theme .footer-col-left,
body.gaap-web-theme .footer-col-right {
	padding-top: 0.3rem !important;
	padding-bottom: 0.3rem !important;
	line-height: 1.5 !important;
}

body.gaap-web-theme .footer-info .row {
	margin-left: 0;
	margin-right: 0;
}

body.gaap-web-theme .web-footer .footer-link,
body.gaap-web-theme .web-footer .footer-child-item a {
	color: var(--gaap-muted);
}

body.gaap-web-theme .web-footer .footer-link:hover,
body.gaap-web-theme .web-footer .footer-child-item a:hover {
	color: var(--gaap-brand);
}

/* Web list table (portal) */
body.gaap-web-theme .web-list-container .list-row-head,
body.gaap-web-theme .web-list-container .list-head {
	border-color: var(--gaap-border);
}

/* -------------------------------------------------------------------------
   Navbar height — website.bundle.css sets :root / [data-theme] --navbar-height: 48px
   and .navbar-nav .nav-item { height: var(--navbar-height) }; sync with Desk (~73px used bar).
   ------------------------------------------------------------------------- */
html[data-theme="light"] body.gaap-web-theme {
	--navbar-height: 73px !important;
}

body.gaap-web-theme .navbar.navbar-light .collapse.navbar-collapse .navbar-nav .nav-item,
body.gaap-web-theme .navbar.navbar-light .navbar-nav > .nav-item {
	height: 73px !important;
	min-height: 73px !important;
}

/*
 * Navbar height + layout: website.bundle uses `.navbar { padding: 1rem }` and
 * `.navbar-nav .nav-item { height: var(--navbar-height) }` with :root 48px.
 * Selectors:
 * - `nav.gaap-portal-navbar` from app template override
 * - `body[frappe-session-status]` is always set on Frappe `base.html` — backup if `gaap-portal-navbar` is missing
 */
nav.gaap-portal-navbar.navbar-light,
nav.gaap-portal-navbar.navbar-primary,
body[frappe-session-status] nav.navbar.navbar-light.navbar-expand-lg,
body[frappe-session-status] nav.navbar.navbar-primary.navbar-expand-lg {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	min-height: 73px !important;
	height: auto;
	--navbar-height: 73px !important;
	/* Desk: `.navbar { padding: 0 }` — horizontal inset comes only from `.container { padding: 0 1rem }` */
	padding: 0 !important;
}
nav.gaap-portal-navbar.navbar-light > .container,
nav.gaap-portal-navbar.navbar-primary > .container,
body[frappe-session-status] nav.navbar.navbar-light.navbar-expand-lg > .container,
body[frappe-session-status] nav.navbar.navbar-primary.navbar-expand-lg > .container {
	box-sizing: border-box;
	min-height: 73px !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
nav.gaap-portal-navbar .navbar-nav,
body[frappe-session-status] nav.navbar.navbar-expand-lg .navbar-nav {
	align-items: center;
}
nav.gaap-portal-navbar .navbar-nav .nav-item,
body[frappe-session-status] nav.navbar.navbar-expand-lg .navbar-nav .nav-item {
	--navbar-height: 73px !important;
	height: 73px !important;
	min-height: 73px !important;
}