.news-tiles {
    background: -moz-radial-gradient(39.74% 23.45%, circle farthest-corner, rgba(227, 1, 55, 1) 0%, rgba(127, 0, 55, 1) 100%);
    background: -webkit-radial-gradient(39.74% 23.45%, circle farthest-corner, rgba(227, 1, 55, 1) 0%, rgba(127, 0, 55, 1) 100%);
    background: -webkit-gradient(radial,39.74% 23.45%,0, 39.74% 23.45%, 1960.38,color-stop(0,rgba(227, 1, 55, 1) ),color-stop(1,rgba(127, 0, 55, 1) ));
    background: radial-gradient(39.74% 23.45%, circle farthest-corner, rgba(227, 1, 55, 1) 0%, rgba(127, 0, 55, 1) 100%);
}

    .news-tiles h1 {
        color: #ffffff;
    }

.news-tiles-container {
    background: url(https://static.whsplatform.englandgolf.org/clubs/1000/images/eg-rose.svg) no-repeat;
    background-size: 2800px 2800px;
    background-position-y: -100px;
    padding-top: 9rem;
    padding-bottom: 9rem;
    position: relative;
}

/* Individual Tiles*/

@media (min-width: 1088px) {
    .tile-grid__item {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.tile__image-container svg {
    position: absolute;
    bottom: calc(100% + -1350px);
    left: -450px;
    width: calc(100% + 900px);
    height: calc(100% + 900px);
}

.news-tiles-container .svg-container {
    position: absolute;
    width: 100%;
}

    .news-tiles-container .svg-container.bottom {
        bottom: -5vw;
    }

.news-tiles-container .svg-container.top {
    top: -66vw;
    transform: rotate(180deg);
}

@media (min-width: 992px) {
    .news-tiles-container .svg-container.top {
        top: -16vw;
    }
}


.text__link:hover .button__icon svg, .text__link:focus .button__icon svg {
    transform: translateX(3px);
}

.text__link .button__icon svg {
    transition: transform 0.3s cubic-bezier(0.75, 0, 0.25, 1);
}

.no-background {
    background: none;
}

    .no-background .news-tiles-container {
        background: none;
    }

    .no-background .pagination__text,
    .no-background .button--pagination {
        color: #e30137;
    }

.news__list__header {
    position: relative;
}

.news__list__header-text {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 100%;
    display: table;
}

@media all and (min-width:321px) and (max-width: 480px) {
    .news__list__header-text {
        top: 40%;
    }
}

    .news__list__header-text .header__text {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #ffffff;
    }

.news__list__header-text .header__text h1 {
    font-size: 3rem;
    font-weight: 700;
    max-width: 700px;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .news__list__header-text .header__text h1 {
        font-size: 2.8rem;
    }
}

@media (min-width: 768px) {
    .news__list__header-text .header__text h1 {
        font-size: 3rem;
    }
}

@media (min-width: 992px) {
    .news__list__header-text .header__text h1 {
        font-size: 3.8rem;
    }
}

@media (min-width: 1120px) {
    .news__list__header-text .header__text h1 {
        font-size: 4.4rem;
    }
}

@media (min-width: 1260px) {
    .news__list__header-text .header__text h1 {
        font-size: 5.5rem;
    }
}

.news-sorting {
    color: #ffffff;
    cursor: pointer;
}

    .news-sorting .dropdown-item {
        font-size: 1.3rem;
    }

.news__filter-actions .svg-reset {
    width: 2.5rem;
    height: 2.5rem;
}

.news__filter-actions {
    padding-top: 1.2rem !important;
}

    .news__filter-actions .btn-primary {
        font-size: 100%;
        padding: 0.55em 1.5em 0.4em 1.5em;
    }

@media all and (min-width:321px) and (max-width: 480px) {
    .news__filter-actions .btn-primary {
        padding-top: 0.3em;
        padding-bottom: 0.8em;
    }
}

@media (min-width: 992px) and (max-width: 1085px) {
    .news__filter-actions {
        padding-top: 3.6rem !important;
    }

        .news__filter-actions .btn-primary {
            font-size: 1.2rem;
            padding: 0.65em 1.5em 0.3em 1.5em;
        }
}

@media (min-width: 1085px) {
    .news__filter-actions {
        padding-top: 3.2rem !important;
    }
    .news__filter-actions .btn-primary {
        font-size: 100%;
        padding: 0.6em 1.5em 0.4em 1.5em;
    }
}

.edit-article-container {
    z-index: 99;
    top: 10px;
    left: 26px;
}

.edit-article-container a {
    font-size: 80%;
}

.tile-grid__item.hidden .tile__title,
.tile-grid__item.hidden p {
    color: #9AA1A4;
}

.tile-grid__item.hidden .tile__image:before {
    position: absolute;
    z-index: 99;
    left: 40%;
    top: 26%;
    font-size: 5rem;
    color: #9AA1A4;
    content: "\f070";
    font-family: 'Font Awesome 5 Pro';
}

/* Related news list on the news article page */

.related-news-list {
    margin-top: 6rem;
}

    .related-news-list .news-tiles h1 {
        font-size: 3.6rem;
    }

    .related-news-list .news-tiles-container {
        padding-top: 6rem;
    }

@media (min-width: 992px) {
    .related-news-list {
        margin-top: 10rem;
    }

        .related-news-list .news-tiles h1 {
            font-size: 4.6rem;
        }

        .related-news-list .news-tiles-container {
            padding-top: 9rem;
        }
}