.site-header {
	box-shadow: inset 0 -1px 0 0 var(--wp--custom--colors--grey);

	.menu-primary-menu-container {
		height: 100%;
	}

	#menu-primary-menu, #menu-secondary-menu, #primary-menu-mobile, #secondary-menu-mobile {
		li {
			a {
				color: var(--wp--custom--colors--theme);
				@include mq(xl) {
					&:hover, &.menu-active {
						background-color: var(--wp--custom--colors--theme);
					}
				}
			}
			&.current-menu-item, &.current-page-ancestor, &.current_page_parent {
				> a {
					@include mq(xl) {
						background-color: var(--wp--custom--colors--theme);
						&.menu-active {
							color: var(--wp--custom--colors--white);
							background-color: var(--wp--custom--colors--theme);
						}
					}
				}
			}
		}
	}

	#menu-primary-menu, #primary-menu-mobile {
		li {
			&.menu-item-has-children {
				.sub-menu-wrap {
					border-bottom: 1px solid var(--wp--custom--colors--grey);
					ul {
						li {
							@include mq(xl) {
								&.current-menu-item {
									>	a {
										border-bottom: 2px solid var(--wp--custom--colors--cp-navy);
										color: var(--wp--custom--colors--cp-navy);
									}
								}
								&.current-page-ancestor, &.current_page_parent {
									>	a {
										color: var(--wp--custom--colors--theme);
									}
								}
							}
							a {
								@include mq(xl) {
									&:hover {
										border-bottom: 2px solid var(--wp--custom--colors--cp-navy);
										color: var(--wp--custom--colors--cp-navy);
									}
								}
							}
						}
					}
				}
			}
		}
	}

	#menu-primary-menu {
		height: 100%;
		li {
			&.menu-item-has-children {
				.sub-menu-wrap {
					ul {
						li {
							list-style-image: url("../img/arrow-right.svg");
							&::before {
								border: 1px solid var(--wp--custom--colors--theme);
							}
						}
					}
				}
			}
		}
		> li {
			> a {
				display: flex;
				align-items: center;
				height: 100%;
				line-height: 1;
			}
		}
	}

	#primary-menu-mobile {
		border-bottom: 1px solid var(--wp--custom--colors--grey);
		.sub-menu {
			border-bottom: 1px solid var(--wp--custom--colors--grey);
		}
	}

	#menu-secondary-menu {
		li {
			&.current-page-ancestor, &.current_page_parent {
				> a {
					@include mq(xl) {
						background-color: var(--wp--custom--colors--theme);
					}
				}
			}
			&:first-of-type {
				border-left: 1px solid var(--wp--custom--colors--grey);
				border-right: 1px solid var(--wp--custom--colors--grey);
			}
			&:last-of-type {
				border-right: 1px solid var(--wp--custom--colors--grey);
			}
		}
	}

	.mobile-menu .mobile-icons-container {
		.search-button.ultra-light-blue {
			border: 1px solid var(--wp--custom--colors--theme);
			background-color: var(--wp--custom--colors--grey);
		}
	}

	.search-wrapper {
		background-color: var(--wp--custom--colors--grey);
	}

	.mega-menu-exit, .search-exit {
		background: url("../img/exit.svg") no-repeat center/16px;
		border: 1px solid var(--wp--custom--colors--theme);
	}

	.search-container {
		.search-input-container {
			input {
				border: 1px solid var(--wp--custom--colors--theme);
				color: var(--wp--custom--colors--theme);
				caret-color: var(--wp--custom--colors--theme);
				&:focus, &:focus-visible, &:active, &:focus-within {
					border: 2px solid var(--wp--custom--colors--cp-navy);
					caret-color: var(--wp--custom--colors--cp-navy);
					color: var(--wp--custom--colors--cp-navy);
				}
			}
		}
		.search-results {
			ul {
				li {
					color: var(--wp--custom--colors--theme);
					&::before {
						border: 1px solid var(--wp--custom--colors--theme);
					}
					&::after {
						background: url("../img/arrow-right.svg") no-repeat;
					}
					a {
						color: var(--wp--custom--colors--theme);
						@include mq(xl) {
							&:hover {
								border-bottom: 2px solid var(--wp--custom--colors--cp-navy);
								color: var(--wp--custom--colors--cp-navy);
							}
						}
					}
				}
			}
		}
	}

	.investors-menu {
		background: var(--wp--custom--colors--theme);
		ul {
			background: var(--wp--custom--colors--theme);
			li {
				&.current-menu-item {
					a {
						@include mq(xl) {
							background-color: var(--wp--custom--colors--cp-navy);
						}
					}
				}
				a {
					@include mq(xl) {
						&:hover {
							background-color: var(--wp--custom--colors--cp-navy);
						}
					}
				}
			}
		}
	}

	.logo-container {
		.site-branding {
			a {
				img {
					width: 8rem;
					height: auto;
					@include mq(xl) {
						width: 100%;
					}
				}
			}
		}
	}
}

.stories-header-container {
	form {
		input {
			color: var(--wp--custom--colors--theme);
			border: 1px solid var(--wp--custom--colors--theme);
			&:focus,
			&:focus-visible,
			&:active,
			&:focus-within {
				border-color: var(--wp--custom--colors--cp-navy);
				color: var(--wp--custom--colors--cp-navy);
			}
		}
	}
}