expanding-nav > header {
	position: fixed;
	overflow: hidden;
	inset-block-start: 0;
	inset-inline-start: 0;
	z-index: 999;
	inline-size: 100%;
	block-size: min-content;
}

expanding-nav > header nav {
	display: flex;
	align-items: center;
	background-color: var(--redwood-primary-color);
	padding: 8px 16px;
	padding-block-start: 12px;
}

expanding-nav > header nav > .navbar-home-link {
	margin-inline-end: 25px;
	block-size: 47px;
	border: solid transparent 1px;
}

expanding-nav > header nav > .navbar-home-link:hover {
	border-color: var(--redwood-secondary-color);
}

expanding-nav > header nav > .navbar-home-link img {
	inline-size: 100%;
	block-size: 100%;
}

expanding-nav > header nav > ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-basis: auto;
	flex-grow: 1;
	line-height: 2.5;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

expanding-nav > header nav > ul[hidden] {
	display: none;
}

expanding-nav > header nav ul a {
	color: var(--redwood-secondary-color);
	margin-inline-end: 16px;
}

expanding-nav > header nav ul b a {
	color: white;
	font-weight: bold;
}

expanding-nav > header nav > ul .phone-number {
	margin-inline-start: auto;
}

expanding-nav > header nav .phone-number::before {
	content: '';
	background-image: url('../images/phone-icon-tan.svg');
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	margin-inline-end: .15rem;
	inline-size: 1rem;
	block-size: 1rem;
	vertical-align: baseline;
}

expanding-nav > header nav > .navbar-expand-button {
	margin-inline-start: auto;
	inline-size: 40px;
	block-size: 40px;
	background: none;
	border: none;
}

expanding-nav > header nav > .navbar-expand-button[aria-expanded="true"] {
	background-color: #ffffcc81;
}

expanding-nav > header nav > .navbar-expand-button:hover[aria-expanded="false"] {
	background-color: #ffffcc59;
}

expanding-nav > header nav > .navbar-expand-button svg {
	inline-size: 100%;
	block-size: 100%;
}

expanding-nav > header nav > .navbar-expand-button svg path {
	stroke: #ffffcc;
	fill-opacity: 1;
}

expanding-nav > header nav > .navbar-expand-button:hover svg > path {
	stroke: white;
}

@media (max-width: 950px) {
	expanding-nav > header nav {
		flex-wrap: wrap;
		row-gap: 6px;
	}
	
	expanding-nav > header nav > ul {
		flex-basis: 100%;
		flex-direction: column;
		align-items: flex-start;
	}
	
	expanding-nav > header nav > ul .phone-number {
		margin-inline-start: 0;
	}
}