/* Theme Name: KULIKOWSKI-IT BIOTEK Theme URI: https://www.kulikowski-it.pl AGENCJA INTERAKTYWNA KULIKOWSKI-IT Author: AGENCJA INTERAKTYWNA KULIKOWSKI-IT Author URI: https://www.kulikowski-it.pl Description: Realizacja witryny internetowej wykonana przez firme "KULIKOWSKI-IT" Adam Kulikowski. c)2023 All rights reserved. Modernizacja 11.2025. Wszystkie prawa zastrzezone. */ /* Reset CSS by KULIKOWSKI-IT */ abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}body a{text-decoration:none}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ddd;margin:1em 0;padding:0}input,select{vertical-align:middle}h1,h2,h3,h4,h5{font-weight:400} /* Project CSS */ body { font-family: 'Maven Pro', sans-serif; font-weight: 300; font-size: 1em; color: #222; background: #fff;} /* Fonts: 100;200;300;400;500;600;700;800 */ #smi-kulikow { position: fixed; z-index: 99999; width: 60px; top: 45%; right: -60px; opacity: 0.8; } #smi-kulikow:hover { opacity: 1; } #smi-kulikow ul { list-style: none; margin: 0; } #smi-kulikow ul li { margin-left: -30px; margin-top: 15px;} #smi-kulikow ul li img { width: 40px; height: auto; } #smi-kulikow ul li:hover { margin-left: -40px; } #smi-kulikow:hover, #smi-kulikow, #smi-kulikow ul li:hover, #smi-kulikow ul li { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } @media (max-width: 768px) { #smi-kulikow ul li img { width: 30px !important; height: auto; } #smi-kulikow ul li { margin-left: -25px; } #smi-kulikow ul li:hover { margin-left: -32px; } } #topsite { float: left; width: 100%; padding: 25px 0px 25px 0px; } #sklepwyszukiwarka { float: left; width: 35%; } #wyszukiwarka { float: left; width: 98%; padding: 0% 1%; background:#fff; max-width: 220px; -webkit-box-shadow: 0px 0px 0px 2px rgba(244, 244, 244, 1); -moz-box-shadow: 0px 0px 0px 2px rgba(244, 244, 244, 1); box-shadow: 0px 0px 0px 2px rgba(244, 244, 244, 1);} #wyszukiwarka input#search { text-align: center; margin: 1% 1%; background:none; color: #000; float: left; padding: 5px 5% 5px 5%; width:60%; font-size:0.8em; border: none !important; font-family: 'Maven Pro', sans-serif; font-weight:400; } #wyszukiwarka input.find_btn { margin:1% 2% 1% 1%; border: 0; padding: 5px 5% 5px 5%; border: none; background: url('images/lupa.svg') center no-repeat; background-size: 22px;display: block; width: 20%; max-width: 40px; float: right; cursor: pointer; } #wyszukiwarka input.find_btn:hover { background: url('images/lupa.svg') center no-repeat; background-size: 22px; } #wyszukiwarka form#searchform { margin: 0; padding: 0; width: 100%; float: left; } #pageheader { float: left; width: 100%; margin-top: 20px; } #pageheaderl {float: left; width: 100%; height: 3px; background:#76cd29; } #logo { float: left; width: 30%; display:block; } #logo img { max-width: 95%; height: auto; } #kontokoszyk { float: right; width: 35%; } .cartlogin { float: right; } .cartlogin p { float: right; } .cartlogin a.cart { margin-top: 8px; margin-left: 20px; float: right; color:#fff; padding: 10px 5px 10px 35px; background: url('images/koszyk.svg') left center no-repeat; background-size: 33px; } .cartlogin a.cart span.count { background:#333333; padding: 3px 6px; border-radius: 99px; font-size: 0.8em; margin-left: -10px;} .cartlogin a.cart:hover span.count { background:#000; color:#fff;} .cartlogin a.login { margin-top: 2px; margin-left: 15px; float: right; color:#333; padding: 15px 5px 15px 35px; background: url('images/konto.svg') left center no-repeat; background-size: 35px; } .cartlogin a.favprod { margin-top: 10px; margin-left: 15px; float: right; color:#333; padding: 15px 5px 15px 35px; background: url('images/favprod.svg') left center no-repeat; background-size: 38px; } #shop_homecategory { float: left; width: 100%; padding: 30px 0px; background:#fff; } #shop_homecategory h2, #shop_homecategory h3 { font-weight: 600; font-size: 2em; margin: 20px 0px 0px 0px; text-transform: uppercase; } #shop_homecategory p { color: #000; margin: 5px 0px 5px 0px; font-size: 1.1em; font-weight: 400; text-align: justify; line-height: 1.5em; } #shop_homecategory img { width: 90%; max-width: 90%; height: auto; margin: 0px 5%; } #shop_homecategory img:hover { opacity: 0.75; } #menu { float: left; width: 100%; } #menu.bgpage { border-bottom: 8px solid #76cd29; } #menu .topmenu { float: left; width: 80%; } #menu .toptel { float: right; width: 20%; } #menu .toptel p { text-align: right; } #menu .toptel p a { font-weight: 600; color:#000; margin-left: 5px; padding: 3px 0px 3px 30px; background: url('images/tel.svg') left center no-repeat; background-size: 23px; } #menu .toptel p a:hover { color:#76cd29; } /* Max mega menu custom */ #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu { margin-left: 5%; -webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2); box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2); } #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-flyout ul.mega-sub-menu { -webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2); -moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2); box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2); } @media (max-width: 768px) { #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu { margin-left: 0%; } #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu, #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-flyout ul.mega-sub-menu { -webkit-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12); -moz-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12); box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12); } } .container { margin: 0 auto; } #sliderfront { float:left; width: 100%; margin-top: 30px; } .slider { position: relative; overflow: hidden; width: 100%; z-index: 98; } .slider-inner { position: relative; width: 100%; height: 0; overflow: hidden; } #slider-desktop .slider-inner { padding-bottom: calc(606 / 1920 * 100%); /* Proporcje desktop */ } #slider-mobilny .slider-inner { padding-bottom: calc(993 / 960 * 100%); /* Proporcje mobile */ } @media (max-width: 768px) { #slider-mobilny { display: block; } #slider-desktop { display: none; } } @media (min-width: 769px) { #slider-mobilny { display: none; } #slider-desktop { display: block; } } .slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slide { position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; pointer-events: none; z-index: 1; cursor: pointer; } .slide.active { opacity: 1; pointer-events: auto; z-index: 2; } .slide img { width: 100%; height: 100%; object-fit: cover; } .slider-prev, .slider-next { position: absolute; top: 50%; padding: 16px; color: #fff; font-size: 15px; background-color: rgba(0, 0, 0, 0.01); border: none; cursor: pointer; transform: translateY(-50%); z-index: 4; transition: all 250ms ease-in-out; } .slider-prev:hover, .slider-next:hover { background-color: rgba(0, 0, 0, 0.5); } .slider-prev { left: 10px; } .slider-next { right: 10px; } .slider-dots { text-align: center; position: absolute; bottom: 15px; width: 100%; z-index: 4; } .slider-dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #fff; border-radius: 50%; cursor: pointer; } .slider-dot.active { background-color: #76cd29; } .slide-content { position: absolute; opacity: 0; transition: opacity 1s ease-in-out; color: #fff; z-index: 3; } .slide.active .slide-content { opacity: 1; transition-delay: 0.5s; } .slide-content .read-more-button { display: inline-block; opacity: 0; transition: opacity 1s ease-in-out; background-color: rgba(255, 255, 255, 1); color: #000; text-decoration: none; font-weight:500; margin-top: 10px; font-size: inherit; } .slide.active .slide-content .read-more-button { opacity: 1; transition-delay: 1s; } .slide-content .slogan, .slide-content .read-more-button { } .slide-content .read-more-button:hover { background-color: rgba(255, 255, 255, 0.7); } /* Slider desktop */ @media (min-width: 769px) { #slider-desktop .slide-content { top: 50%; left: 5%; width: 50%; transform: translateY(-50%); text-align: left; } #slider-desktop .slide-content h2 { font-weight:700; color:#fff; font-size: clamp(24px, 3vw, 35px); margin: 0; margin-bottom: clamp(15px, 2vw, 25px); line-height:1.1em;} #slider-desktop .slide-content p { font-weight:500; color:#000; font-size: clamp(12px, 1.5vw, 20px); margin: 0; margin-bottom: clamp(10px, 1.5vw, 15px); line-height:1.4em; } #slider-desktop .slide-content .read-more-button { font-size: clamp(11px, 1.5vw, 14px); padding: clamp(8px, 1.5vw, 12px); } } /* Slider mobile */ @media (max-width: 768px) { #slider-mobilny .slide-content { bottom: 40px; left: 50%; transform: translateX(-50%); text-align: center; } #slider-mobilny .slide-content h2 { font-weight:600; color:#fff; font-size: clamp(10px, 5vw, 20px); margin: 0; margin-bottom: clamp(10px, 3vw, 20px); } #slider-mobilny .slide-content .read-more-button { font-size: clamp(12px, 4vw, 14px); padding: clamp(10px, 2vw, 14px) clamp(20px, 5vw, 30px); } } #page_content { padding: 50px 0px; } #page_content, #content { float: left; width: 100%; } #content h1, #content h2, #content h3, #content h4, #content h5 { font-weight: 600; margin: 10px 0px 10px 0px;} #content h1 { color: #000; font-size: 2em;} #content h2 { color: #000; font-size: 1.75em;} #content h3, #content h4, #content h5 { color: #000; font-size: 1.5em;} #content img { max-width: 100%; height: auto; } #content img.alignleft { float: left; margin: 5px 20px 20px 0px; } #content img.alignright { float: right; margin: 5px 0px 20px 20px; } #content img.alignleft, #content img.alignright { max-width: 50%; height: auto; } #content img.alignnone { max-width: 100%; height: auto; } #content img.aligncenter { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; } #content p { color: #000; margin: 7px 0px 7px 0px; text-align: justify; line-height: 1.7em; } #content table { width: 100%; } /* Contact form 7 custom style */ #content form.wpcf7-form, #content form.wpcf7-form input, #content form.wpcf7-form select, #content form.wpcf7-form label, #content form.wpcf7-form textarea { font-family: 'Maven Pro', sans-serif; font-weight: 300; } #content form.wpcf7-form input { float: left; width: 95%; padding: 5px 2.5%; border-radius: 3px; border: 1px solid #aaa; background:#fff;} #content form.wpcf7-form select { float: left; width: 100%; padding: 5px 0%; border-radius: 3px; border: 1px solid #aaa; background:#fff; } #content form.wpcf7-form textarea { float: left; width: 95%; padding: 3px 2.5%; resize: none; height: 80px; border-radius: 3px; border: 1px solid #aaa; } #content form.wpcf7-form label { margin-top: 10px; float: left; width: 100%; } #content form.wpcf7-form input.wpcf7-submit { font-family: 'Maven Pro', sans-serif; font-weight: 400; color: #fff !important; background: #173042; border: 2px solid #173042 !important; padding: 10px 45px; cursor: pointer; float: right; width: auto; font-size: 1em; margin-top: 15px; border-radius: 0px; } #content form.wpcf7-form input.wpcf7-submit:hover { background: #76cd29 !important; border: 2px solid #76cd29 !important; color: #fff !important; } #content form.wpcf7-form .wpcf7-response-output { float: left; width: 90%; margin: 0; margin-top: 10px; line-height: 1.25em; padding: 15px 5%; } #content form.wpcf7-form input[type='checkbox'] { float: left; width: 20px; } #content .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; float: left; } #content label.rodoinfo { line-height:1.8em; font-size: 0.85em; } .woocommerce div.product .woocommerce-tabs ul.tabs li:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li, #shop_homecategory img:hover, #shop_homecategory img, #newsletter .footernewsletterform input.mailpoet_submit:hover, #newsletter .footernewsletterform input.mailpoet_submit, #blog_rm_allcontent .wpis_bloga:hover, #blog_rm_allcontent .wpis_bloga, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, #content form.wpcf7-form input.wpcf7-submit:hover, #content form.wpcf7-form input.wpcf7-submit, .singlepostin p a.btnmore:hover, .singlepostin p a.btnmore, .singlepostin:hover, .singlepostin, .woocommerce ul.products #respond input#submit:hover, .woocommerce ul.products a.button:hover, .woocommerce ul.products button.button:hover, .woocommerce ul.products input.button:hover, .woocommerce ul.products #respond input#submit, .woocommerce ul.products a.button, .woocommerce ul.products button.button, .woocommerce ul.products input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } /* Układ wpisów 2 i 3 kolumnowych dla strony głównej */ .home_posts { float: left; width: 100%; padding: 50px 0px; } .home_posts_title { float: left; width: 97%; margin-left: 2%; padding: 30px 0px; } .home_posts_title h2 { font-size: 2.25em; font-weight: 600; color:#000; padding-bottom: 15px; text-align:center; text-transform: uppercase; } .home_posts_title h3 { font-size: 1.5em; font-weight: 300; color:#000; padding-bottom: 25px; text-align:center; } .posts_grp { float: left; width: 100%; } h2.homecattitle { float: left; width: 100%; font-weight: 600 !important; font-size: 2em !important; margin: 30px 0px; padding: 30px 0px; text-align:center; text-transform: uppercase; } .singlepost_3cols { float: left; margin: 2.5% 2%; padding: 0%; width: 29%; background:#fff; -webkit-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.0); -moz-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.0); box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.0); } .singlepost_2cols { float: left; margin: 2.5% 2%; padding: 0%; width: 45%; background:#fff; -webkit-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.1); box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.1); } .single_postcontent { float: left; width: 85%; padding: 4% 7.5% 7.5% 7.5%; border-bottom: 1px solid #ededef; } .singlepostin img { width: 100%; height: auto; } .singlepostin h2 { font-weight: 600; font-size: 1.5em; color:#000; margin: 0px 0px; width: 100%; padding-bottom:15px; } .singlepostin .postexcerpt p {font-size: 0.9em; line-height:1.8em; color:#000; font-weight: 300; margin-bottom: 20px; } .singlepostin p.data {font-size: 1em; line-height:1.2em; color:#8f8f8f; font-weight: 200; margin-bottom: 5px; padding-bottom: 5px; } .singlepostin p a.btnmore { float: left; color:#fff; background:#76cd29; font-weight: 400; border: 2px solid #76cd29; font-size: 0.9em; padding: 3% 5%; } .singlepostin p a.btnmore:hover { border: 2px solid #173042;color:#fff; background:#173042;} .singlepostin:hover { -webkit-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.18); -moz-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.18); box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.18); } @media (max-width: 768px) { .singlepost_3cols, .singlepost_2cols { float: left; margin: 5% 5%; width: 90%; } .single_postcontent { float: left; width: 90%; padding: 3% 5% 5% 5%; } .home_posts { padding: 30px 0px; } } /* Blog */ #blog_rm_allcontent { float: left; width: 90%; padding: 20px 5% 20px 5%; } #blog_rm_allcontent h1 {text-align: center; margin-bottom: 45px; } #blog_rm_allcontent .wpis_bloga {float: left; width: 100%; padding: 0; margin-bottom: 60px; border: 1px solid #eaebec; -webkit-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.02); -moz-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.02); box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.02); } #blog_rm_allcontent p { margin: 7px 0px 7px 0px !important; line-height: 2em; } #blog_rm_allcontent .wpis_bloga:hover { -webkit-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.09); -moz-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.09); box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.09); } #blog_rm_allcontent h2 { color:#0d93e0; padding: 4px 0px 4px 0px; color: #2f2e2e; font-size: 1.5em; margin-top: 0px !important; } #blog_rm_allcontent .wpis_bloga_btn { float: left; width: 100%; padding: 5px 0px; } #blog_rm_allcontent .wpis_bloga_btn a.readmoreblog { font-size: 0.9em; text-transform: uppercase; font-weight: normal; margin: 0; border: none; cursor: pointer; float: right; width: auto; display: inline-block; text-decoration: none; box-shadow: none; color: #222; background: #e5e5e5; padding: 18px 25px; margin-bottom: 5px; margin-top: 20px; } #blog_rm_allcontent a { text-decoration: none !important; } #blog_rm_allcontent .wpis_bloga_btn a.readmoreblog:hover { opacity: 0.8;} #blog_rm_allcontent .blog_wpis_data a { color:#000; } #blog_rm_allcontent .wpis_bloga_zdj { float: left; width: 48%; min-height: 350px; background-size:cover; } #blog_rm_allcontent .wpis_bloga_zdj img { width: 100%; height: auto; } #blog_rm_allcontent .wpis_bloga_zdj img:hover { opacity:0.8 } #blog_rm_allcontent .wpis_bloga_txt { float: right; width: 46%; padding: 1% 2.5%; } #blog_rm_allcontent .wpis_bloga_txt img.avatar { float: left; margin: 9px 10px 9px 0px; border-radius: 99px; } #blog_rm_allcontent .wpis_bloga_txt p { font-size: 0.95em !important; color:#333 !important; } @media (max-width: 1024px) and (min-width: 769px) { #blog_rm_allcontent { float: left; width: 100%; padding: 10px 0% 10px 0%; } #blog_rm_allcontent h2 { font-size: 1.45em; } #blog_rm_allcontent .blog_wpis_opis p { font-size:0.8em; } } @media (max-width: 768px) { #blog_rm_allcontent .wpis_bloga { margin-bottom: 40px; } #blog_rm_allcontent .wpis_bloga_zdj { float: left; width: 100%; } #blog_rm_allcontent .wpis_bloga_txt { float: left; width: 90%; padding: 3% 5%; } } /* home about */ .home_about { width: 100%; float: left; padding: 45px 0px; } .home_about h1, .home_about h2, .home_about h3, .home_about h4, .home_about h5 { color: #000; font-size: 2em; margin-bottom: 10px; font-weight: 600; } .home_about p { color: #000; margin: 7px 0px 7px 0px; text-align: justify; line-height: 1.8em; } @media (max-width: 1024px) and (min-width: 769px) { .home_about p { font-size: 0.9em; } } @media (max-width: 768px) { .home_about p { font-size: 0.9em; } } /* CMS WooCommerce - shopmenu */ #shopmenu { float: left; width: 21%; padding: 2% 1% 2% 2%; background:#f5f5f5; } #shopmenu ul { width: 100%; list-style:none; line-height: 1em; } #shopmenu ul ul.sub-menu { width: 95%; margin-left: 5%; } #shopmenu ul ul ul.sub-menu { width: 90%; margin-left: 10%; } #shopmenu ul ul ul ul.sub-menu { width: 90%; margin-left: 10%; } #shopmenu ul ul.sub-menu { display: none; } #shopmenu ul ul ul.sub-menu { display: none; } #shopmenu ul ul ul ul.sub-menu { display: none; } #shopmenu ul ul ul ul ul.sub-menu { display: none; } #shopmenu > ul > li.current-menu-item > ul.sub-menu, #shopmenu > ul > li.current-menu-ancestor > ul.sub-menu, #shopmenu > ul > li.current-menu-parent > ul.sub-menu, #shopmenu > ul > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu { display: block; } #shopmenu > ul > li.current-menu-parent > ul.sub-menu > li.current-menu-item > ul.sub-menu, #shopmenu > ul > li.current-menu-ancestor > ul.sub-menu > li.current-menu-parent > ul.sub-menu { display: block; } #shopmenu > ul > li.current-menu-parent > ul.sub-menu > li.current-menu-item > ul.sub-menu, #shopmenu > ul > li.current-menu-parent > ul.sub-menu > li.current-menu-parent > ul.sub-menu, #shopmenu > ul > li.current-menu-ancestor > ul.sub-menu > li.current-menu-parent > ul.sub-menu > li.current-menu-item > ul.sub-menu, #shopmenu > ul > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-parent > ul.sub-menu { display: block; } #shopmenu > ul > li.current-menu-ancestor > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.current-menu-parent > ul.sub-menu { display: block; } #shopmenu > ul > li.current-menu-parent > ul.sub-menu > li.current-menu-parent > ul.sub-menu > li.current-menu-parent > ul.sub-menu { display: block; } /* CMS WooCommerce - shopmenu */ #shopmenu > ul > li > a { float: left; width: 85%; padding: 8px 5% 8px 10%; background:url('images/menu1.svg') top left no-repeat; background-size: 15px; background-position-y: 11px; font-size: 1em; line-height: 1.2em; margin: 1px 0px; color:#000000; font-weight: 500; } #shopmenu > ul > li > ul > li > a { float: left; width: 85%; padding: 7px 5% 7px 10%; background:none; font-size: 0.9em; margin: 1px 0px; color:#2d2d2f; font-weight: 300; } #shopmenu ul > li > ul > li > ul > li > a { float: left; width: 90%; padding: 10px 5%; background:none; font-size: 0.9em; margin: 1px 0px; color:#2d2d2f; font-weight: 300; } #shopmenu ul > li > ul > li > ul > li > ul > li > a { float: left; width: 90%; padding: 10px 5%; background:none; font-size: 0.9em; margin: 1px 0px; color:#2d2d2f; font-weight: 300; } /* CMS WooCommerce - shopmenu */ #shopmenu > ul > li.current-menu-item > a:before { margin-right: 5px; } #shopmenu > ul > li.current-menu-item > a { text-decoration:underline; color:#000; background:url('images/menu2.svg') top left no-repeat; background-size: 15px; background-position-y: 13px; } #shopmenu > ul > li.current-menu-parent > a:before { margin-right: 5px; } #shopmenu > ul > li.current-menu-parent > a { text-decoration:underline;color:#000; background:url('images/menu2.svg') top left no-repeat; background-size: 15px; background-position-y: 13px; } #shopmenu > ul > li.current-menu-ancestor > a:before { margin-right: 5px; } #shopmenu > ul > li.current-menu-ancestor > a { text-decoration:underline;color:#000; background:url('images/menu2.svg') top left no-repeat; background-size: 15px; background-position-y: 13px; } #shopmenu > ul > li > ul > li.current-menu-ancestor > a:before { margin-right: 5px; } #shopmenu > ul > li > ul > li.current-menu-ancestor > a { text-decoration:underline; font-weight: 600;color:#000; } #shopmenu > ul > li > ul > li.current-menu-parent > a:before { margin-right: 5px; } #shopmenu > ul > li > ul > li.current-menu-parent > a { text-decoration:underline; font-weight: 600;color:#000; } #shopmenu > ul > li > ul > li.current-menu-item > a:before { margin-right: 5px; } #shopmenu > ul > li > ul > li.current-menu-item > a { text-decoration:underline; font-weight: 600;color:#000; } #shopmenu > ul > li > ul > li > ul > li.current-menu-ancestor > a:before { margin-right: 5px; } #shopmenu > ul > li > ul > li > ul > li.current-menu-ancestor > a { text-decoration:underline; font-weight: 600; color:#000; } #shopmenu > ul > li > ul > li > ul > li.current-menu-parent > a:before { margin-right: 5px; } #shopmenu > ul > li > ul > li > ul > li.current-menu-parent > a { text-decoration:underline; font-weight: 600; color:#000; } #shopmenu > ul > li > ul > li > ul > li.current-menu-item > a:before { margin-right: 5px; } #shopmenu > ul > li > ul > li > ul > li.current-menu-item > a { text-decoration:underline; font-weight: 600;color:#000; } #shopmenu ul > li > ul > li > ul > li > ul > li.current-menu-item > a:before { margin-right: 5px; } #shopmenu ul > li > ul > li > ul > li > ul > li.current-menu-item > a {font-weight: 600; } #shopmenu ul a:hover { text-decoration:underline; } /* CMS WooCommerce - shopcontent */ #shopcontent { float: right; width: 72%; } #woocommercebreadcrumb { width: 100%; padding: 0px 0px 0px 0px; font-size: 0.8em; text-transform:none !important; position:relative; z-index: 99; line-height:1.25em; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px; } #woocommercebreadcrumb a { color:#777; border-bottom: 2px solid #fff; font-weight: 700; } #woocommercebreadcrumb a:hover { border-bottom: 2px solid #76cd29; } #woocommercebreadcrumb nav.woocommerce-breadcrumb { padding: 0px 0px 2px 0px; margin: 0 0 8px 0px; } #woocommercebreadcrumb nav.woocommerce-breadcrumb:before{ font-weight: 700; float: left; content: "\00BB"; margin-right: 5px; } /* CMS WooCommerce - wishlist */ .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist i.yith-wcwl-icon { color: #000 !important; font-weight: 400 !important; } .woocommerce ul.products li.product .exists i.yith-wcwl-icon { color: #76cd29 !important; font-weight: 700 !important; } #content div.product .summary .yith-wcwl-add-button, #content div.product .summary .yith-wcwl-wishlistexistsbrowse { float: left; width: 100%; margin: 10px 0px 25px 0px; font-size: 0.9em; } #content div.product .summary .yith-wcwl-wishlistexistsbrowse a { color:#000; text-decoration: underline; font-weight: 500; } #content div.product .summary a.add_to_wishlist { font-size:1.1em; background: none !important; padding: 5px 0px 5px 0px; border: none !important; margin-left: 5px; } #content div.product .summary a.add_to_wishlist span { color:#000 !important; font-weight: 500; font-size: 0.95em; } #content div.product .summary a.add_to_wishlist:hover span { color:#76cd29 !important; } #content div.product .summary a.add_to_wishlist:hover span, #content div.product .summary a.add_to_wishlist span { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out } #content div.product .summary a.add_to_wishlist .yith-wcwl-icon { font-weight: 400; color: #76cd29; } .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist { right: auto; left: 10px !important; } .add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i { font-size: 1.3rem; } #content table.wishlist_table td a { color:#000; text-decoration:underline; } #content .wishlist_table.mobile a { color:#000; } #content .wishlist_table.mobile h3 { font-weight: 500; font-size: 0.8em; } #content .wishlist_table.mobile li { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; } #content .wishlist_table.mobile .product-add-to-cart a.add_to_cart_button { font-size: 0.8em; font-weight: 700; text-decoration: underline; } /* CMS WooCommerce - fonts */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .woocommerce-ordering select, .woocommerce .quantity input.qty, .woocommerce .quantity .qty, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce div.product form.cart .variations select { font-family: 'Maven Pro', sans-serif; font-weight: 600; } /* CMS WooCommerce - custom links */ .woocommerce-MyAccount-navigation ul { margin-bottom: 10px; } .woocommerce-MyAccount-navigation ul li { line-height: 1.1em; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a { float: left; background:#f7f6f7; padding: 8px 5%; width: 90%; margin-top: 3px; } .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a:hover { background:#f0f0f0; } .woocommerce-MyAccount-navigation ul li a, .woocommerce-MyAccount-content a, .woocommerce-cart-form table td a, .woocommerce .woocommerce-info a.showcoupon, .woocommerce a.added_to_cart, .woocommerce a.reset_variations, .woocommerce p.lost_password a, .woocommerce .woocommerce-info a.showlogin, .woocommerce-notices-wrapper a.restore-item, .woocommerce-privacy-policy-text a.woocommerce-privacy-policy-link { color:#000; } /* CMS WooCommerce - custom btns */ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button.alt.disabled { font-family: 'Maven Pro', sans-serif; font-weight: 500; background:#76cd29; color:#fff; border: 2px solid #76cd29; border-radius: 0px !important; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button.alt.disabled:hover { background:#173042; color:#fff; border: 2px solid #173042; border: 2px solid #000; } /* CMS WooCommerce - custom light btns */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-weight: 400; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { } /* CMS WooCommerce - category list */ #content h2.woocommerce-loop-category__title { font-size: 1.1em; text-align:center; min-height: 35px; margin-left: 8px; margin-right: 8px; } /* CMS WooCommerce - products list */ .woocommerce ul.products li.product .star-rating { font-size: .75em; margin-left: 5%; color: #cc9933; } .woocommerce .woocommerce-ordering select { font-weight: 400; color:#777; padding: 3px 4px; border: 1px solid #eee; } #content h2.woocommerce-loop-product__title { font-size:1em; text-align:left; line-height: 1.2em; margin: 0px 5% 0px 5%; padding: 0 !important; font-family: 'Maven Pro', sans-serif; font-weight: 300; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .woocommerce ul.products #respond input#submit, .woocommerce ul.products a.button, .woocommerce ul.products button.button, .woocommerce ul.products input.button { line-height: 1.15em; padding: 3% 5%; width: 70%; margin: 5px 10%; font-weight: 400; border-radius: 3px; text-align:center; border: 0; color: #000; background-color: #ebe9eb; display: none !important; } .woocommerce ul.products #respond input#submit:hover, .woocommerce ul.products a.button:hover, .woocommerce ul.products button.button:hover, .woocommerce ul.products input.button:hover { background:#000; color:#fff; } .woocommerce a.added_to_cart { float: left; text-align:center; width: 100%; font-size:0.9em; } .woocommerce ul.products li.product .price { font-weight: 600; color:#333; text-align:left; font-size: 1.2em; margin: 5px 5%; } .woocommerce section.related ul.products li.product .price { font-weight: 300; color:#333 !important; text-align:left; font-size: 1em !important; margin: 0px 5% !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { background: #fff url('images/koszyk_plus.svg') bottom right no-repeat; background-size: 0px; background-size: 34px; background-position: 140% 98%; padding-bottom:25px !important; -webkit-box-shadow: 0px 0px 0px 2px rgba(244, 244, 244,0.5); -moz-box-shadow: 0px 0px 0px 2px rgba(244, 244, 244,0.5); box-shadow: 0px 0px 0px 2px rgba(244, 244, 244,0.5); } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { background: #fff url('images/koszyk_plus.svg') bottom right no-repeat; background-size: 34px; background-position: 98% 98%; -webkit-box-shadow: 0px 0px 0px 2px rgba(244, 244, 244, 1); -moz-box-shadow: 0px 0px 0px 2px rgba(244, 244, 244, 1); box-shadow: 0px 0px 0px 2px rgba(244, 244, 244, 1); } .woocommerce ul.products span.onsale { font-weight: 500 !important; position: absolute; text-align: center; border-radius: 0px !important; background-color: #76cd29; color: #fff; text-transform: normal !important; min-height: 2em; min-width: 2em; line-height: 2em; padding: 0.5em; font-size: 0.75em; top: 5px !important; right: 5px !important; margin: 0 auto; text-align: center; } .woocommerce div.product span.onsale { display: none !important; } .woocommerce ul.products li.product .agdattr { float: left; width: 95%; margin: 5px 0% 5px 5%; font-size: 0.9em; } .woocommerce ul.products li.product .agdattr .product-attributes { float: left; margin: 5px 5px 5px 0px; color:#777; } .woocommerce ul.products li.product .agdattr .kodproduktu { float: left; margin: 5px 5px 5px 0px; color:#777; } /* CMS WooCommerce - single product tab */ .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 0 0 !important; margin: 0px 0px 25px 0px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none !important; border-bottom-color: none; border-radius: none !important; margin: 0 0px; padding: 0 1em; background-color: none !important; background: none !important; border-bottom: 5px solid #fff !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: none !important; position: absolute; bottom:0; width: 0; height: 0; content: none; box-sizing: border-box; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 1em; font-weight: 600; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 5px solid #76cd29 !important; } /* CMS WooCommerce - single product */ #tab-description ul, #tab-description ol { margin-left: 20px; line-height: 1.5em; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { text-align: left; } .woocommerce .product .woocommerce-product-details__short-description { float: left; width: 100%; margin: 20px 0px; } .woocommerce .product .woocommerce-product-details__short-description ul { line-height: 1.5em; margin-left: 20px; } .woocommerce .product .single_variation_wrap { float:left; width: 100%; margin: 10px 0px 10px 0px; } .woocommerce .product .single_variation_wrap .woocommerce-variation-price { float:left; width: 100%; margin-bottom: 15px; } .woocommerce .product_meta { margin-top: 15px; } .woocommerce .product_meta .posted_in { display: none; } .woocommerce .product_meta .sku_wrapper { font-size:0.8em; padding: 5px 0px 5px 50px; background: url('images/produkt/symbol.svg') left center no-repeat; background-size: 35px; } .woocommerce .product_meta .sku_wrapper span.sku { font-weight: 500; } .woocommerce .product table.variations select { font-weight: 400; } .woocommerce .quantity input.qty { padding: 7px 3px; font-size: 0.9em; } .woocommerce #content p.comment-form-comment { text-align:left; } .woocommerce section.related { float: left; width: 100%; padding: 20px 0px 10px 0px; margin-top: 20px; border-top: 1px solid #d6d6d6; } .woocommerce section.related ul.products { margin-top: 20px; } .woocommerce p.stars a { color:#555; } #content div.product p.price, #content div.product span.price { margin: 15px 0px 0px 0px; font-weight: 600; color: #333333; font-size: 1.5em; } #product_customdiv_icons { float: left; width: 100%; margin: 25px 0px 10px 0px; border-top: 1px solid #ddd; padding-top: 15px; } #product_customdiv_icons p.pc_wysylka { padding: 5px 0px 5px 50px; background: url('images/produkt/wysylka.svg') left center no-repeat; background-size: 35px; } #product_customdiv_icons p.pc_zwrot { padding: 5px 0px 5px 50px; background: url('images/produkt/zwrot.svg') left center no-repeat; background-size: 35px; } #product_customdiv_icons p.pc_platnosci { padding: 5px 0px 5px 50px; background: url('images/produkt/platnosci.svg') left center no-repeat; background-size: 35px; } #product_customdiv_icons p { font-size: 0.9em; font-weight:300; } #product_customdiv_icons p span { font-weight:500; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { -webkit-box-shadow: 0px 0px 0px 2px rgba(211,216,224,0.5); -moz-box-shadow: 0px 0px 0px 2px rgba(211,216,224,0.5); box-shadow: 0px 0px 0px 2px rgba(211,216,224,0.5); } .woocommerce table.shop_attributes th { font-weight: 600; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,.1); margin: 0; line-height: 1.5; min-width: 45%; text-align: right; } .woocommerce table.shop_attributes td { font-style: italic; border-top: 0; border-bottom: 1px dotted rgba(0,0,0,.1); line-height: 1.5; min-width: 45%; text-align: left; } /* CMS WooCommerce - cart */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { font-size:0.9em; padding: 3px 0px; } /* CMS WooCommerce - notice */ .woocommerce-store-notice, p.demo_store { background-color: red; position: fixed; padding: 15px 0; } /* Newsletter */ #newsletter h3 { font-size: 1.6em; color:#fff; text-align: center; font-weight: 300; margin-bottom: 20px; font-weight: 600; } #newsletter p { font-size: 1.2em; color:#fff; text-align: center; font-weight: 300; margin-bottom: 20px; font-weight: 300; } #newsletter { float: left; width: 100%; padding: 60px 0px 75px 0px; background: #76cd29; } #newsletter .footernewslettertxt p { color:#333333; font-weight:300; font-size: 1.0em !important; line-height: 1.5em; margin: 10px 0px 15px 0px; text-align: center; } #newsletter .footernewslettertxt h5 { color:#333333; font-weight:700; font-size: 1.65em; line-height: 1.25em; margin: 10px 0px 15px 0px; text-align: center;} #newsletter .footernewsletterform { margin: 0 auto; max-width: 50%; } #newsletter .footernewsletterform .mailpoet_text { float: left; width: 55%; } #newsletter .footernewsletterform input.mailpoet_text { margin: 0; border: none !important; padding: 0; padding: 15px 5% 15px 5% !important; text-align:center; font-family: 'Maven Pro', sans-serif; font-weight: 300; font-size: 1em; color: #444; } #newsletter .footernewsletterform .mailpoet_submit { float: right; width: 35%; } #newsletter .footernewsletterform input.mailpoet_submit { margin: 0; border: none !important; padding: 0; font-family: 'Maven Pro', sans-serif; font-weight:300; text-align:center; padding: 15px 5% 15px 5% !important; background:#173042; color:#fff; font-size: 1em; cursor:pointer; -webkit-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.0); -moz-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.0); box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.0); } #newsletter .footernewsletterform input.mailpoet_submit:hover { background:#76cd29; color:#fff; -webkit-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.15); box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.15); } #newsletter .footernewsletterform .mailpoet_message { color:#fff; float: left; width: 100%; margin-top: 5px; color:##e67325; } .mailpoet_form .mailpoet_paragraph { margin-bottom: 0px; } #newsletter .footernewsletterform .mailpoet_checkbox_label { margin-top: 10px; float: left; width: 100%; color:#777; font-size: 0.85em !important; line-height: 1.35em; } #newsletter .footernewsletterform .mailpoet_checkbox_label a { color:#fff; text-decoration: underline; } #newsletter .mailpoet_form .mailpoet_paragraph { margin-bottom: 0px; } #newsletter .parsley-errors-list { color: #c01f1f; float: left; width: 100%; padding: 2px 0px; } #newsletter .mailpoet_validate_success, #mailpoet_form_1 .mailpoet_validate_success { color: #000 !important; background: #fff; float: left; width: 90%; padding: 12px 5%; line-height: 1.2em; font-size: 1em !important; } @media (max-width: 1280px) and (min-width: 1025px) { #newsletter .footernewsletterform { margin: 0 auto; max-width: 55%; } } @media (max-width: 1024px) and (min-width: 769px) { #newsletter .footernewsletterform { margin: 0 auto; max-width: 50%; } } @media (max-width: 768px) { #newsletter .footernewsletterform { margin: 0 auto; max-width: 90%; } #newsletter h3 { font-size: 1.2em; } #newsletter p { font-size: 1em; } #newsletter .footernewsletterform input.mailpoet_text { padding: 7px 0% 7px 0% !important; font-size: 0.9em; width: 80%; margin: 0px 10% !important; border-radius: 20px; } #newsletter .footernewsletterform input.mailpoet_submit { margin: 10px 25% 0px 25% !important; font-size: 12px !important; width: 50% !important; padding:12px 0% 12px 0% !important; border-radius: 20px;} } #footer { float: left; width: 100%; padding: 50px 0px; background:#173042; } #footercontent { float: left; width: 100%; } #footercontent .footercol { float: left; width: 21%; margin: 0.5% 0.5%; padding: 10px 0px; } #footercontent .footercol p { line-height: 1.75em; color:#fff; font-weight: 200; } #footercontent .footercol ul { line-height: 1.35em; } #footercontent .footercol span { font-size: 1.1em; font-weight: 400; } #footercontent .footercol h3 { font-weight: 500; font-size: 1.1em; margin-bottom: 15px; color:#fff; } #footercontent .footercol h3.f1 { padding: 7px 0px 7px 32px; background: url('images/footer/kontakt.svg') left center no-repeat; background-size: 28px; } #footercontent .footercol h3.f2 { padding: 7px 0px 7px 32px; background: url('images/footer/informacje.svg') left center no-repeat; background-size: 28px; } #footercontent .footercol h3.f3 { padding: 7px 0px 7px 32px; background: url('images/footer/pomoc.svg') left center no-repeat; background-size: 28px; } #footercontent .footercol ul { list-style: none; } #footercontent .footercol ul li a { float: left; width: 95%; padding: 3px 5% 3px 0px; color:#fff; font-size: 1em; font-weight: 200; } #footercontent .footercol ul li a:hover { text-decoration:underline; } #footer p.socialmedialinks { float: right; } #footer a.facebook { float: right; background: url('images/footer/facebook.svg') center no-repeat; background-size: 25px; padding: 20px 20px; margin: 1px 5px; } #footer a.instagram { float: right; background: url('images/footer/instagram.svg') center no-repeat; background-size: 25px; padding: 20px 20px; margin: 1px 5px; } #footer a.tiktok { float: right; background: url('images/footer/tiktok.svg') center no-repeat; background-size: 25px; padding: 20px 20px; margin: 1px 5px; } #footerauth { float: left; width: 100%; padding: 20px 0px 25px 0px; line-height: 1.5em; background: #173042; } #footerauth p { color:#fff; font-size: 0.85em; } #footerauth a { color:#fff; } #footerauth a:hover { text-decoration: underline; } /* RWD elements DIV */ @media (min-width: 1441px) { .container {width:1360px;} #logo { float: left; width: 22%; } #sklepwyszukiwarka { float: left; width: 35%; margin-top: 8px; } #kontokoszyk { float: right; width: 35%; margin-top: 0px; } #menu .toptel p { margin-top:15px; } } @media (max-width: 1440px) and (min-width: 1367px) { .container {width:1280px;} #logo { float: left; width: 22%; } #sklepwyszukiwarka { float: left; width: 35%; margin-top: 8px; } #kontokoszyk { float: right; width: 35%; margin-top: 0px; } #menu .toptel p { margin-top:15px; } } @media (max-width: 1366px) and (min-width: 1281px) { .container {width:1180px;} #logo { float: left; width: 25%; } #sklepwyszukiwarka { float: left; width: 35%; margin-top: 8px; } #kontokoszyk { float: right; width: 35%; margin-top: 0px; } #footercontent .footercol { width: 20%; margin: 0.5% 0.5%; } #menu .toptel p { margin-top:15px; } #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 45px 0 0; } #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 16px; } } @media (max-width: 1280px) and (min-width: 1025px) { .container {width:1000px;} #logo { float: left; width: 28%; } #sklepwyszukiwarka { float: left; width: 35%; margin-top: 8px; } #kontokoszyk { float: right; width: 35%; margin-top: 0px; } #footer { padding: 35px 0px; } #footercontent .footercol { width: 30%; margin: 1% 1%; } #footercontent .footercol p { font-size: 0.9em; } #footercontent .footerlogo { width: 100% !important; margin: 1% 0% !important; } #footercontent .footerlogo p { text-align:center !important; } #footercontent p.socialmedialinks { float: left; width: 100%; } #menu .topmenu { width: 75%; } #menu .toptel { width: 25%; } #menu .toptel p { margin-top:15px; font-size: 0.9em; } #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 25px 0 0; } #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 15px; } } @media (max-width: 1024px) and (min-width: 769px) { .container {width:740px;} #logo { float: left; width: 35%; } #sklepwyszukiwarka { float: left; width: 28%; margin-top: 8px; } #kontokoszyk { float: right; width: 35%; margin-top: 0px; } #footer { padding: 35px 0px; } #footercontent .footercol { width: 30%; margin: 1% 1%; } #footercontent .footercol p { font-size: 0.9em; } #footercontent .footerlogo { width: 100% !important; margin: 1% 0% !important; } #footercontent .footerlogo p { text-align:center !important; } #footercontent .footercol ul li a { font-size: 0.9em; } #footercontent p.socialmedialinks { float: left; width: 100%; } #footerauth { padding: 30px 0px 35px 0px; } #footerauth p { width: 100%; font-size: 0.85em; text-align:center !important; } #shop_homecategory p { color: #000; margin: 5px 0px 5px 0px; font-size: 0.9em; } #menu .topmenu { width: 81%; } #menu .toptel { width: 18%; } #menu .toptel p span { display: none; } #menu .toptel p { margin-top:15px; font-size: 0.9em; } #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 15px 0 0; } #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 14px; } #menu .toptel p a { margin-left: 2px; padding: 3px 0px 3px 23px; background: url('images/tel.svg') left center no-repeat; background-size: 20px; } } @media (max-width: 768px) and (min-width: 480px) { .container { width:90%; } #footercontent .footercol p { font-size: 0.9em; } #footercontent .footercol { float: left; width: 48%; margin: 1%; padding: 10px 0px; } #footercontent .footercol ul li a { font-size: 0.9em; } } @media (max-width: 479px) { .container {width:90%;} #footercontent .footercol p { font-size: 0.9em; } #footercontent .footercol { float: left; width: 98%; margin: 1%; padding: 10px 0px; } #footercontent .footercol ul li a { font-size: 0.9em; } } @media (max-width: 768px) { #topsite { padding: 10px 0px 5px 0px; } #logo { width: 50%; } #logo img { width: 190px; max-width: 95%; height: auto; } #menu .topmenu { float: left; width: 100%; } #menu .toptel { display: none !important; } #shop_homecategory p { color: #000; margin: 5px 0px 5px 0px; font-size: 0.9em; } #sklepwyszukiwarka { display: none !important; } #mega-menu-wrap-menu .dashicons-search::before { content: none !important;} #mega-menu-wrap-menu .search-icon { background: url('images/lupa.svg') left center no-repeat !important; background-size: 20px !important; } #kontokoszyk { float: right; width: 45%; } #page_content { padding: 30px 0px; } .cartlogin a.cart { margin-top: 0px; margin-left:10px; float: right; color:#fff; padding: 10px 0px 11px 35px; background: url('images/koszyk.svg') left center no-repeat; background-size: 28px; } .cartlogin a.cart span.count { background:#333333; padding: 2px 5px; border-radius: 99px; font-size: 0.7em; margin-left: -15px;} .cartlogin a.login { margin-top: 7px; font-size: 0.7em; margin-left: 10px; float: right; color:#333; padding: 12px 0px 12px 35px; background: url('images/konto.svg') left center no-repeat; background-size: 28px; } .cartlogin a.login span { display: none !important; } .cartlogin a.favprod { margin-top: 7px; font-size: 0.7em; margin-left: 10px; float: right; color:#333; padding: 12px 0px 12px 35px; background: url('images/favprod.svg') left center no-repeat; background-size: 28px; } .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { font-size: 0.75em; } #footer { padding: 25px 0px; } .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { float: left; width: 100%; } #shopmenu { display: none;} #shopcontent { float: left; width: 100%; } .woocommerce div.product .woocommerce-tabs ul.tabs { font-size: 0.8em; } #content h1 { font-size: 1.5em;} #content h2 { font-size: 1.15em;} #content h3, #content h4, #content h5 { font-size: 1em;} #tab-description p, #tab-description ul, #tab-description ol, .woocommerce-product-details__short-description p, .woocommerce-product-details__short-description ul, .woocommerce-product-details__short-description ol { font-size:0.9em; } #content h2.woocommerce-loop-product__title { font-size: 0.9em; } .woocommerce ul.products li.product .price { font-size: 1.0em; } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1em 1em 1em 3.5em; margin: 0 0 1em; font-size: 0.8em !important; } #footerauth { padding: 30px 0px 35px 0px; } #footerauth p { width: 100%; font-size: 0.75em; text-align:center !important; } }