.archive.category #sidebar ul {
padding-left: 0 !important;
list-style: none;
}
#sidebar h3 {
position: relative;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
font-size: 28px;
}
#sidebar h3:after {
--purple: #a17bb6;
position: absolute;
content: "";
width: 5rem;
display: block;
bottom: 0;
height: 0.2rem;
background: var(--purple);
}
#sidebar ul.wp-block-latest-posts li,
#sidebar ul.wp-block-related-posts li {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
#sidebar ul {
padding-left: 0 !important;
list-style: none;
}
#sidebar ul.wp-block-latest-posts li,
#sidebar ul.wp-block-related-posts li,
#sidebar .widget_categories {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
.nav-links {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.nav-links .nav-next, .nav-links .nav-previous   { margin:0 15px;}
.post_category {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); grid-gap: 15px; }
.post_cat_item .post_img_wrapper {
position: relative;
}
.post_cat_item img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
transition: 0.22s;
}
a.post_cat_item:hover img {
transform: scale(1.5);
}
a.post_cat_item .post_img_wrapper {
position: relative;
overflow: hidden;
}
.title_wrapper {
min-height: 60%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 30px;
z-index: 2;
}
.title_wrapper span {
font-size: 18px;
line-height: 22px;
text-align: center;
color: var(--white-color) !important;
width: 100%;
display: block;
}
.post_cat_item h2 {
font-style: italic;
font-weight: 900;
font-size: clamp(1.8rem, calc(1.8rem + (3 - 1.8) * ((100vw - 32rem) / (192 - 32))), 3rem);
min-height: 0vw;
line-height: 1.3;
text-align: center;
color: var(--white-color);
top: 0;
z-index: 100;
position: relative;
}
.post_cat_item .entry { }
.post_cat_item .entry p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; -webkit-box-orient: vertical;
margin-bottom: 0 !important;
}
.post_img_wrapper:before {
position: absolute;
content: '';
background: #0000007a;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.post_img_wrapper {
position: relative;
}
#sidebar h2 {
position: relative;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
#sidebar h2:after {
position: absolute;
content: '';
width: 5rem;
display: block;
bottom: 0;
height: 0.2rem;
background: var(--red-color);
}
#sidebar ul.wp-block-latest-posts__list.wp-block-latest-posts li{
border-bottom: 1px solid #e1e1e1;padding-bottom: 0.5rem;margin-bottom: 1rem;
} .hp_title{
font-weight: bold;
font-size: 32px;
line-height: 50px;
}
.image_text_blog {
position: relative;
border-radius: 5px;
}
.image_text_blog h3 {
min-height: 60%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 30px;
z-index: 2;
font-style: italic;
font-weight: 900;
font-size: clamp(
1.8rem,
calc(1.8rem + (3 - 1.8) * ((100vw - 32rem) / (192 - 32))),
3rem
);
min-height: 0vw;
line-height: 1.3;
text-align: center;
color: var(--white-color);
}
body.blog .spletnik-readmore {
position: relative;
font-weight: 500;
font-size: 18px;
line-height: 27px;
color: #000;
}
body.blog {
margin-bottom: 22px;
} .image_text_blog h3 {
min-height: 60%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 30px;
z-index: 2;
font-style: italic;
font-weight: 900;
font-size: clamp(
1.8rem,
calc(1.8rem + (3 - 1.8) * ((100vw - 32rem) / (192 - 32))),
3rem
);
min-height: 0vw;
line-height: 1.3;
text-align: center;
color: var(--white-color);
}
.post_cat_item .short_description.entry {
margin-bottom: 35px;
font-size: 15px;
line-height: 27px;
color: #6C6C6C;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
@media only screen and (max-width: 600px) {
.post_cat_item .short_description.entry{
font-size: 16px;
}
}
.blog_page_image { border-radius: 5px;
background-repeat: no-repeat;
padding-top: 70%;
background-position: center;
background-size: cover;
position: relative;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.blog_page_image:hover {
transform: scale(1.2);
} body.blog a:hover img {
transform: scale(1.2);
}
.image_text_blog{
margin-bottom: 26px;
overflow: hidden;
}
.post_cat_item .spletnik-readmore {
position: relative;
font-weight: 500;
font-size: 18px;
line-height: 27px;
color: #000;
}
.post_cat_item .spletnik-readmore:after {
background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="10" viewBox="0 0 17 10" fill="none"><path d="M12.0503 0L17 4.94975L12.0503 9.89949V4.94975V0ZM0 4.00004H12V6.00004H0V4.00004Z" fill="black" ></path></svg>');
width: 100%;
height: 100%;
position: absolute;
display: block;
content: "";
top: 6px;
background-repeat: no-repeat;
left: 100px;
}
.post_cat_item{
position:relative;
}
body.blog h3{
font-size: 20px;
line-height: 33px;
text-align: left;
color: #000;
}
.category-post{
position: relative;
top: -55px;
left: 18px;
background: #ED1C24;
padding: 7px 20px;
border-radius: 5px;
display: inline-block;
color: #fff !important;
}
.category-post a{
color: #fff !important;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 21px;
text-align: center;
}
.author-date-comment li svg{
width: 16px !important;
height: auto !important;
margin-right: 10px;
}
.author-date-comment{
list-style:none;
padding-left: 0px !important;
}
.author-date-comment li{
display: inline-flex;
font-size: 10px;
line-height: 17px;
text-transform: uppercase;
color: #6A6A6A;
}
.author-date-comment li span, .author-date-comment li{
margin-right: 5px;
}