/* Blog */
.blog-top-banner {
    background: url('/wp-content/uploads/2026/02/home-gradient-background.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 300px;
    display: flex;
    align-items: center;
}
.blog-latest-item--img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.blog-latest-item--card h2 > a {
    color: #000;
}
.blog-latest-item--card .b2-link {
    margin: 20px 0;
}
.blog-filter {
    background: #f0f0f0;
    padding: 15px 0;
}
.blog-filter--container {
    display: grid;
    align-items: center;
    gap: 30px;
    grid-template-columns: 150px 1fr 1fr;
}
.blog-list-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.blog-item img {
    height: 400px;
    object-fit: cover;
}
.blog-item__title {
    display: block;
    margin: 30px 0;
}
.blog-item h3 > a {
    color: #000000;
}
.blog-item__cta {
    display: block;
    margin: 20px 0;
}
.blog-list-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
    gap: 10px;
}
.blog-page-link {
    color: #000000;
    margin: 0;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-page-link.is-active {
    background: #000000;
    color: #fff;
    border: 1px solid #000000;
}
.blog-list {
    padding: 60px 0;
}
/* Single Blog Post */
.single-post #page {
    overflow: auto;
}
.single-container {
    display: grid;
    grid-template-columns: 70% 30%;
    gap: 30px;
}
.single-blog h2,
.single-blog h3,
.single-blog h4 {
    margin-top: 20px;
}
.single-blog ul,
.single-blog ol {
    margin: 20px 0 20px 20px;
    padding-left: 20px;
}
.single-blog-banner {
    position: relative;
    z-index: 1;
}
.single-blog-banner img {
    min-height: 400px;
    height: 400px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.single-blog-breadcrumbs {
    background: #f0f0f0;
    padding: 20px 0;
}
.single-blog-breadcrumbs--items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.single-blog-breadcrumbs--items a {
    color: #000000;
}
.single-blog-breadcrumbs p {
    margin: 0;
}
.single-blog-share-links {
    display: flex;
    align-items: center;
    gap: 10px;
}
.single-blog-share-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
.single-blog-sidebar {
    background-color: #f0f0f0;
    padding: 30px;
}
.single-blog-sidebar h4 {
    margin-top: 0;
}
.single-blog-sidebar form {
    margin-top: 20px !important;
}
.single-blog-sidebar form .gform_fields {
    row-gap: 20px !important;
}
.single-blog-share-links a {
    color: #000000;
}
.entry-content .single-blog-share-links {
    margin: 40px 0;
}
.post-navigation {
    display: block;
    margin-top: 40px;
}
.post-navigation .nav-links {
    display: flex;
    margin: 0;
    justify-content: space-between;
}
.post-navigation .nav-links a {
    color: #fff;
    background: #000000;
    padding: 10px 15px;
}
.post-navigation .nav-links a:hover {
    opacity: 0.7;
}
@media only screen and (max-width: 1280px) {
    .single-container {
        grid-template-columns: 1fr;
    }
    .single-blog-content .post {
        padding-top: 0;
    }
}
@media only screen and (max-width: 991px) {
    .blog-list-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .blog-item img {
        height: 300px;
    }
}
@media only screen and (max-width: 767px) {
    .blog-filter {
        padding: 30px 0;
    }
    .blog-latest-item--img {
        height: 300px;
    }
    .blog-filter--container {
        gap: 15px;
        grid-template-columns: 1fr;
    }
    .blog-list-container {
        grid-template-columns: repeat(1, 1fr);
    }
}