/*
 * Old header (parts/header.html and parts/header-right-icons.html).
 *
 * Moved here from WPCode's Header & Footer CSS. Only loaded on pages that
 * show the old header, see functions.php. Delete this file when the new
 * header launches.
 */

/* Big bar, and the small bar that replaces it when scrolling down. */

.big-nav {
	height: 84px;
}

body.home .big-nav {
	background: rgba(30, 30, 30, 0.65) !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

.small-nav {
	position: fixed;
	top: -155px; /* Hidden until scrolling down */
	left: 0;
	width: 100%;
	background-color: #333;
	color: white;
	padding: 5px;
	z-index: 1000;
}

.scrolled-down {
	top: 0;
}

/* The Mobile Menu plugin's hamburger, moved up when the small bar shows. */
.reposition-hamburger {
	top: 6px;
}

body.home .search-bar-small-nav,
body.home .search-bar-big-nav {
	display: none;
}

/* Menu */

.navbar-font {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}

.wp-block-navigation__submenu-container {
	color: #777 !important;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	border-radius: 0px 6px 6px;
	border-top-width: 5px !important;
	border-bottom-width: 0px !important;
	border-right-width: 0px !important;
	border-left-width: 0px !important;
	border-color: #792215 !important;
	padding: 6px 8px !important;
	width: 325px !important;
}

.nav-submenu-custom {
	border-top-width: 0px !important;
}

.main-menu-top-items:hover {
	background-color: #792215;
	border-radius: 10px;
}

.main-menu-top-items {
	margin: 0px 12px;
}

.wp-block-navigation-item__content {
	padding: 9px 5px;
}

/* The big bar's menu (a class WordPress generates). */
.wp-container-content-2 {
	flex-basis: 43%;
}

/* Logo and right-hand icons */

.logo-container {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 0px 0px;
}

.header-right-icons-mobile {
	display: none !important;
}

.small-navbar-logo-mobile {
	display: none;
}

@media screen and (max-width: 781px) {
	.header-right-icons-desktop {
		display: none !important;
	}

	.header-right-icons-mobile {
		display: block !important;
	}

	/* The Mobile Menu plugin provides the menu on mobile. */
	header nav {
		visibility: hidden !important;
	}

	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.logo-container {
		left: 18%;
		transform: translateX(-10%);
	}

	.top-navbar-align-logo-mobile {
		align-items: center !important;
	}

	.small-navbar-logo-desktop {
		display: none;
	}

	.small-navbar-logo-mobile {
		display: block;
	}
}

@media (min-width: 780px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
}