/* Header */
h1,
h2,
h3,
h6 {
    color: #fff;
}

/* News & Calendar */
.news-item {
    margin-top: 15px;
    margin-bottom: 15px;
}

.news-item.border,
.calendar-event.border {
    border: 0 !important;
}

.news-content-container {
    padding: 24px;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 12px rgba(0, 0, 0, 0.03);

}


.news-image-container {
    width: 100%;
}

.news-item-image-div {
    min-height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 160px;
    border-radius: 16px 16px 0 0;
}

.news-date {
    display: none;
}

.news-title {
    margin-bottom: 8px;
}

.news-title a {
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    color: var(--primary-color);
}

.news-short-description-content {
    text-align: left !important;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: var(--primary-color-tint);
}

.news-read-more {
    color: var(--primary-color);
    margin-top: 16px;
    text-align: left;
    font-size: 14px;
    text-decoration: none;
    font-weight: 600;
}

a.news-read-more::after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    margin-left: 0.5rem;
    display: inline-block;
    vertical-align: middle;
}

.news-read-more a:hover::after {
    transform: translateX(2px);
}

.news-read-more a {
    color: color-mix(in srgb, var(--accent) 90%, black 10%);
    font-size: var(--font-body-size);
}

.news-read-more a:hover {
    color: color-mix(in srgb, var(--accent) 90%, black 10%);
}

.news-body img {
    max-width: 100%;
    height: auto;
}


/* Custom */
.HomeRightColumnImg {
    background-image: url('https://foys-prod.imgix.net/e4ab25b6-62d4-480c-2d8a-08ddba05aa5d/71fe8255-6e38-4aa2-ab9e-ee7311ba0c27.jpeg?w=1200') !important;
}

@media (max-width: 992px) {
    .HomeMainText h1 {
        font-size: 55px !important;
    }

    .HomeMainText h2 {
        font-size: 45px !important;
    }

    .website-news-items-widget {
    display: flex;
    align-items: center;
    justify-content: center !important;
    margin: auto;
    }
}