.single_post_template img.wp-post-image {
width: 100%;
height: auto !important;
display: block;
margin-bottom: 3rem;
aspect-ratio: 16 /9;
}
.single_post_template #sidebar h3 {
position: relative;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
font-size: 28px;
}
.single_post_template #sidebar h3:after {
--purple: #a17bb6;
position: absolute;
content: "";
width: 5rem;
display: block;
bottom: 0;
height: 0.2rem;
background: var(--purple);
}
.single_post_template #sidebar ul.wp-block-latest-posts li,
.single_post_template #sidebar ul.wp-block-related-posts li,
.single_post_template #sidebar .widget_categories {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 0.5rem;
margin-bottom: 1rem;
}
.single_post_template #sidebar ul {
padding-left: 0 !important;
list-style: none;
}
.single_post_template #sidebar form[role="search"] {
display: none;
}
.single_post_template span.cat-links {
font-weight: 600;
}
.single_post_template span.cat-links a {
font-weight: 400;
}
#comments p.comment-form-comment label {
display: block;
margin-bottom: 10px;
}
.single-post #comments input#submit {
padding: 10px 15px;
} .blog_homepage {
display: flex;
}
.hp_title{
font-weight: bold;
font-size: 32px;
line-height: 50px;
}
.blog_homepage_image img {
object-fit: cover;
-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;
}
.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);
}
.blog_homepage .short_description.entry {
background: var(--black-color);
padding: clamp(
1.5rem,
calc(1.5rem + (3 - 1.5) * ((100vw - 32rem) / (192 - 32))),
3rem
);
font-size: 16px;
color: var(--white-color);
}
.blog_homepage_image {
position: relative;
overflow: hidden;
}
.blog_homepage_image:before {
position: absolute;
content: "";
background: #0000007a;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.blog_homepage a:hover img {
transform: scale(1.2);
}
.blog_homepage .spletnik-readmore {
position: absolute;
left: 50%;
top: 75%;
transform: translate(-50%, 0%);
font-family: inherit;
font-size: 18px;
line-height: 22px;
text-align: center;
color: #ffffff;
z-index: 2;
}
.blog_page {
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);
}
.blog_page .short_description.entry {
margin-bottom: 35px;
font-size: 18px;
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) {
.blog_page .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);
} .blog_page 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(//floramicato.com/wp-content/uploads/2022/01/Arrow.png);
width: 100%;
height: 100%;
position: absolute;
display: block;
content: "";
top: 6px;
background-repeat: no-repeat;
left: 100px;
}
.post_cat_item{
position:relative;
margin-bottom: 70px;
}
.blog_page 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: 14px;
line-height: 17px;
text-transform: uppercase;
color: #6A6A6A;
}
.author-date-comment li span, .author-date-comment li{
margin-right: 10px;
}
.single-post #content a {
color: var(--black-color);
}
.single-post #content a:hover {
color: var(--hover-color);
}
.avatar{
width: 32px !important;
height: 32px !important;
}