/**
 * Top utility navigation (.top-nav) — CSS icons + separators.
 * Targets the core Navigation block with class "top-nav".
 */

.top-nav.wp-block-navigation .wp-block-navigation__container,
.top-nav .wp-block-navigation__container {
	align-items: center;
	gap: 0;
}

.top-nav.wp-block-navigation .wp-block-navigation-item,
.top-nav .wp-block-navigation-item {
	display: inline-flex;
	align-items: center;
	position: relative;
}

.top-nav.wp-block-navigation .wp-block-navigation-item.fa-dollar-sign::before,
.top-nav .wp-block-navigation-item.fa-dollar-sign::before,
.top-nav.wp-block-navigation .wp-block-navigation-item:has(a[href*="pay-my-loan"])::before,
.top-nav .wp-block-navigation-item:has(a[href*="pay-my-loan"])::before {
	content: "" !important;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 6px;
	padding: 0 !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20186.7%20186.7%22%3E%3Cg%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M93.3%20186.7C41.9%20186.7%200%20144.8%200%2093.3S41.9%200%2093.3%200s93.3%2041.9%2093.3%2093.3-41.9%2093.3-93.3%2093.3Zm0-176.2c-45.6%200-82.8%2037.2-82.8%2082.8s37.2%2082.8%2082.8%2082.8%2082.8-37.1%2082.8-82.8S139%2010.5%2093.3%2010.5%22%2F%3E%3Cpath%20d%3D%22M93.3%2019.8c-40.6%200-73.5%2032.9-73.5%2073.5s32.9%2073.5%2073.5%2073.5%2073.5-32.9%2073.5-73.5S134%2019.8%2093.3%2019.8m7.9%20114.6v10c0%201.3-1.1%202.3-2.3%202.3h-11c-1.3%200-2.3-1.1-2.3-2.3v-10c-11.7-1-21.2-10.1-22.4-21.7-.2-1.4.9-2.7%202.3-2.7h11.2c1.1%200%202%20.7%202.3%201.8.8%204%204.4%207.1%208.7%207.1h11.7c5.2%200%209.3-4.5%208.8-9.8-.5-4.6-4.7-7.9-9.3-7.9H88.7c-12.6%200-23.8-9-25.4-21.5a24.5%2024.5%200%200%201%2022.4-27.4v-10c0-1.3%201.1-2.3%202.3-2.3h11c1.3%200%202.3%201.1%202.3%202.3v10c11.7%201%2021.2%2010.1%2022.4%2021.7.2%201.4-.9%202.7-2.3%202.7h-11.2c-1.1%200-2-.7-2.2-1.8-.8-4-4.4-7.1-8.7-7.1H88.1c-4.6%200-8.9%203.3-9.3%207.9-.5%205.3%203.6%209.8%208.8%209.8h10.8c12.6%200%2023.9%209%2025.4%2021.5a24.5%2024.5%200%200%201-22.4%2027.4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20186.7%20186.7%22%3E%3Cg%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M93.3%20186.7C41.9%20186.7%200%20144.8%200%2093.3S41.9%200%2093.3%200s93.3%2041.9%2093.3%2093.3-41.9%2093.3-93.3%2093.3Zm0-176.2c-45.6%200-82.8%2037.2-82.8%2082.8s37.2%2082.8%2082.8%2082.8%2082.8-37.1%2082.8-82.8S139%2010.5%2093.3%2010.5%22%2F%3E%3Cpath%20d%3D%22M93.3%2019.8c-40.6%200-73.5%2032.9-73.5%2073.5s32.9%2073.5%2073.5%2073.5%2073.5-32.9%2073.5-73.5S134%2019.8%2093.3%2019.8m7.9%20114.6v10c0%201.3-1.1%202.3-2.3%202.3h-11c-1.3%200-2.3-1.1-2.3-2.3v-10c-11.7-1-21.2-10.1-22.4-21.7-.2-1.4.9-2.7%202.3-2.7h11.2c1.1%200%202%20.7%202.3%201.8.8%204%204.4%207.1%208.7%207.1h11.7c5.2%200%209.3-4.5%208.8-9.8-.5-4.6-4.7-7.9-9.3-7.9H88.7c-12.6%200-23.8-9-25.4-21.5a24.5%2024.5%200%200%201%2022.4-27.4v-10c0-1.3%201.1-2.3%202.3-2.3h11c1.3%200%202.3%201.1%202.3%202.3v10c11.7%201%2021.2%2010.1%2022.4%2021.7.2%201.4-.9%202.7-2.3%202.7h-11.2c-1.1%200-2-.7-2.2-1.8-.8-4-4.4-7.1-8.7-7.1H88.1c-4.6%200-8.9%203.3-9.3%207.9-.5%205.3%203.6%209.8%208.8%209.8h10.8c12.6%200%2023.9%209%2025.4%2021.5a24.5%2024.5%200%200%201-22.4%2027.4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.top-nav.wp-block-navigation .wp-block-navigation-item.fa-map-marker-alt::before,
.top-nav .wp-block-navigation-item.fa-map-marker-alt::before,
.top-nav.wp-block-navigation .wp-block-navigation-item:has(a[href*="banking-center-locations"])::before,
.top-nav.wp-block-navigation .wp-block-navigation-item:has(a[href*="/locations"])::before,
.top-nav .wp-block-navigation-item:has(a[href*="banking-center-locations"])::before,
.top-nav .wp-block-navigation-item:has(a[href*="/locations"])::before {
	content: "" !important;
	display: inline-block;
	width: 14px;
	height: 20px;
	margin-right: 6px;
	padding: 0 !important;
	font-family: inherit !important;
	font-weight: inherit !important;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20114%20160.6%22%3E%3Cpath%20d%3D%22M57%200C25.6%200-1%2026.2%200%2058.4.4%2064%20.5%2065.3%201.9%2071c0%200%202.7%208.5%204.8%2013.3%201.9%204.5%204.2%209.4%206.9%2014.6%202.6%205%205.6%2010.4%209%2016.1%203.4%205.8%207.2%2011.8%2011.3%2018.1%206.2%209.5%2011.6%2017.2%2014.4%2021%201.4%202%202.2%203.1%202.2%203.1%201.5%202.1%204%203.3%206.6%203.3s5-1.2%206.6-3.3c0%200%20.8-1.1%202.2-3.1%202.7-3.8%208.1-11.5%2014.4-21%204.1-6.2%207.8-12.3%2011.3-18.1.8-1.3%201.6-2.7%202.3-4%202.4-4.2%204.7-8.3%206.7-12.1%202.7-5.3%205-10.2%206.9-14.6%202.1-4.9%203.7-9.3%204.8-13.4%201.3-4.8%201.9-8.9%201.9-12.7C114%2026.2%2088.5%200%2057%200m0%2085.8c-15.8%200-28.6-12.8-28.6-28.6S41.2%2028.6%2057%2028.6s28.6%2012.8%2028.6%2028.6S72.8%2085.8%2057%2085.8%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20114%20160.6%22%3E%3Cpath%20d%3D%22M57%200C25.6%200-1%2026.2%200%2058.4.4%2064%20.5%2065.3%201.9%2071c0%200%202.7%208.5%204.8%2013.3%201.9%204.5%204.2%209.4%206.9%2014.6%202.6%205%205.6%2010.4%209%2016.1%203.4%205.8%207.2%2011.8%2011.3%2018.1%206.2%209.5%2011.6%2017.2%2014.4%2021%201.4%202%202.2%203.1%202.2%203.1%201.5%202.1%204%203.3%206.6%203.3s5-1.2%206.6-3.3c0%200%20.8-1.1%202.2-3.1%202.7-3.8%208.1-11.5%2014.4-21%204.1-6.2%207.8-12.3%2011.3-18.1.8-1.3%201.6-2.7%202.3-4%202.4-4.2%204.7-8.3%206.7-12.1%202.7-5.3%205-10.2%206.9-14.6%202.1-4.9%203.7-9.3%204.8-13.4%201.3-4.8%201.9-8.9%201.9-12.7C114%2026.2%2088.5%200%2057%200m0%2085.8c-15.8%200-28.6-12.8-28.6-28.6S41.2%2028.6%2057%2028.6s28.6%2012.8%2028.6%2028.6S72.8%2085.8%2057%2085.8%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");
}

/* Orange separator after each item except the last. */
.top-nav.wp-block-navigation .wp-block-navigation-item:not(:last-child)::after,
.top-nav .wp-block-navigation-item:not(:last-child)::after {
	content: "";
	display: block;
	width: 2px;
	height: 1em;
	margin-left: 12px;
	margin-right: 12px;
	background: var(--bf-nav-accent-color, #ff8400);
	flex-shrink: 0;
}