o/*
Theme Name:     Kadence-Child
Theme URI:      n/a
Template:       kadence
Author:         Siteart
Author URI:     https://siteart.pl/
Description:    Motyw dziecka dla Kadence
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/* IKONKI DO SEKCJI Z IKONKAMI */

.icon-section {
	transition: all 0.3s ease;
}

.icon-section .kb-icon,
.icon-section .icon-section_icon {
	transition: transform 0.3s ease;
	cursor: pointer;
}

.icon-section:hover .kb-icon,
.icon-section:hover .icon-section_icon {
	transform: scale(1.2);
}

/* STRZALKI DO GALERI  */
@media (min-width: 992px) {
	.galeria-realizacje .splide__arrows {
		position: absolute;
		top: -80px;
		right: 50px;
		display: flex;
		gap: 15px;
	}
	.wp-block-kadence-column.kadence-column1233_525529-fb {
		position: relative;
	}
	.wp-block-kadence-postgrid .splide__arrow--next {
		left: 0;
		right: unset;
	}
	.wp-block-kadence-postgrid .splide__arrow--prev {
		right: 0;
		left: unset;
	}
	.wp-block-kadence-postgrid .splide__arrow--next,
	.wp-block-kadence-postgrid .splide__arrow--prev {
		width: 64px;
		height: 64px;
	}
	.wp-block-kadence-postgrid .kt-blocks-carousel .splide__arrow--next svg,
	.wp-block-kadence-postgrid .kt-blocks-carousel .splide__arrow--prev svg {
		opacity: 0;
	}
	.wp-block-kadence-postgrid .splide__arrow--prev{
		margin-right: 12px;
	}
	.wp-block-kadence-postgrid .splide__arrow--prev {
		background-image: url('https://nv.siteart.pl/wp-content/uploads/2025/10/arrow-left.svg') !important;
	}
	.wp-block-kadence-postgrid .splide__arrow--next {
		background-image: url('https://nv.siteart.pl/wp-content/uploads/2025/10/arrow-right.svg') !important;
	}
	.galeria-realizacje {
		position: relative;
		margin-top: 140px;
	}
	.galeria-realizacje .splide__arrow {
		background-color: transparent !important;
		border: none;
		color: #000;
		font-size: 22px;
		font-size: 0 !important;
		/* opacity: 0.8; */
	}
}

/* STRZALKI DO GALERII */
@media (min-width: 1520px) {

  /* kontener z przyciskami */
  .slider-produkty .splide__arrows {
    top: -80px;
    right: 50px;
    display: flex;
    gap: 15px;
    z-index: 2;
  }

  /* same przyciski */
  .slider-produkty .splide__arrow {
    width: 64px !important;
    height: 64px !important;
    background-color: transparent !important;
    border: 0 !important;
    font-size: 0 !important;     
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
  }

  .slider-produkty .splide__arrow svg {
    display: none !important;
  }

  .slider-produkty .splide__arrow--prev {
    background-image: url('https://nv.siteart.pl/wp-content/uploads/2025/10/arrow-left.svg') !important;
    margin-right: 12px;
	left: -128px!important;
  }
  .slider-produkty .splide__arrow--next {
    background-image: url('https://nv.siteart.pl/wp-content/uploads/2025/10/arrow-right.svg') !important;
	right: -128px!important;
  }

  .slider-produkty.kt-carousel-arrowstyle-whiteondark .splide__arrow {
    background-color: transparent !important;
  }
}

.slider-produkty { position: relative; }
@media (min-width: 1520px) and (max-width: 1580px) {
	 .slider-produkty .splide__arrow--prev {

	left: -64px!important;
  }
  .slider-produkty .splide__arrow--next {
	right: -64px!important;
  }
}
@media  (min-width: 768px) and (max-width: 1520px) {
		 .slider-produkty .splide__arrow--prev {

	left: -24px!important;
  }
  .slider-produkty .splide__arrow--next {
	right: -24px!important;
  }
}
/* form */

form.wpcf7-form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	align-items: flex-start;
	width: 100%;
	background-color: transparent;
	height: 100%;
	position: relative;
	z-index: 1000;
	width: auto;
	background: white;
}

.form-control-group {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	margin-bottom: 10px;
}

.form-control-group.form-control-group--half {
	display: flex;
	flex-direction: row;
	gap: 24px;
	width: 100%;
}

.form-control-group__group {
	position: relative;
}

.form-control-group__label {
	color: #727172;
	font-size: 16px;
	z-index: 2;
	position: absolute;
	top: 12px;
	left: 12px;
	background-color: #ffffff;
	padding: 0 6px;
}

form.wpcf7-form .wpcf7-acceptance {
	margin-bottom: 4px;
	margin-top: 4px;
	display: block;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
}

form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

form.wpcf7-form .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
	margin-left: 4px;
	line-height: 1px;
	color: #151515;
}

body form input[type='text'],
body form input[type='number'],
body form input[type='email'],
body form input[type='tel'],
body form textarea {
	display: flex;
	width: 100%;
	padding: 12px;
	border: 1px solid #d9d9d9;
	background: transparent;
	color: #000;
	font-weight: 400;
	border-radius: 0px;
}
body form textarea {
	width: 100% !important;
	min-width: 100%;
	min-height: 100px;
}
body form p:has(.wpcf7-submit) {
	margin-bottom: 0;
}
body form textarea {
	height: 100px;
	width: 100%;
}

body form.wpcf7-form .wpcf7-submit {
	display: flex;
	border-radius: 0 !important;
	border: none;
}

.wpcf7-not-valid-tip {
	font-size: 12px;
	padding-left: 8px;
}

@media (max-width: 576px) {
	.form-control-group.form-control-group--half {
		flex-direction: column;
		gap: 12px;
	}
}

.wpcf7 form .wpcf7-response-output {
	margin: 0;
}

body form input::placeholder,
body form input[type='text']::placeholder,
body form input[type='number']::placeholder,
body form input[type='email']::placeholder,
body form input[type='tel']::placeholder,
body form textarea::placeholder,
body form input::-webkit-input-placeholder,
body form input[type='text']::-webkit-input-placeholder,
body form input[type='number']::-webkit-input-placeholder,
body form input[type='email']::-webkit-input-placeholder,
body form input[type='tel']::-webkit-input-placeholder,
body form textarea::-webkit-input-placeholder,
body form input[type='text']:-moz-placeholder,
body form input[type='number']:-moz-placeholder,
body form input[type='email']:-moz-placeholder,
body form input[type='tel']:-moz-placeholder,
body form textarea:-moz-placeholder,
body form input[type='text']::-moz-placeholder,
body form input[type='number']::-moz-placeholder,
body form input[type='email']::-moz-placeholder,
body form input[type='tel']::-moz-placeholder,
body form textarea::-moz-placeholder,
body form input[type='text']:-ms-input-placeholder,
body form input[type='number']:-ms-input-placeholder,
body form input[type='email']:-ms-input-placeholder,
body form input[type='tel']:-ms-input-placeholder,
body form textarea:-ms-input-placeholder {
	color: #727172 !important;
	opacity: 0.5;
}

::placeholder {
	color: #727172 !important;
	opacity: 0.5;
}

/* --- Siatka produktow --- */

.categories-wrapper {
	max-width: 100% !important;
	margin: 0 auto;
}

.categories {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
	width: 100%;
}

.categories__item {
	position: relative;
	background-color: #f5f5f5;
	border-radius: 0;
	height: 344px;
	padding: 34px;
	overflow: hidden;
	transition: background-color 0.3s ease;
	cursor: pointer;
}

.categories__item:nth-child(1),
.categories__item:nth-child(2) {
	grid-column: span 3;
}

.categories__item:nth-child(3),
.categories__item:nth-child(4),
.categories__item:nth-child(5) {
	grid-column: span 2;
}

.categories__title {
	position: relative;
	z-index: 3;
	font-family: var(--global-heading-font-family);
	font-size: 40px;
	color: #151515 !important;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 10px;
}

.categories__img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	z-index: 2;
	transition: transform 0.35s ease-in-out;
}

.categories__discover-link {
	position: absolute;
	bottom: 45px;
	left: 35px;
	z-index: 3;
	color: #e6451c;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	opacity: 0;
	transform: translateY(15px);
	transition: opacity 0.35s ease, transform 0.35s ease;
}

.categories__discover-link:hover {
	color: #e6451c;
}

@media (min-width: 992px) {
	.categories__item:hover .categories__img {
	transform: scale(1.08);
}

}
.categories__item:hover .categories__discover-link {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 1440px) {
	.categories__title {
		font-size: 32px;
	}
}
@media (max-width: 1280px) {
	.categories__img {
		max-width: 80%;
		max-height: 80%;
	}
		.categories__img.categories__img--large{
			max-width: 100%;
			max-height: 100%;
		}
}
@media (max-width: 1140px) {
	.categories__title {
		font-size: 26px;
	}
	
}
@media (max-width: 992px) {
	.categories__discover-link {
		display: block;
		margin-top: 24px;
		position: static !important;
		left: unset;
		r: unset;
		transform: unset !important;
		opacity: 1 !important;
	}
	.categories {
		grid-template-columns: 1fr 1fr;
	}

	.categories__item:nth-child(n) {
		grid-column: auto;
	}

	.categories__item:nth-child(5) {
		grid-column: span 2;
	}
	.categories__title {
		font-size: 25px;
	}
	.categories__item {
		height: 360px;
	}
}

@media (max-width: 576px) {
	.categories__item {
		padding: 24px;
	}
	.categories__discover-link {
		margin-top: 16px;
	}
	.categories {
		grid-template-columns: 1fr;
	}
	.categories__item:nth-child(n) {
		grid-column: auto;
	}
	.categories__img {
		max-width: 75%;
		max-height: 75%;
	}
	.categories__img.categories__img--large{
		max-width: 100%;
		max-height: 100%;
		/* transform: scale(1.05); */
		/* right: 10px; */
	}
	.categories__item:nth-child(1) img{
		max-width: 90%;
		max-height: 90%;
	}
		.categories__item:nth-child(3) img{
			max-width: 80%;
			max-height: 80%;
		}
}

/* Ukryj mobilny obrazek na desktopie */
.categories__img--mobile {
  display: none;
}

/* Pokaż mobilny obrazek tylko na urządzeniach mobilnych */
@media (max-width: 576px) {
  	.categories__item:nth-child(5) .categories__img--large:not(.categories__img--mobile) {
    display: none;
  }
  .categories__img--mobile {
    display: block;
  }
}

/* fix naglowka */
@media (min-width: 1025px) {
	.transparent-header #masthead {
		position: static !important;
	}
}

/* fix hero < 1600px */
/* @media (min-width: 992px)  and (max-width: 1599px) {
	.kb-row-layout-id1233_e4e04c-f5 > .kt-row-column-wrap {
		min-height: 650px !important;
	}
} */

/* logo fade */
.logo-fade div::before {
	transition: all 0.3s ease-in-out;
	position: absolute !important;
	width: 480px;
	height: 450px;
	top: 50% !important;
	left: 50% !important;
	bottom: unset !important;
	right: unset !important;
	transform: translate(-50%, -50%) !important;
	border-radius: 50% !important;
	background: radial-gradient(
		ellipse at center,
		rgba(255, 255, 255, 1) 55%,
		rgba(255, 255, 255, 0) 100%
	);
	opacity: 1 !important;
	background-repeat: no-repeat;
}
.logo-fade div {
	position: relative;
}

@media (max-width: 992px) {
	.logo-fade div::before {
		width: 320px !important;
		height: 350px !important;
		background: radial-gradient(
			ellipse at center,
			rgba(255, 255, 255, 1) 55%,
			rgba(255, 255, 255, 0) 100%
		);
	}
	.logo-fade .logo-fade-img {
		width: 250px !important;
		height: 180px !important;
	}
}

@media (max-width: 768px) {
	.logo-fade div::before {
		width: 320px !important;
		height: 350px !important;
		background: radial-gradient(
			ellipse at center,
			rgba(255, 255, 255, 1) 55%,
			rgba(255, 255, 255, 0) 100%
		);
	}
	.logo-fade .logo-fade-img {
		width: 200px !important;
		height: 150px !important;
	}
}
@media (max-width: 445px) {
	.logo-fade div::before {
		width: 220px !important;
		height: 140px !important;
		background: radial-gradient(
			ellipse at center,
			rgba(255, 255, 255, 1) 55%,
			rgba(255, 255, 255, 0) 100%
		);
	}

	.logo-fade .logo-fade-img {
		width: 170px !important;
	}
}

/* stopka */
.realizacja-wrapper {
	justify-content: flex-end !important;
}

@media (max-width: 992px) {
	.realizacja-wrapper {
		justify-content: center !important;
	}
}

/* zdjecie przy formularzu */
.form-aside-img > div {
	position: absolute;
	bottom: 55px;
	left: 80%;
	width: 60vw;
	height: auto;
	transition: all 0.3s ease;
}

@media (max-width: 720px) {
	.ft-ro-dir-row
		.footer-section-inner-items-2
		.footer-widget-area.content-tablet-align-center:first-child,
	.ft-ro-dir-row
		.footer-section-inner-items-2
		.footer-widget-area.content-tablet-align-center:first-child
		~ .footer-widget-area:last-child {
		margin: 0 auto;
	}
	.ft-ro-dir-row
		.footer-section-inner-items-2
		.footer-widget-area.content-tablet-align-center:first-child
		~ .footer-widget-area:last-child {
		margin-bottom: 12px;
	}
}
@media (max-width: 991px) {
	.form-aside-img > div {
		width: 45vw;
		height: auto;
		left: 60%;
		bottom: 30px;
	}
}

.site-main-header-wrap .site-header-row-container-inner {
	background: transparent;
}

@media (max-width: 991px) {
	.contact-icons-wrapper .kt-blocks-info-box-media {
		margin-right: 24px !important;
	}

	body
		.contact-icons-wrapper
		.kt-infobox-textcontent
		p.kt-blocks-info-box-title {
		margin-bottom: 0;
	}
}

@media (max-width: 576px) {
	.contact-icons-wrapper .kt-blocks-info-box-media {
		margin-right: 16px !important;
	}
	.contact-icons-wrapper .kadence-info-box-icon-container .kt-info-svg-icon {
		font-size: 40px !important;
	}
	body
		.contact-icons-wrapper
		.kt-infobox-textcontent
		p.kt-blocks-info-box-title {
		font-size: 16px !important;
	}
	body
		.contact-icons-wrapper
		.wp-block-kadence-infobox
		.kt-blocks-info-box-text {
		font-size: 18px !important;
	}
}


:root {
	--container-width: 1540px;
	--svg-width: 88px;
	--gap: 50px;
}

.side-svg--left,
.side-svg--right {
	position: fixed;
	top: calc(50vh + 75px);
	transform: translateY(-50%);
	width: var(--svg-width);
	height: auto;
	z-index: 10;
	pointer-events: none;
}

.side-svg--left {
	left: calc(((100vw - var(--container-width)) / 4) - (var(--svg-width) / 2));
}

.side-svg--right {
	right: calc(((100vw - var(--container-width)) / 4) - (var(--svg-width) / 2));
	left: auto;
}

.side-svg--left.is-locked,
.side-svg--right.is-locked {
	position: absolute;
	transform: none;
}

@media (max-width: 1600px) {
	.side-svg--left,
	.side-svg--right {
		display: none;
	}
}

@media (min-width: 1920px) {
}

.side-svg--left img,
.side-svg--right img,
.side-svg--left svg,
.side-svg--right svg {
	display: block;
	width: 100%;
	height: auto;
}




.slider-section-text {
	padding-bottom: 2.8vw !important;
}
@media (max-width: 1930px) {
	.slider-section-text {
	padding-bottom: 2vw !important;
}
}
@media (max-width: 1600px) {
	.slider-section-text {
		padding-bottom: 24px !important;
	}	.slider-text {
		font-size: 58px !important;
	}
	.slider-section-text img{
		max-width: 110px;
	}
}

@media (max-width: 1280px) {
	.slider-section-text{
		padding-bottom: 16px !important;
	}
		.slider-text {
		font-size: 48px !important;
	}
		.slider-section-text img{
		max-width: 100px;
	}
}
@media (max-width: 1140px) {

.slider-section-text{
		padding-bottom: 2vw !important;
	}
		.slider-text {
		font-size: 40px !important;
	}
		.slider-section-text img{
		max-width: 80px;
	}
	
}
/* 
@media (max-width: 1024px) {
	.wp-block-kadence-slider.home-slider .kb-advanced-slide-inner-wrap {
		background-position: 50% 45% !important;
	}

	.wp-block-kadence-slider.home-slider  .splide__slide{
		min-height: 650px;
	}
} */

@media (max-width: 992px) {
	.slider-text {
		font-size: 36px !important;
	}
			.slider-section-text figure{
				display: none!important;
			}
}
@media (max-width: 767px) {
.slider-section-text {
		padding-bottom: 12vw !important;
	}

.home-slider	  .wp-block-kadence-slide:nth-child(1) .kb-advanced-slide-inner-wrap {
    background-image: url('https://no-vibration.com/wp-content/uploads/2025/11/slider-NV-1-mobile.webp') !important;
  }

.home-slider	  .wp-block-kadence-slide:nth-child(2) .kb-advanced-slide-inner-wrap {
    background-image: url('https://no-vibration.com/wp-content/uploads/2025/11/slider-NV-2-mobile.webp') !important;
  }
.home-slider	 .wp-block-kadence-slide:nth-child(3) .kb-advanced-slide-inner-wrap {
    background-image: url('https://no-vibration.com/wp-content/uploads/2025/11/slider-NV-3-mobile.webp') !important;
  }
 .home-slider	 .wp-block-kadence-slide:nth-child(4) .kb-advanced-slide-inner-wrap {
    background-image: url('https://no-vibration.com/wp-content/uploads/2025/11/slider-NV-4-mobile.webp') !important;
  }
 .home-slider	 .wp-block-kadence-slide:nth-child(5) .kb-advanced-slide-inner-wrap {
    background-image: url('https://no-vibration.com/wp-content/uploads/2025/11/slider-NV-5-mobile.webp') !important;
  }
  .home-slider	.wp-block-kadence-slide:nth-child(6) .kb-advanced-slide-inner-wrap {
    background-image: url('https://no-vibration.com/wp-content/uploads/2025/11/slider-NV-6-mobile.webp') !important;
  }
 .home-slider	.wp-block-kadence-slide:nth-child(7) .kb-advanced-slide-inner-wrap {
    background-image: url('https://no-vibration.com/wp-content/uploads/2025/11/slider-NV-7-mobile.webp') !important;
  }

}

@media (max-width: 576px) {
	/* .wp-block-kadence-slider.home-slider .kb-advanced-slide-inner-wrap {
		background-position: 50% 45% !important;
	}
	.kb-slider-size-ratio.kb-slider-mobile-ratio-2-3 .kb-advanced-slide {
		padding-bottom: 175%;
	} */

	.slider-section-text {
		padding-bottom: 7vw !important;

	}
}

@media (max-width: 460px) {
.slider-section-text {
		padding-bottom: 5vw !important;
	}
	
}

@media (max-width: 400px) {
	.slider-text {
		font-size: 32px !important;
		
	}
	.slider-section-text{
		padding-bottom: 4vw !important;

	}
}

@media (max-width: 360px) {
	.slider-text {
		font-size: 28px !important;

	}
		.slider-section-text{
		padding-bottom: 2vw !important;

	}
}

.sekcja-realizacje .kadence-post-image-inner-wrap img {
	transition: transform 0.3s ease;
}

.sekcja-realizacje .kadence-post-image-inner-wrap:hover img {
	transform: scale(1.08);
}

.homepage-cytat {
	max-width: 576px;
	width: 100%;
	height: auto;
}
@media (max-width: 992px) {
	.homepage-cytat {
		width: 100%;
		height: auto;
	}
}

.custom-heading {
	display: flex;
	flex-direction: column;

	font-size: 80px !important;
	line-height: 80px !important;
	text-transform: uppercase;
	letter-spacing: 0%;
}
.custom-heading span {
	font-size: 32px !important;
	line-height: 32px !important;
}

@media (max-width: 1480px) {
	/* .sekcja-produktowa > .kt-row-column-wrap {
		gap: 32px!important;

		grid-template-columns: minmax(0, calc(40% - ((32px * 2) / 3))) minmax(
				0,
				calc(40% - ((32px * 2) / 3))
			) minmax(0, calc(20% - ((32px * 2) / 3))) !important;


	} */
	.sekcja-produktowa .custom-heading{
		font-size: 52px!important;
		line-height: 52px!important;
	}
	.sekcja-produktowa .custom-heading span {
	font-size: 26px !important;
	line-height: 26px  !important;
}
}
@media (max-width: 1280px) {
	/* .sekcja-produktowa > .kt-row-column-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sekcja-produktowa > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1){
		display: flex;
		width: calc(100% / 2 - 48px);
	}
		.sekcja-produktowa > .kt-row-column-wrap >  .wp-block-kadence-column:nth-child(2){
		display: flex;
		width: calc(100% / 2 -  48px);
	}
		.sekcja-produktowa > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3){
		display: flex;
		width: 100%;
	}
	.sekcja-produktowa > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3)  .kt-inside-inner-col .kb-row-layout-wrap{
		width: 100%;
	}
	.sekcja-produktowa > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3)  .kt-inside-inner-col .kt-row-column-wrap {
		display: flex; 
		justify-content: space-between;
		width: 100%;
		padding-right: 48px;
	} */

	
}

@media (max-width: 768px) {
	/* .sekcja-produktowa > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3) .kt-inside-inner-col .kt-row-column-wrap{
		justify-content: center;
		flex-direction: column;
	}
.sekcja-produktowa > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1){
		display: flex;
		width: calc(100% / 2 - 16px);
	}
		.sekcja-produktowa > .kt-row-column-wrap >  .wp-block-kadence-column:nth-child(2){
		display: flex;
		width: calc(100% / 2 -  16px);
	} */

		.sekcja-produktowa .custom-heading{
		font-size: 40px!important;
		line-height: 40px!important;
	}
	.sekcja-produktowa .custom-heading span {
	font-size: 22px !important;
	line-height: 22px  !important;
}
}
@media (max-width: 576px) {
	/* .sekcja-produktowa > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1){
		display: flex;
		width: calc(100%);
	}
		.sekcja-produktowa > .kt-row-column-wrap >  .wp-block-kadence-column:nth-child(2){
		display: flex;
		width: calc(100%);
		margin-top: 36px!important;
	} */
}