/**
 * JEL Header v2 (review draft) — Beaver Themer layout 4505.
 *
 * Layout 4505 is a clone of the live header (3378) shown only on the review
 * pages, so it shares 3378's node ids. Every rule here is scoped to
 * header.fl-builder-content-4505 and cannot touch the live header.
 * On go-live this file replaces the 3378 rules in jel-header.css.
 *
 * Desktop: slim phone line on top, the wordmark centred with the phone/email
 * icons on the right, and a lighter sans-serif menu centred beneath.
 * Mobile: the same one-row wordmark + hamburger treatment as jel-header.css.
 *
 * Node ids (see jel-header.css):
 *   5eb11ace1f642  top strip row (phone number)
 *   5eb123e00dd4d  brand row
 *   5eb123e00dfd5  brand row column group
 *   5eb123e00dfd8  wordmark column
 *   5eb123e00dfda  menu + icons column
 *   5eb123e00dfdb  nested group (menu | icons)
 *   5eb123e00dfdc  menu column
 *   5eb123e00dfde  phone/email icon column
 */

@media (min-width: 769px) {
	/* Slim phone line. */
	header.fl-builder-content-4505 .fl-node-5eb11ace1f642 .fl-row-content-wrap {
		min-height: 0 !important;
		padding: 12px 20px 0 !important;
	}
	/* Both rows share one content width and right edge, so the phone number
	   and the icons line up at every screen width. */
	header.fl-builder-content-4505 .fl-node-5eb11ace1f642 .fl-row-content,
	header.fl-builder-content-4505 .fl-node-5eb123e00dd4d .fl-row-content {
		max-width: 1400px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	header.fl-builder-content-4505 .fl-node-5eb11ace2bd18 {
		display: flex !important;
		justify-content: flex-end;
	}
	header.fl-builder-content-4505 .fl-node-5eb11ace2c03c { display: none !important; }
	header.fl-builder-content-4505 .fl-node-5eb11ace2c046 {
		width: auto !important;
		flex: 0 0 auto;
		float: none !important;
	}
	header.fl-builder-content-4505 .fl-node-5eb11ace1f642 .fl-module-content,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfdf > .fl-module-content { margin: 0 !important; }
	header.fl-builder-content-4505 .fl-node-5eb11ace1f642 .uabb-info-list-description,
	header.fl-builder-content-4505 .fl-node-5eb11ace1f642 .uabb-info-list-description p {
		text-align: right !important;
		line-height: 1.4 !important;
		margin: 0 !important;
	}
	header.fl-builder-content-4505 .header-phone {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		letter-spacing: .16em !important;
		text-transform: uppercase;
		color: #807d72 !important;
		text-decoration: none;
		white-space: nowrap;
	}
	header.fl-builder-content-4505 .header-phone:hover { color: #99881b; }

	/* Brand row: wordmark centred, icons right, menu centred below. */
	header.fl-builder-content-4505 .fl-node-5eb123e00dd4d .fl-row-content-wrap {
		padding: 0 20px 6px !important;
		border-bottom: 1px solid #e4e0d3;
	}
	header.fl-builder-content-4505 .fl-node-5eb123e00dfd5 {
		display: grid !important;
		grid-template-columns: 1fr auto 1fr;
		grid-template-areas:
			". brand icons"
			"menu menu menu";
		align-items: center;
	}
	header.fl-builder-content-4505 .fl-node-5eb123e00dfda,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfda > .fl-col-content,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfdb { display: contents !important; }
	header.fl-builder-content-4505 .fl-node-5eb123e00dfd8,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfdc,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfde {
		width: auto !important;
		max-width: none !important;
		float: none !important;
	}
	header.fl-builder-content-4505 .fl-node-5eb123e00dfd8 { grid-area: brand; }
	header.fl-builder-content-4505 .fl-node-5eb123e00dfdc { grid-area: menu; }
	header.fl-builder-content-4505 .fl-node-5eb123e00dfde { grid-area: icons; justify-self: end; }
	header.fl-builder-content-4505 .fl-node-5eb123e00dfd8 .fl-module-content,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfdc .fl-module-content { margin: 0 !important; }

	header.fl-builder-content-4505 .pp-heading,
	header.fl-builder-content-4505 .heading-title { text-align: center !important; }
	header.fl-builder-content-4505 .heading-title { margin: 0 !important; padding: 0 !important; }
	header.fl-builder-content-4505 .heading-title .title-text {
		font-size: clamp(40px, 3.6vw, 52px) !important;
		line-height: 1.1 !important;
		letter-spacing: .05em !important;
		white-space: nowrap;
	}

	/* Lighter menu: small spaced sans caps, no button boxes. */
	header.fl-builder-content-4505 .pp-advanced-menu { text-align: center !important; }
	header.fl-builder-content-4505 #menu-main {
		display: flex !important;
		justify-content: center;
		flex-wrap: nowrap;
		gap: 0;
		float: none !important;
	}
	header.fl-builder-content-4505 #menu-main > li { float: none !important; }
	header.fl-builder-content-4505 #menu-main > li > a,
	header.fl-builder-content-4505 #menu-main > li > .pp-has-submenu-container > a {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		letter-spacing: .18em !important;
		line-height: 1 !important;
		color: #2b2b28 !important;
		background: transparent !important;
		padding: 14px 11px 12px !important;
		border-bottom: 1px solid transparent;
		transition: color .2s ease, border-color .2s ease;
	}
	header.fl-builder-content-4505 #menu-main > li > a:hover,
	header.fl-builder-content-4505 #menu-main > li > .pp-has-submenu-container > a:hover,
	header.fl-builder-content-4505 #menu-main > li.current-menu-item > a {
		color: #99881b !important;
		border-bottom-color: #99881b;
	}
	/* Smaller dropdown arrows. */
	header.fl-builder-content-4505 #menu-main .pp-has-submenu-container .menu-item-text { padding-right: 18px !important; }
	header.fl-builder-content-4505 #menu-main .pp-menu-toggle {
		width: 16px !important;
		transform: scale(.6);
		transform-origin: center;
	}
	header.fl-builder-content-4505 #menu-main .pp-menu-toggle:before { border-color: currentColor !important; }

	/* Dropdowns match the new menu. */
	header.fl-builder-content-4505 #menu-main .sub-menu {
		text-align: left;
		border: 1px solid #e4e0d3;
		box-shadow: 0 14px 28px -16px rgba(43, 43, 40, .25);
	}
	header.fl-builder-content-4505 #menu-main .sub-menu a {
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		letter-spacing: .14em !important;
		text-transform: uppercase;
		color: #2b2b28 !important;
		padding: 12px 18px !important;
	}
	/* PowerPack fills hovered dropdown items gold, so the text goes white. */
	header.fl-builder-content-4505 #menu-main .sub-menu a:hover,
	header.fl-builder-content-4505 #menu-main .sub-menu a:focus,
	header.fl-builder-content-4505 #menu-main .sub-menu li:hover > a,
	header.fl-builder-content-4505 #menu-main .sub-menu li:hover > a .menu-item-text { color: #fff !important; }
}

/* Mobile: same treatment as the live header (jel-header.css). */
@media (max-width: 768px) {
	header.fl-builder-content-4505 .fl-node-5eb11ace1f642,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfde { display: none !important; }

	header.fl-builder-content-4505 .fl-node-5eb123e00dd4d .fl-row-content-wrap {
		padding: 16px 20px !important;
		min-height: 0 !important;
	}
	header.fl-builder-content-4505 .fl-node-5eb123e00dfd5 {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 16px;
	}
	header.fl-builder-content-4505 .fl-node-5eb123e00dfd8,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfda,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfdb,
	header.fl-builder-content-4505 .fl-node-5eb123e00dfdc {
		width: auto !important;
		max-width: none !important;
		flex: 0 0 auto !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	header.fl-builder-content-4505 .fl-node-5eb123e00dfd8 { flex: 1 1 auto !important; min-width: 0; }
	header.fl-builder-content-4505 .fl-node-5eb123e00dfdb { display: flex !important; }
	header.fl-builder-content-4505 .fl-module { margin: 0 !important; }

	header.fl-builder-content-4505 .heading-title,
	header.fl-builder-content-4505 .heading-title .title-text {
		font-size: 19px !important;
		line-height: 1.2 !important;
		letter-spacing: .08em !important;
		white-space: nowrap;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}
	header.fl-builder-content-4505 .pp-advanced-menu-mobile {
		justify-content: flex-end !important;
		text-align: right !important;
	}
	header.fl-builder-content-4505 .pp-advanced-menu-mobile-toggle {
		margin: 0 !important;
		padding: 6px 0 6px 6px !important;
	}
}
@media (max-width: 360px) {
	header.fl-builder-content-4505 .heading-title,
	header.fl-builder-content-4505 .heading-title .title-text { font-size: 17px !important; }
}