motywu wyrównanie DZIEDZICZY po rodzicu */
.elementor-281 .elementor-element.elementor-element-504755d .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-281 .elementor-element.elementor-element-504755d .elementor-widget:not(:last-child) { margin-bottom: 0; }
/* Elementor nadaje .elementor-widget-wrap > .elementor-element position: relative.
Widget html z samymi dekoracjami ma wysokość 0 — bez tego stawał się blokiem
zawierającym dla absolutnych rybek i wstążek i cała dekoracja szła na górę sekcji. */
.elementor-281 .elementor-element.elementor-element-504755d .m16-deco { position: static; }
/* .my-auto motywu: pionowe wyśrodkowanie + padding 90px (style.css, sekcja poprawek) */
.elementor-281 .elementor-element.elementor-element-504755d > .elementor-container > .elementor-column.about-two__content > .elementor-widget-wrap {
width: 100%; margin-top: auto; margin-bottom: auto; padding: 90px 15px;
}
/* wariant .one ma w motywie padding 94 px (section.about-two.one .my-auto) */
/* UWAGA: bez .elementor-281 .elementor-element.elementor-element-504755d > .elementor-container > .elementor-column — ta zmienna sama zaczyna się od `.elementor-281 .elementor-element.elementor-element-504755d`, a Elementor podmienia
KAŻDE wystąpienie tego słowa, więc `.elementor-281 .elementor-element.elementor-element-504755d.one .elementor-281 .elementor-element.elementor-element-504755d > .elementor-container > .elementor-column` dawało bzdurny selektor
z dwoma prefiksami i reguła nigdy nie łapała. */
.elementor-281 .elementor-element.elementor-element-504755d.one > .elementor-container > .elementor-column.about-two__content > .elementor-widget-wrap { padding-top: 94px; padding-bottom: 94px; }
/* .about-two__content .block-title { margin-bottom: 35px } */
.elementor-281 .elementor-element.elementor-element-504755d .block-title { margin-bottom: 35px; }
/* .about-two__content > p — siedzi teraz w .elementor-widget-container */
.elementor-281 .elementor-element.elementor-element-504755d .m16-about2__p p { margin: 0; }
/* responsive.css motywu (.about-two__content: padding 120px poniżej 991, 30px poniżej 767)
łapie SAM, bo tę klasę niesie kolumna — i w oryginale ten padding też DOKŁADA się do
90 px z .my-auto, zamiast je zastępować. Nadpisywanie go tutaj dawało 240 zamiast 210. *//* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a337f84 */.elementor-281 .elementor-element.elementor-element-a337f84 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* .elementor-widget-image ma wbudowane text-align:center — gołe ![]()
motywu
dziedziczą wyrównanie po rodzicu (patrz: najczęstsza usterka w audycie #949) */
.elementor-281 .elementor-element.elementor-element-a337f84 .elementor-widget-image, .elementor-281 .elementor-element.elementor-element-a337f84 .elementor-widget-button { text-align: inherit; }
/* to samo na samym : Elementor centruje jego treść, a goły
motywu wyrównanie DZIEDZICZY po rodzicu */
.elementor-281 .elementor-element.elementor-element-a337f84 .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-281 .elementor-element.elementor-element-a337f84 .elementor-widget:not(:last-child) { margin-bottom: 0; }
/* Elementor nadaje .elementor-widget-wrap > .elementor-element position: relative.
Widget html z samymi dekoracjami ma wysokość 0 — bez tego stawał się blokiem
zawierającym dla absolutnych rybek i wstążek i cała dekoracja szła na górę sekcji. */
.elementor-281 .elementor-element.elementor-element-a337f84 .m16-deco { position: static; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6895c7c */.elementor-281 .elementor-element.elementor-element-6895c7c .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-281 .elementor-element.elementor-element-6895c7c .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-281 .elementor-element.elementor-element-6895c7c .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-281 .elementor-element.elementor-element-6895c7c .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-281 .elementor-element.elementor-element-6895c7c .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-281 .elementor-element.elementor-element-6895c7c .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-281 .elementor-element.elementor-element-6895c7c .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-281 .elementor-element.elementor-element-6895c7c::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: url(//otss.m16.pl/wp-content/uploads/2021/04/video-bg-2-1.jpg);
background-position: center center;
background-attachment: fixed;
background-size: cover;
opacity: 0.2;
}
/* .video-one .container { position: relative } — treść nad tłem */
.elementor-281 .elementor-element.elementor-element-6895c7c .m16-container > .elementor-container { position: relative; }
.elementor-281 .elementor-element.elementor-element-6895c7c .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-d05e46c */.elementor-281 .elementor-element.elementor-element-d05e46c .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-281 .elementor-element.elementor-element-d05e46c .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-281 .elementor-element.elementor-element-d05e46c .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-281 .elementor-element.elementor-element-d05e46c .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-281 .elementor-element.elementor-element-d05e46c .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-281 .elementor-element.elementor-element-d05e46c .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-281 .elementor-element.elementor-element-d05e46c .m16-container > .elementor-container { max-width: 1200px; } }
/* .funfact-one .container jest blokiem zawierającym dla obróconego napisu */
.elementor-281 .elementor-element.elementor-element-d05e46c .m16-container > .elementor-container { position: relative; }
.elementor-281 .elementor-element.elementor-element-d05e46c .m16-container > .elementor-container > .elementor-column,
.elementor-281 .elementor-element.elementor-element-d05e46c .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { position: static; padding: 0; }
.elementor-281 .elementor-element.elementor-element-d05e46c .elementor-widget-wrap > .funfact-one__title { position: absolute; }
/* Elementor daje widgetom width:100%, co bije szerokości paska z motywu */
.elementor-281 .elementor-element.elementor-element-d05e46c .elementor-widget.funfact-one__title {
width: 283px;
/* wysokość jest częścią układu: transform motywu to rotate(-90deg) translateX(-100% + 96px),
więc przy wysokości auto (34 px zamiast 96 px) obrócony pasek ląduje gdzie indziej */
height: 96px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) { .elementor-281 .elementor-element.elementor-element-d05e46c .elementor-widget.funfact-one__title { width: 373px; } }
/* w motywie ujemny margines .inner-container zapada się z .container i wychodzi poza
sekcję (kolejny blok wjeżdża na żółte pole). Warstwy Elementora zapadania nie
przepuszczają, więc margines przenoszę na samą sekcję — efekt identyczny. */
.elementor-281 .elementor-element.elementor-element-d05e46c .inner-container { margin-bottom: 0; }
.elementor-281 .elementor-element.elementor-element-d05e46c { margin-bottom: -141.5px; }
@media (max-width: 767px) {
.elementor-281 .elementor-element.elementor-element-d05e46c .elementor-widget.funfact-one__title { position: relative; width: 100%; }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b14f868 */.elementor-281 .elementor-element.elementor-element-b14f868 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-281 .elementor-element.elementor-element-b14f868 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-281 .elementor-element.elementor-element-b14f868 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-281 .elementor-element.elementor-element-b14f868 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-281 .elementor-element.elementor-element-b14f868 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-281 .elementor-element.elementor-element-b14f868 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-281 .elementor-element.elementor-element-b14f868 .m16-container > .elementor-container { max-width: 1200px; } }
/* odpowiednik diva .*__bg — absolutne tło o opacity .4 */
.elementor-281 .elementor-element.elementor-element-b14f868::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: url(//otss.m16.pl/wp-content/uploads/2021/04/water-wave-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
opacity: 0.4;
}
/* .block-title > img — w Elementorze obrazek siedzi w .elementor-widget-container */
.elementor-281 .elementor-element.elementor-element-b14f868 .block-title .elementor-widget-image img { display: block; }
.elementor-281 .elementor-element.elementor-element-b14f868 .block-title.text-center .elementor-widget-image img { margin-left: auto; margin-right: auto; }
/* Elementor rozstawia widgety o 20 px — w oryginale odstępy dają marginesy p/h3 */
.elementor-281 .elementor-element.elementor-element-b14f868 .elementor-widget:not(:last-child) { margin-bottom: 0; }
@media (max-width: 375px) { .elementor-281 .elementor-element.elementor-element-b14f868 .block-title .elementor-heading-title { font-size: 45px; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-aa81531 */.elementor-281 .elementor-element.elementor-element-aa81531 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-281 .elementor-element.elementor-element-aa81531 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-281 .elementor-element.elementor-element-aa81531 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-281 .elementor-element.elementor-element-aa81531 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-281 .elementor-element.elementor-element-aa81531 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-281 .elementor-element.elementor-element-aa81531 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-281 .elementor-element.elementor-element-aa81531 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-281 .elementor-element.elementor-element-aa81531 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7e46a17 */.elementor-281 .elementor-element.elementor-element-7e46a17 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
/* .elementor-widget-image ma wbudowane text-align:center — gołe ![]()
motywu
dziedziczą wyrównanie po rodzicu (patrz: najczęstsza usterka w audycie #949) */
.elementor-281 .elementor-element.elementor-element-7e46a17 .elementor-widget-image, .elementor-281 .elementor-element.elementor-element-7e46a17 .elementor-widget-button { text-align: inherit; }
/* to samo na samym : Elementor centruje jego treść, a goły
motywu wyrównanie DZIEDZICZY po rodzicu */
.elementor-281 .elementor-element.elementor-element-7e46a17 .elementor-button { text-align: inherit; }
/* Elementor rozstawia widgety o 20 px; w oryginale odstępy dają marginesy p/h3 */
.elementor-281 .elementor-element.elementor-element-7e46a17 .elementor-widget:not(:last-child) { margin-bottom: 0; }
/* Elementor nadaje .elementor-widget-wrap > .elementor-element position: relative.
Widget html z samymi dekoracjami ma wysokość 0 — bez tego stawał się blokiem
zawierającym dla absolutnych rybek i wstążek i cała dekoracja szła na górę sekcji. */
.elementor-281 .elementor-element.elementor-element-7e46a17 .m16-deco { position: static; }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7a26214 */.elementor-281 .elementor-element.elementor-element-7a26214 .elementor-widget:not(:last-child) { --kit-widget-spacing: 0px; }
.elementor-281 .elementor-element.elementor-element-7a26214 .m16-container > .elementor-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 100%; }
.elementor-281 .elementor-element.elementor-element-7a26214 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }
@media (min-width: 576px) { .elementor-281 .elementor-element.elementor-element-7a26214 .m16-container > .elementor-container { max-width: 540px; } }
@media (min-width: 768px) { .elementor-281 .elementor-element.elementor-element-7a26214 .m16-container > .elementor-container { max-width: 720px; } }
@media (min-width: 992px) { .elementor-281 .elementor-element.elementor-element-7a26214 .m16-container > .elementor-container { max-width: 960px; } }
@media (min-width: 1200px) { .elementor-281 .elementor-element.elementor-element-7a26214 .m16-container > .elementor-container { max-width: 1200px; } }
.elementor-281 .elementor-element.elementor-element-7a26214 .m16-container > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; }/* End custom CSS */