/* Theme Name: Budmech Author: Vena Art Author URI: https://vena.lublin.pl/ Template: wp-bootstrap-starter Version: 1.0.0 Text Domain: budmech */ a, i, img, strong, ::after, ::before, #marker, .my-btn, #slides, .image-wrapper, .oferta-specjalista, .oferta-specjalista-menu, body.home #sidebar-menu #menu-rozwiazania li a, #aside-air { transition: all .4s; } body.page-template-kontakt [class ^= "st"] { transition: all .2s; } strong { font-weight: 600; } :root { scroll-behavior: smooth; --first: #091742; --firstRGB: 9,23,66; --second: #00aeff; --secondLighter: #EAF8FF; --whiteRGB: 255,255,255; --grayLighter: #e0e0e0; --grayLight: #d0d0d0; --grayBorder: #eee; --grayForm: #f6f6f6; --grayShadow: #939598; --grayMuted: #6c757d; --bad: #dc3232; --soSo: #ffb900; --good: #46b450; } body { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: var(--first); letter-spacing: .2pt; } h1, h2, .related-elements .caption, h3, h4, h5, h6 { font-weight: 600; color: var(--first); } h3 { font-size: 1.25rem; } a:hover { text-decoration: none; } #content .heading { font-weight: 600; } #content .heading a { color: var(--first); } #content .heading a:hover { color: var(--second); } #cookie-notice .cn-button { border-radius: 0; background-color: var(--second); font-weight: 600; letter-spacing: 2px; border: 1px solid var(--second) !important; color: white; } #cookie-notice .cn-button:hover { background-color: transparent; border-color: var(--second) !important; color: var(--second); box-shadow: none; } #cookie-notice .cn-button#cn-more-info { background-color: transparent; border-color: transparent !important; color: var(--second); padding: 0; border-bottom-color: var(--second); } #cookie-notice .cn-button#cn-more-info:hover { border-bottom: 1px solid var(--second) !important; } #cookie-notice #cn-close-notice::before, #cookie-notice #cn-close-notice::after { background-color: var(--first); } .paginate-links .page-numbers { background-color: white; display: inline-block; width: 3rem; padding: .75rem 0; text-align: center; border: 1px solid var(--grayBorder) !important; color: var(--first) !important; } .paginate-links .page-numbers.current, .paginate-links .page-numbers:not(.dots):hover { background-color: var(--first); color: white !important; } #content a, .modal a { color: var(--second); text-decoration: none; border-bottom-color: transparent; } #primary article p > [class $= "alignleft"] { max-width: 250px; } body.page-template-default:not(.home) #primary .description a, body.single #primary .description a:not(.btn-primary), body.page-template-default:not(.home) #primary .no-description a, body.single #primary .no-description a, body.error404 #primary a:hover, body.search:not(.search-results) #primary a:not(.page-numbers):hover { border-bottom-color: transparent !important; } body.single #primary .description .oferta-specjalista-menu a { border-bottom-color: var(--first) !important; } body.page-template-default:not(.home) #primary .description a:hover, body.single #primary .description a:hover, body.page-template-default:not(.home) #primary .no-description a:hover, body.single #primary .no-description a:hover, body.error404 #primary a, body.search:not(.search-results) #primary a:not(.page-numbers), #primary .salesman a:hover, .oferta-specjalista .salesman a:hover, .oferta-specjalista-menu .salesman a:hover { color: var(--second); border-bottom: 1px solid var(--second) !important; } .oferta-specjalista-menu .interaction a:hover { border-bottom: 1px solid var(--second) !important; } #primary .salesman a.underline, .oferta-specjalista .salesman a.underline, .oferta-specjalista-menu .salesman a.underline { color: var(--first); border-bottom: 1px solid var(--first); } #primary .salesman a, .oferta-specjalista .salesman a, .oferta-specjalista-menu .salesman a, body.page-template-pliki-do-pobrania #primary .file a { color: var(--first); } #primary .salesman a:hover, .oferta-specjalista .salesman a:hover, .oferta-specjalista-menu .salesman a:hover, body.page-template-pliki-do-pobrania #primary .file a i, body.page-template-pliki-do-pobrania #primary .file a:hover { color: var(--second); text-decoration: none; } body.page-id-8027 #primary .salesman a { color: var(--second); } body.page-id-8027 #primary .salesman a:hover { border-bottom-color: var(--second) !important; } .salesman img, .oferta-specjalista .salesman img, .oferta-specjalista-menu .salesman img { border-radius: 50px; aspect-ratio: 1 / 1; width: calc(200px / 3); height: auto; } body.single #secondary .oferta-specjalista-menu .description { display: none; } body.single #primary article .oferta-specjalista-menu .description { color: var(--first); /* color: white; */ } .oferta-specjalista { display: none; } body.page-template-dzial .oferta-specjalista { display: block; } .oferta-specjalista { position: fixed; bottom: 0; right: 1.5rem; width: 385px; background-color: rgba(var(--whiteRGB), .92); z-index: 1; border-radius: .25rem .25rem 0 0; border: 1px solid white; box-shadow: 0 .125rem 1rem var(--grayShadow); } .oferta-specjalista .heading-bar { background-color: var(--first); border-radius: .25rem .25rem 0 0; color: white; } .oferta-specjalista .heading-bar h3 { color: white; } .oferta-specjalista .heading-bar i, .oferta-specjalista-menu .heading-bar i { cursor: pointer; } .oferta-specjalista .heading-bar i.reverse, .oferta-specjalista-menu .heading-bar i.reverse { transform: rotate(180deg); } .oferta-specjalista-menu { background-color: var(--first); } /* #primary .expert-wrapper .oferta-specjalista-menu { background-color: var(--secondLighter); } */ .oferta-specjalista-menu .salesman { align-items: center; } .oferta-specjalista-menu .salesman .contact-details { font-size: .875rem; } .oferta-specjalista-menu .salesman .contact-details, .oferta-specjalista-menu .salesman .contact-details h3, .oferta-specjalista-menu .interaction a { color: white !important; } /* #primary .expert-wrapper .oferta-specjalista-menu .salesman .contact-details, #primary .expert-wrapper .oferta-specjalista-menu .salesman .contact-details h3, #primary .expert-wrapper .oferta-specjalista-menu .interaction a { color: var(--first) !important; } */ .oferta-specjalista-menu .interaction a:hover { border-bottom-color: white !important; } #primary .expert-wrapper .oferta-specjalista-menu .interaction a:hover { border-bottom-color: var(--first) !important; } .oferta-specjalista-menu .interaction { color: var(--second); line-height: 2; } .oferta-specjalista-menu .btn.btn-primary, .kupuj-b2b .btn.btn-primary { display: block; background-color: white; border: none !important; font-size: .875rem; letter-spacing: .5px; padding-top: .5rem; padding-bottom: .5rem; } #primary .expert-wrapper .oferta-specjalista-menu .btn.btn-primary:hover i::before { color: white !important; } /* #primary .expert-wrapper .oferta-specjalista-menu .btn.btn-primary { background-color: var(--second); color: white !important; } */ .oferta-specjalista-menu .btn.btn-primary:not(:disabled):hover { background-color: var(--second) !important; color: white !important; } /* #primary .expert-wrapper .oferta-specjalista-menu .btn.btn-primary:not(:disabled):hover { background-color: white !important; color: var(--first) !important; } */ .kupuj-b2b .btn.btn-primary:not(:disabled):hover { background-color: var(--first) !important; color: white !important; } .oferta-specjalista-menu .btn.btn-primary i, .kupuj-b2b .btn.btn-primary i { color: var(--first); } /* #primary .expert-wrapper .oferta-specjalista-menu .btn.btn-primary i { color: white; } */ .oferta-specjalista-menu .btn.btn-primary:not(:disabled):hover i::before, .kupuj-b2b .btn.btn-primary:not(:disabled):hover i::before, .kupuj-b2b h3 { color: white; } #primary .expert-wrapper .oferta-specjalista-menu .btn.btn-primary:not(:disabled):hover i::before { color: var(--first); } .kupuj-b2b { background-color: var(--second); background-blend-mode: soft-light; } body.single #primary article .overflow-hidden, body.single #primary article [style ^= "background-image"], body.single #primary article img, body.archive #primary article .overflow-hidden, body.archive #primary article [style ^= "background-image"], body.archive #primary article img, body.page-template-dzial #primary #oferta .overflow-hidden, /* body.page-template-dzial #primary #oferta [style ^= "background-image"], */ body.page-template-dzial #primary #oferta img, body.page-template-oferta #primary #oferta .overflow-hidden, /* body.page-template-oferta #primary #oferta [style ^= "background-image"], */ /* body.page-template-oferta #primary #oferta img, */ body.page-template-produkt #primary .overflow-hidden, body.page-template-produkt #primary [style ^= "background-image"], body.page-template-produkt #primary img, body.page-template-produkty #primary #produkty .overflow-hidden, body.page-template-produkty #primary #produkty [style ^= "background-image"], body.page-template-produkty #primary #produkty img, body.page-template-uslugi #primary #uslugi .overflow-hidden, body.page-template-uslugi #primary #uslugi [style ^= "background-image"], body.page-template-uslugi #primary #uslugi img, body.page-template-strefa-klienta #primary #uslugi .overflow-hidden, body.page-template-strefa-klienta #primary #uslugi [style ^= "background-image"], body.page-template-strefa-klienta #primary #uslugi img, body.page-template-pliki-do-pobrania #primary #pliki-do-pobrania .overflow-hidden, body.page-template-pliki-do-pobrania #primary #pliki-do-pobrania [style ^= "background-image"], body.page-template-pliki-do-pobrania #primary #pliki-do-pobrania img { border: 1px solid var(--grayLight); background-color: white; } .element .my-shadow, .related-elements .my-shadow, .related-elements [style ^= "background-image"], body.home #realizacje .my-shadow, body.page-template-dzial #primary #oferta [style ^= "background-image"], body.page-template-oferta #primary #oferta [style ^= "background-image"] { box-shadow: 0 .25rem .5rem rgba(0,0,0,.15); } body.single #primary article .overflow-hidden > [style ^= "background-image"], body.archive #primary article .overflow-hidden > [style ^= "background-image"], body.page-template-oferta #primary #oferta .overflow-hidden > [style ^= "background-image"] { border: none; } body.page-template-kontakt svg { width: 85%; height: 85%; } body.page-template-kontakt [class ^= "st"] { cursor: pointer; } body.page-template-kontakt [class ^= "st"].active { fill: var(--first); } body.page-template-kontakt [class ^= "st"]:hover { fill: var(--first); } #aside-air { position: fixed; top: calc(136.25px + (1rem * 2) - 2px); z-index: 1; background-color: white; height: 100%; overflow: scroll; } #aside-air.closed { left: -100%; } #aside-air.open { left: 0; } #primary a:not(.page-numbers):hover, #aside-air a:not(.page-numbers):hover, #secondary a:not(.page-numbers):hover, #page ul li::marker { color: var(--second); border-bottom-color: transparent; } #content ol, #content ul { padding-left: 1.125rem; } .wpcf7-form a.icon { color: var(--second); border-bottom-color: transparent !important; } .wpcf7 .description > .form-group:last-child { display: flex; justify-content: space-between; align-items: center; } .wpcf7 .description > .form-group:last-child .loader { position: relative; z-index: 1; text-align: right; opacity: 0; } /* .wpcf7.submitting .description > .form-group { cursor: default; user-select: none; } */ /* .modal.fade.show .modal-dialog.bg a, .modal.fade.show .modal-dialog.bg button, .wpcf7.submitting .description > .form-group a, .wpcf7.submitting .description > .form-group button { pointer-events: none; } */ .modal.fade.show { z-index: 9999999; } /* .modal.fade.show .modal-dialog { position: relative; } */ /* .modal.fade.show .modal-dialog::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.85); opacity: 0; } .modal.fade.show .modal-dialog.bg::after { opacity: 1; } */ /* body:not(.home) #primary .description a:hover, body:not(.home) #aside-air .description a:hover, body:not(.home) #secondary .description a:hover, body:not(.home) #primary .no-description a:hover, body:not(.home) #aside-air .no-description a:hover, body:not(.home) #secondary .no-description a:hover, .modal a:hover { border-bottom: 1px solid var(--second); } */ #masthead .social-wrapper { display: flex; justify-content: flex-end; align-items: center; width: 100%; margin-bottom: 1rem; } #masthead .facebook, #kontakt .facebook, #masthead .linkedin, #kontakt .linkedin { font-weight: 600; display: inline-block; } #masthead .facebook, #masthead .linkedin { line-height: 1; font-size: 14px; } #kontakt .facebook, #kontakt .linkedin { line-height: 1.375; font-size: 16px; } #masthead .facebook { margin-right: .5rem; } #masthead .linkedin { margin-right: 0; } #kontakt .facebook { margin-top: 1.25rem; margin-right: .75rem; } #kontakt .linkedin { margin-top: 1.25rem; } #masthead .facebook > a, #kontakt .facebook > a, #masthead .linkedin > a, #kontakt .linkedin > a { display: flex; justify-content: flex-start; align-items: center; color: var(--first); } #masthead .facebook > a > svg, #kontakt .facebook > a > svg, #masthead .linkedin > a > svg, #kontakt .linkedin > a > svg { width: auto; fill: var(--first); transition: all .4s; } #masthead .facebook > a > svg, #masthead .linkedin > a > svg { height: 28px; } #kontakt .facebook > a > svg, #kontakt .linkedin > a > svg { height: calc(28px * 1.5); } #masthead .facebook > a:hover > svg, #kontakt .facebook > a:hover > svg, #masthead .linkedin > a:hover > svg, #kontakt .linkedin > a:hover > svg { fill: var(--second); } #masthead .facebook > a > span, #masthead .linkedin > a > span { margin-left: .375rem; } #kontakt .facebook > a > span, #kontakt .linkedin > a > span { margin-left: .375rem; } #masthead .facebook > a > span, #masthead .linkedin > a > span { display: none; } /* #oferty-pracy .job-offers .job-offer a { padding: .5rem .875rem; border: 1px solid var(--second); display: block; font-size: .875rem; font-weight: 600; } #oferty-pracy .job-offers .job-offer a:hover { background-color: var(--second); color: white; } */ #oferty-pracy .job-offers .job-offer a { color: var(--first); } #oferty-pracy .job-offers .job-offer a:hover { color: var(--second); } #oferty-pracy .job-offers .job-offer a > svg { fill: var(--second); height: 14px; width: auto; transition: fill .4s; } #oferty-pracy .job-offers .job-offer a:hover > svg { fill: white; } #masthead .navbar.mobile { right: 0; top: 3px; } #masthead .navbar.mobile #main-nav-mobile { z-index: 99; background-color: rgba(var(--whiteRGB), .9375); } #masthead .navbar.mobile .navbar-nav-mobile li:not(:first-child) { margin-top: 1rem; } #masthead .navbar-nav { list-style-type: none; width: 100%; justify-content: center; font-size: .9375rem; } #masthead .navbar-nav-mobile { padding: 1.5rem 0 1.125rem; list-style-type: none; margin-bottom: 0; } #masthead .navbar-nav > li a, #masthead .navbar-nav-mobile > li a { font-weight: 400; background-color: transparent !important; } #masthead .navbar-nav > li > a { color: var(--first); display: block; padding: 1rem; } #masthead .navbar-nav-mobile > li > a { color: var(--first); display: block; padding: 0; margin-left: 1rem; margin-right: 1rem; } #masthead .navbar-nav > li { display: flex; align-items: center; } #masthead .navbar-nav > li > a, #masthead .navbar-nav > li > a::after { color: var(--grayMuted); display: flex; align-items: center; } #masthead .navbar-nav > li:nth-child(1) > a, #masthead .navbar-nav > li:nth-child(2) > a, #masthead .navbar-nav > li:nth-child(3) > a, #masthead .navbar-nav > li:nth-child(4) > a, #masthead .navbar-nav > li:nth-child(5) > a, #masthead .navbar-nav > li:nth-child(6) > a, #masthead .navbar-nav > li:nth-child(1) > a::after, #masthead .navbar-nav > li:nth-child(2) > a::after, #masthead .navbar-nav > li:nth-child(3) > a::after, #masthead .navbar-nav > li:nth-child(4) > a::after, #masthead .navbar-nav > li:nth-child(5) > a::after, #masthead .navbar-nav > li:nth-child(6) > a::after { font-weight: 600; color: var(--first); } #masthead .navbar-nav > li > a:hover::after { color: var(--second); } #menu-mobile .item:nth-child(1) > a::after, #menu-mobile .item:nth-child(2) > a::after, #masthead .navbar-nav > li:nth-child(1) > a::after, #masthead .navbar-nav > li:nth-child(2) > a::after, #masthead .navbar-nav > li > a.dropdown-toggle::after { content: '\f078'; font-family: 'Font Awesome 5 Free'; font-size: 9px; font-weight: 600; margin-left: .625rem; border: none; vertical-align: middle; display: inline-block; } /* #menu-mobile .item:nth-child(1).show > a::after, #menu-mobile .item:nth-child(2).show > a::after, #masthead .navbar-nav > li:nth-child(1).show > a::after, #masthead .navbar-nav > li:nth-child(2).show > a::after, #masthead .navbar-nav > li.show > a.dropdown-toggle::after { transform: rotate(180deg); } */ /* #masthead .navbar-nav > li:nth-child(3) > a { margin-right: 2rem; } #masthead .navbar-nav > li:nth-child(3)::after { content: ''; width: 1px; height: 16px; background-color: var(--grayLighter); } #masthead .navbar-nav > li:nth-child(4) > a { margin-left: 2rem; } */ #masthead .navbar-nav .dropdown-menu { border: none; } #masthead .navbar-nav > li > a:hover, #masthead .navbar-nav > li.active > a, #masthead .navbar-nav-mobile > li > a:hover, #masthead .navbar-nav-mobile > li.active > a, #masthead .navbar-nav > .current-page-ancestor > a { color: var(--second); } /* #masthead .navbar-nav > li > a { border-bottom: 3px solid transparent; } #masthead .navbar-nav > li.active > a, #masthead .navbar-nav > .current-page-ancestor > a { border-color: var(--second); } */ .fade { animation: fade .4s; } #masthead .navbar-nav .dropdown-menu, #masthead .navbar-nav-mobile .dropdown-menu { animation: fade .4s; } #masthead .navbar-nav .dropdown-menu, #masthead .navbar-nav-mobile .dropdown-menu { border-radius: 0; } #masthead .navbar-nav .dropdown-item, #masthead .navbar-nav-mobile .dropdown-item { color: var(--first); } #masthead .navbar-nav .dropdown-item:hover, #masthead .navbar-nav .active > .dropdown-item, #masthead .navbar-nav-mobile .dropdown-item:hover, #masthead .navbar-nav-mobile .active > .dropdown-item { color: var(--second); } .navbar-light .navbar-toggler { border: none; color: var(--first); } .contact { font-size: .875rem; font-weight: 600; } .contact a { color: var(--first) !important; text-decoration: none; } .contact a:hover { color: var(--second) !important; } .search-form label { margin-bottom: 0; } .search-form .search-field::placeholder { color: var(--grayMuted); } .search-form label { font-size: .875rem; width: calc(100% - 48px); display: inline-block; } .search-form .search-field, .search-form .search-submit { background-color: var(--grayForm); border-radius: 0; border: none; color: var(--grayShadow); height: 2.5rem; } .background { background-position: center top; background-repeat: no-repeat; background-size: auto; } .background.center { background-position: center; } #co-robimy .obszary .obszar .background { background-size: cover; aspect-ratio: 16 / 9; height: 100%; } body.home #hero #slides .carousel-inner .carousel-indicators { top: 0; bottom: auto; padding: 15px; } body.home #hero #slides .carousel-inner .carousel-indicators li { width: 9px; height: 9px; border-radius: 4.5px; border: none; margin: 0 5px; opacity: 1; } body.home #hero #slides .carousel-inner .carousel-indicators li.active { background-color: var(--second); } body.home #hero #slides .carousel-inner .carousel-item { height: calc(350px + 72px); } body.home #hero #slides .carousel-inner .carousel-item .carousel-caption { background-color: var(--first); width: 100%; max-width: 670px; position: relative; inset: 0; text-align: left; padding: 15px; font-size: .9375rem; } body.home #hero #slides .carousel-inner .carousel-item .carousel-caption .special { color: white; } body.home #hero #slides .carousel-inner .carousel-item .carousel-caption .special span { color: var(--second); } body.home #hero #slides .carousel-inner .carousel-item .carousel-caption .left > .my-btn.btn-blue { margin-right: 0; } body.home #hero #slides .carousel-inner > .container > .container_carousel-caption { position: relative; width: 100%; max-width: 670px; } body.home #hero #slides .carousel-inner .right { position: absolute; z-index: 2; right: -15px; top: 387px; } body.home #hero #slides .carousel-inner .right > .pause.my-btn.btn-light { width: 35px; height: 35px; padding: 0; display: flex; justify-content: center; align-items: center; } body.home #hero #slides .carousel-inner .right > .pause.my-btn.btn-light > i.fa.fa-pause { color: var(--bad); } body.home #hero #slides .carousel-inner .right > .pause.my-btn.btn-light > i.fa.fa-play { color: var(--good); } body.home #hero #slides .carousel-inner .packshot { position: absolute; right: 1.5rem; bottom: 0; } body.home #hero #slides .carousel-inner .carousel-control-prev, body.home #hero #slides .carousel-inner .carousel-control-next { width: auto; height: calc(100% - 72px); } body.home #hero #slides .carousel-inner .carousel-control-prev i { margin-left: 15px; } body.home #hero #slides .carousel-inner .carousel-control-next i { margin-right: 15px; } #wszechstronny-budmech > .container { background-repeat: no-repeat; background-position: right bottom; } .my-border-top { border-top: 1px solid var(--grayLighter); } .my-border-bottom { border-bottom: 1px solid var(--grayLighter); } .my-post-meta { font-size: .875rem; } .my-post-meta.cat { display: inline-block; font-size: .75rem; } .my-post-meta.cat span { background-color: var(--grayLighter); } .my-post-more { font-size: .875rem; } .my-post-more a { font-weight: 600; } article.page h3.my-offer-title { font-size: 1.5rem; } .my-post-title { font-size: 1.25rem; } body.home .my-post-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .my-post-meta a, .my-post-title a { color: var(--first) !important; } .my-post-more a, .my-post-meta:not(.cat) a:hover, .my-post-title a:hover { color: var(--second) !important; } .my-post-more a::after { content: '\f061'; font-family: 'Font Awesome 5 Free'; margin-left: .375rem; color: var(--second); } body.home #realizacje, .icon-wrapper { background-color: var(--first); } body.home #realizacje h2:not(.my-post-title), body.home #realizacje h2:not(.my-post-title) a { color: white !important; } body.home #realizacje h2:not(.my-post-title) a:hover { color: var(--second) !important; } #hero-subpage { background-color: var(--first); color: white; background-repeat: no-repeat; background-position: right bottom; background-size: contain; } .paginate-links .page-numbers > i::before { color: var(--second); } #hero-subpage .name { color: white; font-weight: 700; font-size: 2.5rem; line-height: 1; } #hero-subpage.area .name { font-size: 2.25rem; } #hero-subpage.area { padding-top: .25rem; padding-bottom: .25rem; background-repeat: no-repeat; background-position: center; background-size: cover; } .my-btn { border-radius: 0; border-width: 1px; letter-spacing: .0625rem; padding: .375rem .875rem; font-size: .875rem; font-weight: 600; box-shadow: none !important; border-color: transparent !important; display: block; } .my-own-post-title { font-size: 2rem; } .my-btn.btn-light { background-color: white !important; color: var(--second) !important; border-color: white !important; } .my-btn.btn-danger { background-color: white !important; color: var(--first) !important; border-color: var(--first) !important; } .my-btn.btn-danger:hover { color: var(--first) !important; } .icon-set span a { color: var(--first) !important; } .icon-set span a:hover { color: var(--second) !important; } #my-subhero-titles { list-style-type: none; position: relative; } #my-subhero-titles li { font-size: 1.25rem; line-height: 1.25; } #my-subhero-titles li { font-weight: 600; text-align: center; } #my-subhero-titles li a { color: var(--first) !important; display: block; padding: 1rem 0; margin-left: 1.40625rem; margin-right: 1.40625rem; } #my-subhero-titles li a:hover, #my-subhero-titles li a.active { color: var(--second) !important; } #masthead .navbar-nav > #marker, #my-subhero-titles #marker { background-color: var(--second); left: 0; width: 0; height: 3px; position: absolute; bottom: 0; } /* #oferta .my-post-more::before, */ #nasze-wartosci .my-post-more::before, #kariera-wartosci .my-post-more::before { content: ''; width: 62.5%; background-color: var(--second); height: 2px; display: block; margin-top: 1.25rem; } #nasze-wartosci .my-post-more::before, #kariera-wartosci .my-post-more::before { margin: 1.25rem 0; } #oferta .my-post-more::before { margin-left: auto; margin-right: auto; } .navbar-light .navbar-brand { z-index: 100; } .navbar-light .logo-wrapper { display: inline-block; /* background-color: var(--first); */ } .navbar-light .logo-wrapper a { padding: .75rem .875rem; } .navbar-light .navbar-brand img { width: calc(114px * 1.5); max-width: 100%; } #colophon img { width: 188px; max-width: 100%; } #colophon { background-color: var(--first); font-size: .9375rem; } #colophon .logo { border-bottom: 1px solid rgba(var(--whiteRGB), .2); padding-bottom: 2.5rem; } #air-nav { left: 10px; bottom: 10px; width: 60px; height: 60px; z-index: 999999; } #go-top { right: 15px; bottom: 15px; width: 40px; height: 40px; z-index: 11; } #air-nav a { border-radius: 30px; } #air-nav a, #go-top a { background-color: var(--second); width: 100%; height: 100%; } #platforma-b2b { background-color: var(--second); width: 100%; } #platforma-b2b .my-btn.btn-light:hover { background-color: var(--first) !important; border-color: var(--first) !important; color: white !important; } .description > *:last-child, #footer-widget .custom-html-widget > *:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; } #footer-widget .widget-title { font-size: .9375rem; font-weight: 700; } #colophon, #platforma-b2b h2, #platforma-b2b h3, #colophon #footer-widget h3, #footer-widget .widget-title, #footer-widget a, #footer-widget .menu-item .nav-link, #footer-widget .menu-item.platforma-b2b a:hover { color: white; } #footer-widget a.nav-link:hover, #footer-widget .menu-item a:hover, #footer-widget .menu + div a:hover i::before { color: var(--second); } #colophon .site-info, #colophon .site-info a { color: rgba(var(--whiteRGB), .2); } #colophon .site-info a:hover, #colophon [href="#page"], .oferta-kontakt .my-post-more a:hover { color: var(--second) !important; text-decoration: none; } #footer-widget #nav_menu-2 .sub-menu { display: none; } #footer-widget .menu-item .nav-link { padding: 0; display: inline-block; } #footer-widget .menu-item:not(:first-child) .nav-link { margin-top: .875rem; } #masthead .napisz-do-nas, #masthead .platforma-b2b, #footer-widget .menu-item.platforma-b2b { display: block; text-align: center; } #masthead .napisz-do-nas a, #masthead .platforma-b2b a, #footer-widget .menu-item.platforma-b2b .nav-link { padding: .5rem .875rem; border: 1px solid var(--second); display: block; } #masthead .napisz-do-nas a:hover, #masthead .platforma-b2b a:hover { background-color: var(--second); color: white !important; } #masthead .napisz-do-nas a .fa-envelope::before, #masthead .platforma-b2b a .fa-shopping-cart::before { color: var(--first); } #masthead .napisz-do-nas a:hover .fa-envelope::before, #masthead .platforma-b2b a:hover .fa-shopping-cart::before { color: white !important; } #footer-widget .menu-item.platforma-b2b .nav-link:hover { background-color: var(--second); } #footer-widget ul { padding-left: 0; } #primary article .breadcrumbs { font-size: .875rem; color: var(--second); margin-bottom: 1rem; } #hero-subpage .breadcrumbs { right: 0; bottom: 0; font-size: .875rem; line-height: 1.25; padding: 15px; padding-bottom: 12.5px; } .breadcrumbs.mobile { font-size: .875rem; line-height: 1.25; } #primary article .breadcrumbs .sep { font-size: .625rem; color: var(--grayMuted); } #hero-subpage .breadcrumbs .sep, .breadcrumbs.mobile .sep { color: var(--second); font-size: .625rem; } #primary article .breadcrumbs a { color: var(--first); } #hero-subpage .breadcrumbs a { color: white; } .breadcrumbs.mobile a { color: var(--first); } #primary article .breadcrumbs a:hover { color: var(--second); } #hero-subpage .breadcrumbs a:hover { color: var(--second); } .breadcrumbs.mobile a:hover { color: var(--second); border-bottom: 1px solid var(--second) !important; } #primary article p + hr { margin-top: 2.25rem; } #primary article div + hr { margin-top: 1.75rem; } #primary article .separator { clear: both; } body.search.search-results article:not(:first-child) { border-top: 1px solid var(--grayLight); } #aside-air #categories, #secondary #categories { list-style-type: none; padding-left: 0; margin-bottom: 0; } #aside-air #categories > .page_item > .children, #secondary #categories > .page_item > .children { list-style-type: none; padding-left: 1rem; } #aside-air #categories .page_item > .children, #secondary #categories .page_item > .children { display: none; } #aside-air #categories > .page_item.page_item_has_children.page-item-6442:not(.active) > .children, #aside-air #categories > .page_item.page_item_has_children.page-item-6444:not(.active) > .children, #aside-air #categories > .page_item.page_item_has_children.page-item-6531:not(.active) > .children, #aside-air #categories > .page_item.page_item_has_children.page-item-6533:not(.active) > .children, #aside-air #categories > .page_item.page_item_has_children.page-item-10272:not(.active) > .children, #aside-air #categories > .page_item.page_item_has_children.page-item-6476:not(.active) > .children, #aside-air #categories > .page_item.page_item_has_children.page-item-6511:not(.active) > .children, #aside-air #categories > .page_item.page_item_has_children.page-item-6503:not(.active) > .children, #aside-air #categories > .page_item.page_item_has_children.page-item-6406:not(.active) > .children, #aside-air #categories > .page_item.page_item_has_children.page-item-6429:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-6442:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-6444:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-6531:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-6533:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-10272:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-6476:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-6511:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-6503:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-6406:not(.active) > .children, #secondary #categories > .page_item.page_item_has_children.page-item-6429:not(.active) > .children { display: block; visibility: hidden; opacity: 0; } #aside-air #categories .page_item.active:not(.current_page_item) > a::after, #aside-air #categories .page_item.active.page_item_has_children > a::after, #aside-air #categories .page_item.current_page_parent.active > a::after, #aside-air #categories .page_item.current_page_ancestor > a::after, #aside-air #categories .nav-item.active > a::after, #secondary #categories .page_item.active:not(.current_page_item) > a::after, #secondary #categories .page_item.active.page_item_has_children > a::after, #secondary #categories .page_item.current_page_parent.active > a::after, #secondary #categories .page_item.current_page_ancestor > a::after, #secondary #categories .nav-item.active > a::after { transform: rotate(180deg); } #aside-air #categories .page_item.active > .children, #aside-air #categories .page_item.current_page_parent > .children, #aside-air #categories .page_item.current_page_ancestor > .children, #secondary #categories .page_item.active > .children, #secondary #categories .page_item.current_page_parent > .children, #secondary #categories .page_item.current_page_ancestor > .children { display: block; visibility: visible; opacity: 1; } #aside-air #categories > .nav-item .nav-link, #aside-air #categories > .page_item a, #aside-air #categories > .page_item > .children > .page_item a, #secondary #categories > .nav-item .nav-link, #secondary #categories > .page_item a, #secondary #categories > .page_item > .children > .page_item a { font-weight: 600 !important; /* font-weight: 300 !important; */ } #aside-air #categories > .page_item > .children > .page_item > .children, #secondary #categories > .page_item > .children > .page_item > .children { list-style-type: none; padding-left: 1.125rem; font-size: .875rem; } /* Mniejsze podlewki w bocznym menu z kategoriami */ #aside-air #categories > .nav-item, #secondary #categories > .nav-item, #aside-air #categories > .page_item, #secondary #categories > .page_item, #aside-air #categories > .page_item > .children > .page_item, #secondary #categories > .page_item > .children > .page_item, #aside-air #categories > .page_item > .children > .page_item > .children > .page_item, #secondary #categories > .page_item > .children > .page_item > .children > .page_item { padding-top: .5rem; } #aside-air #categories > .page_item > .children > .page_item > .children > .page_item > a, #secondary #categories > .page_item > .children > .page_item > .children > .page_item > a { padding: .375rem 1.5rem; font-weight: 300; } #aside-air #categories > .nav-item.page_item_has_children > .nav-link::after, #aside-air #categories > .page_item.page_item_has_children > a::after, #aside-air #categories > .page_item.page_item_has_children > .children > .page_item_has_children > a::after, #secondary #categories > .nav-item.page_item_has_children > .nav-link::after, #secondary #categories > .page_item.page_item_has_children > a::after, #secondary #categories > .page_item.page_item_has_children > .children > .page_item_has_children > a::after { content: '\f078'; font-family: 'Font Awesome 5 Free'; font-weight: 600; font-size: .625rem; color: var(--first); } #aside-air #categories .nav-item .nav-link.open::after, #aside-air #categories .page_item a.open::after, #secondary #categories .nav-item .nav-link.open::after, #secondary #categories .page_item a.open::after { transform: rotate(90deg); } /* #aside-air #categories > .nav-item:first-child > .nav-link, #aside-air #categories > .page_item:first-child > a, #secondary #categories > .nav-item:first-child > .nav-link, #secondary #categories > .page_item:first-child > a { padding-top: 0; } */ #aside-air #categories .nav-item .nav-link, #aside-air #categories .page_item a, #secondary #categories .nav-item .nav-link, #secondary #categories .page_item a { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; padding: 0; color: var(--grayMuted); font-weight: 600; padding: .75rem 1.5rem; } #aside-air #categories > .page_item > .children > .page_item a, #secondary #categories > .page_item > .children > .page_item a { padding: .5rem 1.5rem; } #aside-air #categories > .nav-item .nav-link, #aside-air #categories > .page_item a, #secondary #categories > .nav-item .nav-link, #secondary #categories > .page_item a { background-color: white; position: relative; z-index: 1; } #aside-air #categories .nav-item > .nav-link:hover, #aside-air #categories .nav-item > .nav-link.active, #aside-air #categories .page_item > a:hover, #aside-air #categories .page_item > a.active, #aside-air #categories .page_item.active > a, #aside-air #categories .current_page_item > a, #aside-air #categories .current_page_parent > a, #aside-air #categories .current_page_ancestor > a, #aside-air #categories .nav-item.active > a, #secondary #categories .nav-item > .nav-link:hover, #secondary #categories .nav-item > .nav-link.active, #secondary #categories .page_item > a:hover, #secondary #categories .page_item > a.active, #secondary #categories .page_item.active > a, #secondary #categories .current_page_item > a, #secondary #categories .current_page_parent > a, #secondary #categories .current_page_ancestor > a, #secondary #categories .nav-item.active > a { color: var(--first); background-color: var(--secondLighter); text-decoration: none; } #produkty .product .photo { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; height: 233px; } #produkty .product .photo svg { position: absolute; left: calc(50% - 7px); bottom: -7px; } #produkty .product .photo svg polygon { fill: white; } #produkty .product .name { line-height: 1.125; } /* #produkty .product a { color: var(--first); display: inline-block; width: 100%; height: 100%; } #produkty .product a:hover { color: var(--second); border-bottom: none !important; } */ .filter ul:last-child { margin-bottom: 0; } .filter a { color: var(--first) !important; } .filter a:hover, .filter a.active { color: var(--second) !important; } .filter a + i { margin-left: .25rem; color: var(--grayLight); cursor: pointer; display: none; } .filter a.active + i { display: inline; } .switch { display: flex; align-items: center; } .switch i { font-size: small; color: var(--second); margin-left: .5rem; cursor: pointer; } .switch-hidden { display: none; opacity: 0; } .switch-visible { display: block; animation: fade .4s; } .icon-wrapper { display: flex; justify-content: center; align-items: center; } .icon-wrapper img { width: 38px; height: auto; } .box .icon-wrapper img { width: 56px; height: auto; } .expert-wrapper:last-child { margin-bottom: 0 !important; } .expert-wrapper + .related-elements { padding-top: 0 !important; } .element .image-wrapper, .related-elements .image-wrapper { aspect-ratio: 350 / 206; /* height: 234px; */ width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } body.page-template-oferta .element .image-wrapper, .related-elements .image-wrapper { aspect-ratio: 350 / 206; /* height: 204px; */ } /* .element .image-wrapper:hover { transform: scale(1.125); } */ .element .title { color: white; background-color: rgba(var(--firstRGB), .75); padding: .375rem 1rem !important; position: absolute; bottom: 0; width: 100%; } body.page-template-produkt .element .title, body.page-template-produkty .element .title, body.page-template-oferta #produkty .element .title { background-color: rgba(var(--firstRGB), .75); position: relative; } body.page-template-oferta .element .title { background-color: rgba(var(--firstRGB), .75); } body.page-template-dzial .related-elements .product .photo-wrapper, body.page-template-oferta .related-elements .product .photo-wrapper, body.page-template-produkt .related-elements .product .photo-wrapper, body.page-template-produkty .related-elements .product .photo-wrapper, body.page-template-dzial .products-set .product .photo-wrapper, body.page-template-oferta .products-set .product .photo-wrapper, body.page-template-produkt .products-set .product .photo-wrapper, body.page-template-produkty .products-set .product .photo-wrapper { aspect-ratio: 221.05 / 205.05; } body.page-template-dzial .related-elements .product .title, body.page-template-oferta .related-elements .product .title, body.page-template-produkt .related-elements .product .title, body.page-template-produkty .related-elements .product .title, body.page-template-dzial .related-elements .product .more, body.page-template-oferta .related-elements .product .more, body.page-template-produkt .related-elements .product .more, body.page-template-produkty .related-elements .product .more, body.page-template-dzial .products-set .product .title, body.page-template-oferta .products-set .product .title, body.page-template-produkt .products-set .product .title, body.page-template-produkty .products-set .product .title, body.page-template-dzial .products-set .product .more, body.page-template-oferta .products-set .product .more, body.page-template-produkt .products-set .product .more, body.page-template-produkty .products-set .product .more { font-size: .875rem; word-break: break-word; } body.page-template-dzial .related-elements .product .title a, body.page-template-oferta .related-elements .product .title a, body.page-template-produkt .related-elements .product .title a, body.page-template-produkty .related-elements .product .title a, body.page-template-dzial .products-set .product .title a, body.page-template-oferta .products-set .product .title a, body.page-template-produkt .products-set .product .title a, body.page-template-produkty .products-set .product .title a { color: var(--first) !important; } body.page-template-dzial .related-elements .product .title a:hover, body.page-template-oferta .related-elements .product .title a:hover, body.page-template-produkt .related-elements .product .title a:hover, body.page-template-produkty .related-elements .product .title a:hover, body.page-template-dzial .products-set .product .title a:hover, body.page-template-oferta .products-set .product .title a:hover, body.page-template-produkt .products-set .product .title a:hover, body.page-template-produkty .products-set .product .title a:hover { color: var(--second) !important; } body.page-template-dzial .related-elements .product .more a::after, body.page-template-oferta .related-elements .product .more a::after, body.page-template-produkt .related-elements .product .more a::after, body.page-template-produkty .related-elements .product .more a::after, body.page-template-dzial .products-set .product .more a::after, body.page-template-oferta .products-set .product .more a::after, body.page-template-produkt .products-set .product .more a::after, body.page-template-produkty .products-set .product .more a::after { content: '\f061'; font-family: 'Font Awesome 5 Free'; margin-left: .375rem; color: var(--second); } /* body.page-template-oferta #primary .products-set > h2::before { content: '\f292'; font-family: 'Font Awesome 5 Free'; margin-right: .375rem; color: var(--second); font-size: 1.5rem; } */ body.page-template-oferta #primary h2 + .products-set.general { background-color: var(--grayForm); } /* body.page-template-oferta #primary hr { border-top-width: 3px; border-top-style: double; } */ #dlaczego-warto .element .box { background-color: var(--grayBorder); } #dlaczego-warto .description { font-weight: 700; font-size: 1.125rem; } /* body.page-template-dzial #aside-air #categories > .page_item:first-child > a, body.page-template-dzial #secondary #categories > .page_item:first-child > a { color: var(--second); } */ body.page-template-dzial:not(.home) #aktualnosci .post-selected:last-child .my-post-more { margin-bottom: 0 !important; } body.page-template-o-nas .my-post-more { font-size: .875rem; } /* .my-post-more a:hover, .my-post-more a:hover::after { color: var(--first) !important; } */ body:not(.home) article.page { padding-bottom: 3rem; } body:not(.home) #primary.cover article.page { padding-top: 3rem; } article.page h1.title-main, body.error404 #primary h1.title-main, body.search #primary h1.title-main, article.page h2, body.error404 #primary h2, body.search #primary h2 { margin-bottom: 2.125rem; font-weight: 600; font-size: 2rem; } body.page-template-produkt #primary h1.title-main, body.page-template-produkty #primary h1.title-main { margin-bottom: 1.125rem; } article.page h2:not(.heading), body.single h2:not(.heading), body.archive h2:not(.heading), body.error404 #primary h2:not(.heading), body.search #primary h2:not(.heading) { font-weight: 600; font-size: 1.8125rem; margin-bottom: 0; padding: 1.5rem 0 1rem; } body.page-template-produkt #primary h2:not(.heading), body.page-template-produkty #primary h2:not(.heading) { padding-bottom: 0; } article.page .gallery-size-thumbnail + h2:not(.heading), body.single .gallery-size-thumbnail + h2:not(.heading), body.archive .gallery-size-thumbnail + h2:not(.heading), body.error404 #primary .gallery-size-thumbnail + h2:not(.heading), body.search #primary .gallery-size-thumbnail + h2:not(.heading) { padding-top: 0; } .related-elements .caption { font-size: 1.8125rem; } article.post { padding-bottom: 3rem; } article.post .archive-post:last-child { margin-bottom: 0 !important; } body.tag article.post { padding-top: 3rem; } body.single article.post { padding: 0 0 3rem; } body.single .tags { font-size: .875rem; border-bottom: 1px solid var(--grayLight); } body.single .tags a { color: var(--first) !important; } body.single .tags a:hover { color: var(--second) !important; border-bottom-color: transparent !important; } body.single .post-thumbnail { height: 180px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; } body:not(.home) article.post h3, body:not(.home) article.page h3, body:not(.home) article.filter h3, body:not(.home) article.post h4, body:not(.home) article.page h4, body:not(.home) article.filter h4, body.error404 #primary h3, body.search #primary h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 0; padding: 1.25rem 0 1rem; } body:not(.home) article.post > h3:first-child, body:not(.home) article.page > h3:first-child, body:not(.home) article.filter > h3:first-child, body:not(.home) article.post > h4:first-child, body:not(.home) article.page > h4:first-child, body:not(.home) article.filter > h4:first-child, body:not(.home) div > h3:first-child, body:not(.home) div > h4:first-child, body.error404 #primary h3:first-child, body.search #primary h3:first-child { padding-top: 0; } /* #primary h3 > a:hover { color: var(--first) !important; } */ body:not(.home) article.post h4, body:not(.home) article.page h4, body:not(.home) article.filter h4 { font-size: 1.25rem; padding: 1.25rem 0 1rem; } body:not(.archive) article.post img:not(.ico-file), body:not(.archive) article.page img:not(.ico-file) { max-width: 100%; height: auto; } body.home #sidebar-menu .no-left { padding-left: 0; padding-right: 0; } body.home #sidebar-menu #menu-rozwiazania { margin-bottom: 0; padding-left: 0; list-style-type: none; } body.home #sidebar-menu #menu-rozwiazania li a { padding: .75rem 1.5rem; color: var(--grayMuted); display: block; } body.home #sidebar-menu #menu-rozwiazania li a:hover, body.home #sidebar-menu #menu-rozwiazania li a:focus, body.home #sidebar-menu #menu-rozwiazania li.active a { background-color: var(--secondLighter); color: var(--first); font-weight: 600; } body.home #sidebar-menu .target.sub-menu { list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } body.home #sidebar-menu .target.sub-menu .sub-item { list-style-type: none; margin: 0; padding: 0; aspect-ratio: 202 / 136; font-weight: 600; } body.home #sidebar-menu .target.sub-menu .sub-item a { color: var(--first); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; padding: 15px; } body.home #sidebar-menu .target.sub-menu .sub-item a:hover { color: var(--second); } body.home #sidebar-menu .target.sub-menu .sub-item .my-post-more a { flex-direction: row; background-color: var(--second); color: white !important; } #air-nav a:hover, #go-top a:hover, body.home #sidebar-menu .target.sub-menu .sub-item .my-post-more a:hover { background-color: var(--first); } body.home #sidebar-menu .target.sub-menu .sub-item .my-post-more a::after { color: white !important; } body.home #sidebar-menu .target.sub-menu .sub-item .my-post-more a img { display: none; } body.home .image-wrapper, body.archive .image-wrapper, body.tag .image-wrapper, body.page-template-dzial .image-wrapper { overflow: hidden; aspect-ratio: 370 / 208; background-position: center; background-repeat: no-repeat; background-size: cover; } body.home #realizacje .image-wrapper { aspect-ratio: 570 / 265; } .element .my-shadow .description, .related-elements .my-shadow .description { font-size: .875rem; } .element .my-shadow, .related-elements .my-shadow, body.home #realizacje .my-shadow { background-color: white; } /* body.home #realizacje .portfolio .portfolio-item { height: 478.48px; } */ body.home #realizacje .slick-dotted.slick-slider { margin-bottom: 0; } body.home #realizacje .slick-dotted.slick-slider .slick-dots { bottom: auto; top: -52px; right: 15px; padding: .25rem; width: auto; display: flex; background-color: white; } body.home #realizacje .slick-dotted.slick-slider .slick-dots li { margin: 0; } body.home #realizacje .slick-dotted.slick-slider .slick-dots li button::before { color: var(--grayLighter); opacity: 1; font-size: 9px; line-height: 22px; } body.home #realizacje .slick-dotted.slick-slider .slick-dots li.slick-active button::before { color: var(--second); } body.home #realizacje .slick-slider .slick-prev, body.home #realizacje .slick-slider .slick-next { top: calc(25% - 32px / 2); } body.home #realizacje .slick-slider .slick-prev::before, body.home #realizacje .slick-slider .slick-next::before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 32px; } body.home #realizacje .slick-slider .slick-prev::before { content: '\f053'; } body.home #realizacje .slick-slider .slick-next::before { content: '\f054'; } body.home .image-wrapper img, body.archive .image-wrapper img, body.tag .image-wrapper img, body.page-template-dzial .image-wrapper img { max-width: none !important; } body.home .icon-wrapper, #nasze-wartosci .icon-wrapper, #kariera-wartosci .icon-wrapper { width: 56px; height: 56px; } [class ^= "gallery-size-"], .gallery-size-thumbnail { margin: 2.5rem 0 3rem !important; } [class ^= "gallery-size-"] .gallery-item, .gallery-size-thumbnail .gallery-item { margin: 0; } .gallery-size-thumbnail .gallery-item .size-thumbnail { width: 150px; height: auto; border: 1px solid var(--grayLight) !important; outline: 10px solid white; } /* .gallery-size-thumbnail .gallery-item:first-child .size-thumbnail { border-left: none !important; } .gallery-size-thumbnail .gallery-item:last-child .size-thumbnail { border-right: none !important; } */ article.filter { padding-top: 3rem; } .parallax { background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } #nasze-priorytety { color: white; } #nasze-priorytety h2 { color: var(--second); } #nasze-priorytety .border-bottom-fat { border-bottom: 4px solid var(--second); } #pliki-do-pobrania h3 { margin: 1.5rem 0 .5rem; padding: 0; } #pliki-do-pobrania .file:not(:last-child) { margin-bottom: .5rem; } #pliki-do-pobrania .file:last-child { margin-bottom: 0; } #pliki-do-pobrania .file a { display: flex; } #pliki-do-pobrania .file a i { margin-top: 5px; } #dostawcy .provider { padding: 2.25rem 0; } #dostawcy .provider:first-child { padding-top: 0; border-top: none; } #dostawcy .provider:last-child { padding-bottom: 0; } body.page-template-dostawcy article.page { padding: 3rem 0; } body.page-template-default:not(.home) article.page { padding: 3rem 0; } body.error404 #primary, body.search:not(.search-results) #primary, body.search.search-results article { padding-top: 3rem; padding-bottom: 3rem; } .modal { padding-right: 0; } .modal-content { border: none; } .modal-header .close { color: var(--first); opacity: 1 !important; font-size: 1.875rem; } .dropdown-menu { margin: 0; } iframe { display: flex; width: 100%; height: 400px; margin: 3rem 0; border: 1px solid var(--grayLight); } .serie-desc iframe, .technical-spec iframe { margin: 0; margin-bottom: 1rem; } .oferta-kontakt { background-color: var(--grayBorder); } table { width: 100% !important; margin-bottom: 2.25rem !important; background-color: transparent !important; border-collapse: collapse !important; table-layout: auto !important; } table th { vertical-align: bottom !important; border-bottom: 2px solid var(--grayLight) !important; background-color: transparent !important; } table th, table td { padding: .75rem !important; vertical-align: top !important; border: 1px solid #dee2e6 !important; /* border-top: 1px solid var(--grayLight) !important; */ background-color: transparent !important; } table tr { background-color: transparent !important; } table tr:nth-of-type(even) { background-color: var(--secondLighter) !important; /* background-color: var(--grayBorder) !important; */ } .skk_offers table { margin-bottom: 0 !important; } .skk_offers table tr:nth-of-type(even) { background-color: transparent !important; } .skk_offers table tr.skk_offers_tr_hover:hover td:first-child, .skk_offers table tr.skk_offers_tr_hover:hover td:nth-child(2) { color: var(--second) !important; transition: all .4s; } .skk_offers table tr td { border-left: none !important; border-right: none !important; } .wpcf7-form .form-group { margin-bottom: 0; } .wpcf7-form input:not(.wpcf7-submit):not(.wpcf7-file), .wpcf7-form select, .wpcf7-form textarea { border-radius: 0; border: none; background-color: var(--grayBorder) !important; margin-top: .25rem; } .wpcf7-form input.disabled:disabled, .wpcf7-form select.disabled:disabled, .wpcf7-form textarea.disabled:disabled { cursor: not-allowed; color: var(--grayLight); } .wpcf7-form select { -webkit-appearance: none; appearance: none; background: url('./img/ico-angle-down.svg') no-repeat right .75rem center / .625rem; } .wpcf7-form label { width: 100%; font-size: small; font-weight: 600; margin-bottom: 0; } .wpcf7-form label::first-letter { text-transform: lowercase; } .wpcf7-form .required::after, .wpcf7-form .wpcf7-acceptance:not(.optional) .wpcf7-list-item-label::after { content: ' *'; color: var(--second); } .wpcf7-form .required-reverse::before { content: '* '; color: var(--second); } .wpcf7-form .form-group, .wpcf7-form ul { margin-top: 1rem; } .wpcf7-form hr { margin-top: 1.5em; } .wpcf7-form input.wpcf7-submit, .wpcf7-form input.wpcf7-file, .btn.btn-primary { border-radius: 0; border: none; } .wpcf7-form .description p { margin-bottom: 0; } .wpcf7-form span.wpcf7-list-item { margin-left: 0; } .wpcf7-form .form-check-input { margin-top: 3px !important; } .wpcf7-form .wpcf7-submit { background-color: transparent !important; border: 1px solid var(--first) !important; color: var(--first) !important; font-weight: 600; letter-spacing: 2px; } .wpcf7-form .wpcf7-submit:not(:disabled):hover { color: white !important; } span.file-download, .file-download .wrap-inner, .file-download .col-12 { background-color: var(--grayForm); } .file-download .col-12 { border-left: 15px solid white; border-right: 15px solid white; } span.file-download a.btn.btn-primary, .file-download .wrap-inner a, .file-download .col-12 a { display: block; background-color: white; border-color: var(--second) !important; font-size: .875rem; letter-spacing: .5px; padding-top: 0.5rem; padding-bottom: 0.5rem; } span.file-download a.btn.btn-primary:hover, .file-download .wrap-inner a:hover, .file-download .col-12 a:hover { border-color: var(--first) !important; } span.file-download a.btn.btn-primary i, .file-download .wrap-inner a i, .file-download .col-12 a i { color: var(--first); } span.file-download a.btn.btn-primary:hover i::before, .file-download .wrap-inner a:hover i::before, .file-download .col-12 a:hover i::before { color: white; } .file-download.wrap-inner-wrapper { width: 100%; } .file-download .file-box { background-color: var(--first); border-radius: 50%; width: 85px; height: 85px; } .file-download .file-box .ico-file { height: 43px; width: auto; } .btn.btn-primary { background-color: transparent; border: 1px solid var(--first) !important; color: var(--first) !important; font-weight: 600; letter-spacing: 2px; } .btn.btn-primary:not(:disabled):hover { background-color: var(--first) !important; color: white !important; } .btn.btn-primary i { color: var(--second); } .btn.btn-blue { background-color: var(--second); color: white !important; } .btn.btn-blue:hover { background-color: white; color: var(--first) !important; } .wpcf7-form .wpcf7-not-valid-tip { font-size: small; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { border: none; margin: 0; margin-top: 1rem; padding: 0; font-weight: 600; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { color: var(--bad); } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: var(--soSo); } .wpcf7 form.sent .wpcf7-response-output { color: var(--good); } @keyframes fade { from { opacity: 0; } to { opacity: 1; } } @media (max-width: 1199.98px) { #masthead .navbar-nav > #marker, #my-subhero-titles #marker { display: none; } .gallery-size-thumbnail .size-thumbnail { width: 125px; } } @media (max-width: 991.98px) { #wszechstronny-budmech > .container { background-image: none !important; } #masthead .navbar-nav-mobile .dropdown-menu { margin: 1rem 0 0; padding: 1rem 0; } .b2b-wrapper + .description > h2:first-child { padding-top: 0 !important; } article.filter { padding: 3rem 1.5rem; } } @media (max-width: 767.98px) { #primary article .image-text-wrapper { flex-wrap: wrap; } #my-subhero-titles { padding: 1.125rem 0; } #my-subhero-titles li a { padding: 0; margin-left: 0; margin-right: 0; } #my-subhero-titles li:not(:first-child) a { margin-top: 1.125rem; } .gallery-size-thumbnail .size-thumbnail { width: 87.5px; } body.home #hero #slides .carousel-inner .packshot { height: auto; width: 145px; } body.home #hero #slides .carousel-inner .carousel-item .carousel-caption .left > .my-btn.btn-blue { text-align: left; } } @media (max-width: 575.98px) { body:not(.home) .icon-wrapper { width: 20%; } #hero-subpage .name { font-size: 2.25rem; } .gallery-size-thumbnail .size-thumbnail { width: 62.5px; } body.home #sidebar-menu .menu-rozwiazania-container { overflow: scroll; visibility: hidden; } body.home #sidebar-menu #menu-rozwiazania { display: flex; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; } body.home #sidebar-menu .target.sub-menu .sub-item { width: 193px; } body.home #hero #slides .carousel-inner .carousel-item .carousel-caption .left, body.home #hero #slides .carousel-inner .carousel-item .carousel-caption .left > .my-btn.btn-blue { width: 100%; } body.home #realizacje .slick-slider .slick-prev { left: -10px; } body.home #realizacje .slick-slider .slick-next { right: -10px; } } @media (max-width: 432.98px) { .oferta-specjalista { width: 82.5%; } body.home #sidebar-menu .target.sub-menu .sub-item { width: 164px; } } @media (max-width: 374.98px) { table { font-size: .75rem !important; } body.home #sidebar-menu .target.sub-menu .sub-item { width: 290px; } } @media (max-width: 338.98px) { #masthead .napisz-do-nas a, #masthead .platforma-b2b a { padding: .125rem .5rem; } } @media (max-width: 319.98px) { table { font-size: .5rem !important; } } @media (min-width: 423px) { #masthead .social-wrapper { margin-bottom: 0; } } @media (min-width: 576px) { body.page-template-oferta .children__series__details .products-set .product.border { max-width: 243.333px; float: left; margin-right: 1.75rem; margin-bottom: 1.25rem; } body.page-template-oferta .children__series__details .products-set .serie-desc li { list-style-position: inside; } #hero-subpage.area .name { font-size: 3.75rem; } #produkty .product .photo { height: 411px; } #hero-subpage.area { padding-top: 1.5rem; padding-bottom: 1.5rem; } body.single .post-thumbnail { height: 240px; } #masthead .napisz-do-nas, #masthead .platforma-b2b, #footer-widget .menu-item.platforma-b2b { display: flex; } article.page h2.special { font-size: 2.75rem; } article.page h3.my-offer-title { font-size: 2rem; } body.home .icon-wrapper, #nasze-wartosci .icon-wrapper, #kariera-wartosci .icon-wrapper { width: 64px; height: 64px; } .my-btn { display: inline-block; } body.home #sidebar-menu .no-left { padding-right: 15px; } body.home #sidebar-menu .no-right { padding-right: 0; } body.home #sidebar-menu .target.sub-menu .sub-item { width: 300px; } /* body.home #realizacje .portfolio .portfolio-item { height: 478.48px; } */ body.page-template-dzial .related-elements .product .title, body.page-template-oferta .related-elements .product .title, body.page-template-produkt .related-elements .product .title, body.page-template-produkty .related-elements .product .title, body.page-template-dzial .products-set .product .title, body.page-template-oferta .products-set .product .title, body.page-template-produkt .products-set .product .title, body.page-template-produkty .products-set .product .title { min-height: 116px; } .element .my-shadow .my-post-title, .related-elements .my-shadow .my-post-title { min-height: 72px; } .element .my-shadow .description, .related-elements .my-shadow .description { min-height: 126px; } #primary .expert-wrapper .oferta-specjalista-menu { width: 350px; } div.file-download .col-12 { max-width: 380px; } .description > .group-download { display: flex; justify-content: space-between; flex-wrap: wrap; } .description > .group-download > p { margin-bottom: 0; } .description > .group-download > p, .file-download.wrap-inner-wrapper .wrap-inner, span.file-download { /* max-width: 350px; */ width: 350px; } body.home #hero #slides .carousel-inner .background { background-size: contain; } body.home #hero #slides .carousel-inner .carousel-item .carousel-caption { padding: 1.5rem; } body.home #hero #slides .carousel-inner .carousel-item .carousel-caption .left > .my-btn.btn-blue { margin-right: 1rem; } body.home #hero #slides .carousel-inner .right { right: 10px; top: calc(387px - 1.5rem - .5rem); } } @media (min-width: 768px) { #produkty .product .photo { height: 277px; } body.single .post-thumbnail { height: 300px; } body.home #sidebar-menu .target.sub-menu .sub-item { width: 194px; } /* body.home #realizacje .portfolio .portfolio-item { height: 562.17px; } */ body.page-template-dzial .related-elements .product .title, body.page-template-oferta .related-elements .product .title, body.page-template-produkt .related-elements .product .title, body.page-template-produkty .related-elements .product .title, body.page-template-dzial .products-set .product .title, body.page-template-oferta .products-set .product .title, body.page-template-produkt .products-set .product .title, body.page-template-produkty .products-set .product .title { min-height: 99.2px; } .element .my-shadow .my-post-title, .related-elements .my-shadow .my-post-title { min-height: 48px; } .element .my-shadow .description, .related-elements .my-shadow .description { min-height: 84px; } .file-download h6 { min-height: 38.38px; } body.home #hero #slides .carousel-inner .right { right: calc(15px + 1.5rem); top: calc(387px - 1.5rem - .5rem); } } @media (min-width: 992px) { #masthead .social-wrapper { margin-bottom: 1rem; } .search-form { margin-bottom: 0; } body:not(.home) article.page, article.post { padding: 3rem 0; } body.single article.post { padding-top: 3rem; } body.single .post-thumbnail { height: 360px; } article.post .archive-post:nth-last-child(2) { margin-bottom: 0 !important; } body:not(.home) .icon-wrapper { width: 70px; height: 70px; } .oferta-specjalista-menu.sticky { position: sticky; top: 0; } #platforma-b2b .overlapping { position: absolute; text-align: right; right: 0; /* right: 3.75rem; */ } body.home #aktualnosci .blog .my-post-title { min-height: 96px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } body.home #aktualnosci .news-wrapper { height: calc(157.4px + 236.5px); } body.home #aktualnosci .news-wrapper .shadow { height: calc(((157.4px + 236.5px) - 2 * 1rem) / 3); } body.home #aktualnosci .news-wrapper .my-post-title { line-height: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } body.home #realizacje > .container { position: relative; top: 433px; margin-top: -420px; } body.home #aktualnosci { margin-top: 300px; } body.home #realizacje .my-post-title { min-height: 139.19px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } body.home #realizacje .my-post-meta { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } body.home #realizacje .portfolio .portfolio-item { height: calc(557px + 30px); } body.home #sidebar-menu .target.sub-menu .sub-item { width: 173px; } .search-form label { width: calc(360px - 48px); } body.page-template-dzial .related-elements .product .title, body.page-template-oferta .related-elements .product .title, body.page-template-produkt .related-elements .product .title, body.page-template-produkty .related-elements .product .title, body.page-template-dzial .products-set .product .title, body.page-template-oferta .products-set .product .title, body.page-template-produkt .products-set .product .title, body.page-template-produkty .products-set .product .title { min-height: 99.2px; } .element .my-shadow .my-post-title, .related-elements .my-shadow .my-post-title { min-height: 48px; } .element .my-shadow .description, .related-elements .my-shadow .description { min-height: 105px; } .file-download h6 { min-height: 38.38px; } body.single #primary article .b2b-between-wrapper, body.archive #primary article .b2b-between-wrapper { display: none; } #co-robimy .obszary .obszar .background { aspect-ratio: 1 / 1; } #co-robimy .obszary .obszar > .row { min-height: 269px; } } @media (min-width: 992px) and (max-width: 1199.98px) { #wszechstronny-budmech > .container { background-size: 50%; background-position: right center; } } @media (min-width: 1200px) { #masthead .social-wrapper { width: auto; margin-bottom: 0; } #masthead .linkedin { margin-right: .625rem; } #wszechstronny-budmech > .container { background-size: 52%; } .my-offer-title { min-height: auto; } body.single .post-thumbnail { height: 420px; } body:not(.home) .icon-wrapper { width: 85px; height: 85px; } #produkty .product .photo { height: 165px; } #hero-subpage.area { padding-top: 4.375rem; padding-bottom: 4.375rem; } /* #platforma-b2b .overlapping { right: 6rem; } */ body.home #aktualnosci .blog .my-post-title { min-height: 72px; -webkit-line-clamp: 3; line-clamp: 3; } body.home #aktualnosci .news-wrapper { height: calc(191.13px + 212.5px); } body.home #aktualnosci .news-wrapper .shadow { height: calc(((191.13px + 212.5px) - 2 * 1rem) / 3); } body.home #aktualnosci .news-wrapper .my-post-title { line-height: 1.0625; } body.home #realizacje > .container { top: 350px; margin-top: -335px; } body.home #aktualnosci { margin-top: 265px; } body.home #realizacje .my-post-title { min-height: 104.39px; -webkit-line-clamp: 3; line-clamp: 3; } body.home #realizacje .portfolio .portfolio-item { height: calc(516px + 30px); } body.home #sidebar-menu .target.sub-menu .sub-item { width: 208px; } body.page-template-dzial .related-elements .product .title, body.page-template-oferta .related-elements .product .title, body.page-template-produkt .related-elements .product .title, body.page-template-produkty .related-elements .product .title, body.page-template-dzial .products-set .product .title, body.page-template-oferta .products-set .product .title, body.page-template-produkt .products-set .product .title, body.page-template-produkty .products-set .product .title { min-height: 99.2px; } .element .my-shadow .my-post-title, .related-elements .my-shadow .my-post-title { min-height: 48px; } .element .my-shadow .description, .related-elements .my-shadow .description { min-height: 84px; } .file-download h6 { min-height: 38.38px; } #co-robimy .obszary .obszar > .row { min-height: 222.5px; } } @media (min-width: 1366px) { #masthead .facebook > a > span, #masthead .linkedin > a > span { display: block; } } @media (min-width: 1920px) { body.home #hero #slides .carousel-inner .background { background-size: auto; } body.home #hero #slides .carousel-inner .carousel-control-prev i { margin-left: calc(312px + 15px); } body.home #hero #slides .carousel-inner .carousel-control-next i { margin-right: calc(312px + 15px); } }