/* Style for Posts */

.posts_list {
    position: relative;
}

/*
.post_box.wersja1 {
	background-color: #FFFDF7;
}

*/
.post_box.wersja_lista1 h2,
.post_box.wersja1 h2 {
	font-size: 48px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
	margin-bottom: 75px;
}
.post_box.wersja_lista1 h3,
.post_box.wersja1 h3 {
	font-size: 28px;
	font-style: normal;
	font-weight: 450;
	line-height: 120%;
	margin-bottom: 24px;
}
.post_box.wersja1 .swiper-wrapper {
	padding: 40px 0 80px !Important;
}


.post_box.wersja_lista1 .posts_list .post_thumbnail img,
.post_box.wersja1 .post_thumbnail img {
  aspect-ratio: 4/3 !Important;
  height: auto !Important;               
  object-fit: cover !Important; 
  object-position: center !Important;
}
.post_box.wersja_lista1 .posts_list .post_description2,
.post_box.wersja1 .post_description2 {
	padding: 24px 40px;
}
.post_box.wersja_lista1 .posts_list .post_description2 .link_post,
.post_box.wersja1 .post_description2 .link_post {
    padding-left: 50px;
    display: inline-block;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 2.24px;
	text-transform: uppercase;
	color: #4A4343;
    text-decoration: none;
    position: relative;
}
.post_box.wersja_lista1 .posts_list .post_description2 .link_post:before,
.post_box.wersja1 .post_description2 .link_post:before {
    content: '';
    position: absolute;
    background-color: transparent;
    border: 1px solid #BAA596;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    border-radius: 100%;
    background-position: center;
}
.post_box.wersja_lista1 .posts_list .post_description2 .link_post:after,
.post_box.wersja1 .post_description2 .link_post:after {
    content: '';
	-webkit-mask: url(../../img/post_arrow.svg) no-repeat ! Important;
    mask: url(../../img/post_arrow.svg) no-repeat ! Important;
    background-repeat: no-repeat;
    position: absolute;
    width: 9px;
    height: 14px;
    top: 10px;
    left: 13px;
    background-position: center;
	background-color: #8C7869 !Important;
}


.post_box.wersja_lista1 .posts_list .post_cat_date,
.post_box.wersja1 .post_cat_date {
    font-family: "Source Sans 3", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 3.36px;
    text-transform: uppercase;
    color: #8C7869;
    margin-bottom: 20px;
    padding-left: 26px;
    position: relative;
    text-align: left;
    position: relative;
}
.post_box.wersja_lista1 .posts_list .post_cat_date:before,
.post_box.wersja1 .post_cat_date:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    aspect-ratio: 1 / 1;
    background: #8C7869;
    border-radius: 100%;
    top: 6px;
    left: 0;
}
.post_box.wersja1 .swiper-button-next {
	top: -40px;
	right: unset;
	left: 70px;
}	
.post_box.wersja1 .swiper-button-prev {
	top: -40px;
	right: unset;
	left: 0px;
}
.post_box.wersja1 .swiper-scrollbar {
    bottom: 40px !important;
}

.post_box.wersja_lista1 .post_description2 .link_post,
.post_box.wersja1 .post_description2 .link_post {
	color: #8C7869 !Important;
}
.post_box.wersja_lista1 .post_description2 .link_post:hover,
.post_box.wersja1 .post_description2 .link_post:hover {
	color: #4A4343 !Important;
}


.post_box.wersja_lista1 .posts_list .post_description2 .link_post:hover:after,
.post_box.wersja1 .post_description2 .link_post:hover:after {
	background-color: #4A4343 !Important;
}


@media (max-width: 1199px) {	
.post_box.wersja_lista1 .posts_list .post_description2 {
	border-bottom: 1px solid #E1D9D3;
}	
.post_box.wersja1 .post_description2 {
	border-left: 1px solid #E1D9D3;
}	
.post_box.wersja_lista1 .posts_list,
.post_box.wersja1 {
	padding-left: 5px;
	padding-right: 5px;
}
}

@media (min-width: 992px) {	
.post_box.wersja1 h2 {
	margin-bottom: 0px;
}
.post_box.wersja1 .swiper-button-next {
	top: -29px;
	right: 0;
	left: unset;
}	
.post_box.wersja1 .swiper-button-prev {
	top: -29px;
	right: 70px;
	left: unset;
}
}

@media (min-width: 1200px) {
.post_box.wersja_lista1 h2,	
.post_box.wersja1 h2 {
	font-size: 56px;
}
.post_box.wersja1 h2 {
	margin-bottom: 0px;
}
.post_box.wersja_lista1 .posts_list .single_post,
.post_box.wersja1 .single_post {
    display: flex;
	border-right: 1px solid #E1D9D3;
}	
.post_box.wersja_lista1 .posts_list .post_description2,
.post_box.wersja_lista1 .posts_list .post_thumbnail,
.post_box.wersja1 .post_description2,
.post_box.wersja1 .post_thumbnail {
	width: 50% !Important;
}
.post_box.wersja_lista1 .post_description2,
.post_box.wersja1  .post_description2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.post_box.wersja_lista1 .text-center2,
.post_box.wersja1 .text-center2 {
	text-align: right;
}
.post_box.wersja1 .swiper-button-next,	
.post_box.wersja1 .swiper-button-prev {
	top: -42px;
}

}

.post_box.wersja_lista1 .post_description2,
.post_box.wersja1 .post_description2 {
background: linear-gradient(270deg, rgba(255, 253, 247, 0.00) 0%, #FFFDF7 100%);
}




/*
.post_box.wersja_lista1 {
	background-color: #FFFDF7;
    background-image: url(../../img/tlo_post_list.svg);
    background-repeat: repeat-y;
    background-position: top center;
}
*/
.post_box.wersja_lista1 {
	background-image: url(../../img/kwadracik_svg.svg); 
	background-repeat: repeat;
	background-color: #FFFDF7;
	position: relative;
}
.post_box.wersja_lista1:before { 
	content:'';
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(27deg, #FFFDF7 21.3%, rgba(255, 253, 247, 0.00) 79.07%);
}


.post_box.wersja_lista1 .posts_list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.post_box.wersja_lista1 .posts_list .swiper-slide {
	margin-top: 40px;
} 

.post_box.wersja_lista1 .posts_list .swiper-slide:first-child {
	margin-top: 0px !Important;
} 

@media (min-width: 1200px) {
.post_box.wersja_lista1 .posts_list {
	flex-direction: row;
    justify-content: space-between;
}
.post_box.wersja_lista1 .posts_list .swiper-slide {
    width: calc(50% - 12px);
} 
.post_box.wersja_lista1 .posts_list .swiper-slide:nth-child(2)  {
	margin-top: 0px !Important;
} 
}


.post_box a {
	text-decoration: none !Important;
}

.post_thumbnail2 {
	position: relative;
	overflow: hidden;
}
.post_box .post_thumbnail2 img  {
    display: block; /* eliminuje micro-gap */
    width: 100%;
    
    aspect-ratio: 4 / 3;
    height: auto;
    object-fit: cover;
    object-position: center;

    transform: scale(1) translateZ(0); /* GPU hack */
    transform-origin: center center;   /* jawnie środek */
    
    transition: transform 0.9s ease;
    will-change: transform;
    backface-visibility: hidden; /* zapobiega "skokowi" */
}
.post_box a:hover .post_thumbnail2 img {
    transform: scale(1.08) translateZ(0);
}