/* General */
.news .news__post .news__post__image {
    position: relative;
    overflow: hidden;
}

.news .news__post .news__post__image img {
    -webkit-transition: transform var(--transition-4);
    -moz-transition: transform var(--transition-4);
    transition: transform var(--transition-4);
}

.no-touchevents .news .news__post .news__post__image:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.news .news__post h2 {
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: var(--spacing-3);
}

.news .news__post p {
    font-weight: 300;
}

span.news__date {
    display: block;
    margin-bottom: var(--spacing-2);
    font-weight: 300;
    text-transform: uppercase;
    opacity: .3;
}


/* Overview */
.page-template-page-news .section > div:not(.section__animation) {
    position: relative;
    z-index: 2;
}

.page-template-page-news .section__animation .intro__animation__morph svg {
    top: 50px;
    width: 900px;
    height: 900px;
}

.section__news {
    padding-top: var(--spacing-7);
}

.section__news .news .news__post h2 {
    font-size: var(--font-size-news-small);
}


/* Pagination */
.section__pagination {
    margin-top: var(--spacing-9);
}

.pagination {
    margin-right: -10px;
    margin-left: -10px;
}

.pagination > span, .pagination > a {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    border: 1px solid var(--brand-black);
    border-radius: 50%;
}

.pagination > a {
    -webkit-transition: opacity var(--transition-2);
    -o-transition: opacity var(--transition-2);
    transition: opacity var(--transition-2);
}

.no-touchevents .pagination > a:hover {
    opacity: var(--opacity-1);
}

.pagination > span {
    color: var(--brand-white);
    background-color: var(--brand-black);
}


/* Single */
.single-post .section:first-child:not(.section--intro) {
    padding-top: calc(var(--spacing-6) + var(--height-header));
}

.single-post .section__back + div {
    padding-top: var(--spacing-8);
}

.single-post .section__back .button--minimal {
    margin-top: 0;
}

.single-post .section__back .button--minimal a {
    text-transform: uppercase;
}

.single-post h3:not(.typography--h1):not(.typography--h2):not(.typography--title) {
    margin-left: -1px;
}

.single-post h1 {
    font-size: var(--font-size-6);
    font-weight: normal;
    text-transform: unset;
    margin-bottom: var(--spacing-5);
}

.single-post .header--no-cover + main h2 {
    font-size: var(--font-size-news-big);
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: var(--spacing-3);
}

.single-post .section__media {
    padding-bottom: var(--spacing-8);
}

.single-post .section__text + .section__media {
    padding-top: 0;
}

.single-post .section__text + .section__news_preview, .section__media + .section__news_preview {
    padding-top: calc(var(--spacing-10) - var(--spacing-8));
}

.single-post .section__button + .section__news_preview {
    padding-top: var(--spacing-10);
}

.section__news_preview .news .news__post h2 {
    font-size: var(--font-size-news-big);
}

.section__news_preview .news .news__post p, .section__news_preview span.news__date {
    font-size: var(--font-size-lead);
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */


@media (min-width: 992px) {

    .single-post div:not(.section__news_preview).width--medium {
        max-width: 920px;
    }

    .pagination > span, .pagination > a {
        width: 44px;
        height: 44px;
        line-height: 42px;
    }

}


@media (min-width: 1240px) {

    .section__news .news .news__post:nth-child(n+4) {
        margin-top: var(--spacing-8);
    }

    .section__news .news .news__post .news__post__image {
        margin-bottom: var(--spacing-4);
    }

    .section__news .news .news__post h2 {
        margin-top: -5px;
        margin-bottom: var(--spacing-2);
    }

    .section__news .news .button--minimal {
        margin-top: var(--spacing-2);
    }

    .section__news .news .button--minimal a {
        font-size: var(--font-size-2);
    }

    .section__news_preview .news {
        margin-right: calc(-1 * var(--spacing-3));
        margin-left: calc(-1 * var(--spacing-3));
    }

    .section__news_preview .news .news__post {
        padding-right: var(--spacing-3);
        padding-left: var(--spacing-3);
    }
    
    .section__news_preview .news .news__post .news__post__image {
        margin-bottom: var(--spacing-6);
    }

}


@media (min-width: 1600px) {

    .section__news .news {
        margin-right: -25px;
        margin-left: -25px;
    }

    .section__news .news .news__post {
        padding-right: 25px;
        padding-left: 25px;
    }

}


@media (min-width: 1720px) {

    .page-template-page-news .section__animation  {
        top: -420px;
    }

    .page-template-page-news .section__animation .intro__animation__morph svg {
        right: -240px;
    }
    
}


@media all and (max-width: 1719.98px) and (min-width: 1400px) {

    .page-template-page-news .section__animation  {
        top: -400px;
    }

    .page-template-page-news .section__animation .intro__animation__morph svg {
        right: -25vw;
    }

}


@media all and (max-width: 1599.98px) and (min-width: 1400px) {

    .section__news .news {
        margin-right: -16px;
        margin-left: -16px;
    }

    .section__news .news .news__post {
        padding-right: 16px;
        padding-left: 16px;
    }

}


@media all and (max-width: 1399.98px) and (min-width: 1240px) {

    .page-template-page-news .section__animation  {
        top: -420px;
    }

    .page-template-page-news .section__animation .intro__animation__morph svg {
        right: -30vw;
    }

    .section__news .news {
        margin-right: -14px;
        margin-left: -14px;
    }

    .section__news .news .news__post {
        padding-right: 14px;
        padding-left: 14px;
    }

    .section__news_preview .news .news__post p {
        font-size: calc(var(--font-size-lead) - 1px);
    }

}


@media all and (max-width: 1239.98px) {

    .section__news .news .news__post p, .section__news span.news__date {
        font-size: var(--font-size-lead);
    }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

    .page-template-page-news .section__animation .intro__animation__morph svg {
        right: -35vw;
    }

    .page-template-page-news .section__animation  {
        top: -560px;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 768px) {

    .section__news .news .news__post:nth-child(n+3) {
        margin-top: calc(var(--spacing-8) * 1.2);
    }

     .section__news .news, .section__news_preview .news {
        margin-right: -14px;
        margin-left: -14px;
    }

    .section__news .news .news__post, .section__news_preview .news .news__post {
        padding-right: 14px;
        padding-left: 14px;
    }

    .news .news__post .news__post__image {
        margin-bottom: var(--spacing-5);
    }

}


@media all and (max-width: 991.98px) {

    .pagination > span, .pagination > a {
        width: 42px;
        height: 42px;
        line-height: 40px;
    }

} 


@media all and (max-width: 991.98px) and (min-width: 768px) {

    .page-template-page-news .section__animation  {
        top: -560px;
    }

    .page-template-page-news .section__animation .intro__animation__morph svg {
        right: -40vw;
    }

}


@media all and (max-width: 767.98px) {

    .page-template-page-news .section__animation  {
        top: -900px;
    }

    .section__news .news .news__post + .news__post, .section__news_preview .news .news__post + .news__post {
        margin-top: calc(var(--spacing-8) * 1.2);
    }

    .news .news__post .news__post__image {
        margin-bottom: var(--spacing-6);
    }

}


@media all and (max-width: 991.98px) and (min-width: 768px) { 

    .page-template-page-news .section__animation .intro__animation__morph svg {
        right: -55vw;
    }

}


@media all and (max-width: 767.98px) and (min-width: 576px) { 

    .page-template-page-news .section__animation .intro__animation__morph svg {
        right: -70vw;
    }

}


@media all and (max-width: 575.98px) { 

    .page-template-page-news .section__animation .intro__animation__morph svg {
         right: -520px;
    }

}