.news-section {
    background: #fff
}

.news-section .section-header {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 3.125rem;
    margin-bottom: 1rem
}

.news-section .section-header p {
    margin: 0
}

@media print,
screen and (min-width: 64em) {
    .news-section [data-slider] {
        margin-bottom: 2.5rem
    }
}

.news-section [data-slider] .slick-dotted {
    margin-bottom: 5rem
}

.news-section [data-slider] .slick-track {
    display: flex
}

.news-section .slot {
    float: right;
    width: 33.333%
}

.news-section .slot.news-post {
    padding: 0
}

@media print,
screen and (min-width: 40em) {
    .news-section .slot.news-post {
        padding: 0 1.25rem
    }
}

@media print,
screen and (min-width: 64em) {
    .news-section .slot.news-post {
        padding: 0
    }
}

.news-section .slot.news-post .single-post {
    display: flex;
    flex-flow: column nowrap;
    background: #fff;
    height: 100%;
    min-height: 15rem;
    border-radius: 3px;
    overflow: hidden;
    border-top: 1px solid #ffebd5;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ffebd5;
    border-left: 1px solid #fff;
    transition: border .25s ease-in-out
}

@media print,
screen and (min-width: 64em) {
    .news-section .slot.news-post .single-post:hover {
        border: 1px solid #ee7f00
    }
}

@media print,
screen and (min-width: 64em) {
    .news-section .slot.news-post .single-post .post-cover {
        display: none
    }
}

.news-section .slot.news-post .single-post .__no-image {
    min-height: 15rem;
    background-color: #f4f4f4
}

.news-section .slot.news-post .single-post .content-wrapper {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.875rem 1.875rem 1.875rem 2.5rem
}

.news-section .slot.news-post .single-post .content-wrapper .top-wrapper {
    width: 100%
}

.news-section .slot.news-post .single-post .content-wrapper .post-author {
    font-size: .6875rem
}

.news-section .slot.news-post .single-post .content-wrapper .post-title {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 1.75rem;
    color: #ee7f00;
    margin-bottom: .9375rem
}

.news-section .slot.news-post .single-post .content-wrapper .post-description {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
    line-height: 1.33
}

.news-section .slot.news-post.__important {
    float: left;
    width: 66.666%;
    height: 100%
}

@media print,
screen and (min-width: 64em) {
    .news-section .slot.news-post.__important {
        padding: 0 4.125rem 0 0
    }
}

.news-section .slot.news-post.__important .single-post {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #f4f4f4
}

.news-section .slot.news-post.__important .single-post .content-wrapper {
    flex: 0 0 auto;
    background: #fff
}

@media print,
screen and (min-width: 64em) {
    .news-section .slot.news-post.__important .single-post .content-wrapper {
        width: 50%
    }
}

.news-section .slot.news-post.__important .single-post .content-wrapper .top-wrapper {
    width: 100%
}

@media print,
screen and (min-width: 64em) {
    .news-section .slot.news-post:not(.__important) .single-post .post-description {
        display: none
    }
}

.news-section .section-button {
    margin-top: 1.5rem
}

@media print,
screen and (min-width: 64em) {
    .news-section .section-button {
        margin-top: 0
    }
}