.header-banner {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: -1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	height: var(--wd-header-banner-h);
	opacity: 0;
	transition: opacity 0s ease .6s;
}

.close-header-banner {
	position: absolute;
	top: 0;
	inset-inline-end: 0;
	bottom: 0;
	z-index: 1;
}

.close-header-banner.wd-style-icon>a {
	width: 50px;
	height: 100%;
}

.close-header-banner.wd-style-icon>a:before {
	font-size: 16px;
}

.close-header-banner+.header-banner-link {
	inset-inline-end: 60px;
}

.header-banner-enabled .website-wrapper {
	margin-top: var(--wd-header-banner-mt);
	transition: margin-top .6s ease;
}

.header-banner-display {
	--wd-header-banner-mt: var(--wd-header-banner-h);
}

.header-banner-display .header-banner {
	opacity: 1;
	transition: opacity 0s ease;
}

.header-banner-display .website-wrapper {
	transition: margin-top .6s ease .25s;
}

@media (min-width: 782px) {
	.admin-bar .header-banner {
		top: 32px;
	}
}

@media (max-width: 782px) {
	.admin-bar .header-banner {
		top: 46px;
	}
}

@media (min-width: 1200px) {
	body[class*="wrapper-boxed"] .header-banner {
		margin: 0 auto;
		max-width: 1200px;
	}
	
	body[class*="wrapper-boxed"].wd-search-opened .header-banner {
		right: var(--wd-scroll-w);
	}
}

@media (max-width: 768.98px) {
	.header-banner-container {
		padding-right: 40px;
		padding-left: 40px;
	}
}