/*
Theme Name: Rooster block
Author: The name of the individual or organization who developed the theme.
Description: A short description of the theme.
Version: 0.1.
Requires at least: The oldest main WordPress version supported, written in 6.00 format.
Tested up to: The last main WordPress version the theme has been tested up to, i.e. 6.0. Write only the number.
Requires PHP: The oldest PHP version supported, in X.X format, only the number.
License: The license of the theme.
License URI: The URL of the theme license.
Text Domain: The string used for textdomain for translation. The theme slug.
*/
body {
--wp--preset--font-family--inter: "Poppins",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
--wp--preset--font-family--mali: "Poppins",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-family: var(--wp--preset--font-family--inter) !important;
counter-reset: rowNumber; /* Zresetuj licznik wierszy */
font-size: 16px;
line-height: 1.5em;
}
h1,h2,h3,h4,h5 {
font-family: var(--wp--preset--font-family--mali) !important;
}
body.admin-bar {
margin-top: 32px;
}
body:not(.wp-admin) {
background: var(--fff, #fff);
margin-top: 70px;
}
body.admin-bar:not(.wp-admin) {
margin-top: 102px;
}
.wp-block-cover.headerFluidWrapper {
min-height: 70px !important;
}
.mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.dlaczegomy-block, .ofertamr-block, .oferta-wrapper {
/* Twoje tło/kolor bazowy (opcjonalnie) */
/* background-color: #fff; */
background-image:
url("/wp-content/themes/roosterBlockTheme/assets/imgs/o_biale-1.png"),
url("/wp-content/themes/roosterBlockTheme/assets/imgs/o_jasne-4.png") !important;
background-repeat: no-repeat, no-repeat !important;
background-position:
left top,
right bottom !important;
/* dopasuj rozmiary według potrzeb (albo np. 120px auto) */
background-size:
50%,
50% !important;
}
.jakdzialamy-block {
background-repeat: no-repeat !important;
background-image: url("/wp-content/themes/roosterBlockTheme/assets/imgs/o_ciemne-2.png") !important;
background-position: right top !important;
background-size: 50% !important;
}
.inwestor-wrapper {
background-repeat: no-repeat !important;
background-image: url("/wp-content/themes/roosterBlockTheme/assets/imgs/o_biale-1.png") !important;
background-position: left top !important;
background-size: 50% !important;
}
.posrednik-wrapper, #opinieSection, .sekcjahistoria-block {
background-repeat: no-repeat !important;
background-image: url("/wp-content/themes/roosterBlockTheme/assets/imgs/o_jasne-4.png") !important;
background-position: right bottom !important;
background-size: 50% !important;
}
.naszzespol-block, .zasadyfinansowania-block, .bgresp-3, .jak-pomagamy-block {
background-color: #063856;
background-image: url("/wp-content/themes/roosterBlockTheme/assets/imgs/o_ciemne-2.png"), url("/wp-content/themes/roosterBlockTheme/assets/imgs/o_ciemne-1.png");
background-repeat: no-repeat, no-repeat ;
background-position: right top, left bottom;
background-size: 50%,
50% ;
background-blend-mode: normal !important;
}
.headerFluidWrapper.wp-block-cover {
padding: 16px;
position: fixed;
width: 100%;
top: 0px;
z-index: 999;
background: var(--Color-Base-White, #FFF);
/* Drop Shadow */
box-shadow: 4px 4px 30px 0 rgba(57, 57, 57, 0.10);
}
body.admin-bar .headerFluidWrapper.wp-block-cover {
margin-top: 32px;
}
@media (max-width: 600px) {
.mt100 {
margin-top: 50px !important;
}
.home .wp-block-columns.mt100 .wp-block-column:first-of-type > * {
display: none;
}
.home .wp-block-columns.mt100 {
gap: 20px;
}
.wpcf7 {
padding: 36px 20px !important;
}
.home .wp-block-columns.mt100 .wp-block-column:first-of-type > .akcentHalf {
display: block;
font-size: 28px !important;
text-align: center;
}
.home .wp-block-columns.mt100 .wp-block-column:first-of-type > .akcentHalf::after {
display: none;
}
.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
grid-template-columns: 1fr;
padding: 20px;
}
}
.teeth-bottom {
--teeth-color: #090d08; /* kolor ząbków */
--tooth-w: 31px; /* szerokość jednego ząbka */
--tooth-h: 20px; /* wysokość jednego ząbka */
position: relative;
overflow: visible;
}
.teeth-bottom::after {
content: "";
position: absolute;
left: -10px;
right: 0;
bottom: -20px; /* minimalny naddatek, usuń jeśli niepotrzebny */
height: var(--tooth-h);
background: var(--teeth-color);
pointer-events: none;
/* MASKA z pojedynczego ząbka powtarzana w poziomie */
-webkit-mask-image: url("/wp-content/uploads/zabek-1.svg");
mask-image: url("/wp-content/uploads/zabek-1.svg");
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
-webkit-mask-size: var(--tooth-w) var(--tooth-h);
mask-size: var(--tooth-w) var(--tooth-h);
-webkit-mask-position: left bottom;
mask-position: left bottom;
}
/* Zmieniasz tylko te 3 zmienne pod swój plik/rozmiar/kolor */
.teeth-bottom--hole{
--bar-color: #ffffff; /* kolor paska dookoła „wyciętych” ząbków */
--tooth-w: 31px; /* szerokość jednego ząbka */
--tooth-h: 20px; /* wysokość ząbka */
--tooth-url: url("/wp-content/uploads/zabek-1.svg");
position: relative;
overflow: visible;
}
.teeth-bottom--hole::after{
content:"";
position:absolute;
left: -10px;
right: 0;
bottom: 0px; /* drobny naddatek, usuń jeśli niepotrzebny */
height: var(--tooth-h);
background: var(--bar-color);
pointer-events:none;
/* 1) pełny prostokąt (mask 1) + 2) powtarzany ząbek (mask 2) */
-webkit-mask-image: linear-gradient(#fff 0 0), var(--tooth-url);
mask-image: linear-gradient(#fff 0 0), var(--tooth-url);
-webkit-mask-size: 100% 100%, var(--tooth-w) var(--tooth-h);
mask-size: 100% 100%, var(--tooth-w) var(--tooth-h);
-webkit-mask-repeat: no-repeat, repeat-x;
mask-repeat: no-repeat, repeat-x;
-webkit-mask-position: 0 0, left bottom;
mask-position: 0 0, left bottom;
/* klucz: odejmij ząbki od pełnej maski */
-webkit-mask-composite: xor; /* Chrome/Safari */
mask-composite: exclude; /* Firefox/standard */
}
/* ZĄBKI NA GÓRZE */
.teeth-top--hole{
--bar-color: #ffffff; /* kolor paska dookoła „wyciętych” ząbków */
--tooth-w: 31px; /* szerokość jednego ząbka */
--tooth-h: 20px; /* wysokość ząbka */
--tooth2-url: url("/wp-content/uploads/zabek-2.svg");
position: relative;
overflow: visible;
isolation: isolate; /* własny stacking context – pomaga z z-indexami potomków */
}
.teeth-top--hole::before{
content:"";
position:absolute;
left:-10px;
right:0;
top:0; /* ząbki u góry */
height: var(--tooth-h);
background: var(--bar-color);
pointer-events:none;
z-index: 1; /* nad zawartością sekcji */
/* 1) pełny prostokąt (mask 1) + 2) powtarzany ząbek (mask 2) */
-webkit-mask-image: linear-gradient(#fff 0 0), var(--tooth2-url);
mask-image: linear-gradient(#fff 0 0), var(--tooth2-url);
-webkit-mask-size: 100% 100%, var(--tooth-w) var(--tooth-h);
mask-size: 100% 100%, var(--tooth-w) var(--tooth-h);
-webkit-mask-repeat: no-repeat, repeat-x;
mask-repeat: no-repeat, repeat-x;
-webkit-mask-position: 0 0, left top; /* ważne: powtarzaj od górnej krawędzi */
mask-position: 0 0, left top;
/* odejmij ząbki od pełnej maski */
-webkit-mask-composite: xor; /* Chrome/Safari */
mask-composite: exclude; /* Firefox/standard */
}
.btnHero {
display: flex;
padding: 28px 28px 28px 88px;
align-items: center;
gap: 34px;
border-radius: 12px;
background: var(--Color-Base-White, #FFF);
box-shadow: 4px 4px 30px 0 rgba(57, 57, 57, 0.10);
color: var(--Color-Base-Black, #000);
font-family: Poppins;
font-size: 20px;
font-style: normal;
font-weight: 400;
height: 50px;
line-height: 130%; /* 33.8px */
position: relative;
text-decoration: none;
text-align: center;
justify-content: flex-start;
transition: all 1s ease;
}
.btnHero::after {
content: "";
background-image: url('data:image/svg+xml,');
display: block;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 50%;
right: 28px;
width: 50px;
height: 50px;
border: 1px solid #F4A11C;
background-color: var(--Color-Orange-Pink-1-900, #F4A11C);
border-radius: 8px;
transform: translateY(-50%);
transition: all 1s ease;
}
.btnHero::before {
content: "";
background-image: url('data:image/svg+xml,');
display: block;
position: absolute;
background-position: center;
background-size: 34px;
background-repeat: no-repeat;
top: 50%;
left: 28px;
width: 50px;
height: 50px;
border-radius: 8px;
border: 1px solid #E6EBEE;
transform: translateY(-50%);
transition: all 1s ease;
}
.btnHero:hover {
border-radius: 12px;
background: var(--Color-Orange-Pink-1-50, #FEF6E8);
/* Drop Shadow */
box-shadow: 4px 4px 30px 0 rgba(57, 57, 57, 0.10);
}
.btnHero:hover::before {
background-image: url('data:image/svg+xml,');
border: 1px solid #FBD9A4;
}
.btnHero:hover::after {
width: 90px;
}
.btnWniosek {
display: flex;
padding: 8px 38px 8px 14px;
justify-content: center;
align-items: center;
gap: 14px;
border-radius: 8px;
background: var(--Color-Blue-Blue-50, #E6EBEE);
color: var(--Color-Blue-Blue-900, #063856);
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
letter-spacing: 0.15px;
position: relative;
max-width: fit-content !important;
transition: all 0.7s ease;
}
#socialNav .btnWniosek {
margin-right: 0px !important;
}
.btnWniosek::after {
content: "";
background-image: url('data:image/svg+xml,');
display: block;
position: absolute;
top: 50%;
right: 16px;
width: 16px;
height: 16px;
transform: translateY(-50%);
}
.btnWniosek:hover {
display: flex;
padding: 8px 48px 8px 24px;
justify-content: center;
align-items: center;
gap: 14px;
border-radius: 8px;
background: var(--Color-Blue-Blue-50, #F4A11C);
color: var(--Color-Blue-Blue-900, #FFF);
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
letter-spacing: 0.15px;
position: relative;
}
.btnWniosek:hover::after {
background-image: url('data:image/svg+xml,');
}
.btnPrimary {
display: flex;
max-width: fit-content;
display: flex;
padding: 16px 48px 16px 24px;
justify-content: center;
align-items: center;
gap: 8px;border-radius: 8px;
background: var(--Color-Orange-Pink-1-900, #F4A11C);
color: var(--Color-Base-White, #FFF);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
position: relative;
line-height: normal;
transition: all 1s ease;
text-decoration: none;
}
.btnPrimary:hover {
border-radius: 8px;
padding: 16px 56px 16px 32px;
background: var(--Color-Orange-Pink-1-700, #F6B449);
}
.btnPrimary::after {
content: "";
background-image: url('data:image/svg+xml,');
display: block;
position: absolute;
top: 50%;
right: 24px;
width: 16px;
height: 16px;
transform: translateY(-50%);
}
.btnSecondary:not(.wp-block-button) {
display: flex;
padding: 20px 28px;
align-items: center;
max-width: fit-content;
gap: 8px;
justify-content: center;
text-decoration: none;
align-items: center;
gap: 8px;color: var(--Color-Base-Volt-Yellow, #FFF01A);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: var(--wp--preset--font-family--inter);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
min-width: fit-content;border-radius: var(--Radius-radius-12, 0) var(--Spacing-0, 0) var(--Radius-radius-12, 0) var(--Spacing-System-spacing-0, 0);
border: 2px solid var(--Color-Base-Volt-Yellow, #FFF01A);
}
.btnSecondary:not(.wp-block-button):hover {
border-radius: var(--Radius-radius-12, 0) var(--Spacing-0, 0) var(--Radius-radius-12, 0) var(--Spacing-System-spacing-0, 0);
border: 2px solid var(--Color-Base-Volt-Yellow, #D2C717);
color: var(--Color-Volt-Yellow-VY-2, #D2C717);
}
.case_study-template-default .hero-niskie-block {
margin-bottom: 100px;
}
.btnSecondary.wp-block-button a {
display: flex;
padding: 20px 28px;
align-items: center;
max-width: fit-content;
gap: 8px;
justify-content: center;
align-items: center;
gap: 8px;color: var(--Color-Base-Volt-Yellow, #FFF01A);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: var(--wp--preset--font-family--inter);
background-color: transparent;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
min-width: fit-content;border-radius: var(--Radius-radius-12, 0) var(--Spacing-0, 0) var(--Radius-radius-12, 0) var(--Spacing-System-spacing-0, 0);
border: 2px solid var(--Color-Base-Volt-Yellow, #FFF01A);
}
.btnSecondary.wp-block-button a:hover {
border-radius: var(--Radius-radius-12, 0) var(--Spacing-0, 0) var(--Radius-radius-12, 0) var(--Spacing-System-spacing-0, 0);
border: 2px solid var(--Color-Base-Volt-Yellow, #D2C717);
color: var(--Color-Volt-Yellow-VY-2, #D2C717);
}
.post-type-archive-case_study .wp-block-query ul > li {
border-bottom: 2px solid var(--Color-Base-Hardware-Mist, #92A693);
}
.archive .wp-block-post-template.columns-2 {
gap: 40px;
}
.post-type-archive-case_study .wp-block-query ul > li:hover {
border-bottom: 2px solid var(--Color-Base-Hardware-Mist, #D8F2D9);
}
.post-type-archive-case_study .wp-block-query ul > li h2 {
position: relative;
}
.post-type-archive-case_study .wp-block-query ul > li h2 a{
color: var(--Color-Base-Black, #000);
font-family: Tomorrow;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 39.2px */
}
.post-type-archive-case_study .wp-block-query ul > li h2::after {
content: "";
right: 0px;
display: block;
top: 50%;
position: absolute;
transform: translateY(-50%);
width: 48px;
height: 49px;
background-image: url('data:image/svg+xml,');
}
.post-type-archive-case_study .wp-block-query ul > li:hover h2 a{
color: var(--Color-Base-Hardware-Mist, #92A693);
font-family: Tomorrow;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 39.2px */
}
.post-type-archive-case_study .wp-block-query ul > li:hover h2::after {
width: 64px;
height: 49px;
background-image: url('data:image/svg+xml,');
}
.post-type-archive-case_study .wp-block-query ul > li .wp-block-post-excerpt__excerpt {
color: var(--Color-Base-Black, #090D08);
font-family: var(--wp--preset--font-family--inter);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin-bottom: 20px;
}
.blog .wp-block-post-template li, .category .wp-block-post-template li {
position: relative;
}
.blog .wp-block-post-template li .wp-block-post-terms a, .category .wp-block-post-template li .wp-block-post-terms a {
position: absolute;
top: 230px;
left: 16px;
background: var(--Color-Base-Hardware-Mist, #92A693);
padding: 6px 8px;
justify-content: center;
align-items: center;
gap: 10px;color: var(--Color-Base-White, #FFF);
font-family: var(--wp--preset--font-family--inter);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 12px */
z-index: 99;
}
.blog .wp-block-post-template li .wp-block-post-terms.cat12 a, .category .wp-block-post-template li .wp-block-post-terms.cat12 a {
background: var(--Color-Volt-Yellow-VY-3, #A69D13);
}
.blog .wp-block-post-template li figure img, .blog .wp-block-post-template li figure, .category .wp-block-post-template li figure img, .category .wp-block-post-template li figure {
aspect-ratio: 386.67/217.50;
max-height: 270px;
margin-bottom: 0px;
}
.blog .wp-block-post-template li h2, .category .wp-block-post-template li h2 {
margin-top: 20px;
margin-bottom: 20px;
}
.blog .wp-block-post-template li h2 a, .category .wp-block-post-template li h2 a {
color: var(--Color-Base-Black, #000);
leading-trim: both;
text-edge: cap;
font-family: var(--wp--preset--font-family--inter);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 27px */
}
.blog .wp-block-post-template li .wp-block-post-excerpt, .category .wp-block-post-template li .wp-block-post-excerpt {
overflow: hidden;
margin-top: 0px;
color: var(--Color-Base-Premium-Gray, #343734);
leading-trim: both;
text-edge: cap;
text-overflow: ellipsis;
font-family: var(--wp--preset--font-family--inter);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
}
.single .wp-block-post-featured-image video {
width: 100%;
max-width: 100%;
max-height: 387px;
object-fit: cover;
}
.single .wp-block-post-terms a {
color: var(--Color-Base-Hardware-Mist, #92A693);
leading-trim: both;
text-edge: cap;
font-family: var(--wp--preset--font-family--inter);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 22.4px */
text-transform: uppercase;
text-decoration: none;
}
.entry-content > p:last-of-type {
margin: 0px auto;
}
.wpcf7 {
display: flex;
padding: 36px;
flex-direction: column;
align-items: center;
gap: 28px;
flex-shrink: 0;
background: var(--Color-Base-White, #FFF);
color: #232323;
}
.mt100 {
margin-top: 100px;
}
.mt100 h2.wp-block-heading {
margin-top: 0px;
line-height: 1.2em;
}
.wpcf7 h4 {
color: var(--Color-2, #234EAE);
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 22.4px */
margin-bottom: 0px;
}
.wpcf7 form .selectLabel{
display: flex;
justify-content: center;
align-items: center;
gap: 12px;
}
.wpcf7 input, .wpcf7 textarea, .wpcf7-select {
display: flex;
padding: 16px;
align-items: center;
border: 1px solid;
gap: 10px;
align-self: stretch;
color: var(--Color-Base-Premium-Gray, #343734);
border-color: #e2e2e2;
font-family: var(--wp--preset--font-family--inter);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.3px;
width: 100%;
max-width: calc(100% - 32px);
}
.wpcf7-select {
-webkit-appearance: none;
position: relative;
}
.wpcf7 span[data-name*="select"] {
position: relative;
display: block; }
.wpcf7 span[data-name*="select"]::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
right: 20px;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml,');
}
.wpcf7-select { max-width: 100%; }
.wpcf7 input:active, .wpcf7 textarea:active, .wpcf7 input:focus-visible, .wpcf7 textarea:focus-visible {
border: 1px solid var(--Color-Base-Hardware-Mist, #92A693);
background: var(--Color-Base-White, #FFF);
color: var(--Color-Base-Hardware-Mist, #92A693);
}
.wpcf7 p a {
font-weight: 600;
color: #000;
}
figure.imgAccentBlue {
padding: 0 50px 50px 0;
position: relative;
z-index: 1;
max-width: fit-content;
margin-top: 40px;
}
.wpcf7-spinner { display: none !important; }
.wpcf7 input.wpcf7-submit:hover {
border-radius: 8px;
padding: 16px 56px 16px 32px;
background-color: var(--Color-Orange-Pink-1-700, #F6B449);
background-position: 95px center;
}
.wpcf7 input.wpcf7-submit::after {
/* content: ""; */
background-image: url('data:image/svg+xml,');
display: block;
position: absolute;
top: 50%;
right: 24px;
width: 16px;
height: 16px;
transform: translateY(-50%);
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
color: #000 !important;
margin-top: -3px;
}
.wpcf7 input.wpcf7-submit {
display: flex;
max-width: fit-content;
display: flex;
padding: 16px 48px 16px 24px;
justify-content: center;
align-items: center;
gap: 8px;border-radius: 8px;
background: var(--Color-Orange-Pink-1-900, #F4A11C);
color: var(--Color-Base-White, #FFF);
background-image: url('data:image/svg+xml,');
background-position: 85px center;
background-repeat: no-repeat;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
position: relative;
line-height: normal;
transition: all 1s ease;
text-decoration: none;
}
.heroCols .wp-block-column figure {
padding: 0 50px 50px 0;
position: relative;
}
.heroCols .wp-block-column figure::after{
content: "";
width: calc(100% - 50px);
height: calc(100% - 65px);
border-radius: 50px;
object-fit: cover;
display: block;
position: absolute;
top: 29px;
left: 38px;
bottom: 0px;
right: 0px;
z-index: 0;
transform: rotate(5deg);
}
.heroCols .wp-block-column figure img {
position: relative;
z-index: 99;
border-radius: 30px;
}
.heroCols .wp-block-column.red figure::after {
opacity: 0.5;
background: var(--Color-3, #F9816A);
}
.heroCols .wp-block-column.green figure::after {
opacity: 0.5;
background: var(--Color-3, #79BFB9);
}
p.checkicon {
padding-left: 30px;
position: relative;
}
.cennikInfo1 {
border-radius: 40px;
border: 3px solid rgba(121, 191, 185, 0.20);
background: var(--Color-Base-White, #FFF);
}
.cennikInfo1 > p, .cennikInfo2 > p {
margin: 1em 20px;
}
.cennikInfo2 {
border-radius: 40px;
border: 3px solid rgba(249, 129, 106, 0.20);
background: var(--Color-Base-White, #FFF);
}
p.checkicon.green::before {
content: "";
background-image: url('data:image/svg+xml,');
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
}
p.checkicon.red::before {
content: "";
background-image: url('data:image/svg+xml,');
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
}
.cennikTable {
border-radius: 20px 20px 0px 0px;
gap: 0px;
border: 1px solid rgba(35, 78, 174, 0.07);
}
.cennikTable .wp-block-group:first-of-type {
border-radius: 20px 20px 0px 0px;
border: 1px solid rgba(35, 78, 174, 0.07);
background: #234EAE !important;
padding: 20px 60px 20px 40px;
color: #fff;
}
.cennikTable .wp-block-group:nth-child(even){
border: 1px solid rgba(35, 78, 174, 0.04);
background: rgba(35, 78, 174, 0.07);
padding: 20px 60px 20px 40px;
width: 100%;
}
.cennikTable .wp-block-group p {
color: var(--Color-Gray-Gray-900, #232323);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
letter-spacing: 0.32px;
}
.cennikTable .wp-block-group p:last-of-type {
color: var(--Color-Gray-Gray-900, #232323);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Quicksand;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 22.4px */
letter-spacing: 0.32px;
}
.cennikTable .wp-block-group:nth-child(odd){
border: 1px solid rgba(35, 78, 174, 0.04);
padding: 20px 60px 20px 40px;
width: 100%;
}
.heroCols .wp-block-column.orange figure::after {
opacity: 0.5;
background: var(--Color-2, #F39F5F);
}
.heroCols .wp-block-column.red a{
border-radius: 40px;
border: 2px solid var(--Color, #F9816A);
background: var(--Color, #F9816A);
}
.heroCols .wp-block-column.green a{
border-radius: 40px;
background: #79BFB9;
}
.heroCols .wp-block-column.orange a{
border-radius: 40px;
background: var(--Color-4, #F39F5F);
}
.heroCols .wp-block-column.red a:hover{
color: #fff;
opacity: 0.5;
}
.heroCols .wp-block-column.green a:hover{
color: #fff;
opacity: 0.5;
}
.heroCols .wp-block-column.orange a:hover{
color: #fff;
opacity: 0.5;
}
.wpcf7-form p:first-of-type {
margin-top: 0px;
}
.wpcf7-checkbox label,.wpcf7-acceptance label {
display: flex;
align-items: center;
gap: 0.5em;
cursor: pointer;
position: relative;
color: var(--Color-Gray-Gray-900, #232323);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
padding-left: 20px;
}
.wpcf7-checkbox {
display: flex;
flex-direction: column;
gap: 8px;
}
/* Ukryj natywny checkbox */
.wpcf7-checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* Styluj pseudo-checkboxa */
.wpcf7-checkbox input[type="checkbox"] + span::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid var(--Color-Gray-Gray-900, #232323);
background: var(--White, #FFF);
transition: all 0.2s ease-in-out;
flex-shrink: 0;
position: absolute;
left: -15px;
}
/* Po zaznaczeniu checkboxa – tło i ikona */
.wpcf7-checkbox input[type="checkbox"]:checked + span::before {
background-color: #234EAE;
border-color: #234EAE;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L12 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 12px; flex-shrink: 0;
position: absolute;
left: -15px;
}
/* Ukryj natywny checkbox */
.wpcf7-acceptance input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* Styluj pseudo-checkboxa */
.wpcf7-acceptance input[type="checkbox"] + span::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid var(--Color-Gray-Gray-900, #F4A11C);
background: var(--White, #FFF);
transition: all 0.2s ease-in-out;
flex-shrink: 0;
position: absolute;
left: -15px;
}
.codedropz-upload-container {
border-radius: 12px;
border: 1px solid var(--Color-Gray-Gray-50, #E9E9E9);
background: var(--Color-Light-blue-Blue-Light-600, #F5F7F8);
}
/* Po zaznaczeniu checkboxa – tło i ikona */
.wpcf7-acceptance input[type="checkbox"]:checked + span::before {
background-color: #F4A11C;
border-color: #F4A11C;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L12 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 12px; flex-shrink: 0;
position: absolute;
left: -15px;
}
.wpcf7-form-control.wpcf7-radio {
display: flex;
flex-direction: column;
gap: 8px;
padding-left: 20px;
}
/* Ukryj natywny checkbox */
.wpcf7-radio input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
/* Styluj pseudo-checkboxa */
.wpcf7-radio input[type="radio"] + span::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border-radius: 10px;
border: 1px solid var(--Color-Gray-Gray-900, #F4A11C);
background: var(--White, #FFF);
transition: all 0.2s ease-in-out;
flex-shrink: 0;
position: absolute;
left: 0px;
}
/* Po zaznaczeniu checkboxa – tło i ikona */
.wpcf7-radio input[type="radio"]:checked + span::before {
background-color: #F4A11C;
border-color: #F4A11C;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5 9L12 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 12px; flex-shrink: 0;
position: absolute;
left: 0px;
}
.upload__field {
margin-top: 12px;
}
.codedropz-upload-handler {
border: 1px solid #c5c5c5 !important;
border-radius: 8px !important;
margin-top: 8px !important;
margin-bottom: 10px !important;
position: relative !important;
}
.upload__field p {
margin: 0px;
padding-left: 28px;
position: relative;
}
.upload__field p::before {
background-image: url('data:image/svg+xml,');
display: block;
width: 20px;
content: "";
position: absolute;
height: 20px;
top: 0px;
left: 0px;
}
.wpcf7-form-control-wrap {
position: relative;
margin-bottom: 22px;
display: block;
}
#ninja_forms_required_items, .nf-field-container {
clear: both;
position: relative;
margin-bottom: 25px !important;
}
#nf-field-13-wrap p:first-of-type {
margin-bottom: 0px;
}
#nf-field-13-wrap p:last-of-type {
margin-top: 6px;
}
#nf-label-field-11 a {
color: #fff;
font-size: 14px;
font-weight: 400;
}
#nf-label-field-11 .ninja-forms-req-symbol {
color: #fff;
}
textarea::placeholder {
font-family: var(--wp--preset--font-family--inter) !important;
}
.sukcesy figure {
position: relative;
}
.justify {
text-align: justify !important;
}
.bgW50 > img.wp-block-cover__image-background {
width: 50%;
}
#kontaktAncore {
position: fixed;
right: 80px;
bottom: 80px;
z-index: 999;
width: 64px;
height: 64px;
}
#kontaktAncore img {
max-width: 100%;
}
.coDalejItem {
position: relative;
margin-bottom: 48px;
margin-top: 20px;
padding-left: 48px;
line-height: 26px;
}
.akcent, .akcentHalf {
position: relative;
margin-bottom: 40px !important;
}
.akcentHalf:after {
content: "";
width: 200px;
height: 6px;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: -20px;
left: 0px;
background-image: url('data:image/svg+xml,');}
.obrazekztekstem-block .obrazekztekstem-item .content .slogan h1 {
color: var(--Color-Base-Black, #090D08);
leading-trim: both;
text-edge: cap;
font-family: Tomorrow;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
position: relative;
}
.wp-block-list.checkicon li {
list-style: none;
margin-bottom: 12px;
position: relative;
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li a img {
max-width: 100%;
height: auto;
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li a {
max-width: fit-content;
display: flex;
padding: 16px;
flex-direction: column;
align-items: center;
gap: 16px;border: 2px solid var(--Color-Braz-Orange-50, #F7F5F2);
background: var(--Color-Base-White, #FFF);
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li a h3 {
color: var(--Color-Gray-Gray-900, #232323);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: var(--wp--preset--font-family--inter);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 18px */
text-transform: uppercase;
margin: 0px;
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li a p {
color: var(--Color-Gray-Gray-600, #656565);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 15px */
margin: 0px;
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li a span {
display: flex;
padding: var(--Spacing-4, 16px) var(--Spacing-System-spacing-16, 16px);
align-items: center;
gap: 8px;
border-radius: var(--Radius-radius-12, 0) var(--Spacing-0, 0) var(--Radius-radius-12, 0) var(--Spacing-System-spacing-0, 0);
border: 2px solid var(--Color-Base-Hardware-Mist, #92A693);
background: var(--Color-Base-White, #FFF);
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li:hover a span {
border-radius: var(--Radius-radius-12, 0) var(--Spacing-0, 0) var(--Radius-radius-12, 0) var(--Spacing-System-spacing-0, 0);
border: 2px solid var(--Color-Base-Hardware-Mist, #92A693);
background: var(--Color-Base-Hardware-Mist, #92A693);
background-image: url('data:image/svg+xml,');
background-position: center;
background-repeat: no-repeat;
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li a {
text-decoration: none;
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li:hover a{
border: 2px solid var(--Color-Gray-Gray-50, #E9E9E9);
background: var(--Color-Base-White, #FFF);
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li:hover a h3 {
color: var(--Color-Base-Hardware-Mist, #92A693);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: var(--wp--preset--font-family--inter);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 18px */
text-transform: uppercase;
text-decoration: none;
}
.post-type-archive-produkty .wp-block-query .is-layout-grid li:hover a p {
text-decoration: none;
color: var(--Color-Base-Hardware-Mist, #92A693);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 15px */
}
.wp-block-list.checkicon li:after {
content: ""; width: 18px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
position: absolute;background-size: cover;
bottom: 0px;
left: -40px;
background-image: url('data:image/svg+xml,');}
.akcent:after {
content: "";
width: 100%;
height: 6px;
background-repeat: no-repeat;
background-position: center;
position: absolute;background-size: cover;
bottom: -24px;
left: 0px;
background-image: url('data:image/svg+xml,');}
.obrazekztekstem-block .obrazekztekstem-item .content .slogan h1 {
color: var(--Color-Base-Black, #090D08);
leading-trim: both;
text-edge: cap;
font-family: Tomorrow;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
position: relative;
}
.daneFirmy .wp-block-column:first-of-type,.daneFirmy .wp-block-column:last-of-type {
padding-left: 40px;
position: relative;
}
.daneFirmy .wp-block-column:first-of-type::before {
content: "";
width: 27px;
height: 40px;
background-repeat: no-repeat;
background-position: center;
position: absolute;background-size: cover;
top: 24px;
left: 0px;
background-image: url('data:image/svg+xml,');
}
.daneFirmy .wp-block-column p {
margin-top: 12px;
margin-bottom: 12px;
}
.daneFirmy .wp-block-column:last-of-type::before {
content: "";
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-position: center;
position: absolute;background-size: cover;
top: 24px;
left: 0px;
background-image: url('data:image/svg+xml,');
}
.wp-block-columns.mt100 {
gap: 100px;
}
.btnMapka a{
display: block;
max-width: fit-content;
margin: auto;
margin-top: 40px;
display: flex;
padding: 20px 28px;
align-items: center;
gap: 8px;
border-radius: var(--Radius-radius-12, 0) var(--Spacing-0, 0) var(--Radius-radius-12, 0) var(--Spacing-System-spacing-0, 0);
border: 2px solid var(--Color-Base-Hardware-Mist, #92A693);
background-color: transparent;
color: var(--Color-Base-Hardware-Mist, #92A693);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: var(--wp--preset--font-family--inter);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.btnMapka a:hover {
border-radius: var(--Radius-radius-12, 0) var(--Spacing-0, 0) var(--Radius-radius-12, 0) var(--Spacing-System-spacing-0, 0);
border: 2px solid var(--Color-Base-Hardware-Mist, #92A693);
background: var(--Color-Base-Hardware-Mist, #92A693);
color: var(--Color-Base-White, #FFF);
text-align: center;
leading-trim: both;
text-edge: cap;
font-family: var(--wp--preset--font-family--inter);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.redColumns .wp-block-column {
border-radius: 50px 50px 20px 10px;
background: rgba(249, 129, 106, 0.05);
display: flex;
padding: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.redColumns .wp-block-column figure{
border-radius: 50%;
background-color: #F9816A4d;
}
.greenColumns .wp-block-column figure{
border-radius: 50%;
background-color: #79BFB94d;
}
.greenColumns .wp-block-column {
border-radius: 50px 50px 20px 10px;
background: rgba(121, 191, 185, 0.05);
display: flex;
padding: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.wp-block-site-logo a.custom-logo-link img { max-width: 200px;
width: 140px;}
footer .wp-block-site-logo a.custom-logo-link img {
max-width: 200px;
width: 200px;
}
.d-none {
display: none !important;
}
.alignwide > .alignfull { width: 100%;}
.alignwide.wp-block-columns {
margin-bottom: 0px;
}
#socialNav {
width: 8%;
}
#socialNav:last-of-type .wp-block-buttons {
gap: 20px;
}
#socialNav .wp-block-button__width-25 {
width: fit-content !important;
}
/* #hero-section h1.wp-block-heading {
margin-top: 100px;
margin-bottom: -4px;
} */
#hero-section .topTitle {color: var(--Color-Braz-Orange-900, #AC9D78);
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin: 0 ; }
#hero-section .titleTitle {color: var(--Color-Braz-Orange-900, #AC9D78);
color: var(--Color-Base-White, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 110%;
margin: 0 ; }
#hero-section .subTitle {color: var(--Color-Braz-Orange-900, #AC9D78);
color: var(--Color-Base-White, #FFF);
font-size: 18px;
font-style: normal;
position: relative;
font-weight: 500;
line-height: 140%;
margin: 0 ;
padding-top: 20px; }
#hero-section .subTitle::before {
content: "";
width: 60px;
height: 4px;
background-color: #AC9D78;
position: absolute;
top: 0px;
left: 0px;
}
#hero-section video.isPortrait {
position: absolute;
width: fit-content;
left: 50%;
transform: translate(110px, -53%);
max-width: 380px;
height: auto;
top: 50%;border-radius: 20px;
border: 4px solid var(--Color-Gray-Gray-900, #232323);
/* transform: translateY(-50%); */
}
#nf-field-5-wrap .nf-field-label, #nf-field-6-wrap .nf-field-label {
display: block;color: var(--ffffff, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%; /* 28.8px */
letter-spacing: 0.36px;
}
#nf-field-5-wrap .nf-field-element > ul{
display: flex
;
gap: 30px;
}
.mb28 {
margin-bottom: 28px !important;
}
#kontakt .listradio-wrap .nf-field-element label:after {
border-radius: 50%;
content: "";
width: 13px;
height: 13px;
position: absolute;
left: -20px;
bottom: 28px;
display: block;
top: 7px;
border-radius: 2px !important;
}
#kontakt .listradio-wrap .nf-field-element label.nf-checked-label:before {
border-radius: 2px;
content: "";
height: 7px;
width: 7px;
position: absolute;
left: -17px;
bottom: 3px;
z-index: 2;
top: 10px;
}
.listradio-wrap .nf-field-element label.nf-checked-label:before {
background: #333;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
height: 50px;
}
.listradio-wrap .nf-field-element label:after {
background: #f7f7f7;
border: 2px solid #c4c4c4;
transition: all .5s;
}
#nf-field-5-wrap .nf-field-element label, #nf-field-6-wrap .nf-field-element label{
color: var(--ffffff, #FFF);
position: relative;
/* Text */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
letter-spacing: 0.32px;
}
#nf-field-14-wrap .nf-field-element label {
position: relative;
}
#nf-field-5-wrap .nf-field-element input, #nf-field-6-wrap .nf-field-element input, #nf-field-14-wrap .nf-field-element input{
height: 1em;
opacity: 0;
}
.textaligntop {
margin-top: 0px;
padding-left: 70px;
}
.wp-block-navigation ul li {
margin-right: 8px;
text-decoration: underline;
}
.mb-0, .mb-0 .wp-block-columns {
margin-bottom: 0px !important;
}
.headerAccent {
color: var(--Color-Base-White, #FFF);
leading-trim: both;
text-edge: cap;
font-family: Quicksand;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 28.8px */
letter-spacing: 0.36px;
padding-left: 30px;
position: relative;
}
.headerAccent::before {
position: absolute;
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml,');
background-size: cover;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.footerSocial {
max-width: 310px;
margin: auto;
margin-top: 0px;
margin-bottom: 0px;
}
.mt-0, .mt-0 .wp-block-columns {
margin-top: 0px !important;
}
body .is-layout-constrained > .alignwide {
max-width: var(--wp--style--global--wide-size) !important;
}
body .wp-site-blocks main { margin-top: 0px !important;}
body.single-post .wp-site-blocks main { padding-top: 50px;}
#hero-section, #hero-section.hero-slider > .wp-block-cover {
background-color: #000;
background-image: url('/wp-content/uploads/2025/04/4c181851b2426c3f1cfcba47b8c8af04.png');
padding-bottom: 100px;
padding-top: 100px;
min-height: 780px;
align-items: center;
background-position: center;
background-repeat: no-repeat;
background-size: auto 680px;
}
#hero-section.hero-slider .wp-block-cover .has-background-dim:not([class*=-background-color]), #hero-section.hero-slider > .wp-block-cover {
background-color: #000;
}
#hero-section.hero-slider > .wp-block-cover {
margin-top: 0px;
opacity: 0;
display: none;
transition: opacity 0.5s ease-in-out;
}
.wp-block-buttons a:hover {
opacity: 0.9;
transition: opacity 0.5s ease-in-out;
}
#hero-section .wp-block-cover.active {
opacity: 1;
display: flex;
}
.headerFluidWrapper .wp-block-buttons.is-content-justification-right {
height: 100%;
}
#hero-slide-indi {
position: absolute;
bottom: 180px;
left: 50%;
z-index: 3;
transform: translateX(-620px);
}
#hero-slide-indi .indicator {
width: 60px;
height: 4px; border-radius: 20px;
background: #393939;
display: inline-block;
margin: 0 5px;
transition: background-color 0.3s ease-in-out;
cursor: pointer;
}
#hero-slide-indi .indicator.active {
border-radius: 20px;
transition: background-color 0.3s ease-in-out;
cursor: pointer;
background: var(--d-88906, #7B7B7B);
}
#hero-section.hero-slider {
padding-bottom: 0px;
padding-top: 0px;
position: relative;
}
.page #hero-section{
align-items: center;
}
.single #hero-section {
background-color: #323232;
padding-bottom: 100px;
padding-top: 100px;
min-height: 820px;
align-items: flex-end;
}
body:not(.home) #hero-section:after {
width: 100%;
height: 500px;
content: "";
background: linear-gradient(0deg, #212121 0%, rgb(255 255 255 / 0%) 100%);
position: absolute;
bottom: 0px;
/* max-height: 100px; */
display: block;
min-height: 0px;
opacity: 1;
z-index: 1;
}
#hero-section .wp-block-cover__inner-container {
z-index: 2;
}
#hero-section .arrow-before a.wp-block-button__link {
padding: 12px 32px;
}
#hero-section > img {
object-position: 100% 100%;
z-index: 1;
left: auto;
top: auto;
max-height: 100%;
}
.dash-bf { line-height: 44px;
}
.dash-bf::after {
width: 85px;
height: 2px;
display: block;
content: "";
background-color: #3AAA35;
}
#kontakt .wp-block-buttons .wp-block-button a{
display: flex;
padding: 12px 28px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
background: var(--Color-Braz-Orange-900, #AC9D78);
color: var(--Color-Base-White, #FFF);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 19.6px */
text-transform: uppercase;
}
#kontakt .wp-block-buttons .wp-block-button:hover a{
border-radius: 8px;
background: var(--Color-Braz-Orange-600, #C5BAA1);
}
#kontakt .title {
position: relative;
color: var(--Color-Base-White, #FFF);
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 2px;
padding-bottom: 20px;
margin-top: 0px;
margin-bottom: 0px;
}
#kontakt .nadpis {
color: var(--Color-Braz-Orange-900, #AC9D78);
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
text-transform: uppercase;
margin-bottom: 0px;
}
#kontakt .socialBottom {
gap: 20px;
}
.dash-bf::before {
width: 85px;
height: 2px;
display: block;
content: "";
background-color: #3AAA35;
}
.arrow-before {
padding-left: 100px;
position: relative;
}
.arrow-before::before {
position: absolute;
content: "";
display: block;
width: 86px;
height: 8px;
background-image: url('data:image/svg+xml,');
background-size: cover;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.flex-column {
gap: 10px;
display: flex;
flex-direction: column;
justify-content: center;
}
.flex-column blockquote {
position: relative;
margin: 10px 0 15px;
border-radius: 8px;
margin-right: 4px;
padding: 28px 40px 28px 100px; -webkit-box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
-moz-box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
}
.okIconBefore {
padding-left: 60px;
position: relative;
font-size: 18px;
font-weight: 600;
}
.okIconBefore::before {
position: absolute;
content: "";
display: block;
width: 40px;
height: 40px;
background-image: url(/wp-content/uploads/2023/12/Group-164.png);
background-size: cover;
left: 0px;
}
footer > .wp-block-columns {
background-color: #3aaa35;
padding: 5px 15px;
margin: 0px;
}
footer {
background-color: transparent;
padding-top: 00px;
}
footer ul {
margin-bottom: 0px;
padding-left: 0px;
}
footer ul li {
list-style: none;color: var(--Color-Base-Cool-Surface, #D8F2D9);
font-family: var(--wp--preset--font-family--inter);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
text-transform: capitalize;
margin-bottom: 8px;
}
footer ul li strong {
text-transform: uppercase;
}
footer .wp-block-column a {
text-decoration: none;
}
footer .wp-block-cover {
padding: 60px 0px;
min-height: fit-content;
}
footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
max-width: fit-content;
}
footer .wp-block-columns-is-layout-flex {
gap: 38px;
justify-content: space-around;
margin-bottom: 0px;
}
footer .wp-block-columns-is-layout-flex p {
margin-top: 8px;
margin-bottom: 0px;
}
.numberIconBefore {
padding-left: 60px;
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 40px !important;
width: calc(100% - 60px);
cursor: pointer;
margin-top: 0px !important;
}
.numberIconBefore::before {
position: absolute;
content: counter(rowNumber);
counter-increment: rowNumber;
display: block;
width: 40px;
height: 40px;
left: 0px;
top: 0px;
background-color: #323232;
color: #fff;
text-align: center;
line-height: 40px;
border-radius: 8px;
font-size: 16px;
font-weight: 400;
}
#dlaczego .numberIconBefore::before {
left: 20px;
top: 20px;
width: 48px;
height: 48px;
line-height: 48px;}
#dlaczego .numberIconBefore {
padding-left: 80px;
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 26px !important;
width: calc(100% - 80px);
cursor: pointer;
padding-top: 20px;
padding-bottom: 20px;
border-radius: 8px;
}
.numberIconBefore::after {
content: "+";
color: #1e514c;
display: block;
width: 40px;
height: 40px;
font-size: 32px;
font-weight: 300;
right: 0px;
top: 0px;
line-height: 40px;
position: absolute;
}
.numberIconBefore.active::after {
content: "-";
color: #1e514c;
display: block;
width: 40px;
height: 40px;
font-size: 32px;
font-weight: 300;
right: 0px;
top: 0px;
line-height: 40px;
position: absolute;
}
.flex-column blockquote::before {
position: absolute;
content: "";
display: block;
width: 48px;
height: 48px;
background-image: url(/wp-content/uploads/2024/02/Cytat-2.png);
background-size: cover;
left: 35px;
top: 44px;
}
.alignCenterNarrower .wp-block-cover__background {
background-image: url(/wp-content/uploads/2023/12/Frame-782.png), url(/wp-content/uploads/2023/12/Frame-781-1.png);
background-position: top left, bottom right;
background-repeat: no-repeat, no-repeat;
}
.alignCenterNarrower .border-rad-8 {
position: relative;
margin-right: 60px;
}
.alignCenterNarrower .border-rad-8::after {
position: absolute;
content: "";
display: block;
width: 86px;
height: 8px;
background-image: url(/wp-content/uploads/2024/01/Arrow-2-1.png);
background-size: cover;
right: 25px;
top: 50%;
transform: translateY(-50%);
}
.alignCenterNarrower .is-layout-constrained {
max-width: 1120px;
}
.alignCenterNarrower .hero-section {
margin-left: 10px;
}
.alignCenterNarrower .flex-column blockquote {
margin-right: 1px;
}
.alignCenterNarrower .arrow-before {
padding-left: 40px;
}
.alignCenterNarrower .arrow-before::before {
width: 30px;
background-position-x: right;
}
.hero-section {
object-position: 100% 100%;
max-width: 600px;
max-height: 600px;
z-index: 1;
right: 0;
left: auto;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 60px;
/* border: 4px solid #E3C480; */
border-left: 0px;
border-top: 0px;
}
.hero-section > img {
aspect-ratio: 1;
object-fit: cover;
/* margin: 50px; */
display: block;
border-radius: 30px 0 0 0;
}
nav.ofertamenu {
margin: 20px -70px;
line-height: 64px;
justify-content: center;
padding: 0 20px;
border-radius: 40px;
}
nav.ofertamenu ul {
background-color: transparent !important;
justify-content: center;
}
nav ul li a {
color: var(--Color-Base-Black, #000) !important;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
text-decoration: none !important;
}
nav ul li a:hover {
color: var(--Color-Orange-Pink-1-900, #F4A11C) !important;
font-size: 16px;
font-family: Poppins;
text-decoration: underline !important;
font-weight: 400;
line-height: 24px;
word-wrap: break-word
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background: var(--Color-Base-White, #FFF);
border: 1px solid #00000026;
}
nav ul li, nav ul ul li {
text-decoration: none !important;
}
.langSwitch {
color: #232323 !important;
float: right;
appearance: none;
background-repeat: no-repeat;
background-position: 85% center;
display: flex;
padding: 4px !important;
border-radius: 8px;
padding-right: 24px;
color: #232323 !important;
flex-direction: column;
position: relative;
text-transform: uppercase;z-index: 999;
line-height: 1.8em;
cursor: pointer;
}
#langSwitch li.current-lang {
display: flex;
}
#langSwitch li {
color: #232323 !important;
}
#langSwitch li a{
color: #232323 !important;
}
#langSwitch > ul {
display: none;
}
#langSwitch:hover > #langSwitchUL {
position: absolute;
top: 100%;
left: 0px;
right: 0px;
display: block;
padding: 8px;
border-radius: 8px;
line-height: 1.8em;
cursor: pointer;
}
#socialNav {
gap: 8px;
}
#socialNav li a {
color: var(--Color-Gray-Gray-300, #A7A7A7);
font-family: var(--wp--preset--font-family--inter);
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 140%;
text-transform: uppercase;
display: block;
padding: 12px 6px;
text-decoration: none;
}
#socialNav li.current-lang a {
background: var(--Color-Hardware-Mist-2-HM-3, #475347);
color: var(--Color-Base-Cool-Surface, #D8F2D9);
font-family: var(--wp--preset--font-family--inter);
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 21px */
text-transform: uppercase;
}
.noGap {
gap: 0px !important;
}
.gap4, #oferta .noGap {
gap: 4px !important;
margin-bottom: 0px !important;
}
.gap4 figure img {
width: 100%;
opacity: 0.25;transition: all 1s;filter: grayscale(1);
}
.gap4 figure {
position: relative;
}
.gap4 figure figcaption {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 33.6px */
position: absolute;
bottom: 12px;
left: 18px;
margin-bottom: 0px;
}
#oferta .noGap figure figcaption {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 140%;
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%, 50%);
margin-bottom: 0px;
}
.noGap figure img {
width: 100%;
opacity: 0.25;transition: all 1s;filter: grayscale(1);
}
.noGap figure {
position: relative;
}
.noGap figure figcaption {
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 33.6px */
position: absolute;
bottom: 12px;
left: 18px;
margin-bottom: 0px;
}
.alignwide.wp-block-columns {
margin-bottom: 0px;
position: relative;
}
.toBottomRight {
margin-bottom: 0px;
position: absolute;
bottom: 0px;
right: 0px;
}
.noGap figure:hover img, .gap4 figure:hover img {
width: 100%;
opacity: 1;transition: all 1s;filter: grayscale(0);
}
nav ul ul {
line-height: 36px !important;
color: #fff !important;
/* background-color: #323232 !important; */
}
nav ul ul li a {
font-size: 15px;
text-transform: none;
text-decoration: none !important;
}
#modal-1-content ul ul{
display: inline-flex;
padding: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
}
#modal-2-content ul {
justify-content: center;
line-height: 50px;
gap: 6px;
}
header .wp-block-cover {
overflow: visible;
z-index: 9;
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
height: auto;
min-width: 290px !important;
opacity: 1;
overflow: visible;
visibility: visible;
width: auto;
}
nav.ofertamenu ul li {
text-decoration: none;
}
nav ul li a {
margin: auto;
}
nav.ofertamenu ul li a {
font-size: 14px;
text-transform: CAPITALIZE;
font-weight: 500;
text-decoration: none;
margin: auto;
}
nav.ofertamenu ul li.current-menu-item {
/* background: -webkit-linear-gradient(#844C11, #DF8218); */
background: #DF8218;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.sectionTextWidth {
width: 1030px;
margin: auto;
}
.sectionTextWidth .mandalaBefore {
position: relative;
padding: 11px 42px;
margin: 17px 0 5px;
}
.ofertaSwitch {
width: fit-content;
margin: auto;
display: flex;
padding: 20px 36px;
justify-content: center;
align-items: center;
gap: 20px;
border-radius: 40px;
background: var(--212121, #212121);
margin-bottom: 30px;
}
#cennikSection {
background-image: url(/wp-content/uploads/2023/12/tlo_refleksolog.png);
background-repeat: no-repeat;
background-size: cover;
}
#servicesSection {
background-image: url(/wp-content/uploads/2023/12/Frame-785.png);
background-repeat: no-repeat;
background-position: -50px calc(100% + 54px);
}
#faqSection {
background-image: url(/wp-content/uploads/2023/12/Frame-784.png);
background-repeat: no-repeat;
background-position: calc(100vw - 476px) -60px;
}
.sectionTextWidth .mandalaBefore::before {
position: absolute;
content: "";
display: block;
width: 33px;
height: 33px;
background-image: url(/wp-content/uploads/2023/12/ikona_mandala.png);
background-size: cover;
left: 0;
top: 5px;
}
.oferta-block .checkicon {
padding-left: 43px;
display: flex;
line-height: 35px;
position: relative;
}
.nf-before-form-content, .field-wrap:not(.listcheckbox-wrap):not(.checkbox-wrap) .nf-field-label {
display: none;
}
.border-rad-8 {
border-radius: 8px;
}
.gapColumn {
gap: 11px;
display: flex;
flex-direction: column;
}
.gapColumn .wp-block-group {
padding: 12px;
}
.gapColumn iframe{
border: 0;
border-radius: 8px;
margin-top: 30px;
min-height: 390px;
}
#kontakt .nf-form-cont {
background-color: #323232;
border-radius: 8px;
padding: 28px 36px;
color: #fff;
}
#kontakt .nf-form-content textarea.ninja-forms-field {
height: 110px;
}
#kontakt .nf-form-content #nf-label-field-7{
font-size: 18px;
font-weight: 500;
padding-bottom: 17px;
display: block;
}
.checkbox-wrap .nf-field-element label:after, .checkbox-wrap .nf-field-label label:after, .listcheckbox-wrap .nf-field-element label:after, .listcheckbox-wrap .nf-field-label label:after {
border-radius: 8px;
transition: all .5s;
}
#nf-label-field-9 {
font-size: 16px;
font-weight: 500;
text-align: center;
margin: auto;
}
body:not(.wp-admin) .text-animate {
opacity: 0;
transform: translateX(0);
transition: all 0.8s ease-out;
will-change: transform, opacity;
}
.text-animate.horizontalRight {
transform: translateX(80px);
}
.wp-block-column > iframe {
width: 100% !important;
border-radius: 20px;
margin-bottom: 24px;
}
.wp-block-column > .border-rad-8 {
margin-bottom: 24px;
}
.text-animate.horizontalLeft {
transform: translateX(-80px);
}
body:not(.wp-admin) .text-animate.animate-in {
transform: translateX(0);
opacity: 1;
}
.linetopbottom {
padding: 12px 0px;
margin-top: 40px;
position: relative;
}
.linetopbottom::before,
.linetopbottom::after {
content: "";
background: linear-gradient(135deg,rgb(132,76,17) 0%,rgb(223,130,24) 100%) !important;
display: block;
position: absolute;
border-radius: 25%;
height: 2px;
width: 333px;
left: 50%;
transform: translateX(-50%);
}
.lineHeight15 {
line-height: 1.1em;
}
.linetopbottom::after {
top: 0px;
}
.py32 {
padding-top: 32px;
padding-bottom: 32px;
}
.linetopbottom::before {
bottom: 0px;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]) {
background: #fff0 !important;
border: 1px solid #7E7E7E !important;
border-radius: 4px !important;
box-shadow: none;
color: #7e7e7e !important;
transition: all .5s;
padding: 0px 12px;
}
.nf-form-content textarea {
background: #fff0 !important;
border: 1px solid #7E7E7E !important;
border-radius: 4px !important;
box-shadow: none;
color: #7e7e7e !important;
transition: all .5s;
padding: 12px;
}
.entry-content {
min-height: calc(100vh - 166px);
}
.nf-error.field-wrap .nf-field-element:after {
display: none !important;
}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
display: flex
;
padding: 12px 28px;
justify-content: center;
align-items: center;
gap: 10px;
border: 0px !important;
border-radius: 8px !important;
background: var(--Color-Braz-Orange-900, #AC9D78) !important;
color: var(--Color-Base-White, #FFF) !important;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 140%;
text-transform: uppercase;
transition: all 0.5s ease-in-out !important;
margin: auto;
}
#nf-label-field-11 {
font-size: 14px;
font-weight: 400;
}
.fw-img {
margin-top: 20px;
}
.fw-img img{
width: 100%;
}
#kontakt .flex-column blockquote {
position: relative;
margin: 10px 0 15px;
padding: 1em 40px 1em 100px;
margin-right: 0px;
border-radius: 8px;
-webkit-box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
-moz-box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
box-shadow: 0px 6px 25px 0px rgba(31, 30, 56, 0.05);
}
.whyus {
gap: 8px;
display: flex;
flex-direction: column;
}
.whyus .wp-block-group {
padding: 20px 32px;
}
.numberIconBefore::after {
display: none;
}
h2.wp-block-heading {
margin-top: 40px;
margin-bottom: 20px;
line-height: 1.5em;
}
#modal-1-content ul {
justify-content: center;
line-height: 50px;
gap: 6px;
}
#modal-1 #socialNav, #modal-1 #socialNav2{
display: none !important;
}
.heroCols .wp-block-column,
.heroCols .wp-block-column * {
transition: all 1s ease;
}
.heroCols .wp-block-column:hover figure::after {
transition: all 1s;
}
/* .heroCols .wp-block-column.red figure::before {
content: "";
display: block;
width: 91px;
height: 69px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
left: 58px;
top: 5px;
opacity: 0;z-index: 99999;
transition: all 1s;
} */
/* .heroCols .wp-block-column.green figure::before {
content: "";
display: block;
width: 91px;
height: 69px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
left: 185px;
top: 61px;
opacity: 0;z-index: 99999;
transition: all 1s;
} */
/*
.heroCols .wp-block-column.orange figure::before {
content: "";
display: block;
width: 91px;
height: 69px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
right: 67px;
top: 111px;
opacity: 0;z-index: 99999;
transition: all 1s;
} */
@media screen and (min-width: 979px) {
.hideDesktop {
display: none !important;
}
.heroCols .wp-block-column:hover figure::after {
opacity: 0.05;
transform: rotate(15deg);
transition: all 1s;
}
.heroCols .wp-block-column:hover figure::before {
opacity: 1;
transition: all 1s;
}
.heroCols .wp-block-column:hover .btnSecondary a {
padding: 24px 50px;
transition: all 1s;
}
.heroCols .wp-block-column:hover figure {
margin: 0 20px;
transition: all 1s;
}
}
@media screen and (max-width: 979px) {
#opinieContent-iw {
margin: auto !important;
}
#hero-section .subTitle {
display: none;
}
#hero-section .wp-block-cover__inner-container {
z-index: 2;
align-self: flex-end;
}
body:not(.wp-admin) {
margin-top: 70px;
}
#kontakt .title {
font-size: 32px !important;
}
.wp-block-site-logo a.custom-logo-link img {
max-width: 110px;
}
.sectionTextWidth {width: calc(100vw - 20px);
margin: auto;
}
.wp-block-site-logo a {
margin: auto;
display: block !important;
max-width: 160px;
}
.wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {
justify-content: center !important;
}
.flex-column blockquote {
position: relative;
margin: 10px 0 15px;
padding: 1em 15px 1em 70px;
margin-right: 0px;
}
.flex-column blockquote::before {
left: 13px;
}
.hero-section {
margin-left: 0px;
}
.cennik-block .cennik-item .content {
justify-content: space-between;
padding: 10px 10px;
font-size: 15px;
}
.numberIconBefore {
padding-left: 40px;
position: relative;
font-size: 16px;
font-weight: 400;
line-height: 40px;
width: calc(100% - 40px);
cursor: pointer;
}
.faq-block .faq-item .content {
padding: 10px 10px;
}
.alignCenterNarrower .border-rad-8 {
position: relative;
margin-right: 0px;
}
.alignCenterNarrower .border-rad-8::after {
width: 30px;
background-position-x: right;
}
}
.slb_template_tag_item_title {
display: none !important;
}
.kartaZgłoszeniowa .wpcf7 form .godzina p {
display: flex ;
gap: 20px;
}
#wniosek .wp-block-contact-form-7-contact-form-selector {
max-width: 900px;
padding: 34px 24px;
flex-direction: column;
align-items: center;
margin: auto;
gap: 34px;
border-radius: 12px;
background: var(--Color-Base-White, #FFF);
}
#wniosek .request-form-right .request-form__accept input[type="checkbox"] {
width: 30px;
height: 30px;
position: relative;
margin-bottom: 21px;
cursor: pointer;
appearance: none;
border: none;
padding: 0;
}
#wniosek .request-form-right .request-form__accept input[type="checkbox"]::before {
content: "";
position: absolute;
background-image: url('data:image/svg+xml,');
top: -9px;
left: -6px;
width: 30px;
height: 30px;
border: 2px solid #030195;
background-color: #fff;
z-index: -1;
}
#wniosek .request-form-right .request-form__accept input[type="checkbox"]::after {
content: "";
position: absolute;
background-image: url('data:image/svg+xml,');
top: 0;
left: 0;
width: 30px;
height: 30px;
border: 2px solid #030195;
background-color: #fff;
z-index: -1;
}
#wniosek .request-form-right .request-form__accept input[type="checkbox"]:checked::before {
display: block;
}
@media screen and (max-width: 479px) {
footer .wp-block-cover {
padding: 60px 30px;
}
.mp20 {
padding: 0px 20px;
display: flex
;
}
.blog .wp-block-post-template li, .category .wp-block-post-template li {
position: relative;
max-width: calc(100vw - 40px);
display: flex
;
flex-direction: column;
}
.blog .wp-block-post-template li .wp-block-post-terms a, .category .wp-block-post-template li .wp-block-post-terms a {
position: absolute;
top: 230px;
display: none;
}
.kartaZgłoszeniowa .wpcf7 form h3 {
font-size: 18px;
}
.kartaZgłoszeniowa .wpcf7 form .wpcf7-date {
max-width: -webkit-fill-available;
}
.kartaZgłoszeniowa .wpcf7 form p label{
width: -webkit-fill-available;
display: flex
;
flex-direction: column;
gap: 8px;
}
.kartaZgłoszeniowa .wpcf7 form p {
width: 100%; display: block;
}
.kartaZgłoszeniowa .wpcf7 form .godzina p {
display: flex ;
gap: 20px;
}
.kartaZgłoszeniowa .wpcf7 form .flex1 fieldset {
width: 100%;
}
.kartaZgłoszeniowa .wpcf7 form .flex1 {
display: flex
;
width: 100%;
gap: 16px;
flex-direction: column;
}
.kartaZgłoszeniowa .wpcf7 form .dzieckoPoradnie .wpcf7-checkbox {
flex-direction: column;
gap: 8px;
}
footer .wp-block-buttons-is-layout-flex {
display: flex
;
justify-content: center;
}
.kartaZgłoszeniowa .wpcf7 form .flex1 input {
display:flex
;
width: calc(100% - 32px);
gap: 16px;
flex-direction: column;
}
.heroCols > .wp-block-column {
display: flex;
gap: 20px;
}
.heroCols > .wp-block-column .wp-block-group p:nth-of-type(2) {
display: none;
}
.heroCols .wp-block-column figure {
padding: 0 20px 20px 0;
position: relative;
border-radius: 30px;
}
.heroCols .wp-block-column figure img {
position: relative;
z-index: 99;
width: 120px !important;
height: auto !important;
max-width: max-content;
}
.heroCols .wp-block-column a {
display: flex;
padding: 12px 20px;
justify-content: center;
align-items: center;
gap: 10px;
align-self: stretch; border-radius: 40px; color: var(--Color-Base-White, #FFF);
font-family: Mali;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 14px */
}
.heroCols .wp-block-column figure::after {
content: "";
width: calc(100% - 10px);
height: calc(100% - 25px);
border-radius: 30px;
object-fit: cover;
display: block;
position: absolute;
top: 15px;
left: 10px;
transform: rotate(5deg);
}
#kontaktAncore {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 999;
width: 64px;
height: 64px;
}
.whyus h2.numberIconBefore {
margin-top: 0px;
margin-bottom: 20px;
}
.whyus .wp-block-group {
border-radius: 8px;;
text-align: center;
}
header.wp-block-template-part {
position: fixed;
top: 0px;
right: 0px;
left: 0px;
border-bottom: 2px solid #FFF01A;
z-index: 99999;
background-color: #212121;
}
.single #hero-section {
background-color: #323232;
padding-bottom: 100px;
padding-top: 100px;
margin-top: -50px;
min-height: 550px;
align-items: flex-end;
}
main.wp-block-group {
padding-top: 00px;
}
#modal-1-content ul {
width: 100%;
}
.coDalejItem {
padding-left: 40px;
}
body.single .is-layout-flex.wp-block-columns, body.single .wp-block-buttons.is-layout-flex {
display: flex;
padding: 0 15px;
}
.page-template-default:not(.home) .entry-content > .wp-block-group {
padding: 0 15px;
}
.wp-block-navigation__responsive-container.is-menu-open {
padding: 20px 40px !important;
overflow: visible !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
padding-top: 0px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul:not(.wp-block-navigation-submenu) > li {
flex-grow: 1;
width: 100%;
margin-right: 0px !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul:not(.wp-block-navigation-submenu) > li.wp-block-navigation-submenu ul {
padding: 0px !important;
padding-top: 20px !important;
padding-left: 20px !important;
}
.wp-block-navigation__responsive-container-close {
position: fixed !important;
color: #FFF01A !important;
top: -49px !important;
z-index: 1000000000000000000000000000 !important;
right: 35px !important;
}
/* .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul:not(.wp-block-navigation-submenu) > li::after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 1px;
background-size: cover;
right: 0px;
top: -3px;
background-color: #e7e7e7;
left: 0px;
} */
/* .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul:not(.wp-block-navigation-submenu) > li.wp-block-navigation-submenu ul::after {
position: absolute;
content: "";
display: block;
width: 40px;
height: 1px;
background-size: cover;
top: 55px;
background-color: #e7e7e7;
left: 0px;
} */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: #063856 !important;
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
color: #fff !important;
}
.wp-block-navigation__submenu-container li a {
color: var(--Color-Base-White, #FFF);
leading-trim: both;
text-edge: cap;
font-family: var(--wp--preset--font-family--inter);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-transform: capitalize;
}
.cennikTable .wp-block-group:nth-child(odd), .cennikTable .wp-block-group:nth-child(even) {
padding: 20px !important;
}
.cennikTable .wp-block-group > p:first-of-type {
max-width: 79%;
text-align: left;
}
.has-modal-open .wp-block-navigation__responsive-container-open {
/* background: url(/wp-content/uploads/2024/02/Group-312.png);
background-repeat: no-repeat;
background-position: center;
background-size: 18px 18px; */
width: 24px;
height: 24px;
}
.entry-content.wp-block-post-content > p {
margin-top: 0px;
margin-bottom: 0px;
}
#modal-1-content ul, #modal-2-content ul {
justify-content: center;
line-height: 50px;
gap: 20px;
}
a.wp-block-navigation-item__content {
margin-left: 0px;
}
.wpcf7 input, .wpcf7 textarea {
width: 100%;
max-width: fit-content;
}
/* .kategoriebelka-block > * {
display: none !important;
border: 0px !important;
} */
.post-type-archive-produkty .wp-block-spacer {
height: 50px !important;
}
.post-type-archive-produkty .wp-block-columns {
gap: 20px;
}
.blog .hero-niskie-block .hero-niskie-item .content, .category .hero-niskie-block .hero-niskie-item .content {
flex: 0 0 calc(100% - 40px) !important;
padding: 230px 20px 50px !important;
}
.blog .hero-niskie-block .hero-niskie-item .content .slogan, .category .hero-niskie-block .hero-niskie-item .content .slogan {
max-width: 94% !important;
}
/* .kategoriebelka-block {
border: 0px !important;
} */
.text-animate {
line-height: 120% !important;
}
/* .has-modal-open .wp-block-navigation__responsive-container-open::after {
content: "";
background: url(/wp-content/uploads/2024/02/Group-312.png);
background-repeat: no-repeat;
background-position: center;
background-size: 18px 18px;
width: 24px;
height: 24px;
} */
.has-modal-open .wp-block-navigation__responsive-container-open svg{
display: none;
}
.wp-block-navigation__responsive-container {
top: 70px !important;
}
.wp-block-site-logo a {
margin: auto;
display: block !important;
max-width: 220px;
}
nav ul:not(.wp-block-navigation-submenu) > li:not(:last-of-type)::after {
display: none;
}
nav.ofertamenu li{
margin-right: 0px;
}
nav.ofertamenu {
margin: 12px 00px;
line-height: 32px;
justify-content: center;
padding: 0 20px;
border-radius: 40px;
}
.whyus .numberIconBefore {
padding-left: 0px;
padding-top: 48px;
width: calc(100%);
cursor: pointer;
}
.whyus .numberIconBefore::before {
left: 50%;
top: 0px;
transform: translateX(-50%);
}
.gapColumn iframe {
max-width: 100%;
}
.textaligntop {
margin-top: 0px;
padding-left: 00px;
}
.sectionTextWidth h2, h2.wp-block-heading {
line-height: 1.4em;
}
#hero-section {
padding-bottom: 30px;
}
.flex-column blockquote::before {
top: 25px;
}
#hero-section h1.wp-block-heading {
margin-top: 230px;
margin-bottom: -4px;
text-align: center;
line-height: 1em;
font-size: 32px !important;
}
.wp-block-navigation__responsive-container-open {
color: #F4A11C !important;
}
.wp-block-navigation__responsive-container-close {
color: #063856 !important;
}
#hero-section video.isPortrait {
display: none;
}
#hero-section, #hero-section.hero-slider > .wp-block-cover {
padding-bottom: 40px;}
#hero-section, #hero-section.hero-slider > .wp-block-cover, #hero-section.hero-slider {
/* min-height: 540px; */
min-height: calc(100vh - 80px);
margin-top: 0px;
}
footer .wp-block-site-logo a {
margin-left: 0px;
}
footer .wp-block-columns {
gap: 20px;
justify-content: flex-start;
}
#socialNav {
display: none !important;
}
footer {
border-top: 2px solid var(--Color-Base-Premium-Gray, #343734);
}
footer .wp-block-columns .wp-block-columns > .wp-block-column {
flex: 0 0 100%;
width: 48vw;
display: block;
max-width: 100% !important;
}
footer .wp-block-columns .wp-block-columns > .wp-block-column ul li {
font-size: 14px !important;
}
#hero-section.hero-slider h1.wp-block-heading {
margin-top: 0px;
text-align: left;
}
#hero-section.hero-slider video{
height: 50%;
}
#hero-slide-indi {
width: fit-content;
display: flex
;
}
#hero-section > img {
object-position: 50% 50%;
z-index: 1;
bottom: 0;
right: 0;
left: auto;
top: auto;
max-height: 100%;
max-width: 100%;
top: 0px;
right: 0;
max-width: 100%;
object-fit: cover;
transform: translateX(0px);
}
html {
margin-top: 0px !important;
}
.navWrapper {
max-width: 64px;
align-items: end;
display: flex;
color: #b56915;
}
#socialNav, #socialNav2 {
display: none !important;
}
nav ul li a {
color: var(--Color-Base-White, #FFF) !important;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px; /* 125% */
}
nav ul ul {
padding-left: 20px;
}
nav ul ul li a {
font-weight: 400;
}
#modal-1 #socialNav, #modal-1 #socialNav2{
display: block !important;
display: none !important;
flex-basis: 80%; width: 100%;
height: 45px;
flex-grow: 0;
margin-top: 40px;
}
#modal-1 #socialNav2 .wp-block-buttons {
justify-content: center;
height: auto !important;
}
#modal-1 #socialNav .wp-block-buttons {
justify-content: center;
}
/* .home #hero-section:after, */
/* .page-id-880 #hero-section:after {
display: none;
} */
.flex-column blockquote,#kontakt .flex-column blockquote,#opinieSection #opinieContent blockquote {
position: relative;
margin: 10px 0 15px;
padding: 80px 15px 1em 15px;
margin-right: 0px;
text-align: center;
}
.gap4 figure img {
width: 100%;
opacity: 0.25;
transition: all 1s;
filter: grayscale(0);
}
#hero-section .wp-element-button,#hero-section .wp-block-button__link {
font-size: 15px !important;
padding: 12px 20px;
}
#hero-section .has-inter-font-family {
text-align: center;
/* font-size: 20px !important; */
}
.home #hero-section .has-inter-font-family {
text-align: left;
}
.bgW50 > img.wp-block-cover__image-background {
width: 100%;
object-fit: contain;
top: 0px;
height: auto;
}
#nf-field-5-wrap .nf-field-element > ul {
gap: 0px;
flex-direction: column;
}
.bgW50 > .wp-block-cover__inner-container{
padding-top: 290px;
}
.toBottomRight {
position: relative;
margin-bottom: -30px;
}
#hero-section .wp-block-columns {
flex-direction: column-reverse;
padding-bottom: 70px;
}
.hero-section {
margin-left: 0px;
margin-top: 0px;
}
#kontakt .nf-form-cont {
margin: 0px 16px !important;
display: block;
padding: 28px 12px;
}
#nf-field-11-wrap {
gap: 4px;
}
#nf-field-13-wrap {
text-align: center;
}
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link.toContact {
border-radius: 8px;
color: #3aaa35;
font-size: 0px;
width: 42px;
height: 42px;
background: url(/wp-content/uploads/2024/01/Group-157-2.png);
background-position: center;
background-size: cover;
border: 0px;
}
.flex-column blockquote::before,#opinieSection #opinieContent blockquote::before,#opinieSection #opinieContent blockquote::after {
left: 50%;
transform: translateX(-50%);
}
#opinieSection #opinieContent blockquote::after {
top: 140px;
}
/* .galeria-item {
/* max-width: 150px;
display: flex;
width: 150px;
} */
.galeria-item img {
max-width: 100%;
height: auto;
}
#galeriaContent {
grid-template-columns: repeat(2, 1fr) !important;
padding: 0 15px;
max-width: 320px;
margin: auto;
}
.daneFirmy {
gap: 0px;
}
.akcent:after {
background-size: 100%;
background-image: url('data:image/svg+xml,'); }
.wp-block-spacer {
height: 50px !important;
}
.wp-block-cover h2.akcentHalf {
font-size: 32px !important;
}
/* .checkicon {
margin-bottom: 48px;
} */
.arrow-before::before {
display: none;
}
.arrow-before {
padding-left: 0px;
position: relative;
margin: auto !important;
}
.py15 {
padding: 0 15px;
}
footer .wp-block-column p {
text-align: left !important;
}
footer .wp-block-column > .wp-block-columns {
flex-direction: column; gap: 0px;
}
.cennik-block .cennik-item .content > p:first-of-type {
text-align: left !important;
}
header .wp-block-columns .wp-block-column:last-of-type{
flex: 0 1 50px !important;
flex-basis: fit-content !important;
}
header .wp-block-columns .wp-block-column .wp-block-button:last-of-type{
display: flex !important;
justify-content: flex-end !important;
min-width: 48px;
}
header .wp-block-columns{
flex-wrap: nowrap !important;
justify-content: space-between;
}
header > .wp-block-cover{
min-height: 70px !important;
padding: 0 15px !important;
}
header .wp-block-columns .custom-logo-link{
margin-top: 5px;
margin-left: 0px;
}
.cennik-block .cennik-item .content > p:last-of-type {
text-align: right !important;
min-width: 55px;
}
.hideMobile {
display: none !important;
}
.stopkaLogo img {
margin: auto;
display: block;
}
}