/* HOMEPAGE ARTICLES SECTION */

.articles {
    background-color: var(--color-off-white);
    overflow: hidden;
}

.article-card-flex {
    display: flex;
    margin-top: var(--spacing-md);
    gap: var(--spacing-sm);

    position: relative;
}

.article-card {
    background-color: var(--color-lighter);
    border: solid 2px var(--color-darker);
    border-radius: 12px;
    overflow: hidden;
    width: 33%;
    box-shadow: 4px 4px 0 0 rgb(45, 36, 36, 0.5);
    display: flex;
    flex-direction: column;
}

.article-img {
    width: 100%;
    height: 300px;
}

.article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-card-text {
    padding: var(--spacing-sm);
}

.article-card-text a {
    transition: 0.4s;
}

.article-card-text a:hover {
    color: var(--color-darker);
    text-decoration: underline;
  }

.article-card-header {
    font-size: 1.6rem;
}

.article-card-excerpt {
    margin-top: var(--spacing-sm);
}

.article-btn {
    margin-top: var(--spacing-sm);
}

/* ARTICLE INNER PAGE */

.article-main {
    max-width: 1200px;
    margin: var(--spacing-x-lg) auto;
}

.article-main-heading {
    margin-bottom: var(--spacing-x-lg);
}