/* * Zero BS - POFO parent CSS, Simple Portfolio edition * Generated from POFO 3.1 style.css. * Scope: Basic Portfolio only. * Original rule order is preserved for retained selectors. * Removed: WooCommerce, Swiper, rich grids/popups/featureboxes/testimonials, * and rules that do not match the audited Simple Portfolio markup. */ body {font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size:14px; color:#6f6f6f; font-weight: 400;line-height: 24px; overflow-x: hidden;}body, html {height: 100%; -moz-osx-font-smoothing: grayscale;}a, a:active {color: #000; text-decoration: none;}a:hover, a:focus {color: #ff214f; text-decoration: none;}a:focus {outline: none;}img {max-width:100%; height:auto;}table {margin-bottom: 25px;}td, th {border-bottom: 1px solid #ededed; padding: 5px 8px;}iframe {border: 0; width: 100%; max-width: 100%; vertical-align: bottom;}p {margin: 0 0 25px}.alt-font strong {font-weight: 600}ul, ol, dl {list-style-position: outside; margin-bottom: 25px}p:empty {display: none;}pre {border-radius: 0; border: 1px solid rgba(0,0,0,.1); background-color: #f7f7f7; padding: 15px;}.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: 15px; padding-left: 15px;}.row {margin-right: -15px; margin-left: -15px; clear: both;}.row>* {padding-right: 15px; padding-left: 15px;}figure {margin-bottom: 0;}article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}b, strong { font-weight: 700; }.aligncenter, div.aligncenter {display: block; margin: 5px auto 20px auto;}.alignright {float:right; margin: 5px 0 20px 40px;}.alignleft {float: left; margin: 5px 40px 20px 0;}a img.alignright {float: right; margin: 5px 0 20px 30px;}.alt-font {font-family: "Montserrat", sans-serif; font-weight: 500;}h1, h2, h3, h4, h5, h6 {margin:0 0 25px; padding:0; letter-spacing: 0; font-weight: 400;}h1 {font-size:70px; line-height: 70px;}h2 {font-size:55px; line-height:60px}h3 {font-size:48px; line-height:54px}h4 {font-size:40px; line-height:46px}h5 {font-size:32px; line-height:40px}h6 {font-size:25px; line-height:30px}.text-small {font-size:12px; line-height:20px;}.text-white-alt {color:#FFF}.text-dark-gray-2 {color:#6f6f6f}.text-medium-gray {color:#939393}blockquote {padding: 20px 30px}blockquote p {font-size: 18px; line-height: 30px; margin-bottom: 17px !important; font-weight: 300}blockquote {border-left: 2px solid; padding: 15px 40px; margin: 45px 0}blockquote footer, .blockquote-footer {color: #939393; font-size: 14px; line-height: 1.42857143; margin-top: initial; margin-bottom: 0;}blockquote footer::before { content: "— "; }.letter-spacing-minus-1 {letter-spacing:-1px}.font-weight-600 {font-weight:600}.text-uppercase-alt {text-transform:uppercase;}.bg-extra-dark-gray {background-color:#1c1c1c;}.opacity-medium {position: absolute; height: 100%; width: 100%; opacity: 0.75; top:0; left: 0;}.opacity6 {opacity:.6}.cover-background {position: relative !important; background-size: cover !important; overflow: hidden !important; background-position: center; background-repeat: no-repeat !important;}.center-col {float:none; margin-left:auto; margin-right:auto}section, .default-page-space {padding: 130px 0; overflow: hidden;}.no-margin {margin:0 !important}.no-margin-bottom {margin-bottom:0 !important}.margin-10px-bottom {margin-bottom:10px}.margin-15px-bottom {margin-bottom:15px}.no-padding-lr {padding-left: 0 !important; padding-right: 0 !important}.padding-five-top {padding-top:5%;}.padding-30px-bottom {padding-bottom:30px;}.padding-45px-left {padding-left:45px;}.padding-20px-tb {padding-top:20px; padding-bottom:20px;}.padding-50px-tb {padding-top:50px; padding-bottom:50px;}.display-block {display:block !important}.display-none {display:none !important}.display-table {display:table !important}.display-table-cell {display:table-cell !important}.position-relative {position:relative !important;}.width-auto {width: auto}.vertical-align-middle {vertical-align: middle;}.btn {display:inline-block; border:2px solid transparent; white-space: pre-wrap; letter-spacing: .5px; line-height: inherit; border-radius: 0; text-transform: uppercase; width: auto; font-family: "Montserrat", sans-serif; font-weight: 600; outline: none !important; margin-bottom: 0;}.btn-check:focus+.btn, .btn:focus {box-shadow: none;}.btn.btn-medium {font-size:12px; padding: 6px 25px 5px;}.btn.btn-transparent-dark-gray {background: transparent; border-color: #232323; color: #232323}.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:focus {background: #232323; border-color: #232323; color: #ffffff}.btn.btn-rounded {border-radius: 50px}.btn.btn-rounded.btn-medium {padding: 6px 32px;}.border-bottom-alt {border-bottom: 1px solid;}.border-color-extra-light-gray {border-color:#ededed}.extra-small-screen {height:300px;}.one-second-screen {height:600px;}.navbar-collapse {padding-left: 0; padding-right: 0;}header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {color: #232323;}header a.logo-light img {max-height:26px;}header a.logo-dark img {max-height:26px;}.navbar-fixed-top {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; top: 0;}.logo-dark {display: none;}.logo-light .retina-logo {display: none;}.logo-dark .retina-logo {display: none;}.page-title-large h1 {font-size: 46px; line-height: 49px}.breadcrumb {background: transparent; border-radius: none; padding: 0}.breadcrumb ul {list-style: none; padding: 0; margin: 0;}.breadcrumb ul li {display: inline-block;}.breadcrumb ul > li:after {content: "•"; padding: 0 12px 0 12px; position: relative; top: 4px; font-size: 25px; opacity: .6;}.breadcrumb ul > li:last-child:after {border-right: 0; content: ""; padding: 0}.pofo-page-breadcrumb .breadcrumb, .pofo-page-breadcrumb .breadcrumb ul, .pofo-single-post-breadcrumb .breadcrumb, .pofo-single-post-breadcrumb .breadcrumb ul, .pofo-single-portfolio-breadcrumb .breadcrumb, .pofo-single-portfolio-breadcrumb .breadcrumb ul, .pofo-portfolio-archive-breadcrumb .breadcrumb, .pofo-portfolio-archive-breadcrumb .breadcrumb ul, .pofo-single-product-breadcrumb .breadcrumb, .pofo-single-product-breadcrumb .breadcrumb ul, .pofo-page-breadcrumb .breadcrumb, .pofo-page-breadcrumb .breadcrumb ul, .pofo-single-post-breadcrumb .breadcrumb, .pofo-single-post-breadcrumb .breadcrumb ul, .pofo-single-portfolio-breadcrumb .breadcrumb, .pofo-single-portfolio-breadcrumb .breadcrumb ul, .pofo-portfolio-archive-breadcrumb .breadcrumb, .pofo-portfolio-archive-breadcrumb .breadcrumb ul, .pofo-product-archive-breadcrumb .breadcrumb, .pofo-product-archive-breadcrumb .breadcrumb ul {width: 100%;}header {width: 100%; z-index: 99;}header nav .row {align-items: center; height: auto; padding: 0; width: calc(100% + 30px);}header nav .row > div:first-child {flex: 1 1 auto;}header nav.navbar {border-radius: 0; padding: 0;}header nav.navbar-default, nav.navbar.bootsnav, .full-width-pull-menu {border-bottom: 0; background-color: #fff;}header nav {width: 100%; top: 0px; z-index: 99; margin-bottom: 0; display: table;}header nav .nav-header-container, header .navbar>.container {position: relative;}header nav .navbar-nav > li > a, header nav.navbar-brand-top .navbar-nav > li:last-child a {color: #232323; font-size: 12px; margin:0 20px; padding: 5px 0px 5px; text-transform: uppercase; letter-spacing: 0.015em;}header nav .navbar-nav > li > a:hover, header nav .navbar-nav > li > a:focus, header nav .navbar-nav > li.active > a {background: transparent;}header nav .navbar-nav > li:last-child a {margin-right: 0;}.navbar-fixed-bottom, .navbar-fixed-top {z-index: 9999;position: fixed; right: 0; left: 0;}header nav.navbar-default .navbar-nav > li > a:hover, header nav.navbar-default .navbar-nav > li > a:focus, header nav.navbar-default .navbar-nav > li.active > a {border-bottom-color: #232323}header nav .navbar-nav.text-normal > li > a {font-weight: 500; font-size: 12px}.navbar-nav {flex-direction: row;}.nav>li>a {position: relative;display: block;}.navbar-nav>li>a {line-height: 20px;}.navbar-nav > li {position: inherit;}.navbar-toggle {border-radius: 0; margin-right: 0; margin-bottom: 8px; background-image: none;}nav .accordion-menu {position: initial;}.navbar-default .navbar-toggle .icon-bar {background: #232323;}.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap;}.navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px;}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}body {width: 100%;}nav.navbar.navbar-default ul.nav > li > a {padding:26px 0; background: transparent; border-color: transparent; font-weight: 600}.navbar-collapse, .sub-menu {-webkit-overflow-scrolling:auto; -moz--webkit-overflow-scrolling:auto; -ms--webkit-overflow-scrolling:auto; -o--webkit-overflow-scrolling:auto;}.navbar-collapse:before, .navbar-collapse:after {display: table; content: " ";}.pofo-right-border-style {border-right: 1px solid #363636;}.pofo-right-border-style:last-child {border: 0;}.footer-bottom .footer-right-text a {margin-right: 3px}.footer-bottom .footer-right-text a:last-child {margin-right: 0; margin-left: 3px}@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {.logo {display: none !important;}.retina-logo {display: inline-block !important;}}@media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: auto;}}.text-right {text-align: right;}.text-left {text-align: left;} /* ZBS compatibility additions */ #masthead .zbs-logo-wrap{font-size:inherit;line-height:normal;margin:0;padding:0;} #masthead a.logo-light img,#masthead a.logo-dark img{width:auto!important;height:auto!important;} /* Restore POFO's standard light/dark logo swap when the header becomes sticky. */ .sticky .logo-dark{display:inline;}.sticky .logo-light{display:none;} /* Keep routine UI motion on compositor-friendly properties only. */ a,.btn{transition-property:color,background-color,border-color,opacity,transform,box-shadow;} /* ============================================================ * ZBS Simple CSS v2: Contact Form 7 submit button * * WHY THIS EXISTS: * Basic Portfolio deliberately does NOT load pofo-style-rich.css. Some Basic * Portfolio pages can still contain a whitelisted Contact Form 7 form. * CF7 outputs , not POFO's .btn * markup, so after the parent CSS declutter the browser falls back to a plain * native input appearance. * * Keep this styling here as well as in Rich. It is a tiny component-level * rule and avoids re-loading any of POFO's large form/component systems. * The existing child-theme CF7 rules load after this file and may still * override details such as hover color or per-form width. * ============================================================ */ .wpcf7 input.wpcf7-submit { display: inline-block; width: auto; padding: 7px 20px 8px; border: 2px solid #232323; border-radius: 4px; background: transparent; color: #232323; font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 600; line-height: 18px; letter-spacing: .5px; text-transform: uppercase; cursor: pointer; } /* ============================================================ * ZBS Simple CSS v3: CF7 forms embedded in Basic Portfolio * * CONTEXT FOR FUTURE MAINTENANCE: * "Simple Portfolio" means simple POFO/JS/CSS architecture, NOT "no forms". * Some Basic Portfolio pages are explicitly whitelisted for Contact Form 7 * and use the small .pole-email-simple form. The first Simple declutter kept * the submit button but removed POFO's generic input primitives, leaving the * email field at browser-native height. * * Keep this targeted to CF7 inside Basic Portfolio. Do not restore POFO's * entire form/widget system just to style one email field. * ============================================================ */ .portfolio-category-basic .wpcf7 input[type="text"], .portfolio-category-basic .wpcf7 input[type="email"], .portfolio-category-basic .wpcf7 input[type="tel"], .portfolio-category-basic .wpcf7 input[type="url"], .portfolio-category-basic .wpcf7 input[type="number"], .portfolio-category-basic .wpcf7 textarea, .portfolio-category-basic .wpcf7 select { box-sizing: border-box; width: 100%; max-width: 100%; border: 1px solid #d1d1d1; padding: 8px 15px; color: inherit; background: #fff; font-family: inherit; font-size: 14px; line-height: 24px; outline: none; } .portfolio-category-basic .wpcf7 input[type="text"]:focus, .portfolio-category-basic .wpcf7 input[type="email"]:focus, .portfolio-category-basic .wpcf7 input[type="tel"]:focus, .portfolio-category-basic .wpcf7 input[type="url"]:focus, .portfolio-category-basic .wpcf7 input[type="number"]:focus, .portfolio-category-basic .wpcf7 textarea:focus, .portfolio-category-basic .wpcf7 select:focus { border-color: #585858; } /* This small form historically used a pink/red submit. The markup currently * has no .pole-email-simple-wyslij wrapper, so the old child-theme selector * cannot match it. Style the actual CF7 submit directly instead. */ .portfolio-category-basic .wpcf7 input.wpcf7-submit { background: #ed1846; border-color: #ed1846; color: #fff; padding: 8px 21px 9px; } .portfolio-category-basic .wpcf7 input.wpcf7-submit:hover, .portfolio-category-basic .wpcf7 input.wpcf7-submit:focus { background: #232323; border-color: #232323; color: #fff; } /* ============================================================ * ZBS standard POFO button sizes v7 * * Keep the whole tiny size family. Simple pages can still contain a normal * POFO/WPBakery CTA, and five one-line rules are cheaper than debugging a * future button whose padding vanished because its size was not in the audit. * ============================================================ */ .btn.btn-very-small { font-size: 9px; padding: 1px 17px; line-height: 22px; } .btn.btn-small { font-size: 11px; padding: 4px 24px; } .btn.btn-medium { font-size: 12px; padding: 6px 25px 5px; } .btn.btn-large { font-size: 13px; padding: 9px 34px; line-height: 25px; } .btn.btn-extra-large { font-size: 15px; padding: 12px 40px 13px; line-height: 25px; } /* ============================================================ * ZBS safety restore: POFO special-character size utilities * Original POFO 3.1 values. Separate family from .icon-* utilities. * ============================================================ */ .special-char-small{font-size:40px;line-height:60px;} .special-char-medium{font-size:80px;line-height:120px;} .special-char-large{font-size:140px;line-height:120px;} .special-char-extra-large{font-size:200px;line-height:150px;} /* Single Post header: keep the absolute overlay inside its own header. */ .pofo-single-post-title-bg { position: relative; } /* Reusable semantic testimonial component for Simple assets. */ .zbs-testimonials { margin: 35px 0 55px; } .zbs-testimonial { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 175px; grid-template-areas: "quote photo" "author photo"; column-gap: 40px; align-items: center; margin: 0; padding: 36px 0; border-top: 1px solid #ededed; } .zbs-testimonial:last-child { border-bottom: 1px solid #ededed; } .zbs-testimonial__photo { grid-area: photo; justify-self: end; width: 151px; height: 151px; max-width: 100%; object-fit: cover; border: 3px solid #232323; border-radius: 50%; } .zbs-testimonial__icon { position: absolute; top: 38px; left: 0; width: 56px; height: 44px; margin: 0; color: #ff214f; opacity: 0.12; pointer-events: none; } .zbs-testimonial__quote { grid-area: quote; position: relative; z-index: 1; margin: 0; padding: 0 0 0 34px; border: 0; font-style: italic; } .zbs-testimonial__author { grid-area: author; margin-top: 1px; padding-left: 34px; font-family: "Montserrat", sans-serif; color: #232323; } @media (max-width: 767px) { .zbs-testimonial { grid-template-columns: minmax(0, 1fr); grid-template-areas: "photo" "quote" "author"; row-gap: 22px; padding: 32px 0; } .zbs-testimonial__photo { justify-self: center; width: 130px; height: 130px; } .zbs-testimonial__icon { display: none; } .zbs-testimonial__quote { padding-left: 0; } .zbs-testimonial__author { margin-top: -17px; padding-right: 25px; padding-left: 25px; } } /* Compact, reusable author hierarchy for all ZBS testimonial blocks. */ .zbs-testimonial__author-name, .zbs-testimonial__author-meta { display: block; } .zbs-testimonial__author-name { font-size: 1.1em; font-weight: 700; line-height: 1.2; } .zbs-testimonial__author-meta { margin-top: 2px; font-size: .9em; font-weight: 400; line-height: 1.25; } /* ZBS global header: logo, menu, hover and native smooth scroll. */ header a.logo-light img{max-height:70px;margin-top:20px;} header a.logo-dark img{max-height:50px;margin:10px 0;} header nav.navbar.bootsnav .navbar-nav>li>a{font-weight:500!important;} header nav .navbar-nav>li>a{margin:0 15px;} header.sticky nav.navbar.bootsnav .navbar-nav a:hover{color:#ff214f!important;} .nav-header-container i{font-size:125%!important;} html{scroll-behavior:smooth;} /* Desktop: Kontakt jako koperta. */ @media (min-width:992px){ header#masthead nav .navbar-nav>li>a[href$="/kontakt/"]{display:inline-flex;align-items:center;justify-content:center;width:32px;font-size:0;} header#masthead nav .navbar-nav>li>a[href$="/kontakt/"]::before{display:block;width:29px;height:23px;content:"";transform:translateY(-2px);background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 6.5h17v11h-17zM4 7l8 6 8-6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 6.5h17v11h-17zM4 7l8 6 8-6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;} } /* Desktop 992–1199: luka między gridem Bootstrap i hamburgerem POFO. */ @media (min-width:992px) and (max-width:1199px){ header#masthead nav .row>.col-lg-2.col-5{flex:1 1 0;width:auto;max-width:none;min-width:180px;} header#masthead nav .row>.accordion-menu{flex:0 0 auto;width:auto;max-width:none;} header#masthead nav .navbar-nav>li>a{margin-right:9px;margin-left:9px;} } /* POFO utilities used by buttons with an icon before their label. */ .margin-5px-right{margin-right:5px;} .no-margin-left{margin-left:0!important;} /* Four selected Themify classes keep their existing picker names but render * as lightweight SVG masks instead of the old font glyphs. */ .ti-linkedin::before, .ti-facebook::before, .ti-youtube::before, .ti-wallet::before{content:none;} .ti-linkedin, .ti-facebook, .ti-youtube, .ti-wallet{display:inline-block;width:1em;height:1em;background-color:currentColor;vertical-align:-.12em;} .ti-linkedin{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='3' y='3' width='58' height='58' rx='7' fill='none' stroke='black' stroke-width='5'/%3E%3Ccircle cx='18' cy='20' r='4'/%3E%3Cpath d='M14 29h8v22h-8zm15 0h8v3c3-3 6-4 10-4 8 0 11 5 11 14v9h-8v-9c0-5-2-7-6-7s-7 3-7 8v8h-8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='3' y='3' width='58' height='58' rx='7' fill='none' stroke='black' stroke-width='5'/%3E%3Ccircle cx='18' cy='20' r='4'/%3E%3Cpath d='M14 29h8v22h-8zm15 0h8v3c3-3 6-4 10-4 8 0 11 5 11 14v9h-8v-9c0-5-2-7-6-7s-7 3-7 8v8h-8z'/%3E%3C/svg%3E") center/contain no-repeat;} .ti-facebook{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='3' y='3' width='58' height='58' rx='7' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M38 17h8V8h-8c-10 0-16 6-16 16v6h-7v10h7v21h11V40h10l2-10H33v-5c0-5 2-8 5-8z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='3' y='3' width='58' height='58' rx='7' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M38 17h8V8h-8c-10 0-16 6-16 16v6h-7v10h7v21h11V40h10l2-10H33v-5c0-5 2-8 5-8z'/%3E%3C/svg%3E") center/contain no-repeat;} .ti-youtube{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 52'%3E%3Crect x='3' y='3' width='66' height='46' rx='12' fill='none' stroke='black' stroke-width='6'/%3E%3Cpath d='M30 16l19 10-19 10z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 52'%3E%3Crect x='3' y='3' width='66' height='46' rx='12' fill='none' stroke='black' stroke-width='6'/%3E%3Cpath d='M30 16l19 10-19 10z'/%3E%3C/svg%3E") center/contain no-repeat;} .ti-wallet{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='3' y='3' width='58' height='58' rx='7' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M16 20h24L17 44h24M47 15v34M42 39l11-7' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect x='3' y='3' width='58' height='58' rx='7' fill='none' stroke='black' stroke-width='5'/%3E%3Cpath d='M16 20h24L17 44h24M47 15v34M42 39l11-7' fill='none' stroke='black' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;} .btn .ti-linkedin, .btn .ti-facebook, .btn .ti-youtube, .btn .ti-wallet{width:1.15em;height:1.15em;}