@charset "UTF-8";
/*
Theme Name: iskra
Theme URI: https://trifectamarketing.pl/
Author: Sebastian
Author URI: https://trifectamarketing.pl/
Tested up to: 5.9
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iskra
*/



:root {
  --yellow:#FEA621;
  --brown:#B6573C;
  --brown-with-opacity:#b6573c99;
  --light-brown:#E9AD92;
  --cyan:#134F50;
  --green:#9BBF44;
  --grey:#808080;
  --pink:#f6ece9;
  --font-base:'Montserrat', sans-serif;
  --font-heading:'Allura', serif;
    --woocommerce:#a46497;
  --wc-green:#7ad03a;
  --wc-red:#a00;
  --wc-orange:#ffba00;
  --wc-blue:#2ea2cc;
  --wc-primary:#a46497;
  --wc-primary-text:white;
  --wc-secondary:#ebe9eb;
  --wc-secondary-text:#515151;
  --wc-highlight:#77a464;
  --wc-highligh-text:white;
  --wc-content-bg:#fff;
  --wc-subtext:#767676
  }



html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth;max-width:1920px;margin:auto;}
*{box-sizing:border-box;}*::before,*::after{box-sizing:inherit}
*:focus{outline:2px solid #888}
body{margin:0;padding:0;height:100%;font-family:var(--font-base)}
p,span, a, li, button, input, textarea, label, table{font-family:var(--font-base);font-size:calc(16px + (18 - 16) * ((100vw - 300px) / (1600 - 300)))}
main, article, img, picture, video, iframe, figure, details{display:block}
div, section{margin:0px;border:0;outline:0;padding:0px;display:flow-root}
img,picture{max-width:100%;height:auto;margin:0}
svg{max-width:100%;vertical-align:middle;flex-shrink:0;display:inline-block}
svg {vertical-align:middle;min-width:24px}
iframe{width:100%}
p,blockquote,address,big,cite,code,em,font,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td {border:none;padding:0;margin:0;overflow-wrap:break-word;word-break:break-word}
hr{width:auto;text-align:center;border-top:1px solid var(--grey);margin:1em 0}
figure {margin:0}
iframe{max-width:100%}
figcaption,.wp-caption-text{color:#6d6d6d;display:block;font-size:1.5rem;font-weight:500;line-height:1.2;margin-top:1.5rem}
figcaption a,.wp-caption-text a{color:inherit}
b, strong, .bold {font-weight:700}
code,kbd,pre,samp{font-family:monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
summary{display:list-item}
.blockquote blockquote{background:#f9f9f9;border-left:10px solid #ccc;margin:6% auto;padding:0.5em 10px;quotes:"\201C""\201D""\2018""\2019";width:73%}
.blockquote blockquote:before{color:#ccc;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align: -0.4em;}
.blockquote blockquote p{display:inline;font-weight:900;font-size:calc(2.26937rem + .2325vw);line-height:1.8}
.blockquote blockquote span{display:flex;justify-content:flex-end}

.quotation blockquote, .second-quote{font-family:var(--font-base);font-size:26px;font-weight:400;line-height:40px;letter-spacing:0px}
.quotation figcaption, .quotation cite{font-family:var(--font-base);font-size:12px;font-style:italic;font-weight:400;line-height:28px;letter-spacing:0px;text-align:right}


button,
[type=button],
[type=reset],
[type=submit] {width: auto;-webkit-appearance:button}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {border-style:none;padding:0}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {outline: 1px dotted ButtonText}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {outline:1px dotted ButtonText}

button,
[type=submit],
[type=button] {display:inline-block;font-weight:400;color:#CC3366;text-align:center;white-space:nowrap;user-select:none;
  background-color: transparent;padding:0.5rem 1rem;border-radius:3px;transition:all 0.3s}

button:focus,
[type=submit]:focus,
[type=button]:focus {outline:5px auto -webkit-focus-ring-color}

button:hover, button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {color:#ffffff;background-color:var(--e-global-color-primary);text-decoration:none}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {cursor:pointer}
[type=checkbox],
[type=radio] {box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield; outline-offset:-2px}
[type=search]::-webkit-search-decoration {-webkit-appearance:none}




/********************************************************************************************** 
 **Remove all animations, transitions and smooth scroll for people that prefer not to see them 
 **********************************************************************************************/
@media (prefers-reduced-motion: reduce) {html{scroll-behavior:auto}html:focus-within{scroll-behavior:auto}
*{animation-duration:0s !important;transition-duration:0s !important}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}
  

.singular p, .omnie p{margin:0 0 20px 0}
.single-post, .post-3 ul, ol li, .text-editor ul, .text-editor ol{margin:0 0 2rem 1rem;font-family:var(--font-base)}
.single-post ul li, .post-3 ul li, .text-editor ul li{list-style:disc;margin:1em 1em 0 1em}
.single-post ul li > ul, .post-3 ul li > ul, ol li > ol, .text-editor ul li > ul, .text-editor ol li > ol{margin:1rem 0 0 1rem}
ul, ul li{list-style:none;white-space:normal}
ul ul{list-style:circle}
ul ul ul{list-style:square}
ol{list-style:decimal;margin:0 0 0 20px}
ol ol{list-style:lower-alpha}
ol ol ol {list-style:lower-roman}
dt, dd{line-height:1.5}
dt{font-weight:700}
dt + dd{margin-top:0.5rem}
dd + dt{margin-top:0rem}
button{cursor:pointer;background:transparent}



a {cursor:pointer;color:var(--brown);text-underline-offset:3px;text-decoration-skip-ink:all;
background-color:transparent;text-decoration-thickness:1px;outline:0;text-decoration:none}
a:hover{text-decoration-style:dotted;text-decoration-skip-ink:none}

.btn{background-color:var(--green);color:#fff;font-weight:500;padding:15px 40px;border-radius:20px;
  width:fit-content;display:block;font-size:16px;text-align:center;line-height: 19px}

.single-content a {transition:all 0.15s linear}
a:active,a:hover{outline:0}


.has-margin{width: 90%;margin: 0 auto}
.aligncenter {text-align: center;}
.pagetemplate .site-content{margin-top:50px;margin-bottom: 50px}

h1,h2,h3,h4,h5,h6{display:flow-root; font-family:var(--font-heading);letter-spacing:0.35px;margin:0;color: var(--brown)}
h1, h2,.heading-style{font-size:calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)));font-weight:400;
  line-height:calc(30px + (75 - 30) * ((100vw - 300px) / (1600 - 300)))}
h3:not(.page-template-default h3, .post-template-default h3){font-size:calc(21px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));line-height:2rem;font-weight:500}

h4, h5, h6{line-height:2rem;font-size:22px}

h2:not(.page-template-default h2, .post-template-default h2 ){text-align: center;}
p {color:#000;font-weight:400;line-height:28px}

.page-template-default h2:not(.front-page h2), 
.post-template-default h2{font-family:var(--font-base);font-weight:700;font-size:30px;text-align: left;color: #303030;line-height:calc(30px + (50 - 30) * ((100vw - 300px) / (1600 - 300)))}
.page-template-default h3:not(.front-page h3), 
.post-template-default h3{font-family:var(--font-base);font-weight:700;font-size:22px;text-align: left;color: #303030}
/*******************************************
 ************* SCREEN READER LINK **********
 ******************************************/
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline;}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding: 0;position:absolute!important;width:1px;word-wrap: normal !important;word-break:normal}
.screen-reader-text:focus {background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:0.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index: 100000}  


.cart-count, .site-header-cart, #nav-check,
.woocommerce-mini-cart__empty-message,
.sidebar-recent-posts-comments{display:none}

/*********************************************
 * *******Nav********************************/
#primary-menu-list > li.current-menu-item a{font-weight:700}
#primary-menu-list > li{margin:0}
#primary-menu-list > li > a {font-family:var(--font-base);font-size:16px;
  color:#000;text-decoration:none;line-height:16px;white-space:nowrap;display:flex;margin-right:30px;
  align-items: center;justify-content:center}
/*.right-nav-wrap #primary-menu-list > li > a {width:8vw}
.left-nav-wrap #primary-menu-list > li > a{margin-right: 30px}*/
#primary-menu-list > li:hover > a:hover{font-size: 18px;color: var(--brown)} 
#primary-menu-list> li >a:hover{color:var(--red);transition: all .3s ease-in-out}
#primary-menu-list> .active >a{font-weight:800}
#mobile-menu{width:inherit;height:inherit;background:none;border:none;display:none;border-radius:100px;padding:10px 8px 10px;cursor:pointer;width:40px;height:40px;vertical-align:middle;overflow:hidden}
#mobile-menu div{height:3px;width:100%;margin:0 0 5px;background:#000}
#mobile-menu:focus div, #mobile-menu:hover div{background:#2db78e}
#primary-menu-list > .prezent.menu-item > a{color:#fff}
.top-bar-item #primary-menu-list > li > a{font-size:14px;color:var(--dark);opacity:0.7}
.top-bar-item nav{display:block}
.top-bar-item p{margin:0}
.top-bar-item{flex-shrink:1}
.cart-customlocation{display:block;top:23px;right:4px;height:30px;width:30px;font-size:12px;line-height:30px;
  text-align:center;background:#ef463f;color:#ffffff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
.top-bar-inner {display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.top-bar-inner p, .top-bar-inner span{white-space:nowrap}
.header-notice-inner{display:flex;flex-wrap:wrap;justify-content:center}
.top-bar-icons img{width:24px}
.header-notice svg{display:inline-block;margin-right:10px}
.header-notice p, .icons-wrapper a{margin:0 20px 0 5px}
.nav-container{border-bottom:solid 1px var(--pink)}
.nav-login a:not(.mobile-container .nav-login a){background-color:var(--brown);color:#fff;margin-left:34px}
.mobile-container .nav-login a{margin-left:15px}
.nav-login a{line-height:19px;padding:10px;height:50px;text-align:center;display:flex;align-items:center;border-radius:10px}

.page-template-default .main-content{margin:50px auto 50px auto}

.container-grid,
.footer-grid
{display:grid;--w:768px;--n:3;
grid-template-columns:repeat(auto-fit,minmax(clamp(100%/(var(--n) + 1) + 0.1%,(var(--w) - 100vw)*1000,100%),1fr))}

.container-grid{gap:10px;margin:40px 0;grid-auto-rows:1fr}

/*grid-three-columns stack 2-1*/
.grid-container{grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));display:grid;gap:20px;margin-bottom:3%;}
.grid-container-item{padding: 20px;}

.two-columns-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));max-width:1100px;margin:auto;}

/*grid-three-columns stack 3-1*/
.grid-wrapper {display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(30%, (767px - 100vw)*1000, 100%),1fr));
  padding:1px;gap:20px;margin-top:15px}

.grid{--w:768px;--n:3;grid-template-columns:repeat(auto-fit,minmax(clamp(100%/(var(--n) + 1) + 0.1%,(var(--w) - 100vw)*1000,100%),1fr))}


.grid-4col {
/* first breakpoint*/
  --w1:900px;
  --n:4;
  /* second breakpoint*/
  --w2:700px;
  --m:2;
  /* third breakpoint*/
  --w3:400px;
  --p:2;
display:grid;
grid-template-columns:repeat(auto-fill, minmax(clamp(clamp(clamp(  
100%/(var(--n) + 1) + 0.1%,
              (var(--w1) - 100%)*1000,
            100%/(var(--m) + 1) + 0.1%), 
              (var(--w2) - 100%)*1000,
            100%/(var(--p) + 1) + 0.1%), 
              (var(--w3) - 100%)*1000,
            100%), 1fr));
 gap:20px; 
overflow:hidden;
resize:horizontal;}

#page-52 .grid-wrapper, 
.single-post-entry{margin:50px 0}

.grid-wrapper .related-posts img{aspect-ratio:3/2}
.grid-wrapper .title {font-size:18px;font-weight:700;line-height:26px}
.read-more{font-weight:700;text-decoration:underline;margin-top:10px}
.related-posts-entry{line-height:26px}
.front-page .header-container{margin-bottom:0}
.cart-contents{display:flex;align-items:center}
.single-post-header{margin:40px 0}

.header-container, 
.hero-text,
.cyan-container{padding:20px 0}
.header-container{background-color:var(--brown-with-opacity)}
.cyan-container{background-color:var(--cyan)}
.page-header-wrapper,
.content-area{width:90%;margin:0 auto}
.page-header-wrapper h1{color:#fff}
.separator-image img{padding:3px 2px;margin:auto}

.featured-image img,
.domowa .blue-section img{width:100%}
.white{color:#fff}
.text-section.black-heading-even h2:nth-of-type(even),
.text-section.black-heading-odd h2:nth-of-type(odd){color:#000}
.text-section {text-align:center;margin:0 0 30px 0}
.text-section h2{margin:50px 0 30px 0}
.omnie .page-background{background:linear-gradient(180deg, #B6573C21 13%, #F6ECE900 ), url(/wp-content/themes/iskra/assets/img/tlo-omnie.svg);background-color:var(--pink);padding-top:65px}
.omnie .extra-margin-bottom{margin:60px 0}
.omnie .page-background-inner .text-section:nth-child(3){margin-bottom:0}
.omnie .ciekawostki{background:linear-gradient(180deg, #f6eeeb , #fff)}


.two-columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(336px, 1fr))}
.column{margin:0 5%}

#page-2 .has-margin{width: 90%;margin: 50px auto 50px auto;}

.footer{background-color:var(--light-brown)}
.footer-column button{white-space:nowrap}
.footer-bottom{text-align:center;background-color:var(--cyan);padding:20px;color:#fff}
.footer-bottom p{color:#fff}
.footer-inner{margin:0 10%}
.footer-column{margin-bottom:10px;padding:20px;margin-left:10%}
.footer li{padding-bottom:15px}


.header-banner-container{background:linear-gradient(90deg, #fff 16%, #fff0 40%, #fff0), url(/wp-content/themes/iskra/assets/img/hero.png)}
.second-section, 
.header-banner-container, 
.omnie .page-background{background-position:top;background-repeat:no-repeat;background-size:cover}

.hero-text{max-width:400px;margin-left:15%}
.header-banner-container p{margin:19px 99px 39px -27px}
.white-background{background-color:#fff;padding:60px 10%;border-radius:20px;margin-bottom:40px}
.white-background p, .slider-content p{text-align:center}
.margin-bottom{margin-bottom:20px}
.second-section{background-image:url(/wp-content/themes/iskra/assets/img/tlo.png);background-color:var(--pink);padding-bottom:60px}
.first-section{margin:45px 0 39px 0;text-align:center}
.first-section p{font-family:Allura;letter-spacing:0px;color:var(--brown)}
.second-section .btn{margin:60px auto 0 auto}
.misja-inner{background-image:url(/wp-content/themes/iskra/assets/img/lezka.svg);background-position:top;background-repeat:no-repeat;background-size:auto;padding-top:120px;padding-bottom:90px}

.misja-inner .btn {margin:auto}
.testimonies{background-color:#CF9686;padding:20px}
.flex-item h2{margin-bottom:30px}
.front-page .flex{gap:30px;display:flex;flex-direction:column}
.front-page .flex-item img{width:100%}


.front-page .text-section{margin-bottom:70px}
.slider-content{margin:40px}
.slider-content p{color:#fff}
.slider-content .name{margin-top:30px}
.page-id-10 .blue-section .white-background p{margin-bottom: 0}
.blue-section{background-color:#4D888A47}
.page-id-10 .blue-section  h3,
.page-id-10 .blue-section p{color:#134F50}
.page-id-10 .blue-section h3{font-family:var(--font-base);font-weight:600;margin:50px 0 30px 0}
.blue-section .white-background,
.img-bottom{margin:50px 0}
.blue-section .column-item {margin-top:50px}

.wds-pagination {margin:40px auto;text-align:center}
.wds-pagination a,
.wds-pagination span {color:#fff;display:inline-block;text-decoration:none;background-color:var(--brown);border-radius:3px;margin:0 5px;padding:0px 10px;line-height:32px}
.wds-pagination a:hover,
.wds-pagination span.current {background-color:var(--brown-with-opacity)}
.wds-pagination span.current{cursor:default}


.social-share{padding:30px 0}
.share-ico{margin-left:20px}
.sidebar ul.sidebar-recent-posts li {list-style: none;margin: 1em 0}
.single-navigation{margin: 30px auto;display: flex;justify-content: center;gap: 20%}
.social-share p{font-weight:700}

.widget-title {font-size:18px;font-weight:700;line-height:27px;padding:25px 30px 25px 40px;background:var(--accent);margin:0;border-radius:10px}
.widget{margin-bottom:30px;font-size:14px;overflow:hidden;border-radius:10px;color:#fff;
  -webkit-box-shadow:0 3px 1px 0 #c7c7c7, 4px 12px 20px -4px rgba(156, 160, 185, 0.56);box-shadow:0 3px 1px 0 #c7c7c7, 4px 12px 20px -4px rgba(156, 160, 185, 0.56)}
.widget a {color:#000}
.widget li {font-size:16px;margin:0.8em 0 0 0;position:relative;list-style:none;}
.widget ul {margin:0;padding:10px 30px;position:relative}



@media(min-width:50em){
.post-wrapper{display:grid;grid-template-columns:70% 25%;gap:5%}
.sidebar-wrapper{border-left:1px solid #D9D9D9;padding-left:20px}}


@media(min-width:480px){.header-banner-container{min-height:720px}
.hero-text{padding-top:230px}}

@media(max-width:767px){.primary-menu-container{position:absolute;opacity:0;top:50px;width:100%;text-align:center;left:0px;z-index:-9999}
#nav-check:checked ~ .primary-menu-container{display:block;width:100%;visibility:visible;opacity:1;top:110px;left:
  0px;text-align:center;background:#fff;z-index:9}
.mobile-nav #primary-menu-list {display:flex;flex-direction:column;align-items:center;padding-top:50px;background-color:#fefefe}
.mobile-nav #primary-menu-list li{border-bottom:1px solid #d9d9d9;width:100%}
#primary-menu-list > li > a{line-height:55px;padding:0;width:100%}#mobile-menu{display:block;margin:auto;z-index:999;position:relative}
.menu-navigation-inner,
.mobile-hide{display:none}
.top-bar .has-margin{width:95%}
}

@media(max-width:900px){
#primary-menu-list > li > a {margin-right:10px}
}


@media(min-width:768px){.logo img{height:94px;width:94px}
.flex{display:flex}
.flex-item{flex:1}
.text-section{margin:0 auto 50px auto;width:70%}
.top-bar,.mobile-container{display:none}
.menu-navigation-inner{display:flex;justify-content:space-around;align-items:center}
.right-nav-wrap{width:50%;display:flex;justify-content:space-between}
.left-nav-wrap{width:50%}
.logo-centered{flex-shrink:0;margin-left:-20%}
.navigation-container-right,
#primary-menu-list{display:flex;justify-content:flex-start;align-items:center}
.front-page .flex{flex-direction:row;align-items:center;gap:90px}
.front-page .flex-item{flex:1}
.second-section{padding-bottom:130px}
.white-background{margin-bottom:130px}
.header-banner-container p{margin:30px 0 30px 0}
.slider-content{margin:60px auto;width:70%}
.wp-block-columns{display:flex;gap:40px;justify-content: space-between}
	.is-layout-flow{width:48%;padding:10px}
.omnie .separator-image{margin:40px 0 40px 0}
}


@media(min-width:900px){
  .menu-navigation-inner{justify-content:space-around}
  .logo-centered{margin-left: -9%}
}


/*.single-content-area ul, 
.single-content-area ol{margin:0 0 1rem 1rem}
.single-content-area ul, 
.single-content-area li{list-style:disc;}
.single-content-area li{line-height:1.5;margin:0.5rem 0 0 1rem;font-family:var(--font-base)}
.single-content-area ol{list-style:decimal}
.single-content-area ul ul{margin:0 0 1rem 3rem}
.single-content-area p{margin: 0 0 20px 0;}
.single-content-area a {text-decoration:underline;transition:all 0.15s linear;text-underline-position:under}
.single-content-area a:hover{color:#222}
.site-content-single{width:92%;margin:5% auto 0 auto}
.site-content-single .header-wrapper{padding:0 0 5% 0}
*/