@charset "UTF-8";
/*
Theme Name: naszezdrowie
Theme URI: https://trifectamarketing.pl/
Author: Sebastian Szydlowski
Author URI: https://trifectamarketing.pl/
Tested up to: 5.9
Requires PHP: 5.6
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: nz-theme
*/



:root {
--link:#2ea3f2;
--black:#222;
--green:#7dbba3;
--border-radius:1.75rem;
--btn-padding: 1rem 2rem;
  
--font-base:'Rubik', sans-serif;
  --heading-font-size:2.6rem;
  --font-size-regular:17.6px;
  --font-size-small:1.2rem;
  --font-weight-300:300;
  --font-weight:400;
  --font-weight-500:500;
  --line-height-30:30px;
  }


@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fonts/rubik-v31-latin_latin-ext-700.woff2') format('woff2');
}
/*************************************
******************SETUP***************
**************************************/
html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}


body{line-height:1.4;margin:0;padding:0;height:100%;color:var(--black);
  font-family:var(--font-base);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

*{box-sizing:border-box;}
*::before,*::after{box-sizing:inherit;}

main, video,
article{display:block;}
div, section{margin:0px;border:0;font-family:inherit;font-style:inherit;font-weight:inherit;outline:0;padding:0px;}

svg,img,picture{max-width:100%;display:block;height:auto;margin:0;}
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:8px dotted #000;margin-top: 1rem;margin-bottom: 1rem;}
/****************************/
/*********LIST**************/
/***************************/
ul,ol{margin:0 0 2rem 1rem}
ul{list-style:disc}
ul ul{list-style:circle}
ul ul ul{list-style: square}
ol{list-style:decimal}
ol ol{list-style:lower-alpha}
ol ol ol {list-style:lower-roman}
li{line-height:1.5;font-weight:var(--font-weight);margin: 0.5rem 0 0 1rem;font-family:var(--font-base)}
li > ul,li > ol{margin:1rem 0 0 1rem}
dt, dd{line-height:1.5}
dt{font-weight:700}
dt + dd{margin-top:0.5rem}
dd + dt{margin-top:0rem}

/************************
**********MEDIA**********
*************************/
figure{display:block;margin:0}
iframe{display:block;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}
/**********************************
********Text-level semantics*******
***********************************/
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}details{display:block}
summary{display:list-item}
blockquote {background:#f9f9f9;border-left:10px solid #ccc;margin:6% auto;padding:0.5em 10px;quotes:"\201C""\201D""\2018""\2019";width:73%}
blockquote:before {color:#ccc;content:open-quote;font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em}
blockquote p {display:inline;font-weight:900;font-size:calc(2.26937rem + .2325vw);line-height:1.8}
blockquote span{display:flex;justify-content:flex-end}

/****************************/
/*****HEADINGS**************/
/***************************/
.courses-template-default h1 {margin:0!important}

h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;clear:both;font-family:var(--font-base);letter-spacing:0.35px;padding: 12px 0;
  color:var(--black);text-align:left;display:inline-block;margin-block-start:0;margin-block-end:0}

/*h1{font-size:calc(3.5rem + (55 - 35) * ((min(100vw, 1600px) - 300px) / (1600 - 300)));line-height:1.2;font-weight:500}*/
/*h2{font-size:calc(32px + (55 - 32) * ((100vw - 300px) / (1600 - 300)));line-height:1.2;font-weight:500}
h3{font-size:calc(21px + (26 - 21) * ((100vw - 300px) / (1600 - 300)));line-height:1.1;font-weight:500}*/

h1{font-size: clamp(3.5rem, 2.8rem + 2vw, 4.75rem);line-height:1}
h2{font-size: clamp(2rem, 1.67rem + 1.77vw, 3.44rem);line-height: 1.15}
h3 {font-size: clamp(1.31rem, 1.24rem + 0.39vw, 1.63rem);line-height:1.1;font-weight:700}



h4, h5, h6{color:var(--black);line-height:2rem;font-size:22px}

p {font-family:var(--font-base);font-size:var(--font-size-regular);font-weight:var(--font-weight);color:var(--black);margin:0 0 20px}

/*******************************************
****************button and link*************
*******************************************/


a {text-decoration:none;color: var(--link)}
a:hover{transition:0}
.grid-wrapper a{color:var(--black)}


.btn:not(:disabled):not(.disabled){cursor:pointer}
.btn {
  background-color:var(--green);
  color:var(--black);
border:0.0625rem solid;
  border-color:var(--green);
  border-radius: 50em;
  font-weight: 900;
  font-size: 1.6rem;
  padding:var(--btn-padding);
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  display:block;
}

.btn:hover{
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-color:var(--black);
  border: .0825rem solid;
  -webkit-transform: translate(0px, -2px);
      -ms-transform: translate(0px, -2px);
          transform: translate(0px, -2px);  
}
button,
.btn
{text-transform:uppercase;font-family:var(--font-base);cursor:pointer}

/*************************************
****************HELPERS***************
*************************************/


.container{
  padding-right: 15px;
  padding-left: 15px;
  width: clamp(280px, 92vw, 1170px);
  margin-inline: auto;
}

/*.container{max-width: 1140px;}

@media (max-width: 991px) {
     .container {
        width: 92%;
    }
}
@media (max-width: 1199px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
*/


.wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.left-col {
  flex-basis: calc((660px - 100%) * 999);
  flex-grow: 85; 
  min-width: 0; 
}

.right-col {
  flex-basis: calc((660px - 100%) * 999);
  flex-grow: 15; 
  min-width: 0;
}


@media (min-width: 50em) {

    .single-wrap {
        display: grid;
        grid-template-columns:77% 21%;
        gap:2%;
    }
}


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

.container-grid.n-2 {
  --n: 2;
}

.container-grid.n-3 {
  --n:3;
}

.container-grid.n-4 {
  --n: 4;
}

.container-grid.n-5 {
  --n:5;
}


.container-grid.w-900 {
  --w: 900px;
}

.container-grid.w-1200 {
  --w: 1200px;
}



/*******************************

nav

*******************************/

.fs-mobile-opening-toggle{
    display: none;
    border: none;
    background-color: transparent;
   
}

/*.fs-mobile-opening-toggle span{

  font-size: 21px;
    background: #7dbba3;
    display: block;
    height: 1px;
    width: 20px;
  }
*/


.fs-mobile_menu_nav {
    margin-top: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 35px;
}


.fs-mobile_menu{
  position: fixed;
  top:0;
  bottom:-100px;
  width: 100%;
  left:0;
  right: 0;
  background-color: var(--green);
  overflow: scroll;
  padding-bottom: 100px;

}


.navigation-container{position:relative}
.fs-mobile-opening-toggle svg{display:inline-block;font-size:inherit;height:25px;width:21px}
.fs-mobile-opening-toggle span.middle-bar{margin:5px 0}
.navigation li{display:inline-block;padding-right:22px;font-size:14px;word-wrap:break-word;line-height:1em}


.mobile-search-form,
.fs-mobile_menu{
    display: none;
}


.fs-mobile_menu_nav .fs-mobile-closing-toggle {
    background-color: transparent;
    font-size: 21px;
    color: white;

}

.fs-mobile_menu_nav__list {
    margin-top: 25px;
    margin-bottom: 25px;
    list-style: none;
}

.fs-mobile_menu_nav__list li a {
    color: white;
}

.fs-mobile_menu_nav__list li {
    text-align: center;
    font-weight: 600;
    padding: 15px 0;
    font-size: 24px;
    list-style: none;
    margin: 0;
}



.fs-mobile_menu_nav__logo-container {max-width:129px}
.fs-mobile_menu_nav__buttons-container{display: flex;align-items: center;}

.icon-container{
    display: flex;
    justify-content: center;
}



.mobile-search-container {
    display: inline-block;
    margin-left: 10px;
}

.search-icon--mobile {
    display: inline-block;
    position: relative;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    border-radius: 50%;
    transition: all 0.65s ease;
    color: white;
    background-color: #000;
    cursor: pointer;
}


.search-icon--mobile-active {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
    background-color: #FFF;
    color: #000;
    opacity: 1;
    border: none;
    box-shadow: 0 0 2px 1px #CCC;
}


.mobile-search-form input#searchsubmit {
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #FFF;
}

.mobile-search-form input{
    border: none;
    background: transparent;
    padding: 10px;
}

.mobile-search-form input {
    border: none;
    background: transparent;
    padding: 10px;
}

.mobile-search-form input#s
 {
    color: #EEE;
    border-bottom: 2px solid #EEE;
    margin-right: 10px;
    transition: 0.3s;
}

.navigation li.current-menu-item a {color:var(--green)}

/***********************************
************** Icons ***************
***********************************/

.search-submit svg{height:20px}
.icon-container svg,
.facebook-icon svg,
.search-icon svg {width:20px;height:20px;display:inline-block;vertical-align: -0.2em;}
.icon-bar a svg {font-size:16px}
.search-icon--mobile svg {vertical-align:-0.2em;width:17px}
.fs-mobile-closing-toggle svg{width:15px}
.fs-mobile_menu_nav svg{overflow:visible;display:inline-block}

.search-submit{background: none !important;background-color: transparent !important; border: 1px solid;padding:6px}


.icon-bar a,
.search-icon {
  position: relative;
  height: 35px;
  width: 35px;
  margin-right: 5px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #000;
  transition: all 0.65s ease;
  color: white;
  font-size: 18px;
  background-color: #000;
 }


.close-search-field{
    display: inline-block;
    box-sizing: border-box;
    font-size: 32px;
    font-weight:500;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
/*    position: absolute;
    right: 0;
    top:0px;*/
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-left: 20px;

}

.search-form-container{margin:0 auto;max-width:557px;height:50px;}
.search-form-container,
.search-form-container .search-form{display: flex;align-items: center;}
.search-field{font-size:16px;line-height:1.5;border:none;height:40px}



.search-outer {
    display: none; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    align-items: center;
    justify-content: center;
}


.search-outer.active {display: flex;}


@keyframes fadeInTop {
    from { opacity: 0; transform: translateY(-100%); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOutTop {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-100%); }
}



.search-form-container.visible {animation: fadeInTop 1s 1 cubic-bezier(.77, 0, .175, 1) forwards;}
.search-form-container.hidden {animation: fadeOutTop 1s 1 cubic-bezier(.77, 0, .175, 1) forwards;}



/*************************************
 ************** Slider ***************
****************************************/
.slider-row{padding-bottom:1em}
.slick-slider{position: relative;display: block;box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;}

.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content:'';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}


/* SLICK ARROWS */
.slick-arrow {color: inherit;z-index: 1; }
.slick-arrow::before {display: inline-block;color: inherit; }
.slick-arrow:hover, .slick-arrow:focus {color: inherit; }
.slick-arrow:focus:not(:hover)::before {opacity: .75; }
.slick-prev {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scale(2.2) translateX(0) translateY(-50%);
          transform: scale(2.2) translateX(0) translateY(-50%); }

.slick-next {
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: scale(2.2) translateX(0) translateY(-50%);
          transform: scale(2.2) translateX(0) translateY(-50%); }

@media (max-width: 1199px) {
    .slick-next {
      -webkit-transform: scale(1.8) translateX(-6px) translateY(-50%);
              transform: scale(1.8) translateX(-6px) translateY(-50%); } 
    .slick-prev {
      -webkit-transform: scale(1.8) translateX(6px) translateY(-50%);
              transform: scale(1.8) translateX(6px) translateY(-50%); } 

        }

@media (max-width: 767px) {
    .slick-next {
      display: none !important; }

    .slick-prev {
      display: none !important; }

       }


/**********************************
************BLOG*******************
***********************************/
.archive-header-wrapper{display: none;}
.blog-item{padding:0 15px 15px}
.blog-item-img {position: relative;height: 210px;overflow: hidden;}
.post-entry p{font-size:15px}
.blog-item-img img {width: 100%;height: 100%;object-fit: cover;padding: 0;transition: 0.5s;}
.entry-title{padding: 12px 0;margin: 0;font-size:24px}
.post-categories{position: absolute;left: 0;bottom: 0;pointer-events: none;background-color: #fff;padding: 2px 15px;}
.post-categories a{color: #000}


.sidebar-post-title{font-size:24px}
.entry-title{font-size:2.3em;font-weight:600;line-height:25px;text-align:left;min-height:60px}
.entry-summary{font-size:16px;font-weight:300;line-height:19px;letter-spacing:0em;text-align:left}
.entry-meta img{width:40px;height:40px}
.entry-meta{display:flex;align-items:flex-end;justify-content:space-between}
.entry-wrapper {margin:0;background-color:#F5F5F5;padding:20px;box-shadow: 4px 6px 2px 0px var(--box-shadow)}
.blog-date{margin:0}
.post-meta p{color:#777;margin:0;padding:0;font-size:14px}
.single-title h1 {text-align:left;margin:0}
.site-content-single {margin-top:5%;width: 95%;margin-right: auto;margin-left: auto;}
.site-content-single h2{text-align: left}
.site-content-single .header-wrapper {padding:0 0 5% 0}
.post-wrapper{margin-top:2%}
.widget-title {font-size:27px;font-weight:500;line-height:1.15;font-style: italic;padding:15px 0;color:var(--green)}
.widget{margin-bottom:30px;font-size:14px;overflow:hidden}
.widget a {color:#000;}
.widget li {font-size:16px;margin:0.8em 0 0 0;position: relative;}
.widget ul {list-style:none;margin:0;padding:30px;position: relative;}
.site-content-single .prev-post span, .site-content-single .next-post span {color:var(--green-light)}
.site-content-single .prev-post p, .site-content-single .next-post p {color:#000}
.site-content-single .prev-post, .site-content-single .next-post {border:solid 0.1px var(--green-dark);padding:5px;box-shadow: 1px 2px 0 0;}
.site-content-single .tri-posts-nav {width:100%}
.recent-posts-card{margin-bottom:15px}
.recent-posts {margin:5% 0}
.single-recent-posts {margin:5% auto}
.recent-post-card-title p {font-size:15px}
.recent-posts-title {font-size:24px;font-weight:600}



/*archive pagination*/
.pagination-links{display:flex;justify-content:space-evenly;margin:0 auto;width:150px;margin-bottom:5%}

.post_meta_wrapper img {
    height: auto;      
    aspect-ratio: 1080 / 675;
    object-fit: cover;}

.post-meta{padding: 20px 0 6px 0;margin-bottom: 15px}


.load-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px; 
    min-height: 50px;
    padding: 10px 25px;
    background-color:var(--green);
    color: #fff;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-loader svg {
    vertical-align: middle;
}

.load-more-btn:disabled {
    cursor: not-allowed;
    opacity: 0.8;
}

.recommended-wrapper h4
{
    color: #7dbba3;
    font-style: italic;
    font-weight: 500;
}

/****************************/
/*****FOOTER**************/
/***************************/

.footer{margin-top:1rem}
.footer-bar{display:flex;}
.footer-bar p{color: #818181 !important;font-size: 15px}
.footer-bar p,
.bottom-nav{margin: 0;padding: 15px 0;}
.bottom-nav li {
    display: inline-block;
    padding-right: 22px;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.bottom-nav a{font-size:15px;font-weight:400;color:#000}
.footer-note{margin-top:5rem}
.footer-note p{font-size:15px}



.background-green{
    background-color:#7dbba3;
    padding:40px 0
}

.flex-grid{display:flex;flex-direction: column;;justify-content: space-between; max-width: 1140px;margin: auto;padding:15px}

.contact-item {text-align: center;}
.contact-item .contact-item_title {font-weight: 500;color: #fff}
.contact-item svg{height: 40px;width: 40px;fill: white;margin: 10px auto;}

@media (min-width: 981px) {
    .flex-grid{flex-direction: row}
   .background-green .contact-item {
        width: 32.333%;
    }
}

.entry-content{margin-top: 50px;}

/******************************
*********MISCELENIOUS**********
*******************************/
.divider{height: 1px;border-bottom: 1px solid;width: 100%;margin: 20px 0}
.flex{display: flex}
.has-green-line{position: relative;}
.has-green-line::after{
    display: block;
 background-color:var(--green);
    max-width:150px;
    height:5px;
    line-height: 0;
    content: "";
    margin-top: 2rem;
}
.et_pb_row {
  width: 92%;
  max-width: 1170px !important; 
  margin: 0 auto;
  padding: 0 0 5rem !important; 
}

.two-columns-grid_column{padding: 20px 0}




@media (min-width: 768px) {
  .et_pb_row {
    padding-left: 15px !important;
    padding-right: 15px !important;
    max-width: 750px !important;
  }
}


@media (min-width: 992px) {
  .et_pb_row {
    width: 970px;
    max-width: 970px !important; 
  }
}


@media (min-width: 1200px) {
  .et_pb_row {
    width: 1170px;
    max-width: 1170px !important;
  }
}


@media (max-width: 980px) {

  .home .post-entry,
  .search-outer.container,
  .facebook-icon,
  .search-icon,
  .primary-menu-container{display:none}


  .logo-container{height:auto;max-height:100px}
  .fs-mobile-opening-toggle{display:inline-block}
  .logo-container img{width:305px}
  .navigation-wrapper{display:flex;align-items:center;justify-content:space-between;padding:20px 0;position: relative;}
  .logo-container,
  .navigation-container{width:50%}
  .primary-navigation{display:flex;align-items:center;justify-content:end}
  .footer-bar{flex-direction:column;align-items:center}

}




@media (min-width: 981px) {

.logo-container img{margin:0 auto;height:80px;max-width:305px}
.nav-inner-container{border-bottom:1px solid rgb(0, 0, 0);display:flex;align-items:center;justify-content:space-between;height:150px}
.slider-row .blog-item-img {height: 440px}
.primary-menu-container{display:block}
.navigation{padding:0;margin:0;display:flex;align-items:center;justify-content:center;list-style:none;outline:0}
.navigation li a{display:block;padding:25px 0;color:#000;text-transform:uppercase;font-size:16px;font-weight:400;margin-right:25px}
.navigation li a::after{position:absolute;transform:translate(2px, 4px) scale(0.65);content:"◢" !important;}
.navigation li a:hover{opacity:.7;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.blog-item {width:33.33%;}
.sidebar .blog-item {width: 100%}
.mainpage-posts{display:flex;flex-wrap:wrap;margin:0 -15px;justify-content:space-between}

.footer-bar{align-items:center;justify-content:space-between;border-top:1px solid #000;padding:5px 0;flex-direction:row}

.two-columns-grid{display: flex;gap: 3em;}
.two-columns-grid_column{width: 47%;flex-basis: 47%}
}