.site-header {
    margin: 0 auto;
}

.primary-navigation {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-right {
    display: flex;
    justify-content: flex-end;
}

.header-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu-wrapper {
    list-style-type: none;
    display: flex;
	text-transform: uppercase;
}

.menu-wrapper li a {
    text-decoration: none;
	margin: 0 15px;
	font-size: 18px;
	padding: 27px 0px;
	font-weight: 600;
}

#masthead .sticky-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
}


.sticky-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    background: #fff;
    box-shadow: 0px -20px 25px;
}

#bv_page_title {
    padding: 15px 10px;
}






#site-navigation {
	padding: 0 10px;
	align-items: center;
}

#header-wrapper .custom-logo-link {
	display: flex;
}

#header-wrapper .custom-logo {
	height: var(--logo-wysokosc);
	width: var(--logo-szerokosc);
	max-height: 100%;
}


.primary-menu-container ul.menu-wrapper {
	list-style: none;
	display: flex;
}

.primary-menu-container ul li.menu-item {
	position: relative;
}

#site-navigation .primary-menu-container a {
	display: block;
}

#site-navigation .primary-menu-container a:hover,
#site-navigation .primary-menu-container .current-menu-item a {
	color: #000;
}


/* ---------- desktop ------------ */

.--desktop .primary-menu-container ul.sub-menu {
	display: none;
	position: absolute;
	list-style: none;
	background: #0e0f14;
	padding-left: 0;
	left: 0;
	top: 100%;
	width: 300px;
}

.--desktop .primary-menu-container ul.menu-wrapper>.menu-item-has-children:hover>.sub-menu {
	display: block;
}

.--desktop .primary-menu-container ul.menu-wrapper>.menu-item-has-children.open-left:hover>.sub-menu {
	left: unset;
	right: 0;
}

.--desktop .primary-menu-container ul.menu-wrapper>.menu-item-has-children>ul.sub-menu>li.menu-item-has-children:hover>ul.sub-menu {
	display: block;
	left: 100%;
	right: auto;
	top: 0;
}

.--desktop .primary-menu-container ul.menu-wrapper>.menu-item-has-children.open-left>ul.sub-menu>li.menu-item-has-children:hover>ul.sub-menu {
	right: 100%;
	left: auto;
}




/* ------------- mobile ------------------------ */

#site-navigation.bv_mobile_header {
	padding: 0 20px;
}

.primary-menu-container.bv_mobile-menu ul.menu-wrapper {
	flex-direction: column;
}



.bv_mobile_header .header-left {
	display: flex;
}


.bv_mobile_header .header-right {
	display: flex;
}

.mobile-menu-wrapper.header-right #menu-opener {
	display: flex;
	cursor: pointer;
}

.header-right.mobile-menu-wrapper #menu-opener img {
	width: 40px;
	height: 40px;
}

.bv_mobile_header .header-right .primary-navigation.bv_mobile-menu {
	display: flex;
	align-items: flex-start;
}


.primary-menu-container.bv_mobile-menu {
	position: fixed;
	width: 300px;
	background: #0e0f14;
	top: 0;
	right: -300px;
	height: 100%;
	transition: 0.4s;
}

.primary-menu-container.bv_mobile-menu.opener {
	right: 0;
}

.primary-menu-container.bv_mobile-menu .heading {
	display: flex;
	align-items: center;
	gap: 15px;
	padding-left: 5px;
	padding-top: 5px;
	cursor: pointer;
}

.primary-menu-container.bv_mobile-menu .heading .close-mobile-menu img {
	width: 20px;
	height: 20px;
	filter: invert(1);
	margin-left: 14px;
  }


.primary-menu-container.bv_mobile-menu .heading .text {
	font-size: 25px;
	font-weight: bold;
	color: #fff;
  margin-bottom: -3px;
}


.--mobile ul.menu-wrapper {
	padding-left: 0;
}


.--mobile ul.menu-wrapper li.menu-item-has-children ul.sub-menu {
	list-style: none;
	display: none;
}

.--mobile ul.menu-wrapper li.menu-item-has-children.opened>ul.sub-menu {
	display: block;
}

/* .--mobile.mobile-menu-wrapper  .menu-item-has-children .direct-link {
	position: absolute;
	right: 5px;

} */


.--mobile.mobile-menu-wrapper .menu-item-has-children > a::after {
	content: "\276E";
	position: absolute;
	right: 15px;
	top: 12;
	transition: 0.3s;
	transform: rotate(-90deg);
}

.--mobile.mobile-menu-wrapper .menu-item-has-children.opened > a::after {
	transform: rotate(90deg);
}

@media(min-width: 991px) {
	#header-wrapper .--mobile {
		display: none;
	}
}

@media(max-width: 990px) {
	#header-wrapper .--desktop {
		display: none;
	}
	.menu-wrapper li a {
		padding: 15px 0px !important;
		color: #fff !important;
	}
	#primary-menu-list .current_page_item {
		background: none !important;
	}
}