/*
Theme Name: Tiffany
Author: Flowtar Studio
Author URI: https://pl.flowtar.com
Version: 1.0
Description: Autorski projekt, najwyższej jakości. Designed to Enjoy!
Text Domain: kcpu
*/


/* Reset */


html {box-sizing: border-box; scroll-behavior: smooth;}
* {flex-flow: row wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start;}
*, *::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, 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;}
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: none;}
hr {display: block; border: 0; margin: 0; padding: 0; background: none;}
ins {text-decoration: none;}
img {display: block; width: 100%;}
ol, ul {list-style: none;}
small {font-size: 1.0em;}
sub {position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; bottom: -0.25em;}
sup {position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; top: -0.5em;}
svg {display: block;}
table {border-collapse: collapse; border-spacing: 0;}


/* 0px */


html {font: 16px/1.6 sans-serif; background: #fff; color: #333;}
::selection {color: #fff; background: #333;}
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: 92%; margin: 0 auto; z-index: 1000; max-width: 520px; background: #333; background: repeating-linear-gradient(90deg, #333 0%, #333 48%, transparent 48%, transparent 52%);}

.style.anchor.v1 {display: block; width: 100%; height: 0; margin: 0; padding: 0;}

.style.margin.v1 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}
.style.margin.v2 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}
.style.margin.v3 {margin-right: auto; margin-left: auto; width: 92%; max-width: 520px;}

.style.text.v1 a {text-decoration: underline;}
.style.text.v1 em {font-style: italic;}
.style.text.v1 hr {margin: 40px 0; width: 100%; height: 1px; background: #333;}
.style.text.v1 ol {margin: 20px 0; counter-reset: ol;}
.style.text.v1 ol > li {padding-left: 25px;}
.style.text.v1 ol > li::before {content: counter(ol); counter-increment: ol; display: inline-block; vertical-align: middle; width: 15px; height: 15px; line-height: 15px; text-align: center; margin: 0 10px 0 -25px; font-size: 0.8rem; color: #ddd; font-weight: bold;}
.style.text.v1 p {margin: 20px 0;}
.style.text.v1 strong {font-weight: bold;}
.style.text.v1 ul {margin: 20px 0;}
.style.text.v1 ul > li {padding-left: 25px;}
.style.text.v1 ul > li::before {content: ""; display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin: 0 10px 0 -25px; background: url(icon/bullet-1.svg) center center / 100% 100% no-repeat;}


/* 640 */ @media only screen and (min-width: 640px) {


html {font-size: 18px;}
body:target::before {max-width: 800px; background: repeating-linear-gradient(90deg, #333 0%, #333 22%, transparent 22%, transparent 26%);}

.style.margin.v1 {max-width: 800px;}
.style.margin.v2 {max-width: 800px;}
.style.margin.v3 {max-width: 800px;}


/* 1200 */ } @media only screen and (min-width: 1200px) {


html {font-size: 20px;}
body:target::before {max-width: 1620px; background: repeating-linear-gradient(90deg, #333 0%, #333 9%, transparent 9%, transparent 13%);}

.style.margin.v1 {max-width: 1620px;}
.style.margin.v2 {width: 68%; max-width: 1200px;}
.style.margin.v3 {width: 44%; max-width: 778px;}


}