:root {
/* Editable */
--flowtar-grid-margin: 16px; /* 16px */
--flowtar-grid-gutter: 16px; /* 16px */
--flowtar-grid-limit: 800px; /* 800px */
--flowtar-icon-s: 16px; /* 16px */
--flowtar-icon-m: 24px; /* 24px */
--flowtar-icon-l: 32px; /* 32px */
--flowtar-icon-touch: 48px; /* 48px */
--flowtar-space-s: 16px; /* 16px */
/* Hardcoded */
--flowtar-grid-device: s;
--flowtar-grid-columns: 4;
--flowtar-grid-gutters: calc(var(--flowtar-grid-columns) - 1);
--flowtar-grid-size: calc(100vw - 2 * var(--flowtar-grid-margin));
--flowtar-grid-width: min(var(--flowtar-grid-size), var(--flowtar-grid-limit));
--flowtar-grid-column: calc((var(--flowtar-grid-width) - (var(--flowtar-grid-gutters) * var(--flowtar-grid-gutter))) / var(--flowtar-grid-columns));
--flowtar-grid-c1: calc(1 * var(--flowtar-grid-column) + 0 * var(--flowtar-grid-gutter));
--flowtar-grid-c2: calc(2 * var(--flowtar-grid-column) + 1 * var(--flowtar-grid-gutter));
--flowtar-grid-c3: calc(3 * var(--flowtar-grid-column) + 2 * var(--flowtar-grid-gutter));
--flowtar-grid-c4: calc(4 * var(--flowtar-grid-column) + 3 * var(--flowtar-grid-gutter));
--flowtar-grid-c5: calc(5 * var(--flowtar-grid-column) + 4 * var(--flowtar-grid-gutter));
--flowtar-grid-c6: calc(6 * var(--flowtar-grid-column) + 5 * var(--flowtar-grid-gutter));
--flowtar-grid-c7: calc(7 * var(--flowtar-grid-column) + 6 * var(--flowtar-grid-gutter));
--flowtar-grid-c8: calc(8 * var(--flowtar-grid-column) + 7 * var(--flowtar-grid-gutter));
--flowtar-grid-c9: calc(9 * var(--flowtar-grid-column) + 8 * var(--flowtar-grid-gutter));
--flowtar-grid-c10: calc(10 * var(--flowtar-grid-column) + 9 * var(--flowtar-grid-gutter));
--flowtar-grid-c11: calc(11 * var(--flowtar-grid-column) + 10 * var(--flowtar-grid-gutter));
--flowtar-grid-c12: calc(12 * var(--flowtar-grid-column) + 11 * var(--flowtar-grid-gutter));
--flowtar-grid-cg1: calc(1 * var(--flowtar-grid-column) + 1 * var(--flowtar-grid-gutter));
--flowtar-grid-cg2: calc(2 * var(--flowtar-grid-column) + 2 * var(--flowtar-grid-gutter));
--flowtar-grid-cg3: calc(3 * var(--flowtar-grid-column) + 3 * var(--flowtar-grid-gutter));
--flowtar-grid-cg4: calc(4 * var(--flowtar-grid-column) + 4 * var(--flowtar-grid-gutter));
--flowtar-grid-cg5: calc(5 * var(--flowtar-grid-column) + 5 * var(--flowtar-grid-gutter));
--flowtar-grid-cg6: calc(6 * var(--flowtar-grid-column) + 6 * var(--flowtar-grid-gutter));
--flowtar-grid-g1: calc(1 * var(--flowtar-grid-gutter));
--flowtar-grid-g2: calc(2 * var(--flowtar-grid-gutter));
--flowtar-grid-g3: calc(3 * var(--flowtar-grid-gutter));
--flowtar-space-2xs: calc(var(--flowtar-space-s) * 0.25);	/* ie. 2xs	  4 */
--flowtar-space-xs: calc(var(--flowtar-space-s) * 0.5);		/* ie. xs	  8 */
/* ie. s		 16 */
--flowtar-space-sm: calc(var(--flowtar-space-s) * 1.5);		/* ie. sm	 24 */
--flowtar-space-m: calc(var(--flowtar-space-s) * 2.0);		/* ie. m		 32 */
--flowtar-space-ml: calc(var(--flowtar-space-s) * 2.5);		/* ie. ml	 40 */
--flowtar-space-l: calc(var(--flowtar-space-s) * 3.0);		/* ie. l		 48 */
--flowtar-space-xl: calc(var(--flowtar-space-s) * 4.0);		/* ie. xl	 64 */
--flowtar-space-2xl: calc(var(--flowtar-space-s) * 5.0);		/* ie. 2xl	 80 */
--flowtar-space-3xl: calc(var(--flowtar-space-s) * 6.0);		/* ie. 3xl	 96 */
--flowtar-space-4xl: calc(var(--flowtar-space-s) * 8.0);		/* ie. 4xl	128 */
--flowtar-space-5xl: calc(var(--flowtar-space-s) * 10.0);	/* ie. 5xl	160 */
--flowtar-space-6xl: calc(var(--flowtar-space-s) * 12.0);	/* ie. 5xl	192 */
--flowtar-space-7xl: calc(var(--flowtar-space-s) * 15.0);	/* ie. 5xl	240 */
}
html {box-sizing: border-box; scroll-behavior: smooth; overflow-x: hidden;}
*, *::before, *::after {box-sizing: inherit;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent; border: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a {text-decoration: none; outline: 0 !important; color: inherit;}
abbr {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
del {text-decoration: line-through; font-size: 0.8em;}
hr {display: block; border: 0; margin: 0; padding: 0; background: none;}
ins {text-decoration: none; color: var(--flowtar-color-action-1);}
img {display: block; width: 100%; height: auto;}
ol, ul {list-style: none;}
small {font-size: 1.0em;}
sub {position: relative; verticalalign: baseline; font-size: 75%; line-height: 0; bottom: -0.25em;}
sup {position: relative; verticalalign: baseline; font-size: 75%; line-height: 0; top: -0.5em;}
svg {display: block;}
svg * {transform-box: fill-box;}
table {border-collapse: collapse; border-spacing: 0;}
body::before {content: ""; opacity: 0; display: block; position: fixed; top: 0; left: 0; right: 0; z-index: -1; pointer-events: none; transition: opacity 1s;}
body:target::before {bottom: 0; opacity: 0.2; width: var(--flowtar-grid-width); margin: 0 auto; z-index: 1000; background: #333; background: repeating-linear-gradient(90deg, #333 0, #333 var(--flowtar-grid-column), transparent var(--flowtar-grid-column), transparent calc(var(--flowtar-grid-column) + var(--flowtar-grid-gutter)));}
/*
Theme Name: Fivemedia
Author: Flowtar Studio
Author URI: https://pl.flowtar.com
Version: 1.0
Description: Szablon najwyższej jakości. Designed to Enjoy!
Text Domain: fivemedia
*/
:root {
--fivemedia-color-white: #ffffff;
--fivemedia-color-black: #000000;
--fivemedia-color-background1: #24a3ee;
--fivemedia-color-background2: #55b9f0;
--fivemedia-color-accent1: #ffb330;
}
@font-face {font-family: 'main'; font-weight: 400; font-style: normal; src: url('https://fivemedia.kowalewski.zone/wp-content/themes/fivemedia/font/.woff2') format('woff2'), url('https://fivemedia.kowalewski.zone/wp-content/themes/fivemedia/font/.woff') format('woff');}
@font-face {font-family: 'main'; font-weight: 400; font-style: italic; src: url('https://fivemedia.kowalewski.zone/wp-content/themes/fivemedia/font/.woff2') format('woff2'), url('https://fivemedia.kowalewski.zone/wp-content/themes/fivemedia/font/.woff') format('woff');}
@font-face {font-family: 'main'; font-weight: 700; font-style: normal; src: url('https://fivemedia.kowalewski.zone/wp-content/themes/fivemedia/font/.woff2') format('woff2'), url('https://fivemedia.kowalewski.zone/wp-content/themes/fivemedia/font/.woff') format('woff');}
html {font: 16px/1.7 'main', sans-serif; background: var(--fivemedia-color-background1); color: var(--fivemedia-color-white);}
::selection {color: var(--fivemedia-color-black); background: var(--fivemedia-color-background2);}
main {position: relative; z-index: 2; min-height: 3000px;}
/* 0 */ @media only screen and (min-width: 0px) {
.flowtar.gutenberg-anchor {display: block; margin: calc(var(--flowtar-space-3xl) * -1) 0 0 0; width: 100%; height: 1px; padding: 0; position: relative; z-index: 1;}
.flowtar.grid-set.m-s2 {width: var(--flowtar-grid-c2); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-s4 {width: var(--flowtar-grid-c4); margin-right: auto; margin-left: auto;}
.flowtar.grid-use.m-s1 {width: var(--flowtar-grid-c1);}
.flowtar.grid-use.m-s2 {width: var(--flowtar-grid-c2);}
.flowtar.grid-use.m-s3 {width: var(--flowtar-grid-c3);}
.flowtar.grid-use.m-s4 {width: var(--flowtar-grid-c4);}
.fivemedia-footer.noise-main::after {content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2000; background: url('https://fivemedia.kowalewski.zone/wp-content/themes/fivemedia/image/background-noise.gif') center center / auto auto repeat; pointer-events: none; opacity: 0.12; background-blend-mode: darken;}
.fivemedia-header.hamburger-icon {width: var(--flowtar-space-ml); aspect-ratio: 1 / 1; background: var(--fivemedia-color-accent1); cursor: pointer; border: 0; outline: 0; border-radius: var(--flowtar-space-2xs);}
.fivemedia-header.header-main {position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 10;}
.fivemedia-header.header-main::before {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--fivemedia-color-background1); opacity: 0.8; z-index: 4;}
.fivemedia-header.header-main > div {display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; align-content: center; padding-top: var(--flowtar-space-s); padding-bottom: var(--flowtar-space-s); position: relative; z-index: 5;}
.fivemedia-header.logo-main {display: block; aspect-ratio: 8 / 6; height: var(--flowtar-space-xl);}
.fivemedia-header.logo-main > img {width: 100%; height: 100%; object-fit: contain; object-position: top left;}
.fivemedia-header.navigation-main {width: 100%;}
.fivemedia-header.navigation-menu {position: relative; z-index: 5; display: flex; justify-content: flex-end;}
.fivemedia-header.navigation-menu > ul > li {width: 100%;}
.fivemedia-header.navigation-menu > ul > li > a {display: block; text-align: right;}
.flowtar.gutenberg-block {margin: var(--flowtar-space-3xl) 0;}
.style.text-classic.m-trim > :first-child {margin-top: 0;}
.style.text-classic.m-trim > :last-child {margin-bottom: 0;}
.style.text-classic a:not(.style) {text-decoration: underline;}
.style.text-classic em {font-style: italic;}
.style.text-classic h1 {margin-top: var(--flowtar-space-xl); margin-bottom: var(--flowtar-space-l); font-size: 3.0rem; line-height: 1.15; font-weight: 900; letter-spacing: -0.3%;}
.style.text-classic h2 {margin-top: var(--flowtar-space-l); margin-bottom: var(--flowtar-space-ml); font-size: 2.0rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.2%;}
.style.text-classic h3 {margin-top: var(--flowtar-space-ml); margin-bottom: var(--flowtar-space-m); font-size: 1.5rem; line-height: 1.25; font-weight: 500;}
.style.text-classic h4 {margin-top: var(--flowtar-space-m); margin-bottom: var(--flowtar-space-sm); font-size: 1.2rem; line-height: 1.25;}
.style.text-classic hr {display: block; height: 1px; border: 0; width: var(--flowtar-grid-c4); margin: var(--flowtar-space-xl) auto; background: var(--fivemedia-color-accent1);}
.style.text-classic img {margin-top: var(--flowtar-space-ml); margin-bottom: var(--flowtar-space-ml);}
.style.text-classic ul {margin-top: var(--flowtar-space-sm); margin-bottom: var(--flowtar-space-sm); display: flex; flex-flow: row wrap;}
.style.text-classic ul li {padding-left: var(--flowtar-space-m); width: 100%;}
.style.text-classic ul li::before {content: ""; display: inline-block; vertical-align: baseline; margin-left: calc(-1 * var(--flowtar-space-m)); width: var(--flowtar-space-m); height: var(--flowtar-space-s); background: url('https://fivemedia.kowalewski.zone/wp-content/themes/fivemedia/icon/drop-2.svg') bottom center / auto 80% no-repeat;}
.style.text-classic p {margin-top: var(--flowtar-space-sm); margin-bottom: var(--flowtar-space-sm);}
.style.text-classic strong {font-weight: 700;}
.style.text-invert {color: var(--fivemedia-color-white);}
.style.text-invert.m-trim > :first-child {margin-top: 0;}
.style.text-invert.m-trim > :last-child {margin-bottom: 0;}
.style.text-invert h1 {margin-top: var(--flowtar-space-xl); margin-bottom: var(--flowtar-space-l); font-size: 2.2rem; line-height: 1.1; font-weight: 900; letter-spacing: -0.3%;}
.style.text-invert h2 {margin-top: var(--flowtar-space-l); margin-bottom: var(--flowtar-space-ml); font-size: 1.6rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.2%;}
.style.text-invert h3 {margin-top: var(--flowtar-space-ml); margin-bottom: var(--flowtar-space-m); font-size: 1.4rem; line-height: 1.25; font-weight: 500;}
.style.text-invert h4 {margin-top: var(--flowtar-space-m); margin-bottom: var(--flowtar-space-sm); font-size: 1.2rem; line-height: 1.25;}
.style.text-invert p {margin-top: var(--flowtar-space-sm); margin-bottom: var(--flowtar-space-sm);}
}
/* 640 */ @media only screen and (min-width: 600px) {
:root {
/* Editable */
--flowtar-grid-margin: 24px; /* 24px */
--flowtar-grid-gutter: 24px; /* 24px */
--flowtar-grid-limit: 800px; /* 800px */
--flowtar-logo-height: 80px; /* 80px */
/* Hardcoded */
--flowtar-grid-device: m;
--flowtar-grid-columns: 8;
}
.flowtar.gutenberg-anchor {margin-top: calc(var(--flowtar-space-4xl) * -1);}
.flowtar.grid-set.m-m2 {width: var(--flowtar-grid-c2); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-m4 {width: var(--flowtar-grid-c4); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-m6 {width: var(--flowtar-grid-c6); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-m8 {width: var(--flowtar-grid-c8); margin-right: auto; margin-left: auto;}
.flowtar.grid-use.m-m1 {width: var(--flowtar-grid-c1);}
.flowtar.grid-use.m-m2 {width: var(--flowtar-grid-c2);}
.flowtar.grid-use.m-m3 {width: var(--flowtar-grid-c3);}
.flowtar.grid-use.m-m4 {width: var(--flowtar-grid-c4);}
.flowtar.grid-use.m-m5 {width: var(--flowtar-grid-c5);}
.flowtar.grid-use.m-m6 {width: var(--flowtar-grid-c6);}
.flowtar.grid-use.m-m7 {width: var(--flowtar-grid-c7);}
.flowtar.grid-use.m-m8 {width: var(--flowtar-grid-c8);}
.fivemedia-header.logo-main {height: var(--flowtar-space-2xl);}
.flowtar.gutenberg-block {margin: var(--flowtar-space-4xl) 0;}
}
/* 1200 */ @media only screen and (min-width: 1200px) {
:root {
/* Editable */
--flowtar-grid-margin: 64px; /* 48px */
--flowtar-grid-gutter: 24px; /* 24px */
--flowtar-grid-limit: 1600px; /* 1600px */
/* Hardcoded */
--flowtar-grid-device: l;
--flowtar-grid-columns: 12;
}
.flowtar.gutenberg-anchor {margin-top: calc(var(--flowtar-space-5xl) * -1);}
.flowtar.grid-set.m-l2 {width: var(--flowtar-grid-c2); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l4 {width: var(--flowtar-grid-c4); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l6 {width: var(--flowtar-grid-c6); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l8 {width: var(--flowtar-grid-c8); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l10 {width: var(--flowtar-grid-c10); margin-right: auto; margin-left: auto;}
.flowtar.grid-set.m-l12 {width: var(--flowtar-grid-c12); margin-right: auto; margin-left: auto;}
.flowtar.grid-use.m-l1 {width: var(--flowtar-grid-c1);}
.flowtar.grid-use.m-l2 {width: var(--flowtar-grid-c2);}
.flowtar.grid-use.m-l3 {width: var(--flowtar-grid-c3);}
.flowtar.grid-use.m-l4 {width: var(--flowtar-grid-c4);}
.flowtar.grid-use.m-l5 {width: var(--flowtar-grid-c5);}
.flowtar.grid-use.m-l6 {width: var(--flowtar-grid-c6);}
.flowtar.grid-use.m-l7 {width: var(--flowtar-grid-c7);}
.flowtar.grid-use.m-l8 {width: var(--flowtar-grid-c8);}
.flowtar.grid-use.m-l9 {width: var(--flowtar-grid-c9);}
.flowtar.grid-use.m-l10 {width: var(--flowtar-grid-c10);}
.flowtar.grid-use.m-l11 {width: var(--flowtar-grid-c11);}
.flowtar.grid-use.m-l12 {width: var(--flowtar-grid-c12);}
html {font-size: 18px;}
.fivemedia-header.header-main::before {display: none;}
.fivemedia-header.logo-main {height: var(--flowtar-space-3xl);}
.flowtar.gutenberg-block {margin: var(--flowtar-space-5xl) 0;}
}