/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0
*/
.v22-site-header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:150px;
	z-index:99999;
	background:transparent;
	transition:height .3s ease, background-color .3s ease, box-shadow .3s ease;
}
.admin-bar .v22-site-header{
	top:32px;
}

.v22-site-header.is-scrolled{
	height:90px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,.35);
}

.v22-header-inner{
	width:100%;
	height:100%;
	max-width:1400px;
	margin:0 auto;
	padding:0 60px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:40px;
}

.v22-logo{
	position:relative;
	display:block;
	width:120px;
}

.v22-logo img{
	width:120px;
	height:auto;
	display:block;
	transition:opacity .3s ease, visibility .3s ease, max-width .3s ease;
}

.v22-logo-black{
	position:absolute;
	inset:0;
	opacity:0;
	visibility:hidden;
}

.v22-site-header.is-scrolled .v22-logo-white{
	opacity:0;
	visibility:hidden;
}

.v22-site-header.is-scrolled .v22-logo-black{
	opacity:1;
	visibility:visible;
}

.v22-site-header.is-scrolled .v22-logo img{
	max-width:96px;
}

.v22-nav{
	display:flex;
	align-items:center;
	gap:34px;
}

.v22-nav a{
	color:#fff;
	text-decoration:none;
	font-family:Inter, sans-serif;
	font-size:14px;
	font-weight:500;
	letter-spacing:.08em;
	text-transform:uppercase;
	transition:color .3s ease;
}
.v22-nav a:hover {
	color:rgba(225,225,225, 0.8);
}

.v22-site-header.is-scrolled .v22-nav a{
	color:#000;
}

.v22-header-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:14px 22px;
	border:2px solid #C9A15C;
	border-radius:2px;
	background:transparent;
	color:#fff;
	text-decoration:none;
	font-family:Inter, sans-serif;
	font-size:14px;
	font-weight:600;
	letter-spacing:.04em;
	text-transform:uppercase;
	transition:background-color .3s ease, color .3s ease, border-color .3s ease;
}
.v22-header-btn:hover {
	color:#fff;
	transform:translateY(-2px);
}
}

.v22-site-header.is-scrolled .v22-header-btn{
	background:#000;
	color:#fff;
}
.v22-menu{
	display:flex;
	align-items:center;
	gap:34px;
	list-style:none;
	margin:0;
	padding:0;
}

.v22-menu a{
	color:#fff;
	text-decoration:none;
}

.v22-site-header.is-scrolled .v22-menu a{
	color:#000;
}
@media(max-width:782px){
	.admin-bar .v22-site-header{
		top:46px;
	}
}
@media(max-width:767px){
	.v22-site-header{
		height:90px;
	}

	.v22-site-header.is-scrolled{
		height:70px;
	}

	.v22-header-inner{
		padding:0 24px;
	}

	.v22-nav{
		display:none;
	}

	.v22-logo,
	.v22-logo img{
		width:90px;
	}

	.v22-header-btn{
		font-size:11px;
		padding:12px 16px;
	}
}