@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700;900&display=swap');

/* Podstawowe resety i typografia */
img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; }
h1, h2, h3 { font-family: 'Lato', sans-serif; font-weight: 400; }
h2, h3 { text-align: left; }

/* Pomocnicze klasy układu */
.boxed-container { background-color: transparent !important; }
.page-header { margin-bottom: 0px; }
.notfull { max-width: 1200px; margin: 0 auto; }
.pad20 { padding: 0px 20px; }
.pad20 h2 { text-align: center; }

/* Panele i siatka SiteOrigin */
.panel-grid-cell .so-panel { margin-bottom: 30px !important; }
.pinfo { padding: 29px 24px; background: #f2f2f2; border-left: 3px solid #3d8a52; margin-bottom: 32px; }
.line-lamele { display: block; }
.col2 { width: 48%; height: auto; display: inline-block; vertical-align: top; }
.col3 { width: 32%; height: auto; display: inline-block; vertical-align: top; }

/* Style widgetu Step (produkty/kolory) */
.steps { margin-bottom: 20px; }
.step { padding: 0px !important; border: 0px; margin-right: 1.075rem !important; }
.step__content { text-align: center !important; }

/* Bloki tekstowe */
.txt-left, .txt-right { padding: 20px; }
.txt-left p, .txt-right p { text-align: justify; font-size: 13px; }

/* Tabele techniczne */
table.darkTable { background-color: #fff; }
table.darkTable td, table.darkTable th { border: 1px solid #aaaaaa; padding: 0px 2px; }
table.darkTable tbody td { color: #999999; }

/* Nawigacja dodatkowa */
#menu-extras-menu { margin-top: 50px; }
ul.lamele-lista li { font-size: 13px; }

/* Parallax Fixes */
.parallax-window { min-height: 350px; background: transparent; }

/* Formularz kontaktowy i Mapa */
.wpcf7-notice-error { color: #de1616; }
.wpcf7-notice-ok { color: #408c4b; }
#map { width: 100%; height: 389px; }

/* Adaptacyjność (Media Queries) */
@media only screen and (max-width: 767px) {
    .col2, .col3 { width: 100% !important; }
    #top-1-img { width: 88%; }
    .steps { display: block; margin-bottom: 10px; }
    .step { padding: 5px !important; width: 32%; display: inline-block; margin-bottom: 0; }
    .txt-right { padding: 0px 20px; }
    .notfull { margin-bottom: 20px; margin-top: 12px !important; }
    .last-img { margin-top: 20px; }
}