header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	transition: var(--transition);
}

header.is-sticky {
	position: sticky;
}

header.sticky,
header.menu-active {
	box-shadow: var(--shadow);
	background-color: var(--color-secondary);
}

header .navbar-toggler {
	--bs-navbar-toggler-padding-y: 0.5rem;
	--bs-navbar-toggler-padding-x: 0.5rem;
	color: var(--color-white);
	border: var(--bs-border-width) solid var(--color-white);
	border-radius: 0;
}

header.header-dark:not(.sticky):not(.menu-active) .navbar-toggler {
	color: var(--color-secondary);
	border: var(--bs-border-width) solid var(--color-secondary);
}

header .navbar-toggler:focus {
    box-shadow: none;
}

header .navbar-toggler:not(.collapsed) {
    box-shadow: none;
    background: var(--color-white);
    color: var(--color-primary-dark);
}

header .navbar-nav .nav-link.active, 
header .navbar-nav .nav-link.show {
    color: var(--color-white);
}

header,
header .header-top a.top-link {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
	color: var(--color-white);
	transition: var(--transition);
}

header.header-dark:not(.sticky),
header.header-dark:not(.sticky) .header-top a.top-link {
	color: var(--color-secondary);
}

header .navbar-nav .nav-link {
	font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    color: var(--color-white);
    text-transform: uppercase;
    transition: var(--transition);
    position: relative;
    padding: 0.5rem 1rem 0.5rem 1.5rem;
}

header.header-dark:not(.sticky):not(.menu-active) .navbar-nav .nav-link {
    color: var(--color-secondary);
}

header .navbar-nav .current_page_item > .nav-link:before,
header .navbar-nav .current-menu-item > .nav-link:before {
	content: '';
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    position: absolute;
    background-color: var(--color-primary);
}

header a.top-link:hover,
header .navbar-nav .nav-link:hover,
header .navbar-nav .nav-link.show {
	color: var(--color-primary) !important;
}

.navbar-brand {
    --bs-navbar-brand-padding-y: 1rem;
}

header .navbar-brand > img {
	height: 72px;
}

header .header-top {
	display: none;
}

header ul.navbar-nav li.dropdown:hover ul.dropdown-menu {
    display: block;
}

@media(min-width: 992px) {
	header .container {
	    max-width: 100%;
	}

	header .navbar-brand.navbar-brand-home {
		display: none;
		pointer-events: none;
	}

	header .navbar-brand > img {
		height: 92px;
	}

	header .header-top {
	    display: block;
	    padding: 0.75rem 0;
	    border-bottom: 1px solid var(--color-light-grey);
	}

	header .header-top .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 1rem;
	}

	header .navbar-nav .nav-link {
	    padding: 1rem;
	}

	header .navbar-nav .current_page_item > .nav-link:before,
	header .navbar-nav .current-menu-item > .nav-link:before {
	    width: 100%;
	    height: 4px;
	}
}

@media (min-width: 1200px) {
	header,
	header .header-top a.top-link {
	    font-size: 16px;
	    font-weight: 700;
	}

	header .navbar-nav .nav-link {
		font-size: 20px;
	}
}

@media (min-width: 1400px) {
	header .container {
	    max-width: 1400px;
	}

	header .navbar-brand > img {
		height: 112px;
	}
}

@media (min-width: 1551px) {
	header .container {
	    max-width: 1550px;
	}

	header .navbar-brand > img {
		height: 120px;
	}

	header,
	header .header-top a.top-link {
	    font-size: 20px;
	}
}