@import url("partials/bottom_cta_section-pxx2Vme.css");

.page-title {
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 300;
}

.featured-blog-post .excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.2rem;
}

.featured-blog-post .read-more-button {
    text-transform: uppercase;
    color: #515151;
    font-weight: 600;
}

.featured-blog-post a {
    text-decoration: none;
    color: black;

    &:hover .read-more-button {
        text-decoration: underline;
    }
}

hr {
    margin-bottom: 4.5rem;
    margin-top: 4.5rem;

    @media (max-width: 767.98px) {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
    }
}

.blog-post-list a {
    text-decoration: none;
    color: black;

    &:hover .read-more-button {
        text-decoration: underline;
    }
}

.blog-post-list .blog-post-item {
    display: grid;
    grid-template-columns: 35% auto;
    column-gap: 45px;
    margin-bottom: 4.5rem;

    @media (max-width: 767.98px) {
        display: block;
        margin-bottom: 2.5rem;
    }
}

.blog-post-list .blog-post-item h2 {
    font-size: 1.7rem;
    line-height: 2.2rem;
    font-weight: 600;
}

.blog-post-list .blog-post-item .excerpt {
    font-size: 1.1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-post-list .blog-post-item .read-more-button {
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #515151;
    font-weight: 600;
}