/*
Theme Name: Serenitas
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: BlankSlate is the definitive WordPress boilerplate starter theme.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Text Domain: blankslate
BlankSlate WordPress Theme 2011-2024
*/
/* ------------------- Bootstrap Grid v5.3.8 ---------------------- */
[class*="bg"] {
    width:100%;height:100%;
}
.container {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-right: auto;margin-left: auto;max-width:100%}
.row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-0.5 * var(--bs-gutter-x));margin-left: calc(-0.5 * var(--bs-gutter-x));}
.row > * {box-sizing: border-box;flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-top: var(--bs-gutter-y);}
.col {flex: 1 0 0;}.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {flex: 0 0 auto;}
.col-auto {width: auto;}.col-1 {width: 8.33333333%;}.col-2 {width: 16.66666667%;}.col-3 {width: 25%;}.col-4 {width: 33.33333333%;}.col-5 {width: 41.66666667%;}.col-6 {width: 50%;}.col-7 {width: 58.33333333%;}.col-8 {width: 66.66666667%;}.col-9 {width: 75%;}.col-10 {width: 83.33333333%;}.col-11 {width: 91.66666667%;}.col-12 {width: 100%;}
.mt-0 {margin-top: 0 !important;}.mt-1 {margin-top: 0.25rem !important;}.mt-2 {margin-top: 0.5rem !important;}.mt-3 {margin-top: 1rem !important;}.mt-4 {margin-top: 1.5rem !important;}.mt-5 {margin-top: 3rem !important;}.mt-auto {margin-top: auto !important;}
.mb-0 {margin-bottom: 0 !important;}.mb-1 {margin-bottom: 0.25rem !important;}.mb-2 {margin-bottom: 0.5rem !important;}.mb-3 {margin-bottom: 1rem !important;}.mb-4 {margin-bottom: 1.5rem !important;}.mb-5 {margin-bottom: 3rem !important;}
.pt-0 {padding-top: 0 !important;}.pt-1 {padding-top: 0.25rem !important;}.pt-2 {padding-top: 0.5rem !important;}.pt-3 {padding-top: 1rem !important;}.pt-4 {padding-top: 1.5rem !important;}.pt-5 {padding-top: 3rem !important;}.pt-6 {padding-top: 4rem !important;}
.pb-0 {padding-bottom: 0 !important;}.pb-1 {padding-bottom: 0.25rem !important;}.pb-2 {padding-bottom: 0.5rem !important;}.pb-3 {padding-bottom: 1rem !important;}.pb-4 {padding-bottom: 1.5rem !important;}.pb-5 {padding-bottom: 3rem !important;}
.gap-5 {gap: 3rem !important;}
.gap-6 {gap: 4rem !important;}
.gap-7 {gap: 5rem !important;}
.column-gap-5 {-moz-column-gap: 3rem !important;column-gap: 3rem !important;}
.column-gap-6 {-moz-column-gap: 3rem !important;column-gap: 4rem !important;}
.column-gap-7 {-moz-column-gap: 3rem !important;column-gap: 5rem !important;}

:root {
  --thm-primary: #3088aa;
  --thm-secondary:#b62d2d;
  --thm-third:#ddd;
  --thm-white: white;
  --thm-body: #666;
  --thm-black: #000;
  --thm-whites: #fafafa;
}
@font-face {
    font-family: 'Chaparral Pro';
    src: url('/wp-content/themes/serenitas/dist/fonts/subset-ChaparralPro-Regular.woff2') format('woff2'),
        url('/wp-content/themes/serenitas/dist/fonts/subset-ChaparralPro-Regular.woff') format('woff');
    font-weight: normal;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/serenitas/dist/fonts/subset-Manrope-Regular.woff') format('woff'),
        url('/wp-content/themes/serenitas/dist/fonts/subset-Manrope-Regular.woff2') format('woff2');
    font-weight: normal;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/serenitas/dist/fonts/subset-Manrope-Medium.woff') format('woff'),
        url('/wp-content/themes/serenitas/dist/fonts/subset-Manrope-Medium.woff2') format('woff2');
    font-weight: 500;font-style: normal;font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/wp-content/themes/serenitas/dist/fonts/subset-Manrope-Bold.woff') format('woff'),
        url('/wp-content/themes/serenitas/dist/fonts/subset-Manrope-Bold.woff2') format('woff2');
    font-weight: bold;font-style: normal;font-display: swap;
}
#simple-translate,.simple-translate-panel  {display:none;}
html,body {overflow-x:hidden;}
.full .container {
  max-width:1600px;
}
.container {
  max-width:1440px;
  width:auto;
  padding:0 15px
}
#wp .container {
  max-width:100%;
  width: 100%;
}
.wp-block-group .wp-block-columns,.wp-block-group .wp-block-media-text {
  max-width:1440px;
  width:auto;
  margin:auto;
  padding:0 15px
}
.wp-block-columns.container {
  padding: 0;
}
p.h2,p.h3,p.h4,p.h5,p.h6 {
  margin-top: 0;
}
p a {text-decoration:underline;text-underline-offset: 5px;}
:root :where(.is-layout-flow) > * {
  margin-block-start: 15px;
  margin-block-end: 15px;
}
.gutter .row,.mixed .row,.gutter {
  --bs-gutter-x: 0;
}
body  {
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  font-weight:500;
  color:var(--thm-body);
  font-optical-sizing: auto;
  font-family: "Manrope", sans-serif;
  margin:0;
  position:relative;
}
.wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio) {
  font-optical-sizing: auto;
  font-family: "Manrope", sans-serif;
}
.h2.title,.subheader-title,.subheader-subtitle {
  color:black;font-weight: 400;
}
h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.widget-title {position:relative;font-weight: 400;color:black;}
h1,h2,.h2,h3,.h3,.widget-title {font-weight:400;}
h5,.h5,h6,.h6 {font-weight:700;}
h1,h2,.h2,h3,.h3,h4,.h4,.title,.subheader-title,.subheader-subtitle,.mobile-nav__content .main-menu__list li a,.widget .last li a {
  font-optical-sizing: auto;
  font-family: 'Chaparral Pro', serif;
}
a, a strong {text-decoration: none;color: var(--thm-primary)}
a:hover {color: var(--thm-secondary)}
.bg-2 a:hover,.bg-3 a:hover {color: white}
hr {color: white;opacity: 0.4;}
img,video,iframe {max-inline-size: 100%;block-size: auto;}
body .white * {color:white!important;border-color:white!important;}
img {max-width: 100%;height: auto;}
strong {color:#444;}
@media (prefers-reduced-motion: no-preference) {
  :root {scroll-behavior: smooth;}
}
.btn,.wpcf7-submit,.search-submit,.foobox img,.back-content,.posts-text,.scroll-to-top,.backbox,.sim .row .col.back,.wpgallery .gallery-item img,.wplogos img,.text,.wp-block-image .fbx-link img,.wp-block-image .fbx-link:before,.wp-block-button__link,.time {
  transition: all .4s ease 0s;
}
.foobox .overlay,.acf-gallery a img,.gallery-item a:before,.gallery-item img {
  transition: all .2s ease-out;
}
.emoji {height: 15px;margin: 0 5px;}
.main-menu .main-menu__list > li a, .stricky-header .main-menu__list > li a {
  text-transform:uppercase;
  font-weight:800;
  font-size: 15px!important;
}
.main-menu .main-menu__list li ul li a, .stricky-header .main-menu__list li ul li a {
  text-transform:none;
  font-size: 16px!important;
  font-weight:500;
}
.menu-item-5051 a {
  color: orange!important;
}
.main-menu .menu-item-5051 a:before, .stricky-header .menu-item-5051 a:before {
  background-color: orange!important;
}
.aligncenter {
  display:block;margin:0 auto
}

/* --------------------- titles -------------------------- */

h1 {margin-bottom:30px;}
.h2,.h3,.h4,.h5 {
  display:block;color:black
}
h2,.h2 {font-size: 38px;line-height: 46px;margin:0 0 30px!important;}
h3,.h3 {font-size: 30px;line-height: 38px;margin:0 0 20px!important;}
h4,.h4 {font-size: 24px;line-height: 32px;margin-bottom:15px!important;}
h5,.h5 {font-size: 18px;line-height: 28px;margin:0 0 15px!important;}
h6,.h6 {font-size: 16px;line-height: 26px;margin:0 0 15px!important;}
.widget-title {
  font-size: 26px;line-height: 34px;margin:0 0 30px;
}
.time,time {
  font-size: 14px;
  text-transform: uppercase;
}
.title {
  margin-bottom:30px;
}
.home .subheader-title {
  max-width: 1440px;
  font-size:65px;
  line-height: 75px;
  margin:20px auto 20px;
}
.home .subheader-title span {
  font-size: 44px;
  line-height: 48px;
  padding-top:10px
}

/* --------------------- subheader -------------------------- */

.page-subheader {
  position: relative;
  width: 100%!important;
  min-height:500px;
  z-index:0;
  display: flex;
  align-items: center;
}
.subheader-titles * {color:white;text-align:center;margin:0 auto;}
.subheader-titles {
  z-index: 1;
  position: relative;
}
.subheader-title {
  font-size:80px;
  line-height: 90px;
}
.subheader-subtitle,.subheader-title span {
  font-size: 28px;
  line-height: 36px;
  padding-bottom:10px;
  display:block
}
.subheader-subtitle span {
  padding-top:20px;
}
.mirror {
  transform: scaleX(-1)
}
.subheader-subtitle ul {
  list-style:none
}
/* --------------------------------- parallax ----------------------------------- */

.jarallax {
  position: relative;
  z-index: 0;
  min-height:450px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jarallax.top {
  height: 70vh;
}
.jarallax * {
  color:white
}
.jarallax > .jarallax-img,picture.jarallax-img img,.fill img,.acf-gallery a img {
  position: absolute;object-fit: cover;
  top: 0;left: 0;width: 100%;height: 100%!important;z-index: -1;
}
.jarallax .container {
  position:relative;z-index:1
}
.jarallax.sec .overlay {
  opacity: 0.7;
}

/* --------------------- buttons -------------------------- */

.btn,.wpcf7-submit,.search-submit,.wpcf7-submit,.wp-block-search__button,.nav-links a,.wpcf7-form-control.wpcf7-submit.has-spinner,.wp-block-button__link {
  font-size: 14px!important;
  text-transform:uppercase;
  letter-spacing: 1px;
  color: white!important;
  padding: 12px 25px!important;
  background-color: var(--thm-primary)!important;
  border-radius:4px!important;
  text-align:center;
  cursor: pointer;
  margin:10px 0 0;
  text-decoration:none!important;
  display:inline-table;
  font-weight: 700!important;
  border: 0;
  cursor: pointer;
  width:auto;
}
.nav-links a,.home .posty.bg-4 .btn {
  background-color: var(--thm-secondary)!important;
}
.nav-links a:hover,.home .posty.bg-4 .btn:hover {
  background-color: var(--thm-primary)!important;
}
.search-submit {
  background-color: black!important;
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
  padding: 14px 22px !important;
}
.btn:hover,.wpcf7-submit:hover,.scroll-to-top:hover,.subheader-btn .btn:hover,.wpcf7-form-control.wpcf7-submit.has-spinner:hover,.wp-block-button__link:hover {
  color: #fff!important;
  background-color: var(--thm-secondary)!important;
}
.lined,.lined .wp-block-button__link {
  color:  var(--thm-body)!important;
  border:1px solid  var(--thm-body);
  background: none!important;
  border-radius:4px!important;
}
.lined:hover {
  border:1px solid  var(--thm-primary)!important;
}
.bg-2 .lined,.bg-3 .lined,.bg-2 .btn,.bg-3 .btn {
  color:  white!important;
  border:1px solid  white;
  background-color:transparent!important
}
.bg-1 .lined:hover,.bg-1 .lined:hover,.bg-2 .lined:hover,.bg-2 .btn:hover,.bg-3 .btn:hover,.lined .wp-block-button__link:hover {
  border:1px solid var(--thm-primary)!important;
  background-color:var(--thm-primary)!important;
  color:  white!important;
}
.subheader-btn  {
  justify-content: center;
  display: flex;
}
.clear {
  margin: 5px 0;
  width: 100%;
}
.nav-previous [class*='icon-']:before,.nav-next [class*='icon-']:before {
  font-size:6px;scale:0.9
}
.logos .container,.logos.wp-block-group {
  max-width:1800px;margin:auto
}

/* --------------------- search -------------------------- */

.search-field,.wp-block-search__input {
  padding: 11px;
  border: 1px solid #ccc;
}
.screen-reader-text {
  display: none;
}
.search-submit,.wp-block-search__button {
  border-radius:0!important;
  margin-left: -3px;
}
.search.search-results .site-content {
  padding-top: 60px;
}

/* --------------------- ul li -------------------------- */

.site-content .bgcolor ul li:before,.bgcolor2 ul li:before {
  background:white
}
.site-content ol {padding-left: 20px;}
.site-content ol li {
  padding: 20px;list-style-position: inside;
}
.site-content ol li ul li {
  padding: 7px 0 0;
}
.pp ol li:nth-of-type(2n+1)/*, .site-content ul li:nth-of-type(2n+1)*/ {
  background-color: #fafafa;
 border-left: 1px solid var(--thm-primary);
}
.pp ul li:nth-of-type(2n+1) {
  background:none;
  border:none;
}

/* --------------------- box i bgcolor -------------------------- */

.text-posts {
  margin: 0 0 30px;
  font-family: "Manrope", sans-serif;
  float: left;
  text-align: center;
  width:100%
}
.text-posts .post-text {
  display:block;margin:auto
}
.nocircle .ico img {
  border-radius:0;max-width: 90px;
}
.ico img {
  border-radius:50%;max-width: 130px;margin-bottom:25px;
}
.clear {width: 100%;display: block;height: 1px;}
.text.row {
  display:flex;
  margin:0;
  gap:20px
}
.text.row > * {
  padding:0
}
.back .text {
  padding:60px 50px;
  color:white;
  font-size: 14px;
  line-height: 24px;
}
.back .text * {
  color:white
}
.back .text [class*=col] .text {
  padding:0
}
.posts .inbox,.acf-gallery p {
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 45%,rgba(0,0,0,.7));
}
.back .inbox .overlay,.posts .inbox .overlay {
  opacity:0;
}
.posts .inbox .overlay {
  z-index:1;
}
[class*=col] {
  overflow:hidden;
}
[class*=col].back:hover .overlay {
  opacity:0;
}
[class*=col].back.ftop:hover .inbox .text {
  margin-top:40px;
}
.text {
  position:relative;z-index:1;
}
.inbox {
  height: 100%;width:100%;position:relative
}
.cnt,.center {
  text-align: center;
}
.wp-block-media-text[class*="bg"] {
    height:auto;
}
[class*="bg"] .text {
    padding: 50px;
}
[class*="bg"] .inbox .text {
    padding: 0;
}
section[class*="bg"] .text {
  padding: 10px 40px;
}
 [class*="bg"] .foto {
    margin:0;
}
.bg-2 *,.bg-3 * {color:white}
.bg-2,.bg-2.wp-block-media-text .wp-block-media-text__content {background:var(--thm-primary);}
.bg-3,.bg-3.wp-block-media-text .wp-block-media-text__content {background:var(--thm-secondary);}
.bg-4,.bg-4.wp-block-media-text .wp-block-media-text__content {background:var(--thm-whites);}
.bg-5,.bg-5.wp-block-media-text .wp-block-media-text__content {outline: 1px solid var(--thm-primary);outline-offset: -1px;}
.bg-6,.bg-6.wp-block-media-text .wp-block-media-text__content {outline: 1px solid var(--thm-third);outline-offset: -1px;}
[class*="bg"].wp-block-media-text {
    background:none;
}

/* --------------------- back -------------------------- */

.bgback {position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;background-size: cover;background-position: 50%;}
.back {background-repeat: no-repeat;background-position: 50%;background-size: cover;height: auto;position:relative;}
section {background-repeat: no-repeat!important;background-size: cover!important;z-index:1;position:relative}
.back.bg.white {overflow:hidden;}

/* --------------------- footer -------------------------- */

.footer-top {
  padding:60px 0 0;
  position:relative;
  z-index:0;
  margin-top:60px
}
.footer-top .wp-block-social-links {
  gap: 10px;
}
.footer-top .container {
  gap: 5px;
}
.footer-top .wp-block-social-links .wp-social-link svg {
  height: 0.8em;
  width: 0.8em;
}
.footer-top .wp-block-social-links .wp-social-link:hover {
  filter: none;
  opacity: 1;
}
.footer a {
  text-decoration:none;
}
.footer a:hover {
  color:white!important;
}
.footer {
  background-color:var(--thm-primary);
  padding:15px 0;
  color:white
}
.footer-top img {
  filter: invert(100%);
}
.footer-top a:hover,.footer a:hover {
  color:var(--thm-primary);
}
.footer a {padding-right: 5px;color:white}
.footer-top ul {
  padding: 0;
  display: block!important;
  margin: 0;
}

/* --------------------- icons w footer -------------------------- */

.footer-top [class*='icon-']{font-size:16px;padding:8px;position:relative;color:white;border-radius: 50%;align-items: center;justify-content: center;background:var(--thm-primary);width:17px;height:17px}
.icons-cont,.footer-top [class*="icon-"] {display: flex;}
.icons-cont .ico {margin-right:5px}
.icons-cont,.footer-top [class*="icon-"]:hover {color:white;}

/* ------------------- galeries acf ------------------- */

.acf-gallery .foobox {min-height: 200px;}
.flexbin > *,.flexbin > * > img,.wp-block-gallery .wp-block-image img {max-height: 180px;} /* mac height for flexbin & wp gallery */

.acf-gallery a img,.flexbin > * > img,.flexbin .foobox,.gallery-item a,.fbx-link,.post-content .foto img,.wp-block-image {border-radius:6px} /* zaokrąglenie w każdej galerii */
.acf-gallery {
	display:grid;grid-gap:15px;
	grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));margin-bottom:15px
}
.acf-gallery a img {display: block;height: auto;}
.acf-gallery p {position: absolute;bottom: 0;padding: 20px;margin:0;color: white;font-size: 15px;z-index:1;height:70px;display:flex;align-items:end;width: calc(100% - 40px);}

/* ------------------- foo gallery ------------------- */

.foobox,.im {
  position: relative;
  min-height:300px;
}
.foobox,.inbox {
  position:relative;display:block;overflow:hidden;
}
.posts .foobox,.inbox {
  border-radius: 8px;
}
.foto .overlay {opacity: 0;}
.foobox .overlay,.fbx-link:before {opacity: 0;position: absolute;background-color: rgba(0, 0, 0, 0.4);z-index:1;font-size:28px;color:white;display:flex;justify-content:center;align-items:center}
#galeria .foobox:hover .overlay {opacity: 1;}
.foobox:hover .overlay:before {visibility: visible;}
.posts .inbox:hover img,#galeria .foobox:hover img,.sim .row .col.back:hover,.fbx-link:hover img {
	scale:1.1;
}
.fg-default.fg-gutter-20 {padding-left: 0;}
.foogallery-default .fg-image-overlay {background-color: rgba(0,0,0,.4)!important;}
.foogallery * {text-align:center!important}

/* ------------------------------ flexbin gallery -------------------------------- */

.flexbin {display: flex;overflow: hidden;flex-wrap: wrap;margin: -7px;justify-content: center}
.flexbin > * {position: relative;display: block;margin: 7px;flex-grow: 1;}
.flexbin > * > img {
object-fit: cover;max-width: 100%;min-width: 100%;vertical-align: bottom;}
.flexbin:after {content: '';flex-grow: 999999999;min-width: 200px;height: 0; }
.flexbin .foobox {min-height:auto;overflow: hidden; }

@media (max-width: 980px) {
	.flexbin > *,.flexbin > * > img {height: 150px;}
}
@media (max-width: 500px) {
	.flexbin > *,.flexbin > * > img {height: 120px;}
}

/* ------------------- galeries new wp ------------------- */

.fbx-link {overflow:hidden;position: relative;}
.wp-block-gallery .wp-block-image {
  flex-grow: 1;
}
.wp-block-image .fbx-link:before {
  content: '\0058';
  display: inline-block;
  font-family: 'Icon fonts';
  display:flex;width:100%;height:100%;opacity: 0;
}
.wp-block-image .fbx-link:hover:before {opacity: 1}
.wp-block-gallery:after {content: '';flex-grow: 999999999;min-width: 200px; }
.wp-block-gallery .wp-block-image {
  flex-grow: 1;width: auto !important;
}
.wp-block-gallery .wp-block-image img {
  max-height: 150px;
}
body .wp-block-gallery.wp-block-gallery {
  --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.8em ) ) );
  gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.8em ) ) );
}
@media (max-width: 767px) {
  .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)!important;
  }
}

/* ------------------- mask image ----------------------- */

@media (min-width: 992px) {
	.mask .wp-block-media-text__media,.mask .wp-block-group__inner-container .wp-block-media-text__media {
	  mask-size: auto;
	  -webkit-mask-size: auto;
	  mask-repeat: no-repeat;
	  -webkit-mask-repeat: no-repeat;
	  mask-position: center center;
	  -webkit-mask-position: center center;
	} 
	.mask .wp-block-media-text__media,.mask .wp-block-group__inner-container .wp-block-media-text__media {
	  mask-image: url(/wp-content/themes/serenitas/dist/images/masks/blob4.svg);
	  -webkit-mask-image: url(/wp-content/themes/serenitas/dist/images/masks/blob4.svg);
	}
	.mask .wp-block-group__inner-container .wp-block-media-text:nth-child(2) .wp-block-media-text__media {
	  mask-image: url(/wp-content/themes/serenitas/dist/images/masks/blob1.svg);
	  -webkit-mask-image: url(/wp-content/themes/serenitas/dist/images/masks/blob1.svg);
	}
	.mask .wp-block-group__inner-container .wp-block-media-text:nth-child(3) .wp-block-media-text__media {
	  mask-image: url(/wp-content/themes/serenitas/dist/images/masks/blob4.svg);
	  -webkit-mask-image: url(/wp-content/themes/serenitas/dist/images/masks/blob4.svg);
	}
	.mask .wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
	  min-height: 450px;
	}
}

/* ------------------- scroll to top ----------------------- */

.scroll-to-top {width: 45px;height: 35px;text-align: center;color:white;padding-top:10px;background: var(--thm-secondary);position: fixed;bottom: 20px;right: 20px;z-index: 99;display: none;border-radius: 10%;}

/* -------------------------------- blog posts -------------------------------- */

.posts.row {
  gap: 20px 0;
}
.posts-text {
  width: 100%;
  background: none;
  position: absolute;
  left: 0;bottom:5px;
  display: flex;
  justify-content: left;
}
.posts-text .h3 {
  margin-bottom:5px!important;
}
.posts-text p {
  margin-bottom:0;
}
.posts-text .btn {
  margin:0;
}
.posts .inbox:hover .posts-text {
  transform: translate(0px, 38px);
}
.posts .inbox:hover .time,.posts .inbox:hover .overlay {
  opacity: 0;
}
.posts-text .text {
  padding: 20px 25px 30px!important;
  width: 100%;
}
.posts-text .text * {
  color: white !important;border-color:white
}
.overlay {
  position: absolute;
  top: 0;left: 0;bottom: 0;right: 0;
  background-color: rgba(0,0,0,.5);
  opacity: 0.5;
  transition: opacity .25s ease-in-out,visibility .25s ease-in-out;
}

/* -------------------------------- single post -------------------------------- */

.post .fill img {
  position: relative;
}
.meta {
  text-transform: uppercase;margin-bottom: 30px;
  font-size: 13px;letter-spacing: 1px;
}
.nav-links {
  display: flex;
  /*justify-content: center;*/
  margin: 50px 0 20px;
}
.nav-links div {
  margin: 0 3px;
}
.last-img {
  width:100px;min-width:100px;height:100px
}
.last {
  display: flex;
  gap: 20px;
  margin-bottom:20px
}
.widget ul {
  display: flex;flex-wrap: wrap;list-style: none;padding-left: 0;margin:0
}
.widget ul li a {
  color:var(--thm-body);
}
.widget .last li a {
  color:black;
  font-size:17px
}
.widget-container {
  margin-bottom: 25px;
}
.widget .h4 {
  font-size: 18px;
  line-height: 26px;
  margin: 5px 0;
}
.widget time {
  color: #919191;
}
.widget-title {
  padding-bottom: 20px;
}
.widget {
  list-style:none;
}
.widget-title:after, .widget-title:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 0;
}
.widget-title:before {
  width: 100%;
  border-bottom: 1px solid #ececec;
}
.widget-title:after {
  width: 50px;
  border-bottom: 1px solid var(--thm-primary);
}

/* ----------------------------------- contact form 7 -------------------------------------- */

.wpcf7-form.init p {margin: 5px 0;text-align: left;}
.wpcf7-form.init {display: flex;flex-wrap: wrap;}
.screen-reader-response,.wpcf7-response-output {text-align: left;} /* alert */
.wpcf7-not-valid-tip {padding-top: 15px;float: left;} /* alert */
.wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio) {
  font-size: 14px;
  font-weight:300!important;
  padding: 14px 20px;
  height: auto;outline: none;box-shadow: none;
  border:0;
  border: 1px solid #ccc;
  background: var(--thm-whites);
  font-weight:400;
  width: calc(100% - 42px);
  margin-bottom: 7px;
}
.accept .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio) {
  border: 0;background:none
}
.sel .wpcf7-select {
  width:100%!important
}
.wpcf7-form-control.wpcf7-submit.has-spinner {
  font-weight: 800 !important;
}
input::placeholder,textarea::placeholder {color: #777;opacity:0.9}
.wpcf7-submit {
  width:auto!important;
}
.hidden-fields-container {display: none;}
input[type="text"]:focus, input[type="text"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="tel"]:focus, input[type="tel"]:active, textarea:focus, textarea:active {
  border: 1px solid var(--thm-primary) !important;
  color:black;background:none!important
}
.wpcf7-form-control.wpcf7-acceptance {
  padding: 0 !important;
  background: none !important;
  font-size: 13px !important;
  line-height: 24px
}
.wpcf7-response-output {
  text-align: center;color: red;border:none!important
}
.grecaptcha-badge {visibility: hidden;}

/* ----------------------------------- accessibility -------------------------------------- */

.pojo-a11y-tools .pojo-a11y-toolbar-link:hover {
  color: red !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
  font-size: 90%;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right {
  right: -220px;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
  border: 0;
  width: 220px;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
  right: 220px;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:focus {
  box-shadow: none;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {
  line-height: 22px;
}
#pojo-a11y-toolbar {
  position: absolute;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
  font-size: 180%;
}

/* ------------------------------ top right icons -------------------------------- */

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover,.top-icons a:hover {
  background-color: var(--thm-primary);
}
.top-icons {
  position: absolute;
  top: 169px;
  right: 0;
  z-index: 10;
}
.top-icons [class*='icon-']{
  color:white;font-size:24px;
  width:49px;height:49px;
  display: inline-block;
  display: flex;justify-content: center;align-items: center;
}
.top-icons .icon-facebook {
  background: #395693;
}
.top-icons .icon-instagram {
  background: #ec4b43;
}

/* ------------------------------ cookies -------------------------------- */

.cky-notice-des * {
  font-size: 12px!important;
  line-height: 20px;
}
.cky-btn-reject,.cky-btn-customize,.cky-btn-preferences {
  border: 1px solid var(--thm-primary)!important;
}
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
  background: #b62d2d !important;
}

/* ---------------------------------------- table ------------------------------------------------ */

table {
    border-collapse: collapse;
    overflow:hidden;
    width:100%;
    border: 1px solid #ddd;
	border-top:2px solid #999;border-bottom:2px solid #999;
}
table tbody tr:nth-of-type(2n+1) {
  background-color: #fafafa; /* pierwszy szary */
}
table tbody tr:last-of-type {
    border-bottom: 1px solid;
}

.wp-block-table td, .wp-block-table th {
  border: 1px solid #eee;padding: 14px;
}
.wp-block-table th {
  color:black
}
.wp-block-table thead {
  border-bottom: 2px solid #999;text-align:left
}

/* --------------------- anim tekst ------------------------- */

@keyframes fade-in {0% {opacity:0;}100% {opacity:1;}}
@-webkit-keyframes fade-in {0% {opacity:0;}100% {opacity:1;}}
@keyframes fade-in-left {0% {-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0;}100% {-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}} 
@keyframes fade-in-right {0% {-webkit-transform:translateX(50px);transform:translateX(-50px);opacity:0;}100% {-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}} 
@keyframes fade-in-bottom {0% {-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;}100% {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}  
@-webkit-keyframes fade-in-top {0% {-webkit-transform:translateY(50px);transform:translateY(-50px);opacity:0;}100% {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@keyframes fade-in-top {0% {-webkit-transform:translateY(50px);transform:translateY(-50px);opacity:0;}100% {-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}

.subheader-subtitle {
	-webkit-animation: fade-in-left 0.4s ease-out 0.4s both;
	        animation: fade-in-left 0.4s ease-out 0.4s both;
}
.subheader-title {
	-webkit-animation: fade-in-right 0.4s ease-out 0.7s both;
	        animation: fade-in-right 0.4s ease-out 0.7s both;
}
.subheader-btn {
	-webkit-animation: fade-in-bottom 0.4s ease-out 0.9s both;
	        animation: fade-in-bottom 0.4s ease-out 0.9s both;
}
.site-content.ani {
	-webkit-animation: fade-in 0.9s ease-out 0.3s both;
	        animation: fade-in 0.9s ease-out 0.3s both;
}

/* ------------------------------ font-face -------------------------------- */

@font-face {
    font-family: 'Icon fonts';
    src: url('dist/fonts/Icon-fonts.eot');
    src: url('dist/fonts/Icon-fonts.eot?#iefix') format('embedded-opentype'),
         url('dist/fonts/Icon-fonts.woff') format('woff'),
         url('dist/fonts/Icon-fonts.ttf') format('truetype'),
         url('dist/fonts/Icon-fonts.svg#Icon-fonts') format('svg');
    font-weight: normal;font-style: normal;font-display: swap;
}
[class*='icon-']:before,.nav-previous .icon-left:before,.nav-next .icon-right:before {
   display: inline-block;font-family: 'Icon fonts';font-style: normal;font-weight: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale
}
.main-header [class*='icon-']{
	color:white;font-size:20px
}
.text [class*='icon-']:before,.footer-top p [class*='icon-']:before {
  padding-right: 6px;font-size: 18px;top: 3px;position: relative;
}

.icon-map:before{content:'\0041';}
.icon-camera:before{content:'\0042';}
.icon-heart:before{content:'\0043';}
.icon-loc:before{content:'\0044';}
.icon-youtube:before{content:'\0045';}
.icon-envelope:before{content:'\0046';}
.icon-link:before{content:'\0047';}
.icon-right:before{content:'\0048';}
.icon-up:before{content:'\0049';}
.icon-glass:before{content:'\004a';}
.icon-plus:before{content:'\004b';}
.icon-hand:before{content:'\004c';}
.icon-gallery:before{content:'\004d';}
.icon-file:before{content:'\004e';}
.icon-tel:before{content:'\004f';}
.icon-zoom:before{content:'\0050';}
.icon-instagram:before{content:'\0051';}
.icon-facebook:before{content:'\0052';}
.icon-phone:before{content:'\0053';}
.icon-hamburger:before{content:'\0054';}
.icon-home:before{content:'\0055';}
.icon-media:before{content:'\0056';}
.icon-partners:before{content:'\0057';}
.icon-zoom2:before{content:'\0058';}
.icon-map-marker:before{content:'\0059';}
.icon-left:before{content:'\005a';}
.icon-bottom:before{content:'\0061';}
.icon-left2:before{content:'\0062';}
.icon-right2:before{content:'\0063';}

/* ----------------------------------- mobile -------------------------------------- */

@media (min-width: 992px) {
	[class*=bgcol] .text {
	  padding: 40px;
	}
	.page-subheader {
	  margin-bottom:70px;
	}
	.page-subheader .container {
	  width: inherit;
	}
	.jarallax.sec {
	  margin-top:70px
	}
	.jarallax.sec h2 {
	  font-size:60px
	}
	.jarallax.sec strong {
	  font-size:28px
	}
	.full.wp-block-group {
	  margin: 0 -15px;
	  width: calc(100% + 30px);
	}
	.wp-block-media-text .wp-block-media-text__content {
	  padding:50px;padding-right: 0;
	}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	  padding:50px;padding-left: 0;
	}
	.wp-block-column[class*=bg],.wp-block-media-text[class*=bg] .wp-block-media-text__content,.wp-block-media-text.has-media-on-the-right[class*=bg] .wp-block-media-text__content {
	  padding:60px 50px;
	}
}
@media (min-width: 1440px) {
	.narrow .container {
	  max-width:60%;
	}
	.narrow .wp-block-column {
	  max-width:90%;margin:auto
	}
	.text-posts .post-text {
	  width:80%
	}
}
@media only screen and (min-width: 1279px) and (max-width: 1439px) {
	.narrow .container,.narrow .wp-block-column {
	  width:80%;margin:auto
	}
}
@media (max-width: 991px) {
	[class*=bgcol] .text,.mix {
	  padding: 35px 25px;
	}
	.box .bg-1 .text,.mixed .bg-1 .text {
	  padding: 30px 0!important;
	}
	.wp-block-media-text[class*="bg"] .wp-block-media-text__content,.wp-block-column[class*=bg] {
	  padding:30px 20px;
	}
	.wp-block-media-text .wp-block-media-text__content {
	  padding:30px 0;
	}
	.home .subheader-title {
	  font-size: 32px;
	  line-height: 40px;
	  margin: 20px auto 20px;
	}
	.subheader-title {
	 font-size:50px;line-height:56px
	}
	.subheader-subtitle {
	 font-size:24px;line-height:32px
	}
	h2 {
	  font-size: 36px;line-height: 42px;
	}
	.footer-top {
	  padding:50px 0 0;margin-top:40px
	}
	.footer-logo,.nomobile {
	  display:none
	}
	.page-subheader {
	  margin-bottom:40px;
	}
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
	min-height: 350px;
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }
	[class*=col].post-content {
	  width:100%;flex:100%;
  }
}

@media (max-width: 767px) {
	[class*=col],[class*=co] .tx {
	  width:100%;flex:100%;
	}
	.home .jarallax-div .subheader-subtitle img,.footer-logo,.subheader-subtitle img,.search-toggler {
    display:none;
	}
	.header-logo {
	  margin-left: calc(50% - 45px);
	}
	.page-subheader {
	  min-height: 400px;
	}
	section[class*="bg"] .text {
	  padding: 10px;
	}
	.bg-1 .text {
	  padding: 0 0 20px!important;
	}
}
@media (max-width: 600px) {
	.col-3 {
	  width: 100%;
	}
	.text h2 span {
	  float: none;
	}
}
@media only screen and (min-width: 601px) and (max-width: 991px) {
	.col-3,.col-4 {
	  width: 50%;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1280px) {
	.col-3 {
	 width:33%
	}
}
@media (max-width: 1441px) {
	.home .jarallax-div .subheader-subtitle img {
    max-width:150px;
	}
}
@media (max-width: 1280px) {
	.row.inside [class*=col] {
    flex:100%
	}
}

/* ----------------------------------- wp blocks -------------------------------------- */

.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
  min-height: 350px;
}
.icobox .h3 {
  margin-bottom:-20px!important
}
.icobox img {
  margin-bottom:20px
}
.wplogos a {
  padding:0 20px 20px;
}
.wplogos img {
  max-height:55px;width:auto;
}
.home .wplogos img {
  filter: grayscale(100%);
}
.wplogos a:hover img {
  filter:none;
}
.wp-block-button__link {margin:0;}
.wp-block-buttons > .wp-block-button {margin: 10px 0;}
.wp-block-column[class*="bg"] {height: auto;}
.wp-block-group[class*="bg"] {
  height: auto;
}
.wp-block-columns.nogap {
  column-gap:0;row-gap:0
}
.icos .wp-block-image img {
  margin-bottom:20px;
  border-radius:0%
}
.full.wp-block-group .wp-block-columns {
  padding: 0 20px;
}
.full[class*="bg"] {
  padding:70px 0
}
.wp-block-list {
  padding-left: 30px!important;
}
.wp-block-list li {
  margin-bottom:8px;
}
 .wp-block-group.picto {
  margin-bottom: 20px;
}
 .wp-block-group.picto img {
  max-width:50px;
}
 .wp-block-group.picto2 img {
  max-width:100px;
}
 .wp-block-group.picto .h4 {
  margin-bottom: 0!important;
}
.invert {
  filter: invert(100%);
}
.wp-block-post {
  position:relative;
}
.wp-block-post .text {
  position:absolute;
  bottom:15px;
  width:100%;
  padding: 25px;
}
.wp-block-post .text * {
  color:white;margin:0!important;padding:0
}
.wp-block-post:hover .text {
  transform: translate(0px, 38px);
}
.wp-block-post:hover .time {
  opacity: 0;
}
.wp-block-post-featured-image {
  margin:0;border-radius: 8px;overflow:hidden
}
.wp-block-post-featured-image a:before {
  content:'';position: absolute;width:100%;height:100%;
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 45%,rgba(0,0,0,.7));
}
.temp {
  display:none;
}