/**
 * Styles for blogs/blog-playlists-template.php.
 */

.site-main.valentte-blog-home {
    padding: 40px 0;
}

.valentte-blog-home-intro {
    max-width: 1180px;
    margin: 0 auto 40px;
    padding: 0 32px;
    text-align: center;
}

.valentte-blog-home-intro h1 {
    font-family: 'Ysabeau Office', 'Cormorant', serif;
    font-size: 42px;
    margin-bottom: 14px;
}

.valentte-blog-home-intro p,
.valentte-blog-home-intro-text p {
    color: #666666;
    max-width: 720px;
    margin: 0 auto;
}

.blog-category-layout {
    max-width: 1180px;
    margin: 0 auto 56px;
    padding: 0 32px;
}

.blog-category-layout-heading {
    font-family: 'Ysabeau Office', 'Cormorant', serif;
    font-size: 28px;
    margin-bottom: 18px;
}

.blog-category-playlists {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.blog-playlist-skeleton {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.blog-playlist-skeleton-item {
    width: 240px;
    height: 400px;
    border-radius: 8px;
    background: linear-gradient(90deg, #ececec 25%, #f5f5f5 37%, #ececec 63%);
    background-size: 400% 100%;
    animation: valentte-blog-skeleton-loading 1.4s ease infinite;
}

@keyframes valentte-blog-skeleton-loading {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}