/* Theme Name: Dr Pacek Theme URI: https://drpacek.com/ Author: lek. Łukasz Pacek Author URI: https://drpacek.com/o-mnie/ Description: Własny, odchudzony motyw blokowy drpacek.com. Odtwarza 1:1 wygląd dawnego motywu Flash (nagłówek, menu, pasek tytułu, stopka, popup) w ok. 40 KB CSS zamiast 270 KB. Kod autorski – © lek. Łukasz Pacek. Version: 1.2.3 Requires at least: 6.5 Tested up to: 7.1 Requires PHP: 7.4 License: proprietary Text Domain: drp */ /* Font Awesome 6.7.1 Free – pliki fonts/*.woff2 to podzbiór 16 używanych ikon (2 KB + 1 KB zamiast 155 KB + 25 KB); pełne pliki: motyw Flash lub npm @fortawesome/fontawesome-free@6.7.1 */ @font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(fonts/fa-regular-400.woff2?v=3) format("woff2");} @font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(fonts/fa-solid-900.woff2?v=3) format("woff2");} .fa{font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight: var(--fa-style,900);} .fa,.far,.fas{-webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto;} .fa::before,.far::before,.fas::before{content: var(--fa);} .far,.fas{font-family: "Font Awesome 6 Free";} .fa-bars{--fa: "\f0c9"; --fa--fa: "\f0c9\f0c9";} .fa-exclamation-circle{--fa: "\f06a"; --fa--fa: "\f06a\f06a";} .fa-chevron-up{--fa: "\f077"; --fa--fa: "\f077\f077";} .fa-map-marker{--fa: "\f041"; --fa--fa: "\f041\f041";} .fa-heart{--fa: "\f004"; --fa--fa: "\f004\f004";} .fa-phone{--fa: "\f095"; --fa--fa: "\f095\f095";} .fa-envelope{--fa: "\f0e0"; --fa--fa: "\f0e0\f0e0";} .fa-user-md{--fa: "\f0f0"; --fa--fa: "\f0f0\f0f0";} .fa-calendar-check{--fa: "\f274"; --fa--fa: "\f274\f274";} .fa-cookie{--fa: "\f563"; --fa--fa: "\f563\f563";} .fa-sun{--fa: "\f185"; --fa--fa: "\f185\f185";} .fa-angle-down{--fa: "\f107"; --fa--fa: "\f107\f107";} .fa-map-marker-alt{--fa: "\f3c5"; --fa--fa: "\f3c5\f3c5";} .fa-search{--fa: "\f002"; --fa--fa: "\f002\f002";} .fa-baby{--fa: "\f77c"; --fa--fa: "\f77c\f77c";} .fa-allergies{--fa: "\f461"; --fa--fa: "\f461\f461";} :host,:root{--fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";} :host,:root{--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";} .far{font-weight: 400;} :host,:root{--fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";} .fas{font-weight: 900;} .fa.fa-map-marker{--fa: "\f3c5";} /* Montserrat 400 (pliki lokalne, jak dotąd) */ @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw0aXx-p7K4GLvztg.woff") format("woff"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw9aXx-p7K4GLvztg.woff") format("woff"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw2aXx-p7K4GLvztg.woff") format("woff"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw3aXx-p7K4GLvztg.woff") format("woff"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("/wp-content/fonts/montserrat/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXx-p7K4GLs.woff") format("woff"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ---- Flash style.css (tylko reguły używane na stronie) ---- */ :root{--primary-color: #21858c; --brightness: 80%; --lightbrightness: 110%;} html,body,div,span,h1,h2,h3,p,a,em,small,strong,sup,ol,ul,li,fieldset,form,label,legend{border: 0px; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline; word-break: break-word;} html{font-size: 62.5%; overflow-y: scroll; text-size-adjust: 100%;} *{box-sizing: border-box;} ::before,::after{box-sizing: border-box;} body{background: rgb(255, 255, 255);} article,figure,footer,header,main,nav,section{display: block;} a:focus,a:hover,a:active{outline: 0px;} a img{border: 0px; padding: 10px;} a:focus{outline: dotted thin;} body,button,input,textarea{color: rgb(51, 51, 51); font-family: Montserrat, sans-serif; font-size: 14px; line-height: 1.5; font-weight: 400; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased;} b,strong{font-weight: bold;} em,i{font-style: italic;} sup{font-size: 75%; height: 0px; line-height: 0; position: relative; vertical-align: baseline;} sup{bottom: 1ex;} small{font-size: 75%;} h1{font-size: 36px;} h2{font-size: 30px;} h3{font-size: 25px;} h1,h2,h3{font-weight: 700;} ul,ol{margin: 0px 0px 15px 20px;} ul{list-style: disc;} ol{list-style: decimal;} li > ul{margin-bottom: 0px; margin-left: 15px;} img{height: auto; max-width: 100%; vertical-align: middle;} figure{margin: 0px;} p{margin: 0px 0px 30px;} button,input,textarea{font-size: 100%; margin: 0px; vertical-align: middle;} button{background: rgb(51, 51, 51); color: rgb(255, 255, 255); cursor: pointer; font-size: 14px; line-height: 13px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px 15px; font-weight: 400; display: inline-block; position: relative; text-shadow: none; transition: background 0.5s; appearance: none; border-radius: 0px;} input[type="submit"]{background: rgb(51, 51, 51); color: rgb(255, 255, 255); cursor: pointer; font-size: 14px; line-height: 13px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 10px 15px; font-weight: 400; display: inline-block; position: relative; text-shadow: none; transition: background 0.5s; appearance: none; border-radius: 0px;} button{color: rgb(255, 255, 255);} input[type="submit"]:hover{color: rgb(255, 255, 255);} input[type="checkbox"]{padding: 0px;} input[type="text"],input[type="email"],input[type="search"]{color: rgb(102, 102, 102); border: 1px solid rgb(204, 204, 204); height: 36px; width: 100%; appearance: none; border-radius: 0px;} input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus{border: 1px solid rgb(170, 170, 170);} textarea:focus{border: 1px solid rgb(170, 170, 170);} input[type="text"],input[type="email"],input[type="search"]{padding: 3px 6px;} textarea{overflow: auto; padding-left: 3px; vertical-align: top; color: rgb(102, 102, 102); border: 1px solid rgb(204, 204, 204); height: 160px; max-width: 100%; width: 100%;} button[type="submit"]{margin-bottom: 50px;} a{color: rgb(0, 0, 0); text-decoration: none; transition: 0.3s ease-in-out;} a:hover{color: rgb(0, 0, 0);} .clearfix::after,.clearfix::before,.entry-content::after,.entry-content::before,.site-header::after,.site-header::before,.site-content::after,.site-content::before,.site-footer::after,.site-footer::before,.tg-container::after,.tg-container::before{content: ""; display: table;} .clearfix::after,.entry-content::after,.site-header::after,.site-content::after,.site-footer::after,.tg-container::after{clear: both;} .full-width{overflow: hidden;} .tg-column-wrapper{clear: both; margin-left: -3%;} .tg-column-wrapper .tg-column-2,.tg-column-wrapper .tg-column-4{float: left; margin-left: 3%;} .tg-column-wrapper .tg-column-2{width: 47%;} .tg-column-wrapper .tg-column-4{width: 22%;} .tg-container{max-width: 1200px; margin: 0px auto;} .screen-reader-text{border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important;} .screen-reader-text:focus{background-color: rgb(241, 241, 241); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 2px 2px; clip-path: none; color: rgb(33, 117, 155); display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; clip: auto !important;} #primary{float: left; width: 65.5%;} .page-template-full-width #primary{width: 100%;} #scroll-up{background-color: rgb(48, 175, 184); border-radius: 3px; bottom: 20px; color: rgb(255, 255, 255); display: none; padding: 10px 16px; position: fixed; opacity: 0.5; z-index: 9999; right: 20px;} .site{background-color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100vh;} .site-header,.site-footer{flex-shrink: 0;} .site-content{-webkit-box-flex: 1; flex: 1 0 auto;} .full-width #primary{float: none; width: 100%;} .header-top{background-color: rgb(241, 245, 248);} .header-top .contact-info{line-height: 30px; float: left; margin: 0px;} .header-top .tg-column-wrapper{margin-left: 0px; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center;} .header-top .left-content{-webkit-box-flex: 1; flex: 1 1 0%;} .header-top .right-content{-webkit-box-flex: 1; flex: 1 1 0%;} .header-top .contact-info{list-style: none;} .header-top .contact-info li{float: left; font-size: 12px; color: rgb(56, 69, 84); margin-right: 30px; padding: 5px 0px;} .header-top .contact-info li:last-child{margin-right: 0px;} .logo{float: left; padding: 0px;} .logo .logo-image{float: left; padding: 20px 0px;} .logo .logo-image a img{padding: 0px;} .logo .logo-text{float: left; margin-left: 12px; padding: 11px 0px;} .logo .logo-text p{margin: 0px;} .logo-text .site-title{font-size: 22px; font-weight: 500; line-height: 24px;} #site-navigation{float: right;} #site-navigation .menu-toggle{display: none;} #site-navigation ul{margin: 0px; list-style: none;} #site-navigation ul li{float: left; padding: 23px 30px 23px 0px; position: relative;} #site-navigation ul li a{font-size: 14px;} #site-navigation ul li:hover > a,#site-navigation ul li.current-menu-item > a,#site-navigation ul li.current_page_item > a,#site-navigation ul li.current-menu-ancestor > a{color: rgb(48, 175, 184);} #site-navigation ul li:last-child{padding-right: 0px;} #site-navigation ul.sub-menu{background-color: rgb(255, 255, 255); min-width: 200px; padding: 0px; position: absolute; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 6px; right: 50%; top: 90%; transform: translateX(50%); opacity: 0; visibility: hidden; z-index: 9; transition: 0.5s;} #site-navigation ul li ul li{padding: 10px; text-align: left; width: 100%;} #site-navigation ul.sub-menu li:hover{transition: 0.5s;} #site-navigation ul.sub-menu li:hover > a{color: rgb(48, 175, 184);} #site-navigation li:hover ul.sub-menu,#site-navigation ul li.focus > ul.sub-menu{opacity: 1; visibility: visible; top: 100%;} #site-navigation ul li a{color: rgb(76, 88, 103);} .sub-toggle{color: rgb(51, 51, 51); transition: 0.5s;} #site-navigation ul li.menu-item-has-children:hover > .sub-toggle{color: rgb(48, 175, 184);} #site-navigation ul li.current-flash-item a{color: rgb(48, 175, 184);} .header-bottom{background: rgb(255, 255, 255);} #site-navigation ul li.menu-item-has-children .sub-toggle .fa{transition: transform 0.5s, -webkit-transform 0.5s;} .animate-icon{transform: rotate(180deg);} .header-bottom .tg-container{display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center;} .header-bottom .site-navigation-wrapper{-webkit-box-flex: 6; flex: 6 1 0%;} .header-bottom .header-action-container{display: flex;} .search-submit .fa{color: rgb(255, 255, 255);} .header-sticky .is-sticky #masthead{z-index: 99 !important;} .header-sticky .is-sticky .header-bottom{background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;} #top-footer{background-color: rgb(49, 59, 72); padding: 80px 0px 30px;} #top-footer .textwidget{font-size: 15px; color: rgb(255, 255, 255); line-height: 24px; font-weight: 400;} #top-footer .widget-title{font-size: 18px; border-left: 3px solid rgb(48, 175, 184); font-weight: 600; line-height: 24px; color: rgb(255, 255, 255); margin-bottom: 30px; padding-left: 20px;} #top-footer .widget-title::first-letter{color: rgb(48, 175, 184);} #top-footer .widget{margin-bottom: 30px;} #bottom-footer{padding: 20px 0px; background-color: rgb(40, 49, 61);} #bottom-footer .copyright{float: left;} #bottom-footer .copyright-text{color: rgb(255, 255, 255); font-size: 12px;} #bottom-footer .copyright-text a{color: rgb(188, 186, 186);} #bottom-footer .copyright-text a:hover{color: rgb(48, 175, 184);} .entry-content{margin-top: 12px; color: rgb(96, 96, 96);} .breadcrumb-trail.breadcrumbs{background: none 0px 0px repeat scroll rgb(250, 250, 250); margin-bottom: 30px;} .breadcrumb-trail.breadcrumbs .trail-title{float: left; font-weight: 400; font-size: 25px; padding: 6px 0px;} .breadcrumb-trail.breadcrumbs::before{clear: both; content: ""; display: block;} .not-found .icon-404 .fa{font-size: 300px;} #primary .content-404{padding: 60px 0px;} #primary .not-found .page-header .page-title{font-size: 24px; line-height: 30px;} #primary .not-found .page-content{margin: 30px 0px;} #primary .searchform input{border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(102, 102, 102); border-image: none; width: 70%;} #primary .searchform .btn:hover{background: none 0px 0px repeat scroll rgb(48, 175, 184);} /* ---- Flash: kolory z Customizera ---- */ #site-navigation ul li:hover > a,#site-navigation ul li.current-menu-item > a,#site-navigation ul li.current_page_item > a,#site-navigation ul li.current-menu-ancestor > a,#site-navigation ul.sub-menu li:hover > a,footer.footer-layout #top-footer .widget-title::first-letter,footer.footer-layout #bottom-footer .copyright .copyright-text a:hover,#site-navigation ul li.menu-item-has-children:hover > .sub-toggle,.entry-content a{color: rgb(48, 175, 184);} #scroll-up,#primary .searchform .btn:hover,button,input[type="submit"]:hover{background-color: rgb(48, 175, 184);} #site-navigation ul li.current-flash-item a{color: rgb(48, 175, 184);} footer.footer-layout #top-footer .widget-title{border-left-color: rgb(48, 175, 184);} @media (max-width: 980px){ #site-navigation ul li.menu-item-has-children span.sub-toggle{background-color: rgb(48, 175, 184);} } @media screen and (min-width: 56.875em){ .main-navigation li:hover > a,.main-navigation li.focus > a{color: rgb(48, 175, 184);} } .site-branding{margin: 0px auto 0px 0px;} .site-branding .site-title,.site-description{clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; overflow: hidden; position: absolute !important;} .logo .logo-text{padding: 0px;} /* ---- Flash responsive.css ---- */ @media (max-width: 1200px){ .tg-container{padding: 0px 1%; width: 98%;} } @media (max-width: 980px){ .logo{z-index: 99;} .header-bottom{position: relative;} #site-navigation{float: right; padding: 20px 0px;} #site-navigation ul li:hover > a::before,#site-navigation ul li.current-menu-item > a::before{display: none;} #masthead #site-navigation .menu-scrollbar{overflow-y: scroll;} #site-navigation .menu{background: none 0px 0px repeat scroll rgb(255, 255, 255); display: none; left: 0px; position: absolute; top: 100%; width: 100%; z-index: 9999; padding: 0px 20px;} #site-navigation .menu-toggle{cursor: pointer; display: inline-block; font-size: 20px;} #site-navigation ul li{float: none; margin-right: 0px; padding: 0px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} #site-navigation ul li:last-child{border-bottom: 0px;} #site-navigation ul.sub-menu::before{display: none;} #site-navigation ul.sub-menu{background: none 0px 0px repeat scroll rgb(255, 255, 255); display: none; border-radius: 0px; min-width: 100%; opacity: 1; position: static; left: 0px; top: 0px; transition: none; transform: translate(0px); visibility: visible; box-shadow: none; padding-left: 20px; border-top: 1px solid rgba(0, 0, 0, 0.1);} #site-navigation ul > li a{line-height: 42px; padding: 0px 15px;} #site-navigation ul.sub-menu li a{color: rgb(76, 88, 103); display: block; line-height: 42px; padding: 0px 0px 0px 20px; text-align: left;} #site-navigation ul.sub-menu li{padding: 0px;} #site-navigation ul li:hover,#site-navigation ul li.current-menu-item,#site-navigation ul li.current-menu-ancestor,#site-navigation ul.sub-menu li.current-menu-item,#site-navigation ul.sub-menu > li:hover{color: rgb(48, 175, 184);} #site-navigation ul li:hover > a,#site-navigation ul li.current-menu-item a,#site-navigation ul li.current-menu-ancestor a{display: block; transition: background 0.5s;} #site-navigation ul.sub-menu > li:hover:first-child a,#site-navigation ul.sub-menu > li:hover:last-child a{border-radius: 0px;} #site-navigation ul li.menu-item-has-children .sub-toggle{position: absolute; top: 11px; right: 15px; background-color: rgb(48, 175, 184); height: 20px; width: 20px; text-align: center; line-height: 20px; color: rgb(255, 255, 255);} #site-navigation ul li.menu-item-has-children:hover .sub-toggle{color: rgb(255, 255, 255); cursor: pointer;} } @media (max-width: 768px){ #top-footer .tg-column-wrapper .tg-column-4{width: 47%;} #primary{float: none; width: 100%;} .header-top{display: none;} } @media (max-width: 600px){ .header-top .tg-container{text-align: center;} .header-top .contact-info{float: none; line-height: 24px; display: inline-block;} .header-top .tg-column-wrapper{flex-direction: column; text-align: center;} #top-footer .tg-column-wrapper{margin: 0px 3%;} #top-footer .tg-column-wrapper .footer-block{width: 100%; margin: 0px 0px 30px;} #top-footer .tg-column-wrapper .tg-column-4:last-child{margin: 0px;} #bottom-footer{text-align: center;} #bottom-footer .copyright{float: none; display: inline-block;} } @media (max-width: 480px){ .logo .logo-image{padding: 0px; transform: scale(0.8);} .logo-text{padding: 20px 0px;} .logo .logo-text .site-title{line-height: 24px;} .logo .site-title{font-size: 18px; line-height: 24px;} .site-description{font-size: 12px;} .logo{padding: 20px 0px;} .header-top ul.contact-info li{text-align: center; width: 100%;} } /* ---- Okienko „Kontakt” (dawny Slick Popup – tylko używane reguły) + animacje (dawny animate.css) ---- */ div#splite_curtain{background:rgba(0,0,0,.75);border-radius:0;bottom:0;display:none;position:fixed;top:0;left:0;width:100%;z-index:10002} #splite_popupBoxClose{background:rgba(255,255,255,.1);font-family:"Open Sans";color:#000;cursor:pointer;font-size:18px;font-weight:500;padding:0 10px;position:absolute;right:0;top:0;transition:.15s ease-in} #splite_popupBoxClose:hover{background:rgba(255,255,255,.85);color:#333;font-weight:bold} #splite_popup_box.manage{display:none} #splite_popup_box{bottom:0;left:calc(50% - 300px);margin-left:0;position:fixed;top:0;width:600px;max-width:90%;z-index:100000;overflow:hidden} #splite_popup_box a:hover{text-decoration:none} #splite_form_container{max-height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent} #splite_form_container::-webkit-scrollbar{width:6px} #splite_form_container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.35);border-radius:3px} #splite_popup_title{margin-bottom:0;padding:10px 20px;text-align:center} #splite_popup_description{margin:20px auto 40px;text-align:center;width:90%} a.splite_sideEnquiry{cursor:pointer;height:auto;padding:5px 10px;position:fixed;text-align:center;text-decoration:none;z-index:1001} a.splite_sideEnquiry.pos_right{right:-52px;top:47.5%;height:auto;transform:rotate(-90deg);border-radius:5px 5px 0 0} a.splite_sideEnquiry:hover{color:#efefef;text-decoration:none} #splite_popup_box.layout_centered{max-height:76%;top:12%} #splite_popup_box .wpcf7{width:90%;margin:0 auto} #splite_popup_box .wpcf7 ul{list-style:none;margin:0} #splite_popup_box form p{margin-bottom:5px} #splite_popup_box .wpcf7-form-control-wrap{display:block;position:relative} #splite_popup_box input[type="text"],#splite_popup_box input[type="email"],#splite_popup_box input[type="tel"],#splite_popup_box input[type="hidden"],#splite_popup_box textarea{padding:8px 6px;border:1px solid #ccc;border-radius:2px;max-width:none;width:calc(100% - 12px);margin-bottom:0;transition:.4s ease-in;height:36px} #splite_popup_box input[type="checkbox"]{height:auto;padding:0;width:auto} #splite_popup_box input[type="submit"]{height:auto} #splite_popup_box textarea{height:80px} #splite_popup_box .wpcf7-quiz-label{color:#484848;display:inline;margin-top:20px} #splite_popup_box input.wpcf7-form-control.wpcf7-quiz{margin:0 0 0 20px;text-align:center;width:40px} #splite_popup_box input.wpcf7-form-control.wpcf7-submit{width:auto;margin:20px auto 10px;float:none;display:block} #splite_popup_box div.wpcf7-response-output{font-size:.85em;line-height:1.3em;margin:0;padding:5px 10px 0;border-radius:0;border:0;position:absolute;bottom:0;width:100%;left:0;text-align:center;font-family:"Open Sans"} #splite_popup_box .wpcf7-not-valid{border-color:#f03 !important} #splite_popup_box span.wpcf7-not-valid-tip{font-size:.85em;text-align:left} #splite_popup_box span.wpcf7-not-valid-tip{background:#f03;color:#fff;line-height:18px;right:0;text-align:center;top:1px;width:auto;height:auto;padding:8px;transition:.3s ease-in;font-family:"Open Sans";position:absolute} #splite_popup_box .wpcf7-form > p{letter-spacing:1px} @media (max-width:767px){a.splite_sideEnquiry.on_mobile{font-size:13px;padding:3px 10px}#splite_popup_box input.wpcf7-form-control.wpcf7-submit{width:auto}} .animated{animation-duration:1s;animation-fill-mode:both} .fadeInDown{animation-name:fadeInDown} .fadeOutDown{animation-name:fadeOutDown} @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}100%{opacity:1;transform:none}} @keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;transform:translate3d(0,100%,0)}} /* ---- Okienko „Kontakt”: kolory z dawnych ustawień Slick Popup (blok