.subpage.articles {
    .content {
        padding-top: 40px;
        padding-bottom: 40px;
        color: #263437;
        line-height: 26px;

        h1 {
            text-transform: uppercase;

            .search {
                font-weight: normal;
            }
        }

        .article {
            margin-bottom: 40px;
            padding-bottom: 30px;
            border-bottom: 1px solid #c9c9c9;

            &:first-of-type {
                margin-top: 50px;
            }

            &:last-of-type {
                margin-bottom: 0;
                padding-bottom: 0;
                border-bottom: 0;
            }

            h3 {
                font-size: 16px;
                text-transform: uppercase;
            }

            a {
                @include link(#263437);
                text-decoration: none;

                &.more-link {
                    @include link(#44cccc);
                    font-weight: bold;
                    text-align: right;
                    display: block;
                }
            }
        }

        .pagination {
            margin-top: 30px;
            text-align: center;
            font-size: 14px;
            text-transform: uppercase;

            a {
                @include link(#44cccc);
                text-decoration: none;
                margin: 0 5px;

                @include breakpoint($phone) {
                    margin: 0 20px;
                }

                &.prev,
                &.next {
                    margin: 0 20px;

                    @include breakpoint($phone) {
                        display: block;
                        margin: 10px 0;
                    }
                }
            }

            span.current {
                margin: 0 5px;
            }
        }
    }
}