/* Theme Name: Wile Sklep - KULIKOWSKI-IT M2 2026 (Sklep Multimedialny) 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)2026 All rights reserved. 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-size: 1em; color: #222; background: #fff;} /* Fonts: 300;400;500;600;700;800 */ /* Custom Theme Fonts */ body { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; } #wyszukiwarka input#search { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } #newsletter .footernewsletterform input.mailpoet_text { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } #newsletter .footernewsletterform input.mailpoet_submit { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } /* CF7 custom font */ .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: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; } .content form.wpcf7-form input.wpcf7-submit { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; } /* WooCommerce - Fonts global */ .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: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; } .content h2.woocommerce-loop-product__title { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; } /* WooCommerce - Fonts 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: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; } /* WooCommerce - Fonts custom light btns */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } #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:#f7f7f9; max-width: 220px; } #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; } #wyszukiwarka button.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; height: 28px; } #wyszukiwarka button.find_btn:hover { background: url('images/lupa.svg') center no-repeat; background-size: 20px; } #wyszukiwarka form#searchform { margin: 0; padding: 0; width: 100%; float: left; } #mobilelogo { float: left; width: 100%; display: none; } #mobilelogo p { text-align:center; } #mobilelogo img { width: 90%; max-width: 200px; height: auto; aspect-ratio: 150 / 80; } #logo { float: left; width: 30%; display:block; } #logo p { text-align:center; } #logo img { max-width: 100%; height: auto; aspect-ratio: 150 / 80; } #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: 10px; margin-left: 15px; float: right; color:#333; padding: 15px 5px 15px 35px; background: url('images/konto.svg') left center no-repeat; background-size: 38px; } .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:#f7f7f9; border-top: 2px solid #e9e9eb; } #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; line-height: 1.5em; } #shop_homecategory img { border-radius: 999px; width: 90%; max-width: 90%; height: auto; margin: 0px 5%; } #shop_homecategory img:hover { opacity: 0.75; } #menu { float: left; width: 100%; border-top: 1px solid #e7e7e9; border-bottom: 1px solid #e7e7e9; margin-bottom: -1px;} #menu.bgpage { border-bottom: 8px solid #cf9f5c; } /* 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; } .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(571 / 2000 * 100%); /* Proporcje desktop */ } #slider-mobilny .slider-inner { padding-bottom: calc(800 / 1200 * 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.05); 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: #cf9f5c; } .slide-content { position: absolute; opacity: 0; transition: opacity 1s ease-in-out; color: #000; 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: #cf9f5c; color: #fff; text-decoration: none; margin-top: 10px; font-size: inherit; padding: 10px 20px; } .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(0, 0, 0, 0.9); } /* Slider desktop */ @media (min-width: 769px) { #slider-desktop .slide-content { top: 50%; left: 15%; width: 50%; transform: translateY(-50%); text-align: left; } #slider-desktop .slide-content h2.slogan { font-weight:600; text-transform:uppercase; font-size: clamp(24px, 3vw, 65px); margin: 0; margin-bottom: clamp(15px, 2vw, 25px); line-height:1.1em;} #slider-desktop .slide-content p.slogan { font-weight:300; font-size: clamp(16px, 1.5vw, 28px); margin: 0; margin-bottom: clamp(10px, 1.5vw, 15px); line-height:1.4em; } #slider-desktop .slide-content .read-more-button { font-size: clamp(12px, 1.5vw, 18px); padding: clamp(12px, 1.5vw, 15px); margin-top: clamp(10px, 1.5vw, 15px); } } /* 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.slogan { font-weight:600; text-transform:uppercase; 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); margin-top: clamp(10px, 3vw, 20px); } } #shop_addinfo { float: left; width: 100%; padding: 20px 0px; border-bottom: 2px solid #e9e9eb; } #shop_addinfo p { font-size: 1em; font-weight: 400; text-align:center; } #shop_addinfo .sa_col { float: left; width: 33%; } #shop_addinfo p.sa_dostawa span { background: url('images/dostawa.svg') left center no-repeat; background-size: 40px; padding: 5px 0px 5px 50px; } #shop_addinfo p.sa_czas span { background: url('images/24_czas.svg') left center no-repeat; background-size: 40px; padding: 5px 0px 5px 45px; } #shop_addinfo p.sa_rabat span { background: url('images/rabaty.svg') left center no-repeat; background-size: 40px; padding: 5px 0px 5px 45px; } .page_content { padding: 50px 0px; } .page_content, .content { float: left; width: 100%; } #single_page_content ul, #single_page_content ol { margin-left: 20px; line-height: 1.7em; } .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; line-height: 1.7em; } .content table { width: 100%; } /* CF7 custom style */ .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 { color: #fff !important; background: #000; border: 2px solid #000 !important; padding: 10px 45px; border: none; cursor: pointer; float: right; width: auto; font-size: 1em; margin-top: 15px; border-radius: 3px; } .content form.wpcf7-form input.wpcf7-submit:hover { background: #fff !important; border: 2px solid #000 !important; color: #000 !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; } .homecattitle { float: left; width: 100%; padding-bottom: 25px; } .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, .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 */ .home_posts { float: left; width: 100%; padding: 50px 0px; background:#fff; } .posts_grp { float: left; width: 100%; } .titlebg { float: left; width: 95%; height: 1px; background:#e8e8e8; } .singlepost_4cols { float: left; margin: 2.5% 3% 2.5% 0%; padding: 0%; width: 22%; background:#f7f7f9; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); } .singlepost_3cols { float: left; margin: 2.5% 4% 2.5% 0%; padding: 0%; width: 29%; background:#f7f7f9; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); border-radius: 0px; } .singlepost_2cols { float: left; margin: 2.5% 2%; padding: 0%; width: 45%; background:#f7f7f9; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); } .single_postcontent { float: left; width: 85%; padding: 4% 7.5% 5% 7.5%; overflow:hidden !important; } .singlepostin { overflow:hidden !important; transition: all 250ms ease-in-out; } .singlepostin h2 { font-weight: 600; font-size: 1.15em; color:#002a3b; line-height: 1.2em; margin: 0px 0px; width: 100%; margin-bottom:15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 48px; } .singlepostin h2.promocja { -webkit-line-clamp: 1; min-height: 25px; } .singlepostin .postexcerpt p { font-size: 0.9em; line-height:1.7em; color:#002a3b; font-weight: 400; margin-bottom:10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 50px; } .singlepostin p.data { float: left; font-size: 0.85em; line-height:1.2em; color:#999999; font-weight: 300; margin-bottom: 5px; padding-bottom: 5px; } .singlepost_4cols .postimgbg {float: left; width: 100%; height: 250px; overflow:hidden !important; margin-bottom: 15px; } .singlepost_4cols .postimg { float: left; width: 100%; height: 250px; transition: all 200ms ease-in-out;} .singlepost_4cols .postimg:hover { transform: scale(1.05); } .singlepost_3cols .postimgbg {float: left; width: 100%; height:250px; overflow:hidden !important; margin-bottom: 15px; } .singlepost_3cols .postimg { float: left; width: 100%; height: 250px; transition: all 200ms ease-in-out;} .singlepost_3cols .postimg:hover { transform: scale(1.05); } .home_posts .glinebg { float: left; width: 100%; margin: 10px 0px; } .home_posts .gline { float: left; height: 3px; width: 50px; background:#cf9f5c; } .singlepostin:hover { -webkit-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1); box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1); } @media (max-width: 768px) { .singlepost_4cols, .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; } } .home_posts nav.navigation { float: left; width: 100%; margin-top: 15px; } .home_posts nav.navigation .nav-links { text-align:center !important; } .home_posts nav.navigation .nav-links .page-numbers { padding: 5px; margin: 0px 3px; } .home_posts nav.navigation .nav-links .current { border-bottom: 2px solid #ed1921; } .home_posts nav.navigation .nav-links a { color:#111; border-bottom: 2px solid #fff;transition: all 200ms ease-in-out; } .home_posts nav.navigation .nav-links a:hover { border-bottom: 2px solid #ed1921; } /* CMS WooCommerce - filtry */ #filtrowanieproduktow { float: left; width: 100%; padding: 20px 0 10px; } .wpc-filter-content .wpc-filters-widget-select, .wpc-filters-range-wrapper input[type="number"] { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #1a1a1a; padding: 5px 5%; border: 1px solid #1a1a1a; background: #fff; border-radius: 25px; } .wpc-filters-range-wrapper input[type="number"] { text-align:center; } .wpc-filter-chips-list a, body .wpc-filter-chips-list li.wpc-filter-chip a { padding: 3px 10px; } @media (min-width: 1025px) { .wpc-filters-section { float: left; width: 99%; margin-right: 1%; margin-bottom: 5px; } .wpc-filter-layout-labels { width: 100%; margin-right: 0%; } } @media (max-width: 1024px) and (min-width: 769px) { .wpc-filters-section { float: left; width: 99%; margin-right: 1%; margin-bottom: 5px;} .wpc-filter-layout-labels { width: 100%; margin-right: 0%; } } @media (max-width: 768px) { .wpc-filters-open-button-container a.wpc-filters-open-widget, .wpc-filters-open-button-container a.wpc-open-close-filters-button { background:#cf9f5c !important; border-radius: 25px !important; } } .wpc-filter-layout-labels { width: 100%; margin-right: 0%; } .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label a { color:#000; font-weight: 500; transition: all 200ms ease-in-out; } @media screen and (min-width: 768px) { .wpc-custom-selected-terms ul.wpc-filter-chips-list { display: flex; overflow-x: auto; padding-left: 0; padding-bottom: 10px; } } /* CMS WooCommerce - shopmenu */ #shopmenu { float: left; width: 21%; padding: 2% 1%; background:#f7f7f9; /* -webkit-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.05); -moz-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.05); box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.05); */ } #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: 90%; padding: 15px 5%; background:none; font-size: 1.1em; margin: 1px 0px; color:#000000; font-weight: 500; } #shopmenu > 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 > 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; } #shopmenu > ul > li.current-menu-parent > a:before { margin-right: 5px; } #shopmenu > ul > li.current-menu-parent > a { text-decoration:underline;color:#000; } #shopmenu > ul > li.current-menu-ancestor > a:before { margin-right: 5px; } #shopmenu > ul > li.current-menu-ancestor > a { text-decoration:underline;color:#000; } #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 #cf9f5c; } #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: #cf9f5c !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: 0px 0px 5px 0px; font-size: 0.9em; flex-direction: initial !important; } .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:#cf9f5c !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: #cf9f5c; } .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; } .yith-wcwl-add-to-wishlist a.add_to_wishlist > .yith-wcwl-icon-svg { vertical-align: middle !important; } .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 - 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 { background:#cf9f5c; color:#fff; border: 2px solid #cf9f5c; font-size: 1em; padding: 12px 25px; cursor:pointer; } .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:#fff; color:#000; border: 2px solid #000; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { font-size: 1.25em !important; margin-bottom: 5px; } /* CMS WooCommerce - custom light btns */ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border: none; background:#ddd; font-size: 0.9em; padding: 8px 15px; color:#000; cursor: pointer; transition: all 200ms ease-in-out; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background:#cf9f5c; } /* CMS WooCommerce - category list */ .content h2.woocommerce-loop-category__title { font-size: 1.2em; text-align:center; } /* CMS WooCommerce - products list */ .woocommerce ul.products li.product .star-rating { font-size: .75em; margin-left: 0 !important; float: right; margin-right: 5% !important; } .woocommerce .star-rating::before, .woocommerce ul.products li.product .star-rating { color: #cf9f5c; } .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.3em; margin: 0px 5% 0px 5%; padding: 0 !important; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -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; font-weight: 500; float: right; border-radius: 5px; text-align:center; border: 0; color: #000; background: url('images/koszyk_plus.svg') no-repeat; background-position: right 3px center; background-size: 25px; padding: 6px 35px 6px 10px; font-size: 0.8em; } .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: #cf9f5c url('images/koszyk_plus.svg') no-repeat; background-size: 25px; background-position: right 6px center; } .woocommerce ul.products li.product .xoo-wl-btn-container { display: none !important; } .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 0%; } .woocommerce section.related ul.products li.product .price { font-weight: 500; color:#333 !important; text-align:left; font-size: 0.9em !important; margin: 0px !important; } .woocommerce section.related h2.woocommerce-loop-product__title { font-size: 0.9em !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { } .woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover { } .woocommerce ul.products span.onsale { font-weight: 500 !important; position: absolute; text-align: center; border-radius: 3px !important; text-transform: normal !important; min-height: 2em; min-width: 2em; line-height: 2em; padding: 0.5em; font-size: 0.7em; top: 6px !important; right: auto; left: 30% !important; margin: 0 auto; text-align: center; width: 35% !important; background-color: #cf9f5c; color: #fff; } .woocommerce div.product span.onsale { min-height: 3.236em; min-width: 3.236em; padding: .202em; font-size: 1em; font-weight: 700; position: absolute; font-size: .857em; text-align: center; line-height: 3.236; top: -.5em; left: -.5em; border-radius: 100%; color: #fff; background-color: #cf9f5c; } .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 #cf9f5c !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; font-size: 1.5em; color: #333333; } #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; } .woocommerce .product .woocommerce-product-rating a.woocommerce-review-link { font-size: 0.7em; color:#000; } .woocommerce .product .woocommerce-product-rating a.woocommerce-review-link:hover { text-decoration: underline; } /* CMS WooCommerce - cart */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { font-size:0.9em; padding: 5px 5px; } .woocommerce form .show-password-input, .woocommerce-page form .show-password-input { right: .8em; top: .4em; } .woocommerce .content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page .content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 200px; max-width: 70%; padding: 7px 5px; border-radius: 4px; } #order_review .place-order { font-size: 0.8em !important; line-height: 1.3em !important; } @media(min-width:768px) { .woocommerce form.checkout .col2-set .col-1, .woocommerce-page form.checkout .col2-set .col-1 { width: 90%; } #customer_details { display: flex; flex-flow: column nowrap; float: left; width: 50%; } #customer_details .col-2 { width: 90%; margin-top: 20px; } #order_review, #order_review_heading { width: 50%; float: left; clear: none; } } /* CMS WooCommerce - notice */ .woocommerce-store-notice, p.demo_store { background-color: red; position: fixed; padding: 15px 0; } /* CMS WooCommerce - msg */ .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { line-height: 1.2em; } .woocommerce-info { border-top-color: #cf9f5c; } .woocommerce-form-coupon-toggle .woocommerce-info::before, .woocommerce-no-products-found .woocommerce-info::before, .wc-empty-cart-message .woocommerce-info::before { content: ''; width: 20px !important; height: 20px !important; display: inline-block; position: absolute; top: 0.8em; left: 1.5em; } .woocommerce-no-products-found .woocommerce-info::before { background: url('images/info/brak.svg') center no-repeat !important; background-size: 19px !important; } .woocommerce-form-coupon-toggle .woocommerce-info::before { background: url('images/info/kupon.svg') center no-repeat !important; background-size: 24px !important; } .wc-empty-cart-message .woocommerce-info::before { background: url('images/koszyk.svg') center no-repeat !important; background-size: 23px !important; } .woocommerce a.remove { font-weight: 400; } /* 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: #cf9f5c; } #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-size: 1em; color: #444; } #newsletter .footernewsletterform .mailpoet_submit { float: right; width: 35%; } #newsletter .footernewsletterform input.mailpoet_submit { margin: 0; border: none !important; padding: 0; text-align:center; padding: 15px 5% 15px 5% !important; background:#000000; 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:#cf9f5c; 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:#000; } #footercontent { float: left; width: 100%; } #footercontent .footercol { float: left; width: 23%; margin: 1%; 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; } #footercontent .danekontaktowe a { color:#fff; } #footercontent .danekontaktowe 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: 40px 0px 45px 0px; line-height: 1.5em; } #footerauth p { color:#444; font-size: 0.85em; } #footerauth a { color:#444; } #footerauth a:hover { color:#999; } /* RWD elements DIV */ @media (min-width: 1441px) { .container {width:1360px;} #sklepwyszukiwarka { float: left; width: 35%; margin-top: 15px; } #logo { float: left; width: 30%; } #kontokoszyk { float: right; width: 35%; margin-top: 10px; } } @media (max-width: 1440px) and (min-width: 1367px) { .container {width:1280px;} #sklepwyszukiwarka { float: left; width: 35%; margin-top: 15px; } #logo { float: left; width: 30%; } #kontokoszyk { float: right; width: 35%; margin-top: 10px; } } @media (max-width: 1366px) and (min-width: 1281px) { .container {width:1180px;} #sklepwyszukiwarka { float: left; width: 35%; margin-top: 15px; } #logo { float: left; width: 30%; } #kontokoszyk { float: right; width: 35%; margin-top: 10px; } } @media (max-width: 1280px) and (min-width: 1025px) { .container {width:1000px;} #sklepwyszukiwarka { float: left; width: 35%; margin-top: 15px; } #logo { float: left; width: 30%; } #kontokoszyk { float: right; width: 35%; margin-top: 10px; } } @media (max-width: 1024px) and (min-width: 769px) { .container {width:740px;} #sklepwyszukiwarka { float: left; width: 35%; margin-top: 15px; } #logo { float: left; width: 30%; } #kontokoszyk { float: right; width: 35%; margin-top: 10px; } #shop_addinfo p { font-size: 0.9em; font-weight: 400; margin-left: 5px; margin-right: 5px; } #shop_addinfo p.sa_dostawa span { float: left; width: 100%; background: url('images/dostawa.svg') center no-repeat; background-size: 40px; padding: 20px 0px 20px 0px; } #shop_addinfo p.sa_czas span { float: left; width: 100%; background: url('images/24_czas.svg') center no-repeat; background-size: 40px; padding: 20px 0px 20px 0px; } #shop_addinfo p.sa_rabat span { float: left; width: 100%; background: url('images/rabaty.svg') center no-repeat; background-size: 40px; padding: 20px 0px 20px 0px; } #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; } } @media (max-width: 768px) and (min-width: 480px) { .container { width:90%; } #logo { width: 40%; float: left; } #shop_addinfo p { font-size: 0.7em; font-weight: 300; margin-left: 5px; margin-right: 5px; } #shop_addinfo p.sa_dostawa span { float: left; width: 100%; background: url('images/dostawa.svg') center no-repeat; background-size: 35px; padding: 18px 0px 18px 0px; } #shop_addinfo p.sa_czas span { float: left; width: 100%; background: url('images/24_czas.svg') center no-repeat; background-size: 35px; padding: 18px 0px 18px 0px; } #shop_addinfo p.sa_rabat span { float: left; width: 100%; background: url('images/rabaty.svg') center no-repeat; background-size: 35px; padding: 18px 0px 18px 0px; } } @media (max-width: 479px) { .container {width:90%;} #logo { width: 50%; float: left; } #shop_addinfo p { font-size: 0.65em; font-weight: 300; margin-left: 5px; margin-right: 5px; } #shop_addinfo p.sa_dostawa span { float: left; width: 100%; background: url('images/dostawa.svg') center no-repeat; background-size: 30px; padding: 15px 0px 15px 0px; } #shop_addinfo p.sa_czas span { float: left; width: 100%; background: url('images/24_czas.svg') center no-repeat; background-size: 30px; padding: 15px 0px 15px 0px; } #shop_addinfo p.sa_rabat span { float: left; width: 100%; background: url('images/rabaty.svg') center no-repeat; background-size: 30px; padding: 15px 0px 15px 0px; } } @media (max-width: 768px) { #topsite { padding: 10px 0px 5px 0px; } #logo { display: none; } #mobilelogo { display:block !important; margin-bottom: 10px; width: 50%; } #mobilelogo p { text-align:left; } #mobilelogo img { width: 80%; max-width: 120px; } #shop_homecategory p { color: #000; margin: 5px 0px 5px 0px; font-size: 0.9em; } #sklepwyszukiwarka { float: left; width: 50%; display: none !important; } #kontokoszyk { float: right; width: 45%; margin-top: 20px; } .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.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; } #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; } .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.8em !important; } .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; } } .site-search-results-above-products{ margin:0 0 35px; padding:25px; background:#f7f7f7; border-left:4px solid #c8a6ff; } .search-pages-header{ display:flex; align-items:flex-start; gap:15px; margin-bottom:20px; } .search-pages-icon{ font-size:26px; color:#8c52ff; } .search-pages-header strong{ display:block; font-size:28px; margin-bottom:4px; } .search-pages-header p{ margin:0; color:#666; font-size:14px; } .search-pages-list{ list-style:none; margin:0; padding:0; } .search-pages-item{ margin-bottom:12px; } .search-pages-item a{ display:flex; align-items:center; gap:10px; text-decoration:none; padding:12px 15px; background:#fff; transition:.2s; } .search-pages-item a:hover{ background:#f0e7ff; } .search-pages-arrow{ color:#8c52ff; font-size:18px; font-weight:bold; } .search-pages-title{ font-size:17px; font-weight:600; color:#111; } .search-pages-footer{ margin-top:18px; font-size:13px; color:#777; }