/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 04 2025 | 14:56:31 */
.page-id-12 header {
	background: transparent !important;
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
}


/* .page-id-12 .hero-column:first-child {
	transform: translatex(-10px);
} */

.ast-primary-header-bar {
	position: relative;
}

.page-id-12 .ast-primary-header-bar {
	background: transparent;
}

.ast-primary-header-bar:after {
	content: '';
	width: calc(224px + 10px + 138px);
	left: 35px;
	bottom: -4px;
	height: 4px;
	background: #000;
	position: absolute;
}

.ast-primary-header-bar:before {
	content: '';
	width: calc(100% - 70px);
	left: 35px;
	bottom: 0px;
	height: 1px;
	background: #000;
	position: absolute;
}

.page-id-12 .ast-primary-header-bar:after {
	content: '';
	width: calc(224px + 10px + 138px);
	left: 35px;
	bottom: -4px;
	height: 4px;
	background: #fff;
	position: absolute;
}

.page-id-12 .ast-primary-header-bar:before {
	content: '';
	width: calc(100% - 70px);
	left: 35px;
	bottom: 0px;
	height: 1px;
	background: #fff;
	position: absolute;
}

.page-id-12 header .custom-logo-link img {
	filter: brightness(0) invert(1);
}

.site-logo-img {
	position: relative;
	padding-right: 0 !important;
}

.site-logo-img:before {
	content: 'Підтримка багаторівневого врядування в Україні';
    position: absolute;
    width: 138px;
    bottom: 8px;
    left: 234px;
    font-size: 10px;
    font-weight: 600;
    color: #000;
}

.page-id-12 .site-logo-img:before {
	content: 'Підтримка багаторівневого врядування в Україні';
    position: absolute;
    width: 138px;
    bottom: 8px;
    left: 234px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
}


@media (max-width: 767px) {
	.ast-custom-button {
		text-align: center;
		transform: translateY(5px)
	}
	
	.page-id-12 .hero-column:first-child {
		transform: translatex(0px);
	}
	
	.site-logo-img:before {
		font-size: 9px !important;
		bottom: 0 !important;
		width: 124px !important;
		left: 130px !important;
	}
	
	.page-id-12 .ast-primary-header-bar:after, .ast-primary-header-bar:after {
		width: calc(120px + 10px + 124px);
		left: 20px;
	}
	
	.page-id-12 .ast-primary-header-bar:before, .ast-primary-header-bar:before {
		width: calc(100% - 40px);
		left: 20px;
	}

}