/*
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: "Inter",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
--wp--preset--font-family--mali: "Inter",-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;
}
.wp-block-cover.headerFluidWrapper {
min-height: 70px !important;
background: var(--Color-Blue-Blue-900, #00459A);
box-shadow: 4px 4px 30px 0 rgba(57, 57, 57, 0.10);
position: fixed;
right: 0px;
left: 0px;
top: 0px;
padding: 20px 0px;
transition: all 1s ease;
}
body.admin-bar .wp-block-cover.headerFluidWrapper{
top: 32px;
}
.wp-block-cover.headerFluidWrapper.active {
background-color: #fff;
transition: all 1s ease;
}
.footerFluidWrapper {
background: var(--Color-Blue-Dark-Blue-Dark-500, #00295C);
}
.footerSlogan {
color: var(--Color-Blue-Blue-200, #B4C3CC) !important;
text-align: center !important;
font-family: Inter !important;
font-size: 14px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 20px !important; /* 142.857% */
margin-top: 0px !important;
text-align: left !important;
}
.wp-block-cover.headerFluidWrapper #logoMain, .wp-block-cover.footerFluidWrapper #logoMain {
width: 180px;
height: 68px;
transition: all 1s ease;
flex-shrink: 0;
aspect-ratio: 45/17;
margin-left: 0px !important;
background-repeat: no-repeat;
background-size: cover;
display: block;
font-size: 0px;
background-position: center;
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.headerFluidWrapper.active #logoMain, .wp-block-cover.footerFluidWrapper.active #logoMain {
transition: all 1s ease;
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.headerFluidWrapper #socialNav .socialIcon,.footerFluidWrapper #socialNav .socialIcon {
width: 68px;
height: 68px;
aspect-ratio: 1/1;
transition: all 1s ease;
flex-shrink: 0;
background-repeat: no-repeat;
background-size: cover;
margin: 0px !important;
display: block;
font-size: 0px;
background-position: center;
border-radius: 2px;
border: 2px solid var(--Color-Blue-Blue-600, #4D7DB8);
}
.wp-block-cover.headerFluidWrapper.active #socialNav .socialIcon,.footerFluidWrapper.active #socialNav .socialIcon {
transition: all 1s ease;
border-radius: 2px;
border: 2px solid var(--Color-Blue-Blue-100, #CCDAEB);
}
nav ul.wp-block-navigation__container {
display: flex;
justify-content: center;
gap: 50px;
}
#socialNav {
display: flex;
}
.wp-block-cover.headerFluidWrapper #socialNav .socialIcon.fbIcon {
background-size: 13px 24px;
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.headerFluidWrapper #socialNav .socialIcon.instaIcon {
background-size: 24px 24px;
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.headerFluidWrapper.active #socialNav .socialIcon.fbIcon {
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.headerFluidWrapper.active #socialNav .socialIcon.instaIcon {
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.headerFluidWrapper #socialNav .socialIcon.fbIcon:hover {
border-radius: 2px;
border: 2px solid var(--Color-Blue-Blue-600, #4D7DB8);
background-color: var(--Color-Blue-Blue-600, #4D7DB8);
}
.wp-block-cover.headerFluidWrapper #socialNav .socialIcon.instaIcon:hover {
border-radius: 2px;
background-color: var(--Color-Blue-Blue-600, #4D7DB8);
border: 2px solid var(--Color-Blue-Blue-600, #4D7DB8);
}
.wp-block-cover.footerFluidWrapper #socialNav .socialIcon.fbIcon {
background-size: 13px 24px;
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.footerFluidWrapper #socialNav .socialIcon.instaIcon {
background-size: 24px 24px;
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.footerFluidWrapper.active #socialNav .socialIcon.fbIcon {
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.footerFluidWrapper.active #socialNav .socialIcon.instaIcon {
background-image: url('data:image/svg+xml,');
}
.wp-block-cover.footerFluidWrapper #socialNav .socialIcon.fbIcon:hover {
border-radius: 2px;
border: 2px solid var(--Color-Blue-Blue-600, #4D7DB8);
background-color: var(--Color-Blue-Blue-600, #4D7DB8);
}
.wp-block-cover.footerFluidWrapper #socialNav .socialIcon.instaIcon:hover {
border-radius: 2px;
background-color: var(--Color-Blue-Blue-600, #4D7DB8);
border: 2px solid var(--Color-Blue-Blue-600, #4D7DB8);
}
#socialNav {
display: flex;
flex-direction: row;
gap: 8px;
}
.mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
@media (max-width: 600px) {
.wp-block-navigation__responsive-container.is-menu-open {
padding: 20px 40px !important;
overflow: visible !important;
margin-top: 108px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
padding-top: 80px !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: 80px !important;
padding-top: 20px !important;
padding-left: 20px !important;
}
.has-modal-open .wp-block-navigation__responsive-container-open {
display: none !important;
}
.wp-block-cover.headerFluidWrapper #socialNav .socialIcon {
margin: 0px !important;
}
.wp-block-navigation__responsive-container-close {
position: fixed !important;
width: 28px !important;
background-size: 28px auto !important;
background-repeat: no-repeat !important;
height: 28px !important;
background-position: center !important;
background-image: url('data:image/svg+xml,') !important;
top: -72px !important;
right: 28px !important
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: #00459A !important;
}
.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
color: #fff !important;
}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container {
justify-content: center !important;
display: flex !important;
align-items: center !important;
margin: auto;
gap: 50px !important;
}
#socialNav {
display: flex;
flex-direction: row;
gap: 20px;
}
.wp-block-navigation li a {
color: var(--Color-Base-White, #FFF);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.navWrapper {
position: absolute;
right: 20px;
top: 20px;
width: 24px;
height: 24px;
}
.wp-block-cover.headerFluidWrapper #logoMain {
margin-left: 20px !important;
}
.navWrapper .wp-block-navigation__responsive-container-open {
font-size: 0px;
width: 28px;
background-size: 28px auto;
background-repeat: no-repeat;
height: 28px;
background-position: center;
background-image: url('data:image/svg+xml,');
}
.navWrapper .wp-block-navigation__responsive-container-open > * {
display: none;
}
.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;
}
}
.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;
}
.editor-styles-wrapper, .entry-content {
counter-reset: footnotes;
overflow: hidden;
}
.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;
}
.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,');
}
.rooster-block {
overflow-x: hidden;
}
.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;
color: var(--Color-Blue-Blue-900, #00459A);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
position: relative;
line-height: normal;
letter-spacing: 0.16px;
transition: all 1s ease;
text-decoration: none;
border-radius: 2px;
border: 2px solid var(--Color-Blue-Blue-900, #00459A);
background: var(--Color-Base-White, #FFF);
}
.btnPrimary:hover {
padding: 16px 56px 16px 32px;
border-radius: 1px;
border: 2px solid var(--Color-Blue-Blue-900, #00459A);
background: var(--Color-Blue-Blue-100, #CCDAEB);
}
.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: 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);
}
.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: 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: 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: 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: 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: 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: 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: 0px;
flex-direction: column;
align-items: center;
gap: 20px;
flex-shrink: 0;
background: var(--Color-Base-White, #FFF);
color: #232323;
}
.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: 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: var(--Color-Orange-Pink-1-700, #F6B449);
}
.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%);
}
.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);
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 600;
position: relative;
line-height: normal;
transition: all 1s ease;
text-decoration: none;
}
.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, #232323);
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: #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;
}
.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, #063856);
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: #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: 0px;
}
.upload__field {
margin-top: 12px;
}
.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;
}
.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: 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: 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-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;
}
.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;}
footer {
background-color: transparent;
padding-top: 00px;
}
footer ul {
margin-bottom: 0px !important;
padding-left: 0px !important;
display: flex !important;
gap: 50px !important;
}
footer ul li {
color: var(--Color-Base-White, #FFF);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
}
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: 50px;
justify-content: space-between;
margin-bottom: 0px;
}
footer .wp-block-columns-is-layout-flex p {
margin-top: 8px;
margin-bottom: 0px;
}
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-White, #FFF);
font-family: Inter;
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-Blue-Blue-300, #99B5D7);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
text-decoration: underline !important;
}
.wp-block-cover.headerFluidWrapper.active nav ul li a {
color: var(--Color-Gray-Gray-900, #232323);
}
.wp-block-cover.headerFluidWrapper.active nav ul li a:hover {
color: var(--Color-Blue-Blue-900, #00459A);
}
.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;
}
.noGap {
gap: 0px !important;
}
.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;
}
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 #socialNav{
display: none;
}
#modal-1-content ul ul{
display: inline-flex;
padding: 34px ;
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;
}
@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) {
body:not(.wp-admin) {
/* margin-top: 70px; */
}
.wp-block-site-logo a.custom-logo-link img {
max-width: 110px;
}
.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;
}
}
@media screen and (max-width: 479px) {
footer .wp-block-cover {
padding: 60px 30px;
}
.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;
}
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;
}
footer .wp-block-site-logo a {
margin-left: 0px;
}
footer .wp-block-columns {
gap: 20px;
justify-content: flex-start;
flex-direction: column;
}
#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;
}
.footerFluidWrapper footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
max-width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
min-height: fit-content;
position: relative;
}
.wp-block-cover.footerFluidWrapper #logoMain {
margin: auto !important;
display: block;
}
.footerFluidWrapper footer .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column ul {
flex-direction: column;
gap: 12px !important;
}
html {
margin-top: 0px !important;
}
.navWrapper {
max-width: 64px;
align-items: end;
display: flex;
color: #b56915;
}
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: flex !important;
/* display: none !important; */
flex-basis: 170px; width: 170px;
margin: auto;
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;
}
.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);
}
}