.elementor-2169 .elementor-element.elementor-element-ae7aff1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2169 .elementor-element.elementor-element-a89e372{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2169 .elementor-element.elementor-element-a89e372:after{content:"0.66";}.elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-post__thumbnail__link{width:100%;}.elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-post__meta-data span + span:before{content:"///";}.elementor-2169 .elementor-element.elementor-element-a89e372.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-2169 .elementor-element.elementor-element-a89e372.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-2169 .elementor-element.elementor-element-a89e372.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-2169 .elementor-element.elementor-element-689195e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2169 .elementor-element.elementor-element-a89e372:after{content:"0.5";}.elementor-2169 .elementor-element.elementor-element-a89e372 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-a89e372 */@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wdth,wght@75..100,400..700&family=Libre+Caslon+Display&display=swap');


/* =========================================
   BLOG – GLOBAL TYPOGRAPHY
========================================= */

.mp-blog-listing,
.mp-blog-listing *,
.mp-blog-hero,
.mp-blog-hero *,
.mp-blog-page,
.mp-blog-page *{
  box-sizing:border-box;
}

.mp-blog-listing,
.mp-blog-hero,
.mp-blog-page{
  font-family:'Instrument Sans',sans-serif;
}


/* =========================================
   BLOG HERO
========================================= */

.mp-blog-hero{
  background:#fffdfc;
}

.mp-blog-hero .mp-kicker,
.mp-blog-hero .mp-blog-kicker{
  font-family:'Instrument Sans',sans-serif;
  font-size:11px;
  font-weight:650;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.mp-blog-hero h1,
.mp-blog-hero .mp-blog-title{
  font-family:'Libre Caslon Display',serif !important;
  font-size:clamp(56px,5.4vw,78px);
  line-height:1.03;
  letter-spacing:-.025em;
  font-weight:400;
  text-shadow:.25px 0 0 currentColor;
}

.mp-blog-hero p,
.mp-blog-hero .mp-blog-lead{
  font-family:'Instrument Sans',sans-serif;
  font-size:17px;
  line-height:1.72;
  font-weight:400;
  letter-spacing:-.01em;
}


/* =========================================
   BLOG LISTING WRAPPER
========================================= */

.mp-blog-listing{
  width:min(1120px,calc(100% - 44px));
  margin:0 auto 72px;
}


/* =========================================
   GRID
========================================= */

.mp-blog-listing .elementor-posts-container,
.mp-blog-listing .elementor-loop-container{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:28px !important;
}


/* =========================================
   POST CARD
========================================= */

.mp-blog-listing .elementor-post,
.mp-blog-listing .e-loop-item{
  overflow:hidden;

  border:1px solid #e7e1e4;
  border-radius:20px;

  background:#fff;

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.mp-blog-listing .elementor-post:hover,
.mp-blog-listing .e-loop-item:hover{
  transform:translateY(-5px);

  border-color:#cfa8bc;

  box-shadow:0 16px 36px rgba(34,29,32,.08);
}


/* =========================================
   IMAGE
========================================= */

.mp-blog-listing .elementor-post__thumbnail,
.mp-blog-listing .elementor-post__thumbnail__link,
.mp-blog-listing .e-loop-item .elementor-widget-image{
  overflow:hidden;
}

.mp-blog-listing .elementor-post__thumbnail{
  height:205px;
}

.mp-blog-listing .elementor-post__thumbnail img,
.mp-blog-listing .e-loop-item img{
  width:100%;
  height:100%;

  object-fit:cover;

  transition:transform .35s ease;
}

.mp-blog-listing .elementor-post:hover img,
.mp-blog-listing .e-loop-item:hover img{
  transform:scale(1.025);
}


/* =========================================
   CARD CONTENT
========================================= */

.mp-blog-listing .elementor-post__text{
  padding:20px 20px 22px !important;
}


/* =========================================
   TITLE
========================================= */

.mp-blog-listing .elementor-post__title,
.mp-blog-listing .elementor-post__title a,
.mp-blog-listing .e-loop-item h2,
.mp-blog-listing .e-loop-item h2 a,
.mp-blog-listing .e-loop-item h3,
.mp-blog-listing .e-loop-item h3 a{
  font-family:'Libre Caslon Display',serif !important;

  color:#211f21 !important;

  font-size:26px !important;
  line-height:1.08 !important;

  font-weight:400 !important;

  letter-spacing:-.02em !important;

  text-decoration:none !important;

  text-shadow:.12px 0 0 currentColor;
}

.mp-blog-listing .elementor-post__title{
  margin-bottom:10px !important;
}


/* =========================================
   META
========================================= */

.mp-blog-listing .elementor-post__meta-data,
.mp-blog-listing .elementor-post__meta-data span,
.mp-blog-listing .e-loop-item .elementor-post-info,
.mp-blog-listing .e-loop-item .elementor-post-info__item{
  font-family:'Instrument Sans',sans-serif !important;

  color:#9a9297 !important;

  font-size:10px !important;
  line-height:1.4 !important;

  font-weight:500 !important;

  letter-spacing:.035em !important;

  text-transform:uppercase;
}


/* =========================================
   EXCERPT
========================================= */

.mp-blog-listing .elementor-post__excerpt,
.mp-blog-listing .elementor-post__excerpt p,
.mp-blog-listing .e-loop-item .elementor-widget-text-editor,
.mp-blog-listing .e-loop-item .elementor-widget-text-editor p{
  font-family:'Instrument Sans',sans-serif !important;

  color:#716b6f !important;

  font-size:13px !important;
  line-height:1.65 !important;

  font-weight:400 !important;

  letter-spacing:-.005em !important;
}


/* =========================================
   READ MORE
========================================= */

.mp-blog-listing .elementor-post__read-more,
.mp-blog-listing .e-loop-item .elementor-button{
  font-family:'Instrument Sans',sans-serif !important;

  color:#a87591 !important;

  font-size:12px !important;
  line-height:1.3 !important;

  font-weight:650 !important;

  letter-spacing:-.005em !important;

  text-decoration:none !important;

  border-bottom:1px solid rgba(189,140,166,.45);

  transition:
    color .2s ease,
    border-color .2s ease;
}

.mp-blog-listing .elementor-post__read-more:hover,
.mp-blog-listing .e-loop-item .elementor-button:hover{
  color:#7f566c !important;
  border-color:#7f566c;
}


/* =========================================
   PAGINATION
========================================= */

.mp-blog-listing .elementor-pagination{
  margin-top:38px;

  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
}

.mp-blog-listing .elementor-pagination a,
.mp-blog-listing .elementor-pagination span{
  min-width:38px;
  height:38px;

  padding:0 12px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid #e8e2e5;
  border-radius:999px;

  background:#fff;

  color:#716b6f !important;

  font-family:'Instrument Sans',sans-serif !important;

  font-size:12px !important;
  font-weight:600 !important;

  text-decoration:none !important;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.mp-blog-listing .elementor-pagination a:hover{
  transform:translateY(-1px);

  border-color:#bd8ca6;

  color:#211f21 !important;
}

.mp-blog-listing .elementor-pagination .current{
  background:#242124;

  border-color:#242124;

  color:#fff !important;
}


/* =========================================
   TABLET
========================================= */

@media(max-width:1024px){

  .mp-blog-listing .elementor-posts-container,
  .mp-blog-listing .elementor-loop-container{
    grid-template-columns:repeat(2,1fr);
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

  .mp-blog-listing{
    width:calc(100% - 28px);
    margin-bottom:56px;
  }

  .mp-blog-listing .elementor-posts-container,
  .mp-blog-listing .elementor-loop-container{
    grid-template-columns:1fr;
    gap:20px !important;
  }

  .mp-blog-hero h1,
  .mp-blog-hero .mp-blog-title{
    font-size:48px;
    line-height:1.02;
    letter-spacing:-.02em;
  }

  .mp-blog-hero p,
  .mp-blog-hero .mp-blog-lead{
    font-size:16px;
    line-height:1.68;
  }

  .mp-blog-listing .elementor-post__thumbnail{
    height:185px;
  }

  .mp-blog-listing .elementor-post__text{
    padding:18px 17px 20px !important;
  }

  .mp-blog-listing .elementor-post__title,
  .mp-blog-listing .elementor-post__title a,
  .mp-blog-listing .e-loop-item h2,
  .mp-blog-listing .e-loop-item h2 a,
  .mp-blog-listing .e-loop-item h3,
  .mp-blog-listing .e-loop-item h3 a{
    font-size:25px !important;
    line-height:1.08 !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ae7aff1 *//* =========================================================
   MARKETINGOWE PLOTY — BLOG ARCHIVE
   /blog/
   ========================================================= */

body.blog,
body.page-blog{
  background:#fffdfc;
}

/* GŁÓWNY OBSZAR */

body.blog .site-content,
body.blog .content-area,
body.blog .site-main{
  max-width:none !important;
  width:100% !important;
}

body.blog .site-main{
  padding:64px 0 80px;
}

body.blog .ast-container,
body.blog .site-main > .ast-row,
body.blog .site-main > .elementor{
  width:min(1120px,calc(100% - 44px));
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}


/* =========================================================
   NAGŁÓWEK BLOGA
   ========================================================= */

body.blog .page-header,
body.blog .ast-archive-description{
  width:min(1120px,calc(100% - 44px));
  max-width:1120px;
  margin:0 auto 44px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

body.blog .page-title,
body.blog .ast-archive-description .page-title{
  margin:0 !important;
  color:#211f21 !important;
  font-family:Manrope,Inter,Arial,sans-serif !important;
  font-size:clamp(42px,4.5vw,60px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  font-weight:750 !important;
}


/* =========================================================
   KATEGORIE / MENU
   ========================================================= */

body.blog .widget_categories ul,
body.blog .wp-block-categories,
body.blog .cat-links,
body.blog .blog-categories{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 38px !important;
  padding:0 !important;
  list-style:none;
}

body.blog .widget_categories li,
body.blog .wp-block-categories li{
  margin:0 !important;
}

body.blog .widget_categories a,
body.blog .wp-block-categories a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border:1px solid #e7e1e4;
  border-radius:999px;
  background:#fff;
  color:#4f494d !important;
  font-size:12px;
  font-weight:650;
  text-decoration:none !important;
  transition:
    color .2s ease,
    border-color .2s ease,
    background .2s ease,
    transform .2s ease;
}

body.blog .widget_categories a:hover,
body.blog .wp-block-categories a:hover{
  transform:translateY(-2px);
  border-color:#d0a9bd;
  background:#fff8fb;
  color:#a36d89 !important;
}


/* =========================================================
   GRID WPISÓW
   ========================================================= */

body.blog .ast-row,
body.blog .blog-layout-1,
body.blog .blog-layout-2{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}


/* =========================================================
   KARTA WPISU
   ========================================================= */

body.blog article.post,
body.blog .ast-article-post{
  height:100%;
  margin:0 !important;
  padding:0 !important;

  border:1px solid #e7e1e4 !important;
  border-radius:20px !important;

  background:#fff !important;

  overflow:hidden;

  box-shadow:none !important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

body.blog article.post:hover,
body.blog .ast-article-post:hover{
  transform:translateY(-5px);
  border-color:#d7b4c7 !important;
  box-shadow:0 18px 42px rgba(36,30,34,.07) !important;
}


/* =========================================================
   OBRAZEK
   ========================================================= */

body.blog .post-thumb,
body.blog .ast-blog-featured-section,
body.blog .post-thumb-img-content,
body.blog .entry-header + .post-thumb{
  margin:0 !important;
  width:100% !important;
}

body.blog .post-thumb a,
body.blog .post-thumb-img-content a{
  display:block;
  width:100%;
}

body.blog .post-thumb img,
body.blog .post-thumb-img-content img,
body.blog article.post img.wp-post-image{
  display:block !important;

  width:100% !important;
  height:210px !important;

  max-width:none !important;

  object-fit:cover !important;
  object-position:center center !important;

  margin:0 !important;

  transition:transform .35s ease;
}

body.blog article.post:hover img.wp-post-image,
body.blog .ast-article-post:hover img{
  transform:scale(1.025);
}


/* =========================================================
   TREŚĆ KARTY
   ========================================================= */

body.blog article.post .entry-header,
body.blog article.post .entry-content,
body.blog article.post .entry-meta,
body.blog .ast-article-post .entry-header,
body.blog .ast-article-post .entry-content{
  padding-left:24px;
  padding-right:24px;
}

body.blog article.post .entry-header,
body.blog .ast-article-post .entry-header{
  padding-top:24px;
}


/* META / KATEGORIA / DATA */

body.blog .entry-meta{
  margin:0 0 12px !important;
  color:#9a9297 !important;

  font-size:10px !important;
  line-height:1.4 !important;

  font-weight:750 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.blog .entry-meta a{
  color:#b07c98 !important;
  text-decoration:none !important;
}

body.blog .entry-meta a:hover{
  color:#8f5f78 !important;
}


/* =========================================================
   TYTUŁ
   ========================================================= */

body.blog .entry-title{
  margin:0 0 14px !important;

  color:#211f21 !important;

  font-family:Manrope,Inter,Arial,sans-serif !important;

  font-size:21px !important;
  line-height:1.28 !important;
  letter-spacing:-.025em !important;

  font-weight:750 !important;
}

body.blog .entry-title a{
  color:inherit !important;
  text-decoration:none !important;
}

body.blog .entry-title a:hover{
  color:#9f6b86 !important;
}


/* =========================================================
   EXCERPT
   ========================================================= */

body.blog .entry-content{
  padding-bottom:25px !important;
}

body.blog .entry-content p{
  margin:0 0 18px !important;

  color:#716b6f !important;

  font-size:13px !important;
  line-height:1.65 !important;
}


/* =========================================================
   CZYTAJ WIĘCEJ
   ========================================================= */

body.blog .read-more,
body.blog .read-more a,
body.blog .entry-content .read-more,
body.blog .entry-content .more-link{
  display:inline-flex !important;
  align-items:center;
  gap:6px;

  width:max-content;

  margin:0 !important;
  padding:0 0 3px !important;

  border:0 !important;
  border-bottom:2px solid #b985a0 !important;
  border-radius:0 !important;

  background:transparent !important;

  color:#211f21 !important;

  font-size:12px !important;
  font-weight:750 !important;

  text-decoration:none !important;

  transition:
    color .2s ease,
    border-color .2s ease;
}

body.blog .read-more a:hover,
body.blog .entry-content .more-link:hover{
  color:#9f6b86 !important;
  border-color:#9f6b86 !important;
}


/* =========================================================
   PAGINACJA
   ========================================================= */

body.blog .ast-pagination,
body.blog .navigation.pagination,
body.blog .nav-links{
  grid-column:1 / -1;

  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;

  margin-top:40px !important;
}

body.blog .page-numbers{
  min-width:38px;
  min-height:38px;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  padding:0 10px !important;

  border:1px solid #e3dde0 !important;
  border-radius:999px !important;

  background:#fff !important;
  color:#5f585c !important;

  font-size:12px !important;
  font-weight:700 !important;

  text-decoration:none !important;

  transition:.2s ease;
}

body.blog .page-numbers:hover{
  border-color:#cda6ba !important;
  color:#9e6985 !important;
  transform:translateY(-2px);
}

body.blog .page-numbers.current{
  border-color:#242124 !important;
  background:#242124 !important;
  color:#fff !important;
}


/* =========================================================
   DESKTOP — PIERWSZY WPIS WIĘKSZY
   ========================================================= */

@media(min-width:901px){

  body.blog article.post:first-of-type,
  body.blog .ast-article-post:first-of-type{
    grid-column:span 2;
  }

  body.blog article.post:first-of-type .entry-title,
  body.blog .ast-article-post:first-of-type .entry-title{
    font-size:27px !important;
  }

  body.blog article.post:first-of-type img.wp-post-image,
  body.blog .ast-article-post:first-of-type img{
    height:310px !important;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

  body.blog .ast-row,
  body.blog .blog-layout-1,
  body.blog .blog-layout-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.blog article.post:first-of-type,
  body.blog .ast-article-post:first-of-type{
    grid-column:auto;
  }

  body.blog article.post:first-of-type img.wp-post-image,
  body.blog .ast-article-post:first-of-type img{
    height:210px !important;
  }

  body.blog article.post:first-of-type .entry-title,
  body.blog .ast-article-post:first-of-type .entry-title{
    font-size:21px !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

  body.blog .site-main{
    padding:42px 0 58px;
  }

  body.blog .ast-container,
  body.blog .site-main > .ast-row,
  body.blog .page-header,
  body.blog .ast-archive-description{
    width:calc(100% - 28px);
  }

  body.blog .ast-row,
  body.blog .blog-layout-1,
  body.blog .blog-layout-2{
    grid-template-columns:1fr;
    gap:14px;
  }

  body.blog article.post,
  body.blog .ast-article-post{
    border-radius:17px !important;
  }

  body.blog .post-thumb img,
  body.blog .post-thumb-img-content img,
  body.blog article.post img.wp-post-image{
    height:185px !important;
  }

  body.blog article.post .entry-header,
  body.blog article.post .entry-content,
  body.blog article.post .entry-meta,
  body.blog .ast-article-post .entry-header,
  body.blog .ast-article-post .entry-content{
    padding-left:19px;
    padding-right:19px;
  }

  body.blog article.post .entry-header,
  body.blog .ast-article-post .entry-header{
    padding-top:20px;
  }

  body.blog .entry-title{
    font-size:19px !important;
  }

  body.blog .entry-content{
    padding-bottom:21px !important;
  }

  body.blog .page-title{
    font-size:38px !important;
  }

}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   MARKETINGOWE PLOTY — BLOG ARCHIVE
   /blog/
   ========================================================= */

body.blog,
body.page-blog{
  background:#fffdfc;
}

/* GŁÓWNY OBSZAR */

body.blog .site-content,
body.blog .content-area,
body.blog .site-main{
  max-width:none !important;
  width:100% !important;
}

body.blog .site-main{
  padding:64px 0 80px;
}

body.blog .ast-container,
body.blog .site-main > .ast-row,
body.blog .site-main > .elementor{
  width:min(1120px,calc(100% - 44px));
  max-width:1120px;
  margin-left:auto;
  margin-right:auto;
}


/* =========================================================
   NAGŁÓWEK BLOGA
   ========================================================= */

body.blog .page-header,
body.blog .ast-archive-description{
  width:min(1120px,calc(100% - 44px));
  max-width:1120px;
  margin:0 auto 44px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

body.blog .page-title,
body.blog .ast-archive-description .page-title{
  margin:0 !important;
  color:#211f21 !important;
  font-family:Manrope,Inter,Arial,sans-serif !important;
  font-size:clamp(42px,4.5vw,60px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  font-weight:750 !important;
}


/* =========================================================
   KATEGORIE / MENU
   ========================================================= */

body.blog .widget_categories ul,
body.blog .wp-block-categories,
body.blog .cat-links,
body.blog .blog-categories{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 38px !important;
  padding:0 !important;
  list-style:none;
}

body.blog .widget_categories li,
body.blog .wp-block-categories li{
  margin:0 !important;
}

body.blog .widget_categories a,
body.blog .wp-block-categories a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border:1px solid #e7e1e4;
  border-radius:999px;
  background:#fff;
  color:#4f494d !important;
  font-size:12px;
  font-weight:650;
  text-decoration:none !important;
  transition:
    color .2s ease,
    border-color .2s ease,
    background .2s ease,
    transform .2s ease;
}

body.blog .widget_categories a:hover,
body.blog .wp-block-categories a:hover{
  transform:translateY(-2px);
  border-color:#d0a9bd;
  background:#fff8fb;
  color:#a36d89 !important;
}


/* =========================================================
   GRID WPISÓW
   ========================================================= */

body.blog .ast-row,
body.blog .blog-layout-1,
body.blog .blog-layout-2{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}


/* =========================================================
   KARTA WPISU
   ========================================================= */

body.blog article.post,
body.blog .ast-article-post{
  height:100%;
  margin:0 !important;
  padding:0 !important;

  border:1px solid #e7e1e4 !important;
  border-radius:20px !important;

  background:#fff !important;

  overflow:hidden;

  box-shadow:none !important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

body.blog article.post:hover,
body.blog .ast-article-post:hover{
  transform:translateY(-5px);
  border-color:#d7b4c7 !important;
  box-shadow:0 18px 42px rgba(36,30,34,.07) !important;
}


/* =========================================================
   OBRAZEK
   ========================================================= */

body.blog .post-thumb,
body.blog .ast-blog-featured-section,
body.blog .post-thumb-img-content,
body.blog .entry-header + .post-thumb{
  margin:0 !important;
  width:100% !important;
}

body.blog .post-thumb a,
body.blog .post-thumb-img-content a{
  display:block;
  width:100%;
}

body.blog .post-thumb img,
body.blog .post-thumb-img-content img,
body.blog article.post img.wp-post-image{
  display:block !important;

  width:100% !important;
  height:210px !important;

  max-width:none !important;

  object-fit:cover !important;
  object-position:center center !important;

  margin:0 !important;

  transition:transform .35s ease;
}

body.blog article.post:hover img.wp-post-image,
body.blog .ast-article-post:hover img{
  transform:scale(1.025);
}


/* =========================================================
   TREŚĆ KARTY
   ========================================================= */

body.blog article.post .entry-header,
body.blog article.post .entry-content,
body.blog article.post .entry-meta,
body.blog .ast-article-post .entry-header,
body.blog .ast-article-post .entry-content{
  padding-left:24px;
  padding-right:24px;
}

body.blog article.post .entry-header,
body.blog .ast-article-post .entry-header{
  padding-top:24px;
}


/* META / KATEGORIA / DATA */

body.blog .entry-meta{
  margin:0 0 12px !important;
  color:#9a9297 !important;

  font-size:10px !important;
  line-height:1.4 !important;

  font-weight:750 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
}

body.blog .entry-meta a{
  color:#b07c98 !important;
  text-decoration:none !important;
}

body.blog .entry-meta a:hover{
  color:#8f5f78 !important;
}


/* =========================================================
   TYTUŁ
   ========================================================= */

body.blog .entry-title{
  margin:0 0 14px !important;

  color:#211f21 !important;

  font-family:Manrope,Inter,Arial,sans-serif !important;

  font-size:21px !important;
  line-height:1.28 !important;
  letter-spacing:-.025em !important;

  font-weight:750 !important;
}

body.blog .entry-title a{
  color:inherit !important;
  text-decoration:none !important;
}

body.blog .entry-title a:hover{
  color:#9f6b86 !important;
}


/* =========================================================
   EXCERPT
   ========================================================= */

body.blog .entry-content{
  padding-bottom:25px !important;
}

body.blog .entry-content p{
  margin:0 0 18px !important;

  color:#716b6f !important;

  font-size:13px !important;
  line-height:1.65 !important;
}


/* =========================================================
   CZYTAJ WIĘCEJ
   ========================================================= */

body.blog .read-more,
body.blog .read-more a,
body.blog .entry-content .read-more,
body.blog .entry-content .more-link{
  display:inline-flex !important;
  align-items:center;
  gap:6px;

  width:max-content;

  margin:0 !important;
  padding:0 0 3px !important;

  border:0 !important;
  border-bottom:2px solid #b985a0 !important;
  border-radius:0 !important;

  background:transparent !important;

  color:#211f21 !important;

  font-size:12px !important;
  font-weight:750 !important;

  text-decoration:none !important;

  transition:
    color .2s ease,
    border-color .2s ease;
}

body.blog .read-more a:hover,
body.blog .entry-content .more-link:hover{
  color:#9f6b86 !important;
  border-color:#9f6b86 !important;
}


/* =========================================================
   PAGINACJA
   ========================================================= */

body.blog .ast-pagination,
body.blog .navigation.pagination,
body.blog .nav-links{
  grid-column:1 / -1;

  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;

  margin-top:40px !important;
}

body.blog .page-numbers{
  min-width:38px;
  min-height:38px;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;

  padding:0 10px !important;

  border:1px solid #e3dde0 !important;
  border-radius:999px !important;

  background:#fff !important;
  color:#5f585c !important;

  font-size:12px !important;
  font-weight:700 !important;

  text-decoration:none !important;

  transition:.2s ease;
}

body.blog .page-numbers:hover{
  border-color:#cda6ba !important;
  color:#9e6985 !important;
  transform:translateY(-2px);
}

body.blog .page-numbers.current{
  border-color:#242124 !important;
  background:#242124 !important;
  color:#fff !important;
}


/* =========================================================
   DESKTOP — PIERWSZY WPIS WIĘKSZY
   ========================================================= */

@media(min-width:901px){

  body.blog article.post:first-of-type,
  body.blog .ast-article-post:first-of-type{
    grid-column:span 2;
  }

  body.blog article.post:first-of-type .entry-title,
  body.blog .ast-article-post:first-of-type .entry-title{
    font-size:27px !important;
  }

  body.blog article.post:first-of-type img.wp-post-image,
  body.blog .ast-article-post:first-of-type img{
    height:310px !important;
  }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:900px){

  body.blog .ast-row,
  body.blog .blog-layout-1,
  body.blog .blog-layout-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.blog article.post:first-of-type,
  body.blog .ast-article-post:first-of-type{
    grid-column:auto;
  }

  body.blog article.post:first-of-type img.wp-post-image,
  body.blog .ast-article-post:first-of-type img{
    height:210px !important;
  }

  body.blog article.post:first-of-type .entry-title,
  body.blog .ast-article-post:first-of-type .entry-title{
    font-size:21px !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:600px){

  body.blog .site-main{
    padding:42px 0 58px;
  }

  body.blog .ast-container,
  body.blog .site-main > .ast-row,
  body.blog .page-header,
  body.blog .ast-archive-description{
    width:calc(100% - 28px);
  }

  body.blog .ast-row,
  body.blog .blog-layout-1,
  body.blog .blog-layout-2{
    grid-template-columns:1fr;
    gap:14px;
  }

  body.blog article.post,
  body.blog .ast-article-post{
    border-radius:17px !important;
  }

  body.blog .post-thumb img,
  body.blog .post-thumb-img-content img,
  body.blog article.post img.wp-post-image{
    height:185px !important;
  }

  body.blog article.post .entry-header,
  body.blog article.post .entry-content,
  body.blog article.post .entry-meta,
  body.blog .ast-article-post .entry-header,
  body.blog .ast-article-post .entry-content{
    padding-left:19px;
    padding-right:19px;
  }

  body.blog article.post .entry-header,
  body.blog .ast-article-post .entry-header{
    padding-top:20px;
  }

  body.blog .entry-title{
    font-size:19px !important;
  }

  body.blog .entry-content{
    padding-bottom:21px !important;
  }

  body.blog .page-title{
    font-size:38px !important;
  }

}/* End custom CSS */