/**
 * /*!
 * Theme Name:      	Raster Druk Shoptimizer
 * Theme URI:       	https://www.commercegurus.com/wordpress-themes/shoptimizer
 * Author:          	MAINPRESS
 * Author URI:      	https://mainpress.pl/
 * Description:     	Shoptimizer is the perfect theme for your next WooCommerce project designed around speed and conversions.
 * Version:         	2.6.5
 * Requires at least: 	5.2
 * Requires PHP: 		7.2.1
 * License:         	GNU General Public License v2 or later
 * License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:     	shoptimizer
 * Template:     	    shoptimizer
 * wc_gzd_compatible: 	true
 * Tags:            	e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options
 * CGMeta: 1584:a523c024-0f7c-47a5-a11a-3e11d0914cc2
 *
 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned with others.
 *
 * Shoptimizer is based on Underscores http://underscores.me/, (C) 2012-2019 Automattic, Inc. and Storefront https://github.com/woocommerce/storefront (C) 2012-2019 Automattic, Inc.
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 *
 * Shoptimizer documentation is available here: https://www.commercegurus.com/docs/shoptimizer-theme/
 *
 * Rivolicons License: Created by Hadrien Boyer and licensed under Creative Commons 4.0 - https://creativecommons.org/licenses/by-sa/4.0/
 * Rivolicons icon pack homepage - http://rivolicons.hadrien.co/
 * Images License: GNU General Public License v2 or later
 *
 * ======
 * Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
 * All main styles are in /assets/css/main/main.css
 * ======
 *
 */



/* #page div.product .summary {
    width: 31%;
}
#page .woocommerce-tabs, div.product form.cart.variations_form {
    float: right;
	margin-right: 10.8%;
}
#page .woocommerce-tabs ul.tabs {
    text-align: left;
	padding-left: 1.8em;
}
#page .woocommerce-tabs ul.tabs li a {
    padding: 0.2em 0 0.1em;
}
#page .woocommerce-tabs .panel {
    float: none;
    width: 610px;
	padding-left: 2.8em;
	padding-right: 0;
}
*/


/*@media screen and (max-width: 1680px) {
#page .woocommerce-tabs, div.product form.cart.variations_form {
	margin-right: 5.8%;
}
}*/

/*@media screen and (max-width: 1460px) {
#page div.product .summary {
   width: 36%;
}
#page .woocommerce-tabs, div.product form.cart.variations_form {
	margin-right: 1%;
}
}*/


/*#page div.product .summary {
   width: 100%;
   padding-left: 1.8em;
   padding-right: 1.8em;
}
*/
/*#page .woocommerce-tabs, div.product form.cart.variations_form {
    float: left;
	margin-right: 0;
}
#page .woocommerce-tabs .panel {
    float: left;
    width: 100%;
	padding-left: 2.8em;
	padding-right: 2.8em;
}*/
/*.summary .commercekit-wishlist a i.cg-wishlist {
    left: 24px;
}
}*/

h1.home-main-heading, h2.home-main-heading {
    font-family: NowLight, Verdana, Arial, sans-serif;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.2;
    color: #131315;
}
h1.home-main-heading span.lower, h2.home-main-heading span.lower {
    display: block;
    margin: 0;
    font-family: NowLight, Verdana, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.2;
    color: #23232c;
}

/* ------- dodane wrzesień 2025 Maurosanti -------- */

.single-product .woocommerce-Tabs-panel, .woocommerce-tabs.wc-tabs-wrapper {
  padding-right: 15px;
  padding-left: 15px;
}
.woocommerce-product-details__short-description {
  font-size: 15px;
}
.woocommerce-variation-price .price .amount {
  font-size: 24px;
  font-weight: 700;
}
.product p.price {
  font-size: 24px;
}

/* ------- Strona główna -------- */

.home-content {
  margin: 30px auto;
  padding: 0 15px;
  max-width: 1080px!important;
}
.top-head {
  padding: 0 15px;
  background: #ddd;
}
.content-head{
  padding: 20px 0;
  margin: 0 auto;
  max-width: 1280px;
}
.content-head h1{
  padding: 100px 0 0;
}
.content-head p{
  padding: 10px 0 0;
  font-size: 18px;
}
.firma {
  margin: 0 auto;
  padding: 70px 0 60px;
  background: #000;
}
.firma-content {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1080px;
  color: #fff;
}
.firma-content h2, .firma-content h3{
  color: #fff;
}
.opinie {
  margin: 60px auto 0;
}
.opinie-content {
  padding: 30px 0;
}
.opinie-content img{
  max-width: 60px;
}
@media screen and (max-width: 580px) {
.content-head{
  padding: 0;
}
.content-head h1{
  padding: 30px 0 0;
}
.content-head p{
  padding: 0;
  margin: 0;
}
}
/*----- Tab czeste pytania -----*/
.wp-block-details {
  border: 0.1rem solid #44c717;
  margin: 10px 0;
}
.wp-block-details summary {
  background: #f7f7f7;
  padding: 8px 15px;
  color: #1c2b41;
  font-family: "Helvetica",sans-serif;
}
.wp-block-details summary:hover, .wp-block-details summary:focus{
  background: #5f5f5f;
  color: #fff;
}
.wp-block-details summary::marker {
  font-size: 22px;
}
.wp-block-details p{
  padding: 10px 20px 0;
}
.wp-block-details ol, .wp-block-details ul{
  padding: 0 20px 10px;
}
/*------------------------------   Oferta okienka  ---------------------------------*/
.folio, .folio-2 {
	position: relative;
	list-style: none;
	text-align: center;
}
.folio {
	max-width: 1024px;
	margin: 0 auto;
}
.folio-2 {
	width: 100%;
	height: 100%;
	margin: 40px auto;
}
/* Common style */
.folio figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 6px 6px 6px 6px;
	width: 325px;
	height: 210px;
	text-align: center;
}
.folio-2 figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 8px 8px 8px 8px;
	width: 505px;
	height: 350px;
	text-align: center;
}
.folio figure img, .folio-2 figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.3;
}
.folio figure figcaption, .folio-2 figure figcaption  {
	padding: 0.3em;
	text-transform: uppercase;
	font-size: 1.1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.folio figure figcaption::before, 
.folio-2 figure figcaption::before, 
.folio figure figcaption::after, 
.folio-2 figure figcaption::after {
	pointer-events: none;
}
.folio figure figcaption{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.folio-2 figure figcaption,
.folio-2 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.folio a {
	position: absolute;
	top: -60px;
	left: 0;
	width: 100%;
	height: 100%;
    padding: 0 0 205px;
	font-size: 0;
	border: 0px solid #f26d15;
}
.folio figure figcaption > a, .folio-2 figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	opacity: 0;
	cursor: pointer;
}
.folio figure h3 {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.95);
}
.folio-2 figure h3 {
	font-size: 34px;
	font-weight: 600;
	line-height: 1.25;
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.95);
}
.folio figure p, .folio-2 figure p {
	margin: 0;
	color: #fff;
	letter-spacing: 0px;
	line-height: 1.6;
	font-weight: 600;
}
.folio figure p {
	font-size: 92%;
}
.folio-2 figure p {
	font-size: 100%;
}

/*---------------*/
/***** Milo *****/
/*---------------*/
figure.effect-milo {
	background: #000;
}
figure.effect-milo img {
	max-width: none;
	width: -webkit-calc(100% + 0px);
	width: calc(100% + 0px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0px,0,0) scale(1.0);
	transform: translate3d(0px,0,0) scale(1.0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1.2);
	transform: translate3d(0,0,0) scale(1.2);
}

figure.effect-milo h3 {
	position: absolute;
	text-align: left;
	top: 30%;
	left: 6%;
	opacity: 1;
	color: #fff;
}

figure.effect-milo:hover h3 {
	top: 30%;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-35px,0,0);
	transform: translate3d(-35px,0,0);
}

figure.effect-milo p {
	padding: 30px 10px 0 0;
	width: 99%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0);
	transform: translate3d(-30px,0,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

@media screen and (max-width: 970px) {
.folio {
	width: 100%;
	max-width: 670px;
	margin: 0 auto;
}
	.folio figure {
		width: 325px;
	    height: 210px;
		margin: 0 5px 8px 5px;
	}
}

@media screen and (max-width:580px) {
.folio {
	max-width: 340px;
}
 .folio-2 figure {
	width: 95%;
	height: 250px;
}
.folio-2 figure h3 {
	font-size: 28px;
}
}