/*
//
//	ALL CUSTOM CSS KEEP HERE
//	UPDATE WILL NOT DELETE OR MODIFY THIS FILE
//
/*

/*-----------------------------------------*\
				MAIN
\*-----------------------------------------*/

	/* OWN BUTTON STYLING */
	/* .pure-button-style #woocommerce .product #review_form_wrapper .form-submit .submit, */
	/* .pure-button-style .woocommerce-pagination ul li a, */
	/* .pure-button-style .woocommerce-pagination ul li span, */
	/* .pure-button-style .woocommerce-ordering-wrap button, */
	/* .pure-button-style form .button, */
	/* .pure-button-style form input[type=submit], */
	/* .pure-button-style .button, */
	/* .pure-button-style .example_button, */
	/* .pure-button-style .elementor-button, */
	/* .pure-button-style .woocommerce .button, */
	/* .pure-button-style #woocommerce .button{} */
	
	/* OWN BUTTON HOVER STYLING */
	/* .pure-button-style #woocommerce .product #review_form_wrapper .form-submit .submit:hover, */
	/* .pure-button-style .woocommerce-pagination ul li a:hover, */
	/* .pure-button-style .woocommerce-pagination ul li span:hover, */
	/* .pure-button-style .woocommerce-ordering-wrap button:hover, */
	/* .pure-button-style form .button:hover, */
	/* .pure-button-style form input[type=submit]:hover, */
	/* .pure-button-style .button:hover, */
	/* .pure-button-style .example_button:hover, */
	/* .pure-button-style .elementor-button:hover, */
	/* .pure-button-style .woocommerce .button:hover, */
	/* .pure-button-style #woocommerce .button:hover{} */

	body.pure-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus, body.pure-form .pure_checkbox>input[type="checkbox"]+.checkmark:focus, body.pure-form .pure_radio>input[type="radio"]+.checkmark:focus, body.pure-form textarea:focus, body.pure-form select:focus, body.pure-form .form-group-control:focus {
		border-width: 2px;
	}

	.e-n-accordion {
		gap: 2rem;
		display: grid;
	}

		.e-n-accordion .e-n-accordion-item-title{
			padding: 1rem 3rem 1rem 1rem;
		}
			.e-n-accordion .e-n-accordion-item-title:before{
				content: attr(data-accordion-index);
				color: #fff;
				background: var(--p-color);
				width: 30px;
				height: 30px;
    			aspect-ratio: 1 / 1;
				padding: 0;
				text-align: center;
				line-height: 30px;
				font-size: 1.5rem;
				border-radius: 500px;
				margin-right: .5rem;
			}
			@media(min-width: 768px) {
				.e-n-accordion .e-n-accordion-item-title:before{
					margin-right: 1rem;
				}
			}
			.e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-icon{
				position: absolute;
				right: 0;
				color: var(--p-color);
				background: var(--p-box-bg);
				width: 30px;
				height: 30px;
				padding: 0;
				text-align: center;
				line-height: 30px;
				font-size: 1.5rem;
				border-radius: 500px;
				margin-right: 1rem;
				display: grid;
				justify-content: center;
			}
			@media(min-width: 768px) {
				.e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-icon{
					right: 1.5rem;
				}
			}
				.e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-icon svg{
					fill: var(--p-color) !important;
				}
					.e-n-accordion  .e-n-accordion-item[open] .e-n-accordion-item-title .e-n-accordion-item-title-icon svg{
						transform: rotate(45deg);
						transition: transform 0.3s ease;
						-webkit-transition: transform 0.3s ease;
					}
		@media(min-width: 768px) {
			.e-n-accordion .e-n-accordion-item-title{
				padding: 1.5rem 5rem 1.5rem 1.5rem;
			}

		}

		.elementor-widget-n-accordion .e-n-accordion-item {
			border: 1px solid var(--p-color);

			background: #fff;

			border-top-left-radius: var(--p-i-normal-bordertopleft_radius);
			border-top-right-radius: var(--p-i-normal-bordertopright_radius);
			border-bottom-right-radius: var(--p-i-normal-borderbottomright_radius);
			border-bottom-left-radius: var(--p-i-normal-borderbottomleft_radius);
		}
			.elementor-widget-n-accordion .e-n-accordion-item > summary{
				border: 0;
			}
			.elementor-widget-n-accordion .e-n-accordion-item > div[role="region"]{
				border: 0;
				border-top: 1px solid var(--p-color);
				padding: 1.5rem;
			}

/*-----------------------------------------*\
				TYPOGRAPHY
\*-----------------------------------------*/


.wpcf7 label .label{
	font-weight: 600;
	font-size: .875rem;

    padding-right: var(--p-i-normal-paddingright);
    padding-left: var(--p-i-normal-paddingleft);
}
.wpcf7-not-valid-tip{
	padding-top: .5rem;
	font-weight: 400;
	font-size: .875rem;
    padding-right: var(--p-i-normal-paddingright);
    padding-left: var(--p-i-normal-paddingleft);
}

/*-----------------------------------------*\
				STRUCTURE
\*-----------------------------------------*/

#fullscreen_menu{
	
}
	#fullscreen_menu .fullscreen_container{
		padding-top: 10rem;
		color: #fff;
	}
		#fullscreen_menu .menu{
			list-style-type: none;
			display: grid;
			justify-content: center;
			gap: clamp( 1rem, 2vw, 2rem );
			padding: 0 1.5rem;
		}
			#fullscreen_menu .menu li{
			}
				#fullscreen_menu .menu li a{
					position: relative;
					font-family: var(--p-h4-fontfamily);
					font-size: var(--p-h4-fontsize);
					line-height: var(--p-h4-lineheight);
					font-weight: 800;
					color: #fff;
					display: block;
					padding-right: 2rem;
				}
					#fullscreen_menu .menu li a span{
						font-family: var(--p-h4-fontfamily);
						font-size: var(--p-h4-fontsize);
						line-height: var(--p-h4-lineheight);
						font-weight: 300;
						color: #fff;
					}
					@media(min-width: 768px) {
						#fullscreen_menu .menu li a{
							font-family: var(--p-h3-fontfamily);
							font-size: var(--p-h3-fontsize);
							line-height: var(--p-h3-lineheight);
						}
							#fullscreen_menu .menu li a span{
								font-family: var(--p-h3-fontfamily);
								font-size: var(--p-h3-fontsize);
								line-height: var(--p-h3-lineheight);
							}
					}
					#fullscreen_menu .menu li a:after{
						font-family: "Font Awesome 6 Pro";
						color: var(--pure-color);
						content: "\e09f";
						font-weight: 300;
						margin-left: 0.5rem;
					}
					@media(max-width: 767px) {
						#fullscreen_menu .menu li a:after{
							position: absolute;
							right: 0;
							top: 50%;
							transform: translateY(-50%);
							font-size: 2rem
						}
					}
				#fullscreen_menu .menu li a:hover{
					color: var(--pure-color);
				}





#footer{
	margin-bottom: 3rem;
	padding-left: .75rem;
	padding-right: .75rem;
}
    #footer footer{
		display: block;
        width: 100%;
        max-width: var(--container-max-width);
		margin-left: auto;
		margin-right: auto;
        padding: 1rem 1.5rem;
        box-sizing: border-box;
        border-radius: var(--p-radius);
        background-color: var(--pure-color-3);
		color: #fff;
    }
	@media(min-width: 1200px){
		#footer .footer-widget{
			width: 50%;
		}
	}
	@media (max-width: 767px) {
		#footer footer{
        	padding: 1.5rem;
		}
	}

	#footer .socials{
		display: flex;
		gap: 1rem;
	}

        @media (max-width: 767px) {
			#footer .socials{
				justify-content: end;
			}
		}
		#footer .socials .social-item{
			color: var(--pure-color-3);
			background-color: #fff;
			border-radius: var(--p-radius);
			width: 32px;
			height: 32px;
			text-align: center;
			line-height: 32px;
			font-size: 1.1em
		}

	#footer .footer-nav{
		list-style-type: none;
		display: flex;
		gap: 1rem;
		padding: 0;
	}
		@media (min-width: 768px) and (max-width: 1199px) {
			#footer .footer-nav{
				justify-content: end;
			}
		}
		#footer .footer-nav li{}
		#footer .footer-nav li a{
			text-decoration: underline;
			color: #fff;
    		font-size: var(--wp--preset--font-size--small);
		}

	/* Mobilne (domyślnie): 2 obok siebie, kolejne 2 pod spodem */
	#footer .grid-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 16px; /* Odstęp między kolumnami */
	}

	/* Ostatnie dwie kolumny na mobilu rozciągają się na pełną szerokość */
	#footer .grid-container > :nth-child(3),
	#footer .grid-container > :nth-child(4) {
		grid-column: span 2;
	}

	/* Tablet (od 768px): 3 obok siebie, czwarta niżej */
	@media (min-width: 768px) {
	#footer .grid-container {
		grid-template-columns: repeat(3, 1fr);
	}

	/* Reset dla trzeciej kolumny (wskakuje do pierwszego rzędu) */
	#footer .grid-container > :nth-child(3) {
		grid-column: auto;
	}

	/* Czwarta kolumna rozciąga się na całą szerokość poniżej */
	#footer .grid-container > :nth-child(4) {
		grid-column: span 3;
	}
	}

	/* Desktop (Opcjonalnie - np. od 1024px): Wszystkie 4 obok siebie */
	@media (min-width: 1200px) {
	#footer .grid-container {
		grid-template-columns: repeat(4, 1fr);
	}

	#footer .grid-container > :nth-child(4) {
		grid-column: auto;
	}
	}








.x-sep{
	font-weight: 300;
	padding: 0 1rem;
}

.box-image-bg{
	aspect-ratio: 5 / 4;
}
@media(min-width: 768px){
	.box-image-bg{
		aspect-ratio: 16 / 10;
	}
}
.text-blur .elementor-heading-title{

	position: relative;
	color: rgba(255, 255, 255, 0.3); 

}
	.text-blur .elementor-heading-title:before{
	}


	

/*-----------------------------------------*\
				PAGES
\*-----------------------------------------*/


/*-----------------------------------------*\
				RESPONSIVE
\*-----------------------------------------*/


/*-----------------------------------------*\
				IMAGES
\*-----------------------------------------*/


/*-----------------------------------------*\
				COMMON
\*-----------------------------------------*/


body.pure-form input:not([type=submit]):not([type=checkbox]):not([type=radio]), body.pure-form .pure_checkbox>input[type="checkbox"]+.checkmark, body.pure-form .pure_radio>input[type="radio"]+.checkmark, body.pure-form textarea, body.pure-form select, body.pure-form .form-group-control{
    border-color: var(--p-color);
}
body.pure-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):hover, body.pure-form .pure_checkbox>input[type="checkbox"]+.checkmark:hover, body.pure-form .pure_radio>input[type="radio"]+.checkmark:hover, body.pure-form textarea:hover, body.pure-form select:hover, body.pure-form .form-group-control:hover{
    border-color: var(--p-color);
}
body.pure-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus, body.pure-form .pure_checkbox>input[type="checkbox"]+.checkmark:focus, body.pure-form .pure_radio>input[type="radio"]+.checkmark:focus, body.pure-form textarea:focus, body.pure-form select:focus, body.pure-form .form-group-control:focus{
    border-color: var(--p-color);
    background-color: var(--p-box-bg);
}

.wpcf7-form-control-wrap{
    box-sizing: content-box;
    display: block;
    padding: 1px;
}
.wpcf7-form-control-wrap:has(.wpcf7-form-control:focus){
    padding: 0
}


body.pure-form .pure_checkbox>input[type="checkbox"]+.checkmark, body.pure-form .pure_radio>input[type="radio"]+.checkmark,
body.pure-form .pure_checkbox>input[type="checkbox"]+.checkmark:hover{
    background-color: var(--p-color);
}

.widget-timeline{}
	.widget-timeline .item{
		border: 1px solid var(--p-color);
		border-radius: var(--p-radius);
	}
		.widget-timeline .item:before{
			content: "";
			display: block;
			width: 1px;
			height: 3rem;
			background-color: var(--p-color);
			top: -3rem;
			left: 50%;
			position: absolute;
		}
		.widget-timeline .item .qty{
			display: block;;
			color: #fff;
			background: var(--p-color);
			width: 30px;
			height: 30px;
			padding: 0;
			text-align: center;
			line-height: 30px;
			font-size: 1.5rem;
			border-radius: 500px;
			margin-right: 1rem;
		}

			.widget-timeline .item .image img{
				height: 100% !important;
				display: block;
				object-fit: cover;
				-webkit-border-top-left-radius: var(--p-radius);
				-webkit-border-top-right-radius: var(--p-radius);
				-moz-border-radius-topleft: var(--p-radius);
				-moz-border-radius-topright: var(--p-radius);
				border-top-left-radius: var(--p-radius);
				border-top-right-radius: var(--p-radius);
			}
			@media(min-width: 1200px){
				.widget-timeline .item .image img{
					border-radius: var(--p-radius);
				}
			}

		@media(min-width: 1200px){
			.widget-timeline .item .image{
				width: 40%;
			}
			.widget-timeline .item .content{
				width: 60%;
			}

			.widget-timeline .item:not(:first-child).even:before{
				left: 25%;
			}
			.widget-timeline .item:not(:first-child).odd:before{
				left: 75%;
			}
		}

.pure-widget-box{
	padding: 1rem;
}
	.pure-widget-box-item{
		overflow: hidden;
		border-radius: var(--p-radius);
		background-color: var(--p-box-bg);
		margin: .75rem
	}
		.pure-widget-box-item .image-box{
			aspect-ratio: 16 / 9.5;
			overflow: hidden;
			position: relative;
		}
			.pure-widget-box-item .image-box .pure-widget-box-image-bg{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			.pure-widget-box-item .image-box .pure-widget-box-image-person{
				position: absolute;
				top: 5%;
				left: 50%;
				transform: translateX(-50%);
				width: 90%;
				height: 100%;
				object-fit: contain;
				object-position: bottom center;
			}
		.pure-widget-box-item .zywiol{
			font-weight: 700;
		}
		.pure-widget-box-item .desc{
			font-size: .875rem;
			line-height: 1.5em;
		}
	@media(max-width: 767px){
		.pure-widget-box-item .action a span{
			display: none;
		}
	}

	.pure-widget-box{
		/* overflow: hidden; */
	}
		.pure-widget-box .pure-widget-box-slick{
			width: 85%;
		}
			.pure-widget-box .pure-widget-box-slick .slick-list{
    			overflow: visible;
			}
	.pure-widget-box .slick-arrow{
		position: fixed;
		background: #fff;
		color: var(--p-paragraphy-color);
		width: 48px;
		height: 48px;
		border-radius: 50%;
		border: 0;
		box-shadow: 7px 6px 1rem rgba(0, 0, 0, 0.15);
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		font-size: 1.125rem;
		z-index: 10;
	}
		.pure-widget-box .slick-arrow.slick-next{
			left: auto;
			right: 0;
		}

.wpcf7-form-control.wpcf7-not-valid{
    border-color: #dc3232 !important;
}
.wpcf7-form-control.wpcf7-not-valid .wpcf7-list-item{
    color: #dc3232 !important;
}
.wpcf7-form-control.wpcf7-not-valid .wpcf7-list-item .checkmark{
    background-color: #dc3232 !important;
    border-color: #dc3232 !important;
}

.wpcf7-actions{
    position: relative;
}
    .wpcf7-actions .wpcf7-spinner{
        display: block;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.wpcf7-response-output{
	border-radius: var(--p-radius);
}

/*-----------------------------------------*\
				MISC
\*-----------------------------------------*/