/*
 * 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 <input type="submit" class="wpcf7-submit">, 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;}