.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .blog-post-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
overflow: hidden;
}
.blog-post-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
.blog-post-card .wp-block-post-featured-image img {
object-fit: cover;
transition: transform 0.3s ease;
}
.blog-post-card:hover .wp-block-post-featured-image img {
transform: scale(1.05);
}
.blog-post-card .wp-block-post-title a {
text-decoration: none;
color: var(--wp--preset--color--primary);
transition: color 0.2s ease;
}
.blog-post-card .wp-block-post-title a:hover {
color: var(--wp--preset--color--accent);
} .post-meta {
display: inline-block;
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 0.5px;
} .wp-block-query-pagination {
margin-top: 3rem;
}
.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
padding: 0.5rem 1rem;
margin: 0 0.25rem;
border: 1px solid var(--wp--preset--color--light);
border-radius: 4px;
text-decoration: none;
color: var(--wp--preset--color--primary);
transition: all 0.2s ease;
}
.wp-block-query-pagination a:hover,
.wp-block-query-pagination .page-numbers:hover {
background-color: var(--wp--preset--color--accent);
color: white;
border-color: var(--wp--preset--color--accent);
}
.wp-block-query-pagination .page-numbers.current {
background-color: var(--wp--preset--color--primary);
color: white;
border-color: var(--wp--preset--color--primary);
}