:root {
    --scuf-header-font-family: 'Tomorrow','Helvetica Neue',Helvetica,Arial,sans-serif;
    --scuf-black: #130c0e;
}

body {
    background-color: var(--scuf-black);
}

nav {
    background: var(--brand-colour);
}

#mobileBurger {
    stroke: #333132;
}

nav a {
    color: #333132;
}

.desktop_nav_item p {
    font-family: var(--scuf-header-font-family);
    font-weight: 500;
}
.desktop_nav_item:hover p {
    border-bottom: 3px solid #333132;
}

.desktop_nav_item > a {
    text-decoration: none;
}

.top_level_nav_item a {
    text-decoration: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* homepage games */
@media screen and (min-width: 900px) {
    #categories_list {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}

.category {
    padding: 0px;
}
.category a {
    height: unset;
}
.category img {
    width: 100%;
}


#search_wrapper h1,
#categories_container h1,
#page-content section h2 {
    font-weight: 500;
    color: var(--brand-colour);
    font-family: var(--scuf-header-font-family);
}

#categories_container,
#latest_container,
.feature {
    background: var(--scuf-black);
}

#categories_container h1 {
    text-align: center;
    font-size: 54px;
    font-style: normal;
    font-weight: 500;
    line-height: 56px; /* 100% */
    text-transform: uppercase;
    padding-top: 32px;
}

.category {
    background: #333132;
}

.category_image,
.category_title {
    background: #333132;
}

.latest,
.related_article {
    background: white;
}

.latest .article_item,
.latest .article_item a,
.related_article_text,
.related_article_text a {
    color: var(--scuf-black);
}

.article_item .article_type,
.related_article_article_type,
.related_article_article_title {
    letter-spacing: -0.12px;
    font-size: 18px;
    line-height: 20px;
    height: unset;
}

.article_item .article_type {
    text-transform: uppercase;
}

.qsg #article_info{
    font-family: var(--scuf-header-font-family);
}

.streamfield,
.streamfield p{
    font-family: var(--scuf-font-family);
    font-weight: 300;
}

#articles_list .article,
#articles_list .article .article_item,
#articles_list .article .article_item a {
    background-color: white;
    color: var(--scuf-black);
}

/* toc */
#table_of_contents a p {
    color: #585858
}

#table_of_contents ol {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* article products */
.scuf_products {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 32px;
}

.scuf_products .category_title {
    padding: 16px;
}

.scuf_products a {
    text-decoration: none;
}

@media screen and (min-width: 900px) {
    .scuf_products {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1260px) {
    .scuf_products {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

/* footer */
footer {
    background: #43424a;
}

footer h2 {
    color: #ffd2a4;
    font-size: 18px;
    padding-bottom: 19px;
}

#newsletter_container h2 {
    padding-bottom: 0px;
}

form#newsletter {
    gap: 0;
}

#newsletter input[type="email"] {
    background: #fff;
    color: #333132;
    border: 1px solid #333132;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#newsletter input[type="submit"] {
    background-color: #333132;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: none;
}

#page_columns li {
    padding-bottom: 5px;
}

#page_columns ul a {
    color: white;
    font-weight: 300;;
}


@media screen and (min-width: 900px) {
    .article_item {
        height: unset;
    }
}

@media screen and (min-width: 960px) {
    #page_columns {
        display: flex;
    }
}

@media screen and (min-width: 1280px) {
    #footer_wrapper {
        flex-direction: row;
        max-width: 1360px;
        width: 100%;
        margin: 0px auto;
    }
}