.blog-post {
display: block;
}
.blog-post h3 {
display: block;
z-index: 1;
transition: color 0.25s ease-in-out;
margin: 1em 0;
padding-bottom: 10px;
color: #b5b5b5;
font-size: calc(1rem*var(---font-adjust-heading));
}
.blog-post h3 strong {
display: block;
margin-top: 0.5em;
color: var(--text);
font-size: calc(2rem*var(---font-adjust-heading));
}
.blog-post header {
position: relative;
}
.blog-post .excerpt {
margin-bottom: 2rem;
}
.blog-post header a {
z-index: 2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.blog-post .image-container {
display: block;
position: relative;
width: 100%;
height: 0;
overflow: hidden;
padding-top: 50%;
background: rgb(24,69,74);
background: linear-gradient(326deg, rgba(24,69,74,1) 0%, rgba(35,87,93,1) 100%);
}
.blog-post .image-container img {
object-fit: cover;
object-position: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(1);
transition: 0.25s ease-in-out;
}
.blog-post:hover .image-container img {
transition: 0.25s ease-in-out;
transform: scale(1.2);
}
.pr-pagniation .page {
display: inline-block;
font-size: 100%;
width: auto;
border-radius: 3px;
margin-right: 0.5rem;
background-color: #ececec;
width: 1.8rem;
text-align: center;
padding: 0.15rem 0;
color: var(--text);
}
.pr-pagniation .prev {
margin-right: 0.6rem;
}
.pr-pagniation .prev a, .pr-pagniation .next a {
text-decoration: none !important;
color: inherit;
transition: color 0.25s ease-in-out;
}
.pr-pagniation .prev a:hover , .pr-pagniation .next a:hover {
color: #f60;
transition: color 0.25s ease-in-out;
}
.pr-pagniation .page a {
text-decoration: none !important;
}
.pr-pagniation .page a:hover {
color: #f60;
}
.pr-pagniation .page.current a:hover {
color: inherit;
}
.pr-pagniation .page.current {
display: inline-block;
font-size: 100%;
width: auto;
border-radius: 3px;
margin-right: 0.5rem;
background-color: #242424;
width: 1.8rem;
text-align: center;
padding: 0.15rem 0;
color: white;
}
.blog-tags-list {
justify-content: left !important;
}
.blog-tags-list .blog-tag{
text-decoration: none !important;
}
