/*==================================================
RAIN SPREE — BLOG PAGE
==================================================*/

.rs-blog-page{
    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(177,140,255,.35),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 20%,
            rgba(214,190,255,.38),
            transparent 32%
        ),
        radial-gradient(
            circle at 50% 85%,
            rgba(139,92,246,.18),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #f4edff 0%,
            #faf8ff 45%,
            #eee5ff 100%
        );

    color:#202744;
}

/*==================================================
HERO
==================================================*/

.rs-blog-hero{
    position:relative;
    min-height:190px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        linear-gradient(
            110deg,
            #f5f1ff 0%,
            #faf8ff 48%,
            #f1ebff 100%
        );
}

.rs-blog-hero-content{
    position:relative;
    z-index:2;
    padding:38px 0;
}

.rs-blog-hero h1{
    margin:0 0 8px;
    color:#171d42;
    font-size:42px;
    line-height:1.1;
    font-weight:800;
}

.rs-blog-hero p{
    max-width:600px;
    margin:0;
    color:#5d6178;
    font-size:15px;
    line-height:1.7;
}

/*==================================================
MAIN
==================================================*/

.rs-blog-section{
    padding:35px 0 80px;
}

.rs-blog-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:30px;
    align-items:start;
}

.rs-blog-main{
    min-width:0;
}

/*==================================================
TOOLBAR
==================================================*/

.rs-blog-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
}

.rs-blog-categories{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.rs-blog-filter{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:7px 16px;
    border:1px solid #e3e0ed;
    border-radius:999px;
    background:#fff;
    color:#454960;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
    transition:all .25s ease;
}

.rs-blog-filter:hover{
    color:#6824dc;
    border-color:#cbb2f5;
    background:#faf7ff;
}

.rs-blog-filter.active{
    color:#fff;
    background:#6824dc;
    border-color:#6824dc;
    box-shadow:0 7px 20px rgba(104,36,220,.20);
}

.rs-blog-sort{
    flex:0 0 auto;
}

.rs-blog-sort select{
    height:38px;
    min-width:105px;
    padding:0 30px 0 13px;
    border:1px solid #e2dfeb;
    border-radius:9px;
    outline:none;
    background:#fff;
    color:#35394f;
    font-size:12px;
    cursor:pointer;
}

/*==================================================
BLOG GRID
==================================================*/

.rs-blog-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

/*==================================================
BLOG CARD
==================================================*/

.rs-blog-card{
    min-width:0;
    overflow:hidden;
    border:1px solid #e7e5ed;
    border-radius:14px;
    background:#fff;
    box-shadow:0 7px 24px rgba(29,28,64,.06);
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.rs-blog-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(29,28,64,.12);
}

/*==================================================
CARD IMAGE
==================================================*/

.rs-blog-card-image{
    display:block;
    width:100%;
    height:175px;
    overflow:hidden;
    background:#eeeef4;
}

.rs-blog-card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .45s ease;
}

.rs-blog-card:hover .rs-blog-card-image img{
    transform:scale(1.045);
}

.rs-blog-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        linear-gradient(
            135deg,
            #f1eaff,
            #eee9fa
        );
    color:#6824dc;
    font-size:18px;
    font-weight:800;
}

/*==================================================
CARD CONTENT
==================================================*/

.rs-blog-card-content{
    padding:17px;
}

.rs-blog-card-category{
    display:inline-flex;
    align-items:center;
    margin-bottom:9px;
    padding:5px 10px;
    border-radius:999px;
    background:#f0e8ff;
    color:#6824dc;
    font-size:10px;
    line-height:1;
    font-weight:700;
}

.rs-blog-card-title{
    margin:0 0 8px;
    font-size:17px;
    line-height:1.4;
    font-weight:800;
}

.rs-blog-card-title a{
    color:#171d42;
    text-decoration:none;
}

.rs-blog-card-title a:hover{
    color:#6824dc;
}

.rs-blog-card-excerpt{
    margin:0 0 14px;
    color:#686c80;
    font-size:12px;
    line-height:1.65;
}

.rs-blog-card-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    color:#7a7d8e;
    font-size:10px;
}

.rs-blog-author{
    display:flex;
    align-items:center;
    gap:6px;
    color:#383c51;
    font-weight:600;
}

.rs-blog-author-avatar{
    width:24px;
    height:24px;
    flex:0 0 24px;
    overflow:hidden;
    border-radius:50%;
}

.rs-blog-author-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.rs-blog-dot{
    color:#aaaaba;
}

/*==================================================
SIDEBAR
==================================================*/

.rs-blog-sidebar{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.rs-blog-sidebar-card{
    padding:18px;
    border:1px solid #e7e5ed;
    border-radius:14px;
    background:#fff;
    box-shadow:0 7px 24px rgba(29,28,64,.05);
}

.rs-blog-sidebar-card h3{
    margin:0 0 17px;
    color:#171d42;
    font-size:17px;
    line-height:1.3;
    font-weight:800;
}

/*==================================================
SIDEBAR SEARCH
==================================================*/

.rs-blog-search-card{
    padding:10px;
}

.rs-blog-search-card form{
    position:relative;
}

.rs-blog-search-card input[type="search"]{
    width:100%;
    height:42px;
    padding:0 45px 0 15px;
    border:1px solid #e3e0eb;
    border-radius:999px;
    outline:none;
    color:#252941;
    background:#fff;
    font-size:12px;
}

.rs-blog-search-card input[type="search"]:focus{
    border-color:#a77add;
    box-shadow:0 0 0 3px rgba(104,36,220,.08);
}

.rs-blog-search-card button{
    position:absolute;
    top:4px;
    right:4px;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:50%;
    background:#f1ebff;
    color:#6824dc;
    cursor:pointer;
}

/*==================================================
POPULAR POSTS
==================================================*/

.rs-popular-posts{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.rs-popular-post{
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    gap:11px;
    text-decoration:none;
}

.rs-popular-image{
    width:70px;
    height:52px;
    overflow:hidden;
    border-radius:8px;
    background:#eeeef4;
}

.rs-popular-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}

.rs-popular-placeholder{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#6824dc;
    background:#f0e8ff;
    font-size:11px;
    font-weight:800;
}

.rs-popular-content{
    min-width:0;
}

.rs-popular-content h4{
    margin:0 0 5px;
    overflow:hidden;
    color:#252941;
    font-size:11px;
    line-height:1.4;
    font-weight:700;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.rs-popular-content span{
    color:#858798;
    font-size:9px;
}

/*==================================================
CATEGORIES
==================================================*/

.rs-sidebar-categories{
    display:flex;
    flex-direction:column;
    gap:11px;
}

.rs-sidebar-categories a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    color:#45485d;
    font-size:12px;
    text-decoration:none;
    transition:.25s ease;
}

.rs-sidebar-categories a:hover{
    color:#6824dc;
}

.rs-sidebar-categories a span{
    display:flex;
    align-items:center;
    gap:8px;
}

.rs-sidebar-categories strong{
    min-width:25px;
    padding:4px 7px;
    border-radius:999px;
    background:#f0e8ff;
    color:#6824dc;
    text-align:center;
    font-size:9px;
}

/*==================================================
NEWSLETTER
==================================================*/

.rs-blog-sidebar-newsletter{
    position:relative;
    overflow:hidden;
    padding:22px;
    border:1px solid #dfc9ff;
    border-radius:14px;
    background:
        linear-gradient(
            135deg,
            #f1e7ff,
            #e9dcff
        );
}

.rs-blog-sidebar-newsletter::after{
    content:"";
    position:absolute;
    width:110px;
    height:110px;
    right:-45px;
    bottom:-55px;
    border-radius:50%;
    background:rgba(255,255,255,.35);
}

.rs-blog-sidebar-newsletter h3{
    position:relative;
    z-index:2;
    margin:0 0 8px;
    color:#28204a;
    font-size:18px;
    font-weight:800;
}

.rs-blog-sidebar-newsletter p{
    position:relative;
    z-index:2;
    margin:0 0 17px;
    color:#656078;
    font-size:11px;
    line-height:1.6;
}

.rs-blog-newsletter-form{
    position:relative;
    z-index:3;
    display:flex;
    overflow:hidden;
    border-radius:9px;
    background:#fff;
}

.rs-blog-newsletter-form input{
    width:100%;
    min-width:0;
    height:40px;
    padding:0 12px;
    border:0;
    outline:none;
    color:#252941;
    font-size:10px;
}

.rs-blog-newsletter-form button{
    flex:0 0 auto;
    height:40px;
    padding:0 14px;
    border:0;
    background:#6824dc;
    color:#fff;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
    transition:.25s ease;
}

.rs-blog-newsletter-form button:hover{
    background:#5419b8;
}

/*==================================================
PAGINATION
==================================================*/

.rs-blog-pagination{
    display:flex;
    justify-content:center;
    margin-top:30px;
}

.rs-blog-pagination ul{
    display:flex;
    align-items:center;
    gap:7px;
    margin:0;
    padding:0;
    list-style:none;
}

.rs-blog-pagination li{
    margin:0;
}

.rs-blog-pagination a,
.rs-blog-pagination span{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e3e0eb;
    border-radius:8px;
    background:#fff;
    color:#383c51;
    font-size:11px;
    text-decoration:none;
    transition:.25s ease;
}

.rs-blog-pagination a:hover{
    border-color:#6824dc;
    color:#6824dc;
}

.rs-blog-pagination .current{
    border-color:#6824dc;
    background:#6824dc;
    color:#fff;
}

/*==================================================
EMPTY
==================================================*/

.rs-blog-empty{
    grid-column:1 / -1;
    padding:80px 20px;
    text-align:center;
}

.rs-blog-empty h2{
    margin:0 0 8px;
    color:#171d42;
}

.rs-blog-empty p{
    margin:0;
    color:#74778a;
}

/*==================================================
TABLET
==================================================*/

@media(max-width:1199px){

    .rs-blog-layout{
        grid-template-columns:minmax(0,1fr) 290px;
        gap:22px;
    }

    .rs-blog-grid{
        gap:14px;
    }

    .rs-blog-card-image{
        height:155px;
    }

}

/*==================================================
TABLET / SMALL DESKTOP
==================================================*/

@media(max-width:991px){

    .rs-blog-layout{
        grid-template-columns:1fr;
    }

    .rs-blog-sidebar{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .rs-blog-search-card{
        grid-column:1 / -1;
    }

    .rs-blog-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .rs-blog-hero{
        min-height:170px;
    }

    .rs-blog-hero-content{
        padding:35px 0;
    }

    .rs-blog-hero h1{
        font-size:34px;
    }

    .rs-blog-hero p{
        font-size:13px;
    }

    .rs-blog-section{
        padding:25px 0 60px;
    }

    .rs-blog-toolbar{
        flex-direction:column;
        align-items:stretch;
        gap:12px;
    }

    .rs-blog-categories{
        flex-wrap:nowrap;
        overflow-x:auto;
        padding-bottom:4px;
        scrollbar-width:none;
    }

    .rs-blog-categories::-webkit-scrollbar{
        display:none;
    }

    .rs-blog-filter{
        flex:0 0 auto;
    }

    .rs-blog-sort select{
        width:100%;
    }

    .rs-blog-grid{
        grid-template-columns:1fr;
    }

    .rs-blog-card-image{
        height:210px;
    }

    .rs-blog-sidebar{
        display:flex;
    }

}

/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

    .rs-blog-card-image{
        height:190px;
    }

    .rs-blog-card-content{
        padding:15px;
    }

    .rs-blog-card-title{
        font-size:16px;
    }

}

/*==========================================================
  RAIN SPREE BLOG
  PURPLE FROSTED GLASS
==========================================================*/


/*==========================================================
  HERO GLASS
==========================================================*/

.rs-blog-hero{
    background:transparent;
}


.rs-blog-hero-content{

    position:relative;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.62),
            rgba(238,226,255,.38)
        );

    border:1px solid rgba(255,255,255,.85);

    border-radius:28px;

    box-shadow:
        0 20px 55px rgba(86,45,140,.10),
        inset 0 1px 0 rgba(255,255,255,.90);

    backdrop-filter:
        blur(25px)
        saturate(140%);

    -webkit-backdrop-filter:
        blur(25px)
        saturate(140%);

    overflow:hidden;
}


/* subtle glass shine */

.rs-blog-hero-content::before{

    content:"";

    position:absolute;

    top:-50%;
    left:-20%;

    width:70%;
    height:160%;

    background:
        linear-gradient(
            110deg,
            transparent,
            rgba(255,255,255,.30),
            transparent
        );

    transform:rotate(12deg);

    pointer-events:none;
}


/*==========================================================
  TOOLBAR GLASS
==========================================================*/

.rs-blog-toolbar{

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.58),
            rgba(240,229,255,.38)
        );

    border:1px solid rgba(255,255,255,.80);

    border-radius:20px;

    padding:14px 18px;

    box-shadow:
        0 14px 40px rgba(86,45,140,.08),
        inset 0 1px 0 rgba(255,255,255,.85);

    backdrop-filter:
        blur(22px)
        saturate(135%);

    -webkit-backdrop-filter:
        blur(22px)
        saturate(135%);
}


/*==========================================================
  FILTER BUTTONS
==========================================================*/

.rs-blog-filter{

    background:rgba(255,255,255,.45);

    border:1px solid rgba(255,255,255,.80);

    color:#35205f;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75);

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}


.rs-blog-filter:hover{

    background:rgba(255,255,255,.70);

    border-color:rgba(109,40,217,.25);

    color:#6824dc;
}


.rs-blog-filter.active{

    background:
        linear-gradient(
            135deg,
            #6824dc,
            #8b5cf6
        );

    border-color:transparent;

    color:#fff;

    box-shadow:
        0 8px 24px rgba(104,36,220,.25);
}


/*==========================================================
  BLOG CARD — FROSTED GLASS
==========================================================*/

.rs-blog-card{

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.58),
            rgba(243,234,255,.34)
        );

    border:1px solid rgba(255,255,255,.82);

    border-radius:22px;

    box-shadow:
        0 18px 45px rgba(76,45,120,.10),
        inset 0 1px 0 rgba(255,255,255,.90);

    backdrop-filter:
        blur(25px)
        saturate(140%);

    -webkit-backdrop-filter:
        blur(25px)
        saturate(140%);

    overflow:hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}


.rs-blog-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 25px 60px rgba(76,45,120,.16),
        inset 0 1px 0 rgba(255,255,255,.95);
}


/*==========================================================
  CARD CONTENT
==========================================================*/

.rs-blog-card-content{

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.38),
            rgba(255,255,255,.18)
        );

    border-top:1px solid rgba(255,255,255,.42);
}


/*==========================================================
  CARD TEXT
==========================================================*/

.rs-blog-card-title,
.rs-blog-card-title a{

    color:#171d42;

    font-weight:800;
}


.rs-blog-card-excerpt{

    color:#414a64;

    font-weight:450;
}


.rs-blog-card-meta{

    color:#59627a;
}


.rs-blog-author{

    color:#30394f;
}


/*==========================================================
  CATEGORY BADGE
==========================================================*/

.rs-blog-card-category{

    background:rgba(139,92,246,.14);

    border:1px solid rgba(139,92,246,.20);

    color:#6022b8;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}


/*==========================================================
  SIDEBAR GLASS
==========================================================*/

.rs-blog-sidebar-card{

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.60),
            rgba(243,234,255,.34)
        );

    border:1px solid rgba(255,255,255,.82);

    border-radius:22px;

    box-shadow:
        0 18px 45px rgba(76,45,120,.09),
        inset 0 1px 0 rgba(255,255,255,.90);

    backdrop-filter:
        blur(25px)
        saturate(140%);

    -webkit-backdrop-filter:
        blur(25px)
        saturate(140%);
}


.rs-blog-sidebar-card h3{

    color:#171d42;
}


/*==========================================================
  SEARCH
==========================================================*/

.rs-blog-search-card input[type="search"]{

    background:rgba(255,255,255,.48);

    border:1px solid rgba(255,255,255,.82);

    color:#202742;

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
}


.rs-blog-search-card input[type="search"]::placeholder{

    color:#5b6278;

    opacity:.85;
}


/*==========================================================
  POPULAR POSTS
==========================================================*/

.rs-popular-content h4{

    color:#202742;
}


.rs-popular-content span{

    color:#646b7f;
}


/*==========================================================
  SIDEBAR CATEGORIES
==========================================================*/

.rs-sidebar-categories a{

    color:#3e465d;
}


.rs-sidebar-categories a:hover{

    color:#6824dc;
}


.rs-sidebar-categories strong{

    background:rgba(139,92,246,.14);

    color:#6022b8;
}


/*==========================================================
  NEWSLETTER GLASS
==========================================================*/

.rs-blog-sidebar-newsletter{

    background:
        linear-gradient(
            135deg,
            rgba(226,211,255,.62),
            rgba(247,241,255,.38)
        );

    border:1px solid rgba(255,255,255,.82);

    border-radius:22px;

    box-shadow:
        0 18px 45px rgba(76,45,120,.10),
        inset 0 1px 0 rgba(255,255,255,.90);

    backdrop-filter:
        blur(25px)
        saturate(140%);

    -webkit-backdrop-filter:
        blur(25px)
        saturate(140%);
}


/*==========================================================
  PAGINATION GLASS
==========================================================*/

.rs-blog-pagination a,
.rs-blog-pagination span{

    background:rgba(255,255,255,.48);

    border:1px solid rgba(255,255,255,.82);

    color:#45206d;

    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.75);
}


.rs-blog-pagination a:hover{

    background:rgba(255,255,255,.72);

    border-color:#8b5cf6;

    color:#6824dc;
}


.rs-blog-pagination .current{

    background:
        linear-gradient(
            135deg,
            #6824dc,
            #8b5cf6
        );

    color:#fff;

    border-color:transparent;
}


/*==========================================================
  RESPONSIVE
==========================================================*/

@media(max-width:991px){

    .rs-blog-card,
    .rs-blog-sidebar-card,
    .rs-blog-sidebar-newsletter{

        border-radius:20px;

        backdrop-filter:blur(20px);
        -webkit-backdrop-filter:blur(20px);
    }

}


@media(max-width:767px){

    .rs-blog-page{

        background:
            radial-gradient(
                circle at 15% 15%,
                rgba(139,92,246,.25),
                transparent 35%
            ),
            radial-gradient(
                circle at 85% 75%,
                rgba(196,181,253,.25),
                transparent 35%
            ),
            linear-gradient(
                145deg,
                #f5efff,
                #eee6ff
            );
    }

    .rs-blog-hero-content{

        border-radius:20px;

        backdrop-filter:blur(20px);
        -webkit-backdrop-filter:blur(20px);
    }

    .rs-blog-toolbar{

        border-radius:18px;
    }

    .rs-blog-card,
    .rs-blog-sidebar-card,
    .rs-blog-sidebar-newsletter{

        border-radius:18px;

        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
    }

}


/*==========================================================
  CATEGORY ARCHIVE
==========================================================*/

.rs-category-page {

    min-height:100vh;

    padding:50px 0 90px;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(177,140,255,.30),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 20%,
            rgba(214,190,255,.35),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #f4edff,
            #faf8ff,
            #eee5ff
        );
}


/* HERO */

.rs-category-hero-content {

    padding:35px;

    border-radius:28px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.62),
            rgba(238,226,255,.38)
        );

    border:1px solid rgba(255,255,255,.85);

    box-shadow:
        0 20px 55px rgba(86,45,140,.10),
        inset 0 1px 0 rgba(255,255,255,.9);

    backdrop-filter:blur(25px) saturate(140%);
    -webkit-backdrop-filter:blur(25px) saturate(140%);
}


.rs-category-breadcrumb {

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:35px;

    font-size:13px;

    color:#5d6378;
}

.rs-category-breadcrumb a {

    color:#4b246e;

    text-decoration:none;

    font-weight:600;
}

.rs-category-breadcrumb a:hover {

    color:#6d28d9;
}


.rs-category-label {

    display:inline-flex;

    padding:8px 15px;

    border-radius:999px;

    background:rgba(139,92,246,.13);

    border:1px solid rgba(139,92,246,.18);

    color:#6022b8;

    font-size:13px;

    font-weight:700;
}


.rs-category-hero h1 {

    margin:18px 0 10px;

    color:#17213d;

    font-size:48px;

    line-height:1.1;
}


.rs-category-hero p {

    max-width:650px;

    color:#414a64;

    font-size:17px;

    line-height:1.7;
}


/* LAYOUT */

.rs-category-layout {

    display:grid;

    grid-template-columns:minmax(0, 1fr) 300px;

    gap:30px;

    margin-top:35px;
}


/* MAIN HEADING */

.rs-category-heading {

    margin-bottom:22px;
}

.rs-category-eyebrow {

    color:#6d28d9;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.08em;
}

.rs-category-heading h2 {

    margin:6px 0 0;

    color:#18213d;

    font-size:30px;
}


/* GRID */

.rs-category-grid {

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:24px;
}


/* EMPTY */

.rs-category-empty {

    text-align:center;

    padding:70px 30px;

    border-radius:22px;

    background:rgba(255,255,255,.55);

    border:1px solid rgba(255,255,255,.8);

    backdrop-filter:blur(20px);
}

.rs-category-empty i {

    font-size:35px;

    color:#7c3aed;
}

.rs-category-empty h2 {

    color:#18213d;
}

.rs-category-empty p {

    color:#59627a;
}


.rs-category-back {

    display:inline-flex;

    margin-top:15px;

    padding:12px 22px;

    border-radius:999px;

    background:#6d28d9;

    color:#fff;

    text-decoration:none;

    font-weight:700;
}


/* MOBILE */

@media(max-width:1100px) {

    .rs-category-layout {

        grid-template-columns:1fr;
    }

    .rs-blog-sidebar {

        display:grid;

        grid-template-columns:repeat(2,1fr);

        gap:20px;
    }

    .rs-blog-sidebar-newsletter {

        grid-column:span 2;
    }

}


@media(max-width:767px) {

    .rs-category-page {

        padding:30px 0 60px;
    }

    .rs-category-hero-content {

        padding:22px;

        border-radius:20px;
    }

    .rs-category-hero h1 {

        font-size:34px;
    }

    .rs-category-hero p {

        font-size:15px;
    }

    .rs-category-grid {

        grid-template-columns:1fr;
    }

    .rs-blog-sidebar {

        display:block;
    }

    .rs-blog-sidebar-card,
    .rs-blog-sidebar-newsletter {

        margin-bottom:20px;
    }

}