/*
https://paletton.com/#uid=23w0u0kugFEiLMoonIeEfvfEOo2
*/

:root {
--font-normal: 400;
--font-bold: 700;

--kolor-glowny: #167cc2;
--kolor-hover: #054A7B;
--kolor-kontra: #FF960E;

--kolor-szary: #f4f4f4;
--kolor-szary-ciemny: #f1f1f1;

--border: 1px solid var(--kolor-szary);


--transition2: color .2s ease, border-color .2s ease, background .2s ease, opacity .2s ease;
--transition5: color .5s ease, border-color .5s ease, background .5s ease, box-shadow .5s ease-in-out, text-decoration-color .5s;
--transition1: color 1s ease, border-color 1s ease, background 1s ease, opacity 1s ease-in-out;
--transWidac: visibility 1s , opacity 1s ;
--transitionScale: transform .5s;

--szerokosc: 1200px;
--szerokosc-plus: 1240px;
--szerokoscMax: 1920px;
--sz800: 840px;

--radius: 5px;
--radius20: var(--odstep);


--padd-32-16: 32px 16px;
--mar-32-16: 32px 16px;

--odstep: 20px;
--odstep-x2: 40px;
--odstep-x3: 60px;
--odstep-x4: 80px;
--odstep-minus: -20px;
--odstep-pion: 40px;
--odstep-pol: 10px;


--cien: 0 0 40px 0 rgba(0, 0, 0, 0.15);
--cien-20: 0 0 var(--odstep) 0 rgba(0, 0, 0, 0.15);
}




* {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block}
ol, ul {list-style: none}
*, :before, :after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box}
@-ms-viewport {width: device-width}
html {scroll-behavior: smooth}
body {
	background-color: #fff;
	font-size: 16px;
	font-weight: var(--font-normal);
	line-height: 1.4;
	overflow-y: scroll;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	color: #000;
	font-family: 'Nunito Sans', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
	content-visibility: auto;
    display: block;
	margin: auto;
}
a {
	color: var(--kolor-glowny);
	transition: var(--transition5);
	text-underline-offset: 5px;
}
a:hover {
	color: var(--kolor-hover);
	text-decoration-color: transparent;
}

.ukr {display: none}
.srodek {text-align: center}
h1,h2,h3,h4,h5,h6,strong, b {font-weight: var(--font-bold)}
iframe {max-width: 100%}
em, i {font-style: italic}
.tresc p {margin-bottom: var(--odstep)}
.tresc p:last-child {margin: 0}

.tresc p + p {margin-top: var(--odstep)}

.zaH2 {
	display: block;
	text-align: center;
	font-weight: var(--font-bold);
	margin: 40px 0;
	font-size: 110%;
}

.screen-reader-texts {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-texts:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}


aside {
	padding: var(--odstep);
}
.box + .box {
	margin-top: var(--odstep);
}
.box {
	box-shadow: var(--cien);
	padding: var(--odstep);
}

input {
	border: 1px solid #eee;
}
.screen-reader-text {
	clip: rect(1px,1px,1px,1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.added_to_cart.wc-forward {
	display: none !important;
}
@media (min-width: 1000px) {

main {
	display: flex;
	flex-direction: row-reverse;
}
article {
	flex: 1 1 100%;
}
aside {
	flex: 0 0 244px;
	padding: 0 var(--odstep) 0 0;
}



}
@media (min-width: 1240px) {

.wasko {
	width: var(--szerokosc);
	max-width: 100%;
	margin: auto;
	padding: 0;
}

main {
	width: var(--szerokosc);
	margin: 0 auto;
}
aside {
	flex: 0 0 328px;
	padding: 0 40px 0 0;
	margin-right: 40px;
	border-right: 1px solid #eee;
}


} /* end */