.list-blocks { display: flex; flex-wrap: wrap; margin:var(--gap-md-negative); }
.list-blocks.list-blocks-rows-4 > .post-block-wrap { width: 25%; }
.list-blocks.list-blocks-rows-3 > .post-block-wrap { width: 33.3333%; }
.list-blocks.list-blocks-rows-2 > .post-block-wrap { width: 50%; }

@media all and (max-width:767px) {
	.list-blocks.list-blocks-rows-4 > .post-block-wrap { width: 50%; }
	.list-blocks.list-blocks-rows-3 > .post-block-wrap { width: 50%; }
}
@media all and (max-width:575px) {
	.list-blocks.list-blocks-rows-4 > .post-block-wrap { width:100%; }
	.list-blocks.list-blocks-rows-3 > .post-block-wrap { width:100%; }
	.list-blocks.list-blocks-rows-2 > .post-block-wrap { width:100%; }
}
.post-block-wrap { padding:var(--gap-md); }

/* CATEGORY : POST BLOCK 4 */
.post-block-4 { background-color:transparent; height:100%; display: flex; flex-direction: column; border-radius:5px; overflow:hidden; }
.post-block-4 a.image { display:block; width:100%; aspect-ratio:16/9; position:relative; margin:0; }
.post-block-4 a.image > div { position:absolute; top:0; right:0; bottom:0; left:0; border-radius: 5px; overflow: hidden; }
.post-block-4 a.image > div img { width:100%; height:100%; object-fit: cover; object-position: center; }
.post-block-4 .content { padding:15px 0 16px 0; flex:1; }
.post-block-4 .date { margin:0 0 5px 0; font-size: 16px; line-height: normal; }
.post-block-4 a.title { text-decoration:none; color:var(--primary_color); }
.post-block-4 h3 { margin:0 0 8px 0; font-weight: 600; font-size:150%; line-height:normal; letter-spacing:normal; }
.post-block-4 h3:before, .post-block-5 h3:after { content:none; }
.post-block-4 .text-full { font-size: 18px; line-height:25px; }
.post-block-4 .text { font-size: 18px; line-height:23px; }

@media all and (min-width:768px) {
	.post-block-4.full-block .text { display:none; }
}
@media all and (max-width:767px) {
	.post-block-4.full-block .text-full { display:none; }
}
@media all and (min-width:576px) {
	.list-blocks > .post-block-4.full-block { width:100%; }
	.post-block-4.full-block .post-block { display:flex; flex-direction:row; gap:var(--gap-lg); }
	.post-block-4.full-block a.image { width:50%; }
	.post-block-4.full-block .content { width:50%; display: flex; flex-direction: column; justify-content: center; }
	.post-block-4.full-block .details { padding:0; flex:1; }
}
@media all and (max-width:575px) {
	.post-block-4 a.title { font-size:120%; }
}

/* CATEGORY : POST BLOCK 5 */
.post-block-5 .post-block { height:100%; display: flex; flex-direction: column; }
.post-block-5 a.image { display: flex; width:100%; aspect-ratio:5/3; border-radius:20px; overflow:hidden; margin:0 0 16px 0; }
.post-block-5 a.image img { width: 100%; height: 100%; object-fit: cover; transition:transform .45s ease-in-out; }
.post-block-5 a.image:hover img { transform: scale(1.2); }
.post-block-5 .content { flex:1; display: flex; flex-direction: column; align-items: center; }
.post-block-5 a.title { text-decoration:none; color:var(--text_color); }
.post-block-5 h2 { text-align:center; font-size:19px; line-height: 22px; font-weight:600; margin:0; }
.post-block-5 h2:before, .post-block-5 h2:after { content:none; }
.post-block-5 .text { text-align:center; font-size: 14px; line-height:18px; font-weight:300; color: #555; margin:10px 0 0 0; flex: 1; display: flex; justify-content: center; align-items: center; cursor:default; }
.post-block-5 .more { text-align:center; margin: 16px 0 20px 0; }
.post-block-5 .more a { display:inline-block; font-size: 14px; text-transform: uppercase; font-weight: 500; color: #fff; background-color: #9e6363; border:1px solid #9e6363; padding:6px 21px 5px 24px; line-height: normal; letter-spacing: .5px; border-radius: 4px; text-decoration:none; transition:all .35s ease-in-out; }
#content .post-block-5 .more a:hover { color: #9e6363; background-color: #fff; }

/* CATEGORY : POST BLOCK 6 */
.post-block-6 .post-block { height:100%; }
.post-block-6 a { display: flex; flex-direction: column; height: 100%; text-decoration:none; color:var(--text_color); border: 1px solid #ddd; padding: 12px 12px 16px 12px; background-color:#fff; transition:all .25s ease-in-out; }
.post-block-6 a:hover { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); border: 1px solid #999; }
.post-block-6 .image { display: flex; width:100%; aspect-ratio:4/3; margin:0 0 10px 0; }
.post-block-6 .image img { width: 100%; height: 100%; object-fit: cover; }
.post-block-6 .content { flex:1; display: flex; flex-direction: column; }
.post-block-6 h3 { text-align:center; font-size:20px; line-height: 23px; font-weight:600; margin:0; }
.post-block-6 .text { text-align:center; font-size: 14px; line-height:18px; font-weight:300; color: #555; margin:6px 0 0 0; flex: 1; display: flex; justify-content: center; align-items: center; }
.post-block-6 .more { text-align:center; margin: 10px 0 0 0; }
.post-block-6 .more span { display:inline-block; font-size: 14px; text-transform: uppercase; font-weight: 500; color: #fff; background-color: #9e6363; border:1px solid #9e6363; padding:6px 21px 5px 24px; line-height: normal; letter-spacing: .5px; border-radius: 4px; transition:all .15s ease-in-out; }
.post-block-6 .more span:hover { color: #9e6363; background-color: #fff; }

/* CATEGORY : POST BLOCK 7 */
.post-block-7  a { display:flex; flex-direction: column; height:100%; background-color:#fff; text-decoration:none; padding:20px; border: 1px solid #eaeaea; border-radius: 3px; overflow: hidden; transition:all .18s ease-in; }
.post-block-7 .image { position:relative; width:100%; padding-bottom:100%; }
.post-block-7 .image > div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size:contain; background-repeat: no-repeat; background-position: center; }
.post-block-7 .title { flex: 1; flex-direction: column;  margin-top:15px; color:#d00; text-align:center; font-size: 16px; font-weight:500; line-height: normal; }
.post-block-7 .subtitle { flex:1; text-align:center; color:#000; font-size:90%;  line-height: normal; font-weight: 400; margin-top: 7px; }
.post-block-7 a:hover { transform: scale(1.03); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

@media all and (max-width:991px) {
	.post-block-7  a { padding:15px; }
}
@media all and (max-width:767px) {
	.post-block-7 a { padding:10px; }
	.post-block-7 .title { margin-top:10px; font-size: 15px; }
}
@media all and (max-width:575px) {
	.post-block-7 .title { font-size: 14px; }
}

/* CATEGORY : POST BLOCK 8 */
.post-block-8  a { display:flex; height:100%; background-color:#fff; border:1px solid #ddd; border-radius:3px; }
.post-block-8 .image { width:100%; aspect-ratio:3/4; border-radius:3px; transition:all .18s ease-in; }
.post-block-8 .image img { width:100%; border-radius:3px; overflow:hidden; height:100%; object-fit: cover; object-position: center; }
.post-block-8 a:hover .image { transform: scale(1.03); box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

/* CATEGORY : POST BLOCK 9 */
.post-block-9  a { display: inline-block; text-decoration:none; padding: 8px 0; font-size: 24px; font-weight: 500; line-height: normal; letter-spacing: .6px; color:var(--text_color); }
#content .post-block-9  a:hover { color:var(--primary_color); }

  
/*







.post-block a { color:#2e2e2e; text-decoration:none; }
.post-block a:hover { color:var(--secondary_color); }
.post-block-sticky { position: absolute; top: 12px; right: 13px; }
.post-block-sticky > svg { fill:#fff; width: 25px; height: 25px; }





*/