body {
    /* background-image: linear-gradient(rgba(211, 211, 211, .7), rgba(211, 211, 211, 0.7)), url(/wp-content/uploads/2024/12/bg-manutd-scaled.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    background: url(/wp-content/uploads/2024/12/manutd-bg.png) lightgray 50% / cover no-repeat;
    background-blend-mode: normal;

}

.hiddenHeader {
    display: none;
}

.stickyHeader{
    position: fixed;
    width: 100%;
    top: 0;
}

.headerSection.stickyHeader{
    background-color: #fff;
}

.lastest-news-deck > * {
    font-family: 'Teko';
}

.local-news-card {
    width: 100%;
    max-width: 360px;
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.25);
    height: 511px;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 50px;
}

.local-news-card:hover {
    transition: all 0.3s ease;
    cursor: pointer;
}

.local-news-card img {
    width: 100%;
    height: 230px !important;
    object-fit: cover;
    transition: all 0.3s ease;
}

.local-news-card:hover img {
    height: 0 !important;
    transition: all 0.3s ease;
    display: block;
}

.local-news-card .default-img {
    background: #ff0000;
    object-fit: contain;
}

.local-news-card .default-img img {
    object-fit: contain;
    transform: scale(.7);
}

.local-news-card .news-content {
    padding: 40px 20px;
    height: 281px;
}

.local-news-card:hover .news-content {
    height: 511px;
}

.local-news-card .tag {
    margin-bottom: 10px;
}

.local-news-card h3 {
    font-size: 40px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
    height: 100px;
    overflow: hidden;
    font-family: 'Teko';
}

.local-news-card:hover h3 {
    font-size: 28px;
    transition: all 0.3s ease;
    height: unset;
    overflow: visible;
}

.local-news-card .tag, .local-news-card .description {
    display: none;
    transition: all 0.3s ease;
} 

.local-news-card:hover .tag, .local-news-card:hover .description {
    display: block;
    transition: all 0.3s ease;
} 

.local-news-card .bottom-content {
    bottom: 40px;
    left: 20px;
    right: 20px;
}

.local-news-card a svg {
    margin-left: 10px;
}

.local-news-card a:hover {
    color: var(--grey);
}

.local-news-card a:hover svg path {
    fill: var(--grey);
}
/* .local-news-card:hover .bottom-content {
    bottom: 45px;
} */