/* This file is used as dependency in:
   ../../modules/sec-blog-post-preview.module/module.html */

.pwr-sec-posts {
    overflow: hidden;
    padding: 135px 0 125px;
    position: relative;
    z-index: 0;
}

.pwr-sec-posts__intro-sec {
    position: relative;
}

.pwr-sec-posts--vertical-layout .pwr-sec-posts__intro-sec {
    margin-bottom: 80px;
}

.pwr-sec-posts__intro-sec--centered {
    max-width: 100%;
}

.pwr-sec-posts__cta--horizontal-layout {
    margin-top: 40px;
}

.pwr-sec-posts__title + .pwr-sec-posts__desc {
    margin-top: 20px;
}

.pwr-sec-posts__desc {
    max-width: 800px;
}

.pwr-sec-posts__container--large-hor .pwr-rel-post-item--large {
    float: left;
    width: 48%;
}

.pwr-sec-posts__container--large-hor .pwr-rel-post-item--large:nth-child(even) {
    margin-left: 4%;
}

.pwr-sec-posts__container--large-vert .pwr-rel-post-item--large {
    float: left;
    margin-left: 2%;
    width: 23.25%;
}

.pwr-sec-posts__container--large-vert .pwr-rel-post-item--large:first-child {
    margin-left: 0;
}

.pwr-sec-posts__slider-container {
    position: relative;
}

.pwr-sec-posts:not(.pwr-sec-posts--pagination) .swiper-button-next {
    top: 50% !important;
}

.pwr-sec-posts:not(.pwr-sec-posts--pagination) .swiper-button-prev {
    top: 50% !important;
}

@media (max-width: 1199px ) {
    .pwr-sec-posts__intro-sec--small-hor {
        padding-right: 8%;
    }

    .pwr-sec-posts__container--large-hor {
        padding-left: 8%;
    }
}

@media (min-width: 992px ) {
    .pwr-sec-posts--vertical-layout .pwr-sec-posts__cta [class*="cta_button"] {
        position: absolute !important;
        right: 0;
        top: 60px !important;
    }

    .pwr-sec-posts--vertical-layout .pwr-sec-posts__cta--no-intro-title [class*="cta_button"] {
        top: 15px !important;
    }

    .pwr-sec-posts--vertical-layout .pwr-sec-posts__intro-sec--centered .pwr-sec-posts__cta [class*="cta_button"] {
        margin-top: 40px;
        position: relative !important;
        top: 0 !important;
    }

    .pwr-sec-posts__intro-sec--large-hor {
        float: left;
        width: 40%;
    }

    .pwr-sec-posts__container--small-hor {
        float: left;
        width: 40%;
    }

    .pwr-sec-posts__intro-sec--small-hor {
        float: left;
        width: 60%;
    }

    .pwr-sec-posts__container--large-hor {
        float: left;
        width: 60%;
    }

    .pwr-sec-posts__intro-sec--small-hor {
        padding-right: 12%;
    }

    .pwr-sec-posts__container--large-hor {
        padding-left: 12%;
    }

    .pwr-sec-posts__container--small-vert .pwr-rel-post-item--small {
        float: left;
        width: 48%;
    }

    .pwr-sec-posts__container--small-vert .pwr-rel-post-item--small:nth-child(even) {
        margin-left: 4%;
    }
}

@media (max-width: 991px ) {
    .pwr-sec-posts__intro-sec {
        margin-bottom: 80px;
        max-width: 100%;
    }

    .pwr-sec-posts__intro-sec--small-hor {
        padding-right: 0;
    }

    .pwr-sec-posts__container--large-hor {
        padding-left: 0;
    }

    .pwr-sec-posts__cta {
        margin-top: 40px;
    }

    .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large {
        margin-left: 0;
        margin-top: 20px;
        width: 48%;
    }

    .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large:not(.swiper-slide):nth-child(even) {
        margin-left: 4%;
    }
}

@media (max-width: 767px ) {
    .pwr-sec-posts {
        padding: calc(135px * var(--sp-reduction-factor)) 0 calc(125px * var(--sp-reduction-factor));
    }

    .pwr-sec-posts__intro-sec {
        margin-bottom: calc(80px * var(--sp-reduction-factor));
    }

    .pwr-sec-posts--vertical-layout .pwr-sec-posts__intro-sec {
        margin-bottom: calc(80px * var(--sp-reduction-factor));
    }

    .pwr-sec-posts__title + .pwr-sec-posts__desc {
        margin-top: 15px;
    }

    .pwr-sec-posts__cta {
        margin-top: calc(40px * var(--sp-reduction-factor));
    }
}

@media (max-width: 575px ) {
    .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large {
        margin-top: 20px;
    }

    .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large {
        float: none;
        width: 100%;
    }

    .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large {
        float: none;
        width: 100%;
    }

    .pwr-sec-posts__container--large-hor .pwr-rel-post-item--large:nth-child(even) {
        margin-left: 0;
    }

    .pwr-sec-posts__container--large-vert .pwr-rel-post-item--large:nth-child(even) {
        margin-left: 0;
    }
}