:root {
	--color-base: #ffffff;
	--color-main: #222126;
}

#header {
	position: fixed;
}

#header .header-inner {
	padding: 20px 0px;
}

#header .menu-inner {
	float: unset;
}

#header #logo img { 
	height: 90px; 
}

#header #menu {
	float: unset;
	align-self: center;
	margin-right: 0;
	margin-left: auto;
}

#hero.hero-full {
	height: 100svh !important;
	background: #ffffff;
}

#hero #page-title h1 {
	color: var(--color-main);
	font-size: 80px;
}

#hero #page-title p {
	color: var(--color-main);
	font-size: 40px;
}

#hero.text-light {
	background: unset;
}

.row {
	display: flex;
}

#menu.classic nav#main-nav > ul > li > a {
	font-weight: 300;
	font-size: 14px;
	overflow: hidden;
	color: var(--color-main);
}

nav#main-nav ul > li > a::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	transform: translateX(-101%);
	background: var(--color-main);
	transition: transform 0.3s ease;
}

nav#main-nav ul > li > a:hover::after, nav#main-nav ul > li.current_page_item > a::after {
	transform: translateX(0%);
}

#header.sticky + #hero-and-body #hero:not(.hero-fullscreen) {
	margin-top: 0;
}