/*!
Theme Name:		Piotr Bytner Studio
Author: 		Piotr Bytner Studio
Author URI: 	https://bytner.studio
Description:	Dobra grafika, ładne życie. piotr@bytner.studio
Version: 		1.2
License:		GNU General Public License v3 or later
License URI:	https://www.gnu.org/licenses/gpl-3.0.html
Tags: 			
Template:		page-builder-framework
Text Domain:	page-builder-framework-child
*/

/* Colors Example
.has-black-color {
    color: #000000;
}

.has-black-background-color {
    background-color: #000000;
} 
*/

/* 
.current-menu-item {
	display: none;
}
*/

html, body {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

.wpbf-remove-font-size h1 {
	display: none;
}

a:hover span, a:focus span {
	text-decoration-line: underline;
}

.animate__delay-1s {
	animation-delay: .1s;
}

.animate__delay-2s {
	animation-delay: .2s;
}

.animate__delay-3s {
	animation-delay: .1s;
}

.animate__delay-4s {
	animation-delay: .4s;
}

.animate__delay-5s {
	animation-delay: .1s;
}

.animate__delay-6s {
	animation-delay: .6s;
}
.wpbf-navigation .wpbf-container {
	padding-left: 0;
	padding-right: 0;
}

.wpbf-navigation .wpbf-container-center {
	border-bottom: 1px solid #fff;
}

.wpbf-menu-right .wpbf-menu {
    float: left;
	width: 100%;
}

.wpbf-float-right {
    float: right !important;
}

.wpbf-page-header .has-wpbf-palette-color-3-color > a {
	color: var(--wp--preset--color--wpbf-palette-color-3) !important;
}

.wpbf-page-header .wpbf-button {
	padding: 4px 16px;
	font-weight: normal; 
}

.wp-block-column.margin-bottom {
	margin-bottom: -15%;
}

.wp-block-getwid-counter {
	border-top: 1px solid var(--wp--preset--color--wpbf-palette-color-3);
}

.wp-block-getwid-counter__wrapper > * {
    display: inline;
    font-size: 5em;
}

.wp-block-getwid-counter + .wp-block-list {
	padding-left: 20px;
}

.wp-block-getwid-counter + .wp-block-list {
    list-style: none; /* Ukrywamy domyślne znaczniki */
    padding-left: 10px; /* Miejsce na duży kwadrat */
}

.wp-block-getwid-counter + .wp-block-list li {
    position: relative;
    padding-left: 20px; /* Dopasowanie odstępu do kwadratu */
}

.wp-block-getwid-counter + .wp-block-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 33%;
    transform: translateY(-33%);
    width: 10px;  /* Rozmiar kwadratu */
    height: 10px; /* Rozmiar kwadratu */
    background-color: var(--wp--preset--color--wpbf-palette-color-5); /* Kolor kwadratu */
}



.bg-half-right .wp-block-getwid-section__foreground {
	padding-left: 50%;
	background-position: left;
    background-clip: content-box;
    background-origin: content-box;
}

.bg-half-left .wp-block-getwid-section__background-slider-wrapper{
	padding-right: 50%;
	background-position: right;
    background-clip: content-box;
    background-origin: content-box;
}

.ff-btn-submit,
.wp-block-getwid-template-post-button .wp-block-button__link {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;  /* Ustaw szerokość */
    height: 50px; /* Ustaw wysokość */
	font-size: 32px;
	padding: 0;
	border-radius: 0;
	cursor: pointer;
}

.ff-btn-submit {
	width: 150px;
	font-size: 18px;
	border-radius: 99px;
	margin-top: 20px;
}

.ff_submit_btn_wrapper {
	margin-top: -20px;
}

ol ,
.sub-menu .sub-menu {
    counter-reset: lista;
    padding-left: 0; /* Usunięcie domyślnego wcięcia */
}

ol li,
.sub-menu .sub-menu li{
	list-style: none; /* Usunięcie domyślnych numerów */
	counter-increment: lista;
	position: relative;
}

ol li::before {
	color: var(--wp--preset--color--wpbf-palette-color-4);
	font-size: 14px;
	content: counter(lista, decimal-leading-zero) " "; /* Numeracja z zerem i odstępem */
	display: inline-block;
	position: absolute;
	left: 0;
	top: 20px;
    width: 40px;
}

.sub-menu .sub-menu li:before {
	color: var(--wp--preset--color--wpbf-palette-color-4);
	font-size: 10px;
	content: counter(lista, decimal-leading-zero) " "; /* Numeracja z zerem i odstępem */
	display: inline-block;
	left: 0;
	top: 20px;
    width: 20px;
}

.sub-menu .sub-menu li {
	padding: 8px 0;
	border-bottom: 1px solid var(--wp--preset--color--wpbf-palette-color-4);
}

.sub-menu .sub-menu li:first-child{
	border-top: 1px solid var(--wp--preset--color--wpbf-palette-color-4);
}

.wpbf-mega-menu>.sub-menu>.menu-item a {
	margin-bottom: 0;
}

.wpbf-mega-menu>.sub-menu {
	margin-top: 20px;
}

/*.wpbf-mega-menu>.sub-menu:before {
	content: "";
  	position: absolute;
  	top: -20px; 
  	left: 50%;
  	transform: translateX(-50%);
  	width: 0;
  	height: 0;
  	border-left: 20px solid transparent;
  	border-right: 20px solid transparent;
  	border-bottom: 20px solid var(--wp--preset--color--wpbf-palette-color-2); 
} */

.sub-menu .sub-menu li>a {
	display: inline-block;

}

.wp-block-column .ff-default .ff-el-form-control {
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--wpbf-palette-color-2);
	color: var(--wp--preset--color--wpbf-palette-color-2);
	background: transparent;
}



.m2.custom-field-_co_powierzchnia::after {
    content: " m²";
    margin-left: 4px;
}

.custom-field-_co_miejscowosc::before {
	content: "";
    display: inline-block;
    width: 12px;
    margin-right: 6px;
    height: 8px;
    background-color: var(--wp--preset--color--wpbf-palette-color-5);
}

.overlay-columns {
  	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
  	left: 0;
  	width: 100%;
	height: auto;
 	z-index: 2;
  	padding: 20px;
  	box-sizing: border-box;
}

.wpbf-mega-menu .wpbf-menu-description {
	margin-bottom: 0;
}

.sub-menu img {
	border-radius: 20px;
}

.sub-menu .menu-item-has-children > a {
	color: var(--wp--preset--color--wpbf-palette-color-4);
	font-size: .8em;
	text-transform: uppercase;
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
	opacity: 0;
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50:hover {
	opacity: 0.5;
	box-shadow: inset 0 0 0 2px #fff; /* 2px "border" inside */
}

.slick-dots li button:before {
	font-size: 12px;
	color: #fff;
}

.slick-dots li.slick-active button:before {
	color: #fff;
}

.black_dots .slick-dots li button:before,
.black_dots .slick-dots li.slick-active button:before
{
	color: var(--wp--preset--color--wpbf-palette-color-3);
}

.wp-block-getwid-post-carousel__slide .button-margin-top {
	margin-top: -40px;
}

.ff-btn-submit:hover,
nav .has-wpbf-palette-color-5-color a,
.wpbf-navigation-transparent .wpbf-menu > .menu-item > a:hover,
.has-wpbf-palette-color-3-color a:hover,
.has-wpbf-palette-color-3-color a:focus,
.has-wpbf-palette-color-2-color a:hover,
.has-wpbf-palette-color-2-color a:focus,
a.has-wpbf-palette-color-4-background-color:hover,
a.has-wpbf-palette-color-4-background-color:focus {
	color: var(--wp--preset--color--wpbf-palette-color-5) !important;
}

header .wpbf-navigation .wpbf-1-4 {
	width: 20%;
}

header .wpbf-navigation .wpbf-3-4 {
	width: 80%;
}

.wpbf-mega-menu>.sub-menu>.special {
	color: var(--brand-color);
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
}

.wpbf-mega-menu>.sub-menu>.hidden>a,
.wpbf-mobile-mega-menu .sub-menu>.hidden a[href="#"] {
	display: none !important;
}

#stopka input::placeholder,
#stopka textarea::placeholder{
	color: var(--wp--preset--color--wpbf-palette-color-5);
}

.wpbf-1-8 {
    width: 12.5%;
	padding-left: 0;
}

.mapsvg-controller-view-toolbar {
	display: none;
}

.mapsvg-controller-view-content {
	text-align: center;
}

.wpbf-grid {
	margin-left: 0;
	padding: 10px 0;
}



.mapsvg-scrollpane {
	background: #fff;
}

.wpbf-grid+.wpbf-grid {
	margin-top: 0;
}

.zindex {
	position: relative;
	z-index: 999;
}

#garaze-details th,
.semantic_ui .ui.compact.table .footable-header th {
	background-color: var(--wp--preset--color--wpbf-palette-color-3);
	color: #fff;
	font-weight: normal;
    vertical-align: middle;
	padding: .5em;
	font-size: 14px;
}

#details table {
	margin-bottom: 0;
}

.wp-block-table.is-style-stripes tbody tr,
.foo-table tbody tr {
	height: 43px;
}

#footable_340 {
	text-align: center;
	border-top: 0;
	border-radius: 0;
}

.mapsvg-controller-view-content .wpbf-grid,
.wp-block-table.is-style-stripes tbody td  {
	border-top: 1px solid rgba(34, 36, 38, .15);
}

.mapsvg-controller-view-content .wpbf-grid:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd),
#details .mapsvg-directory-item:nth-child(odd) {
	background-color: rgba(0, 0, 50, .02);
}

.mapsvg-controller-view-content .wpbf-grid:hover,
.wp-block-table.is-style-stripes tbody tr:hover {
    background: rgba(0, 0, 0, .05) !important;
}
.table-nopadding .wp-block-getwid-tabs__tab-content {
	padding:20px 0;
}


.wp-block-getwid-section__content .ninja_table_wrapper .ninja_reset_button:hover {
	background-color: var(--wp--preset--color--wpbf-palette-color-5);
	border-color: var(--wp--preset--color--wpbf-palette-color-5);
}

.wpbf-hidden {
	display: none !important;
}

@media screen and (max-width: 767px) {
	
	.wpbf-navigation .wpbf-container {
		padding: 20px 10px;
	}
	
	ol ,
	.sub-menu .sub-menu {
        margin: 0 20px;
	}
		
	.wpbf-mobile-menu .sub-menu a {
    	padding-left: 5px;
	}
	
	.bg-half-right .wp-block-getwid-section__foreground ,
	.bg-half-left .wp-block-getwid-section__background-slider-wrapper {
		background-image: none !important;
		display: none;
	}
	
	.wp-block-getwid-counter__wrapper > * {
    display: inline;
    font-size: 3em;
	}
	
	.wpbf-1-8 {
    width: 16.66%;
	}
	
		#garaze-details th:nth-child(3n),
	#garaze-details td:nth-child(3n) {
	  display: none;
	}
	
	.wpbf-mobile-menu .wpbf-button {
		width: 100%;
	}
	
	.wpbf-mobile-menu .wpbf-button a {
		background-color: var(--wp--preset--color--wpbf-palette-color-3);
    	color: var(--wp--preset--color--wpbf-palette-color-2) !important;
    	border-radius: 9999px;
		width: 100%;
	}
	
	.icon-nav {
		display: inline-block;
		width: 40px;
	}
	
	.wpbf-navigation .has-wpbf-palette-color-5-color.menu-item svg {
    color: var(--wp--preset--color--wpbf-palette-color-5);
    fill: var(--wp--preset--color--wpbf-palette-color-5);
	}
}

.mapsvg-controller-view-content .wpbf-grid.status-2 {
  background-color: #55F2CD80;
}

.mapsvg-controller-view-content .wpbf-grid.status-0 {
  background-color: #00000033;
}


.wp-block-button__link.has-wpbf-palette-color-3-color:hover,
.wp-block-button__link.has-wpbf-palette-color-2-color:hover {
	color: var(--wp--preset--color--wpbf-palette-color-5) !important;
	border-color: var(--wp--preset--color--wpbf-palette-color-5);
}

.mapsvg-category-item, #details .mapsvg-directory-item {
	padding: 0;
}