: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: Marelena
Author: Flowtar Studio
Author URI: https://pl.flowtar.com
Version: 1.0
Description: Szablon najwyższej jakości. Designed to Enjoy!
Text Domain: marelena
*/
:root {
--marelena-color-white: #ffffff;
--marelena-color-black: #000000;
--marelena-color-background-1: #ffffff;
--marelena-color-background-2: #e6ecf7;
}
@font-face {font-family: 'main'; font-weight: 400; font-style: normal; src: url('https://marelena.com/wp-content/themes/marelena/font/asap-regular.woff2') format('woff2'), url('https://marelena.com/wp-content/themes/marelena/font/asap-regular.woff') format('woff');}
@font-face {font-family: 'main'; font-weight: 400; font-style: italic; src: url('https://marelena.com/wp-content/themes/marelena/font/asap-italic.woff2') format('woff2'), url('https://marelena.com/wp-content/themes/marelena/font/asap-italic.woff') format('woff');}
@font-face {font-family: 'main'; font-weight: 700; font-style: normal; src: url('https://marelena.com/wp-content/themes/marelena/font/asap-bold.woff2') format('woff2'), url('https://marelena.com/wp-content/themes/marelena/font/asap-bold.woff') format('woff');}
html {font: 16px/1.7 'main', sans-serif; background: var(--marelena-color-background-1); color: var(--marelena-color-black);}
::selection {color: var(--marelena-color-white); background: var(--marelena-color-black);}
main {position: relative; z-index: 2;}
/* 0 */ @media only screen and (min-width: 0px) {
.flowtar.gutenberg-anchor {display: block; width: 100%; height: 1px; top: 1px; padding: 0; position: absolute; z-index: 1;}
.flowtar.gutenberg-block {position: relative;}
.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);}
.flowtar.gutenberg-block {margin: var(--flowtar-space-3xl) 0;}
.flowtar-script.gallery-box {position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1010; transform: translateX(-100%); overflow: hidden;}
.flowtar-script.gallery-box > div.fader {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(#000000aa, #000000ee); opacity: 0.0;}
.flowtar-script.gallery-box > ol {position: relative; width: 100%; height: 100%; overflow: hidden;}
.flowtar-script.gallery-box > ol > li {position: absolute; padding: var(--flowtar-space-s); top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.flowtar-script.gallery-box > ol > li > img {width: 100%; height: 100%; object-fit: contain; border-radius: var(--flowtar-border-radius-1); overflow: hidden;}
.flowtar-script.gallery-box > div.close {position: absolute; top: 0; right: 0; width: var(--flowtar-space-l); aspect-ratio: 1/1; z-index: 4; cursor: pointer; transform: translateY(-100%); background: #000 url('https://marelena.com/wp-content/themes/marelena//icon/close-1.svg') center center / var(--flowtar-space-s) var(--flowtar-space-s) no-repeat;}
.flowtar-script.gallery-box > div.counter {position: absolute; top: 0; left: 0; z-index: 4; background: var(--flowtar-color-black); display: flex; flex-flow: row nowrap; align-items: center; align-content: center; height: var(--flowtar-space-l); padding: 0 var(--flowtar-space-s); color: var(--flowtar-color-white); font-size: 0.8rem; transform: translateY(-100%);}
.flowtar-script.gallery-box > div.next {position: absolute; top: 50%; right: 0; width: var(--flowtar-space-l); aspect-ratio: 1/1; z-index: 4; cursor: pointer; transform: translateX(100%); background: #000 url('https://marelena.com/wp-content/themes/marelena//icon/arrow-2.svg') center center / var(--flowtar-space-s) var(--flowtar-space-s) no-repeat; transition: transform 0.2s ease-in-out;}
.flowtar-script.gallery-box > div.next:hover {transform: scale(1.2);}
.flowtar-script.gallery-box > div.prev {position: absolute; top: 50%; left: 0;  width: var(--flowtar-space-l); aspect-ratio: 1/1; z-index: 4; cursor: pointer; transform: translateX(-100%); background: #000 url('https://marelena.com/wp-content/themes/marelena//icon/arrow-1.svg') center center / var(--flowtar-space-s) var(--flowtar-space-s) no-repeat; transition: transform 0.2s ease-in-out;}
.flowtar-script.gallery-box > div.prev:hover {transform: scale(1.2);}
.marelena-footer.copyright-main {padding: var(--flowtar-space-ml) 0; background: var(--marelena-color-background-2); text-align: center;}
.marelena-footer.copyright-main p a {text-decoration: underline;}
.marelena-footer.footer-main {margin-top: var(--flowtar-space-xl); border-top: 1px solid var(--marelena-color-black); padding: var(--flowtar-space-l) 0;}
.marelena-footer.navigation-main {margin-top: var(--flowtar-space-l);}
.marelena-footer.navigation-main > ul {display: flex; flex-flow: row wrap; justify-content: center; align-items: center; align-content: center; column-gap: var(--flowtar-space-m);}
.marelena-footer.navigation-main > ul > li > a {display: block; font-size: 1.4rem; line-height: 1.2; text-decoration: underline; text-transform: lowercase;}
.marelena-header.header-main {padding: var(--flowtar-space-sm) 0; border-bottom: 1px solid var(--marelena-color-black);}
.marelena-header.header-main > div {display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; align-content: center;}
.marelena-header.logo-main {display: block; width: 120px; height: auto; flex-shrink: 0; flex-grow: 0;}
.marelena-header.logo-main > img {}
.marelena-header.navigation-main {width: auto;}
.marelena-header.navigation-main > ul {display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; align-content: center; column-gap: var(--flowtar-space-m);}
.marelena-header.navigation-main > ul > li > a {text-transform: lowercase;}
.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(--marelena-color-light);}
.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://marelena.com/wp-content/themes/marelena/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-important {font-size: 1.4rem; line-height: 1.4;}
.style.text-important.m-trim > :first-child {margin-top: 0;}
.style.text-important.m-trim > :last-child {margin-bottom: 0;}
.style.text-invert {color: var(--marelena-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);}
.gutenberg-pok9whua.block-main > div > a {display: block; width: 100%;}
.gutenberg-qglq37ya.block-main {}
.gutenberg-qglq37ya.block-main > div > ol {}
.gutenberg-qglq37ya.block-main > div > ol > li + li {margin-top: var(--flowtar-space-l);}
.gutenberg-qglq37ya.block-main > div > ol > li > a {display: block; width: 100%;}
.gutenberg-pok9whue.block-main > div > a {display: block; width: 100%;}
}
/* 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.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);}
.marelena-footer.footer-main {padding-top: var(--flowtar-space-xl); padding-bottom: var(--flowtar-space-xl);}
.marelena-footer.navigation-main {margin-top: var(--flowtar-space-xl);}
.marelena-header.header-main {padding: var(--flowtar-space-m) 0;}
.marelena-header.logo-main {width: 140px;}
.style.text-important {font-size: 1.8rem; line-height: 1.3;}
.gutenberg-qglq37ya.block-main > div > ol > li {width: var(--flowtar-grid-c4);}
.gutenberg-qglq37ya.block-main > div > ol > li + li {margin-top: calc(-1 * var(--flowtar-space-xl));}
.gutenberg-qglq37ya.block-main > div > ol > li:nth-child(2n + 2) {margin-left: var(--flowtar-grid-cg4);}
}
/* 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.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;}
.marelena-footer.footer-main {padding-top: var(--flowtar-space-2xl);  padding-bottom: var(--flowtar-space-2xl);}
.marelena-footer.navigation-main {margin-top: var(--flowtar-space-2xl);}
.marelena-header.header-main {padding: var(--flowtar-space-ml) 0;}
.marelena-header.logo-main {width: 160px;}
.style.text-important {font-size: 2.0rem;}
.gutenberg-qglq37ya.block-main > div > ol > li {width: var(--flowtar-grid-c6);}
.gutenberg-qglq37ya.block-main > div > ol > li + li {margin-top: calc(-1 * var(--flowtar-space-3xl));}
.gutenberg-qglq37ya.block-main > div > ol > li:nth-child(2n + 2) {margin-left: var(--flowtar-grid-cg6);}
.gutenberg-qglq37ya.block-main > div > ol > li:nth-child(4n + 4) {margin-left: var(--flowtar-grid-cg5); margin-top: var(--flowtar-space-xl);}
.gutenberg-qglq37ya.block-main > div > ol > li:nth-child(4n + 5) {margin-top: var(--flowtar-space-xl);}
.gutenberg-qglq37ya.block-main > div > ol > li:nth-child(2n + 1):is(.m-vertical) > a {width: var(--flowtar-grid-c4); margin-left: auto;}
.gutenberg-qglq37ya.block-main > div > ol > li:nth-child(2n + 2):is(.m-vertical) > a {width: var(--flowtar-grid-c4);}
}