/*region podcast */
.main-page .podcast {
    background: #FFFFFF;
}

.podcast h2 {
    padding-top: 80px;
    padding-bottom: 40px;
    max-width: 934px;
    margin: 0 auto;
}

.podcast__show-all {
    background: #f35c5c !important;
    text-align: center;
    padding: 8px 0 0 0;
    color: white;
    width: 180px;
    height: 40px;
    border-radius: 16px;
    font-size: 16px;
    display: block;
    cursor: pointer;
    margin: 32px auto 88px;
}

.podcast__show-all:active,
.podcast__show-all:focus,
.podcast__show-all:hover {
    background: #FFFFFF !important;
    color: #7C7C7C !important;
    text-decoration: none;
}

.podcast .article h3 > span {
    padding-left: 8px;
}

.podcast .article h3 > span > img {
    max-width: 24px;
    max-height: 24px;
    margin-top: -4px;
}

.article-list .article {
    overflow: hidden;
}

.article__podcast-img-anim,
.article__podcast-img {
    position: absolute;
    right: 0;
    top: 0;
    transition: 4s;
    transition-delay: 500ms;
}

.article:nth-child(2) .article__podcast-img-anim {
    transition-delay: 700ms;
}

.article:nth-child(3) .article__podcast-img-anim {
    transition-delay: 900ms;
}

.article:nth-child(4) .article__podcast-img-anim {
    transition-delay: 1100ms;
}

.article:nth-child(5) .article__podcast-img-anim {
    transition-delay: 1300ms;
}

.podcast:not(.animate) .article:nth-child(1) .article__podcast-img-anim {
    right: 0;
}

.podcast.animate .article:nth-child(1) .article__podcast-img-anim {
    right: 20px;
}

.podcast:not(.animate) .article:nth-child(2) .article__podcast-img-anim {
    top: -20px;
    right: -10px;
}

.podcast.animate .article:nth-child(2) .article__podcast-img-anim {
    top: 0;
    right: 0;
}

.podcast:not(.animate) .article:nth-child(3) .article__podcast-img-anim {
    top: 10px;
    right: 20px;
}

.podcast.animate .article:nth-child(3) .article__podcast-img-anim {
    top: 0;
    right: 0;
}

.podcast:not(.animate) .article:nth-child(4) .article__podcast-img-anim {
    top: -10px;
    right: 20px;
}

.podcast.animate .article:nth-child(4) .article__podcast-img-anim {
    top: 0;
    right: 0;
}

.podcast:not(.animate) .article:nth-child(5) .article__podcast-img-anim {
    right: 20px;
    transform: rotate(-25deg);
}

.podcast.animate .article:nth-child(5) .article__podcast-img-anim {
    top: 0;
    right: 0;
    transform: rotate(0);
}


@media only screen and (max-width: 767px) {
    .article__podcast-img-anim,
    .article__podcast-img {
        z-index: 1;
        opacity: 0.7;
        display: none;
    }

    .podcast .article {
        background-image: url("/local/templates/rodnayakrov/assets/sc/podcast/release-img-01-mobile.svg");
    }

    .podcast .article:nth-child(2) {
        background-image: url("/local/templates/rodnayakrov/assets/sc/podcast/release-img-02-mobile.svg");
    }

    .podcast .article:nth-child(3) {
        background-image: url("/local/templates/rodnayakrov/assets/sc/podcast/release-img-03-mobile.svg");
    }

    .podcast .article:nth-child(4) {
        background-image: url("/local/templates/rodnayakrov/assets/sc/podcast/release-img-04-mobile.svg");
    }

    .podcast .article:nth-child(5) {
        background-image: url("/local/templates/rodnayakrov/assets/sc/podcast/release-img-05-mobile.svg");
    }


    .podcast .article:nth-child(5) .article__podcast-img {
        right: -40%;
    }

    .podcast:not(.animate) .article:nth-child(5) .article__podcast-img-anim {
        transform: rotate(-25deg);
        right: -40%;
    }

    .podcast.animate .article:nth-child(5) .article__podcast-img-anim {
        top: 0;
        right: -40%;
        transform: rotate(0);
    }

    .podcast .article-list .article {
        height: 335px;
        margin-bottom: 0;
        padding: 20px;
    }

    .podcast .article-list {
        row-gap: 20px;
    }
}


 .column .pagewrapper .container.podcast p.para {
     width: 100%;
     max-width: 750px;
     padding-bottom: 0;
     margin-bottom: 48px;
     margin-top: 24px;
}
/*endregion podcast */