.newsTable{
    box-sizing:border-box;
    border-color:white;
    border-collapse:collapse;
}
.newsTable > tbody > tr{
    color:white;
}

p > img {
    max-width: 75%;
    height: auto;
    text-align: center;
}

.newsarticle {
    display: flex;
    flex-direction: row;
    overflow: hidden;
    height: 15.1vw;
    max-height: 140px;
    z-index: 1;
    position: relative;
}

    .articleimage {
        aspect-ratio: 16 / 9;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../assets/news/news_frame2.png');
    }
        .articleimage > img {
            position: relative;
            height: 100%;
            width: 100%;
            object-fit: cover;
            z-index: -1;
            -webkit-mask-image: url('../assets/news/news_frame2_Mask.png');
            mask-image: url('../assets/news/news_frame2_Mask.png'); 
            mask-repeat: no-repeat;
            mask-size:100% 100%;
        }

.newsarticle > .articletext {
    padding-left:2%;
}

iframe {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 47vw;
    max-height: 436.45px;
}

.newsarticle > .articletext > a {
    text-decoration: none;
    color: white;
    font-size: min(2.5vw, 16px);
    max-height: 100%;
    display: block;
    font-family: 'Lucida Sans Unicode';
}
    .newsarticle > .articletext > a > p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom:0.5rem;
    }

.newsarticle > .articletext > a > h2 {
    font-size: min(3vw, 22px);
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
    color: #FFCC00;
    margin-bottom: 0.5%;
    font-family: clonewars;
}

.pages {
    text-align: end;
    font-size: min(2vw, 16px);
}
.pages > a {
    color:white;
    text-decoration:none;
}
.pages > .current {
    color: #FFCC00;
}

.badge {
    background-color: #24c7d1 !important;
}

img {
    width: 100%;
    box-sizing: border-box;
    object-fit:contain;
    max-height: 436.45px;
}

.news-header {
    width: 100%;
    background-image: url('../assets/faq/top_gradient.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 8vw;
    max-height: 60px;
    background-position-y: bottom;
    box-sizing: border-box;
    padding: 1% 2% 0 7.5%;
    font-size: min(3vw, 24px);
    text-shadow: 1px 1px 2px #000;
    text-transform: uppercase;
    color: #FFCC00;
    display: flex;
    justify-content: space-between;
}
.news-container {
    background-image: url('../assets/faq/body_gradient.svg');
    background-size: 100% 100%;
    background-repeat: repeat-y;
    font-size: min(2.5vw, 16px);
    box-sizing: border-box;
    padding: 1% 2% 0 2%;
    width: 100%;
    z-index: 1;
    position: relative;
}
.news-footer {
    width: 100%;
    background-image: url('../assets/faq/Bottom_Gradient.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-top:2%;
}
.news-container > ul{
    margin:unset;
}

@media(max-width:767px){

    .pages {
        text-align: center;
        font-size: min(3vw, 20px);
    }
}