.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}.elementor .e-form-input-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-input-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-input-base::placeholder{color:#9DA5AE;}.elementor .e-form-label-base{font-size:14px;color:#0c0d0e;}.elementor .e-form-textarea-base{font-size:12px;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-textarea-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-textarea-base::placeholder{color:#9DA5AE;}.elementor .e-form-submit-button-base{color:#fff;padding-block-start:10px;padding-block-end:10px;padding-inline-start:28px;padding-inline-end:30px;border-radius:0px;border-width:0px;background-color:#000;display:flex;justify-content:center;align-items:center;}.elementor .e-form-submit-button-base:hover,.elementor .e-form-submit-button-base:focus-visible{background-color:#323232;}.elementor .e-form-checkbox-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-checkbox-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-checkbox-base:checked{background-color:#69727D;}.elementor .e-form-checkbox-base::before{width:65%;height:65%;background-color:currentColor;opacity:0%;transform-origin:0% 100% 0px;content:"";clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.elementor .e-form-checkbox-base:checked::before{opacity:100%;}.elementor .e-form-radio-button-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:50%;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-radio-button-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-radio-button-base:checked{background-color:transparent;}.elementor .e-form-radio-button-base::before{width:65%;height:65%;border-radius:50%;background-color:#706F6F;opacity:0%;content:"";}.elementor .e-form-radio-button-base:checked::before{opacity:100%;}.elementor .e-form-date-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-date-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-time-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-time-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-select-base{font-size:12px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;}.elementor .e-form-select-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-file-upload-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-file-upload-base:focus{border-color:#706F6F;outline-style:none;}@media(max-width:767px){.elementor .e-grid-base{grid-template-columns:repeat(1, 1fr);}}/* ------------------------------------------------------------------
 * Niewinski Okna - kompensacja wygladu po uporzadkowaniu POZIOMOW naglowkow
 *
 * Porzadkujemy hierarchie (zeby nie bylo przeskokow h1 -> h5 czy h2 -> h4),
 * ale wyglad ma zostac CO DO PIKSELA taki sam. Kazdy element, ktoremu
 * zmieniono znacznik, dostaje tu z powrotem metryki SWOJEGO STAREGO znacznika.
 *
 * Wartosci nie sa zgadywane - pochodza wprost z motywu:
 *   - desktop:   zmienne --theme-font-hN_* z custom.css
 *   - <=1279px:  responsive.css (nadpisany tylko font-size; interlinia
 *                i marginesy sa w "em", wiec skaluja sie same)
 *   - <=1023px:  responsive.css
 *   - <=767px:   j.w. + wyzerowany letter-spacing
 *   - <=479px:   j.w.
 *
 * Skala motywu, dla porzadku (desktop / 1279 / 1023 / 767 / 479):
 *   h2  2.765em / 36 / 30 / 25 / 23 px
 *   h3  2.059em / 28 / 25 / 23 / 21 px
 *   h4  1.529em / 23 / 22 / 21 / 19 px
 *   h5  1.412em / 20 / 20 / 19 / 18 px
 *   h6  1.118em / 18 / 18 / 17 / 17 px
 *
 * STOPKA JEST CELOWO POMINIETA - tytuly "Odwiedz nas" i "Porozmawiajmy"
 * zostaja jako h6 (decyzja z 22.09).
 * ------------------------------------------------------------------ */


/* ==================================================================
 * CZESC 1: naglowki przestawiane przy renderowaniu (klasy nw-was-hN)
 *
 * DLACZEGO :where()
 * Te naglowki siedza w listach wpisow, realizacji i w nawigacji, gdzie
 * o rozmiarze decyduje caly stos regul motywu - raz klasa ukladu, raz goly
 * znacznik, inaczej na kazdej szerokosci ekranu. Zamiast przepisywac ten
 * stos (i przeoczyc jedna regule na trzydziesci), wchodzimy w kaskade
 * DOKLADNIE tam, gdzie siedzial znacznik, ktory zastepujemy.
 *
 * :where() nie dodaje specyficznosci, wiec selektor "h3:where(.nw-was-h5)"
 * wazy tyle samo co samo "h3" - czyli tyle, co goly "h5" przed zmiana.
 * Skutek: nasza regula wygrywa wszedzie tam, gdzie wczesniej wygrywal goly
 * znacznik, i przegrywa z kazda regula opartana klasach ukladu - dokladnie
 * tak, jak przegrywal goly znacznik. Rownowaznosc wynika z konstrukcji,
 * nie z wyliczenia przypadkow.
 *
 * Arkusz laduje jako ostatni, wiec przy remisie specyficznosci
 * (nasza regula kontra goly nowy znacznik) wygrywa nasza.
 * ================================================================== */

/* --- bylo h3 (pierwszy wpis na /baza-wiedzy/) -------------------- */
h2:where(.nw-was-h3),
h3:where(.nw-was-h3),
h4:where(.nw-was-h3) {
	font-size: 2.059em;
	line-height: 1.086em;
	letter-spacing: -1px;
	margin-top: 1.15em;
	margin-bottom: 0.63em;
}

@media (max-width: 1279px) {
	h2:where(.nw-was-h3),
	h3:where(.nw-was-h3),
	h4:where(.nw-was-h3) {
		font-size: 28px;
	}
}

@media (max-width: 1023px) {
	h2:where(.nw-was-h3),
	h3:where(.nw-was-h3),
	h4:where(.nw-was-h3) {
		font-size: 25px;
		line-height: 29px;
		margin-top: 25px;
		margin-bottom: 16px;
	}
}

@media (max-width: 767px) {
	h2:where(.nw-was-h3),
	h3:where(.nw-was-h3),
	h4:where(.nw-was-h3) {
		font-size: 23px;
		line-height: 27px;
		margin-top: 24px;
		margin-bottom: 14px;
		letter-spacing: 0;
	}
}

@media (max-width: 479px) {
	h2:where(.nw-was-h3),
	h3:where(.nw-was-h3),
	h4:where(.nw-was-h3) {
		font-size: 21px;
		line-height: 25px;
		margin-top: 22px;
		margin-bottom: 13px;
		letter-spacing: 0;
	}
}


/* --- bylo h4 (kafle wpisow na stronie glownej i /baza-wiedzy/,
 *              kafle ikon na /o-nas/ i /okna-premium-prestige/) ---- */
h2:where(.nw-was-h4),
h3:where(.nw-was-h4) {
	font-size: 1.529em;
	line-height: 1.214em;
	letter-spacing: -0.5px;
	margin-top: 1.44em;
	margin-bottom: 0.62em;
}

@media (max-width: 1279px) {
	h2:where(.nw-was-h4),
	h3:where(.nw-was-h4) {
		font-size: 23px;
	}
}

@media (max-width: 1023px) {
	h2:where(.nw-was-h4),
	h3:where(.nw-was-h4) {
		font-size: 22px;
		line-height: 27px;
		margin-top: 24px;
		margin-bottom: 15px;
	}
}

@media (max-width: 767px) {
	h2:where(.nw-was-h4),
	h3:where(.nw-was-h4) {
		font-size: 21px;
		line-height: 25px;
		margin-top: 21px;
		margin-bottom: 12px;
		letter-spacing: 0;
	}
}

@media (max-width: 479px) {
	h2:where(.nw-was-h4),
	h3:where(.nw-was-h4) {
		font-size: 19px;
		line-height: 23px;
		margin-top: 20px;
		margin-bottom: 12px;
		letter-spacing: 0;
	}
}


/* --- bylo h5 (realizacje: siatka na /realizacje/ i suwaki) -------- */
h2:where(.nw-was-h5),
h3:where(.nw-was-h5) {
	font-size: 1.412em;
	line-height: 1.208em;
	letter-spacing: -0.5px;
	margin-top: 1.55em;
	margin-bottom: 0.8em;
}

@media (max-width: 1279px) {
	h2:where(.nw-was-h5),
	h3:where(.nw-was-h5) {
		font-size: 20px;
	}
}

@media (max-width: 1023px) {
	h2:where(.nw-was-h5),
	h3:where(.nw-was-h5) {
		font-size: 20px;
		line-height: 25px;
		margin-top: 20px;
		margin-bottom: 12px;
	}
}

@media (max-width: 767px) {
	h2:where(.nw-was-h5),
	h3:where(.nw-was-h5) {
		font-size: 19px;
		line-height: 23px;
		margin-top: 20px;
		margin-bottom: 11px;
		letter-spacing: 0;
	}
}

@media (max-width: 479px) {
	h2:where(.nw-was-h5),
	h3:where(.nw-was-h5) {
		font-size: 18px;
		line-height: 22px;
		margin-top: 20px;
		margin-bottom: 10px;
		letter-spacing: 0;
	}
}


/* --- bylo h6 (na stronie wpisu: nawigacja "poprzedni / nastepny"
 *              oraz tytuly w bloku "Zobacz rowniez") --------------- */
h3:where(.nw-was-h6),
h4:where(.nw-was-h6) {
	font-size: 1.118em;
	line-height: 1.474em;
	letter-spacing: -0.6px;
	margin-top: 1.75em;
	margin-bottom: 1.1em;
}

@media (max-width: 1279px) {
	h3:where(.nw-was-h6),
	h4:where(.nw-was-h6) {
		font-size: 18px;
		margin-bottom: 12px;
	}
}

@media (max-width: 1023px) {
	h3:where(.nw-was-h6),
	h4:where(.nw-was-h6) {
		font-size: 18px;
		line-height: 22px;
		margin-top: 23px;
		margin-bottom: 10px;
	}
}

@media (max-width: 767px) {
	h3:where(.nw-was-h6),
	h4:where(.nw-was-h6) {
		font-size: 17px;
		line-height: 21px;
		margin-top: 18px;
		margin-bottom: 9px;
		letter-spacing: 0;
	}
}

@media (max-width: 479px) {
	h3:where(.nw-was-h6),
	h4:where(.nw-was-h6) {
		font-size: 17px;
		line-height: 21px;
		margin-top: 18px;
		margin-bottom: 8px;
		letter-spacing: 0;
	}
}


/* ==================================================================
 * CZESC 2: naglowki przestawione w danych Elementora (strona glowna)
 *
 * Tu znamy konkretne widgety, wiec celujemy w nie wprost - to czytelniejsze
 * niz dokladanie im klas i pewniejsze niz poleganie na kolejnosci arkuszy.
 * ================================================================== */

/* --- "Patryk Niewinski" (widget cebd270): h5 -> h2 ---------------
 * Pierwszy naglowek po H1, wiec przeskok h1 -> h5 byl najgorszy na
 * witrynie. Widget nie ma przypietej typografii, rozmiar szedl wprost
 * z reguly h5 - odtwarzamy komplet metryk h5.
 * Uwaga: przy <=767 i <=479 o interlinii decydowala regula
 * h5.sc_item_title (20 px), a nie sam znacznik - stad te wartosci.   */

.page-id-62 .elementor-element-cebd270 h2.sc_item_title {
	font-size: 1.412em;
	line-height: 1.208em;
	letter-spacing: -0.5px;
	margin-top: 1.55em;
	margin-bottom: 0.8em;
}

@media (max-width: 1279px) {
	.page-id-62 .elementor-element-cebd270 h2.sc_item_title {
		font-size: 20px;
	}
}

@media (max-width: 1023px) {
	.page-id-62 .elementor-element-cebd270 h2.sc_item_title {
		font-size: 20px;
		line-height: 25px;
		margin-top: 20px;
		margin-bottom: 12px;
	}
}

@media (max-width: 767px) {
	.page-id-62 .elementor-element-cebd270 h2.sc_item_title {
		font-size: 19px;
		line-height: 20px;
		margin-top: 20px;
		margin-bottom: 11px;
		letter-spacing: 0;
	}

	/* Motyw zmniejszal podpis "Wlasciciel" regula zalezna od znacznika
	 * tytulu (.sc_title_default h5.sc_item_title_tag + .sc_title_subtitle).
	 * Po zmianie na h2 przestala pasowac - odtwarzamy ja punktowo.     */
	.page-id-62 .elementor-element-cebd270 .sc_title_subtitle {
		font-size: 1em;
	}
}

@media (max-width: 479px) {
	.page-id-62 .elementor-element-cebd270 h2.sc_item_title {
		font-size: 18px;
		line-height: 20px;
		margin-top: 20px;
		margin-bottom: 10px;
		letter-spacing: 0;
	}
}


/* --- Etykiety "Segment" x3: h6 -> h3 ------------------------------
 * To widgety atomowe Elementora. font-size (14px), letter-spacing,
 * grubosc i kolor sa przypiete w local-62-frontend-desktop.css, a
 * .e-heading-base zeruje marginesy - jedyna rzecza, ktora zalezala od
 * znacznika, byla INTERLINIA. Tylko ona wymaga odtworzenia.          */

.elementor .e-4834d36-f938cc3.e-heading-base,
.elementor .e-d5054c7-094fbca.e-heading-base,
.elementor .e-4592346-541545f.e-heading-base {
	line-height: 1.474em;
}

@media (max-width: 1023px) {
	.elementor .e-4834d36-f938cc3.e-heading-base,
	.elementor .e-d5054c7-094fbca.e-heading-base,
	.elementor .e-4592346-541545f.e-heading-base {
		line-height: 22px;
	}
}

@media (max-width: 767px) {
	.elementor .e-4834d36-f938cc3.e-heading-base,
	.elementor .e-d5054c7-094fbca.e-heading-base,
	.elementor .e-4592346-541545f.e-heading-base {
		line-height: 21px;
	}
}
