/*
Theme Name: MN
Description: Monitor-Nieruchomosci.pl
Version: 2.0
Author: MN Team
*/

:root {
    --primary: #F82631;
}

.page-single { padding: 0rem 0px; }
.page-single .page-thumbnail { text-align: center;}
.page-single .page-thumbnail img {object-fit: cover;width: 100%; height: 60vh;min-height: 600px;transition: transform .2s ease-in-out, opacity .2s ease-in-out; margin-bottom: 3rem;}
.page-single .page-header { max-width: 800px; margin: auto;}
.page-single .page-header .page-header-category { margin-bottom: 1rem;}
.page-single .page-header .page-header-category .category-label { font-weight: bold; text-transform: uppercase; color: var(--primary); }
.page-single .page-header .page-header-meta {    display: flex; align-items: center; gap: 10px; margin-top: 1rem;}
.page-single .page-header .page-header-meta .author-avatar img { width: 32px; height: 32px;}
.page-single .page-header .page-header-meta .author-name { font-size: 1rem; font-weight: bold;}
.page-single .page-content { padding: 3rem 0px; max-width: 800px; margin: auto;}


.page-default { padding: 0rem 0px; }
.page-default .page-header { padding: 3rem 0px;}
.page-default .page-content { padding: 7rem 0px; margin: auto;}


/* Component Blog Posts */
.component-blog-posts {  padding: 3rem 0px; }
.component-blog-posts .component-header { padding: 3rem 0px; }
.component-blog-posts .component-blog-posts-list { margin-bottom: 3rem;}
.component-blog-posts .component-blog-posts-list .post-item { width: 100%;  margin: auto; margin-bottom: 3rem;}
.component-blog-posts .component-blog-posts-list .post-item h3 { font-size: 1.25rem; }
.component-blog-posts .component-blog-posts-list .post-item a { color: #000000; text-decoration: none;}
.component-blog-posts .component-blog-posts-list .post-item .post-item-thumb {position: relative;}
.component-blog-posts .component-blog-posts-list .post-item .post-item-category {  background: var(--primary); color:#ffffff; position: absolute; bottom:0px; padding: .5rem .5rem; text-transform: uppercase; font-size: .85rem;}
.component-blog-posts .component-blog-posts-list .post-item .post-item-img img {object-fit: cover;width: 100%; height: 300px; max-height: 300px;transition: transform .2s ease-in-out, opacity .2s ease-in-out;display: block;margin-bottom: 1.25rem;}


/* Component Blog Posts */