/* ==========================================================
   ToListn Game Posts
   Hero Featured CSS
   Version: 2.0
========================================================== */


/* ==========================================================
   Featured Main Layout
========================================================== */


.tlgp-main{

    display:grid;

    grid-template-columns:58% 42%;

    gap:42px;

    align-items:start;

    margin-top:28px;

}



/* ==========================================================
   Featured Card
========================================================== */


.tlgp-featured{

    background:#fff;

    border-radius:var(--tlgp-radius);

    overflow:hidden;

    box-shadow:var(--tlgp-shadow);

    transition:var(--tlgp-transition);

}



.tlgp-featured:hover{

    transform:translateY(-4px);

    box-shadow:var(--tlgp-shadow-hover);

}



/* ==========================================================
   Featured Image
========================================================== */


.tlgp-featured-image{

    position:relative;

    overflow:hidden;

}



.tlgp-featured-image img{

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

    display:block;

    transition:.45s ease;

}



.tlgp-featured:hover .tlgp-featured-image img{

    transform:scale(1.06);

}



/* Image Overlay */


.tlgp-featured-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.18),
        rgba(0,0,0,0)
    );

    pointer-events:none;

}



/* ==========================================================
   Featured Content
========================================================== */


.tlgp-featured-content{

    padding:42px;

}



/* ==========================================================
   Category Badge
========================================================== */


.tlgp-badge{

    display:inline-flex;

    align-items:center;

    width:fit-content;

    padding:8px 18px;

    border-radius:999px;

    background:var(--tlgp-primary);

    color:#fff;

    font-size:12px;

    font-weight:700;

    letter-spacing:.8px;

    text-transform:uppercase;

}



/* ==========================================================
   Title
========================================================== */


.tlgp-featured-title{

    margin:24px 0 18px;

    font-size:38px;

    line-height:1.25;

    font-weight:800;


    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

}



.tlgp-featured-title a{

    color:var(--tlgp-text);

    text-decoration:none;

    transition:var(--tlgp-transition);

}



.tlgp-featured-title a:hover{

    color:var(--tlgp-primary);

}



/* ==========================================================
   Excerpt
========================================================== */


.tlgp-featured-excerpt{

    color:var(--tlgp-text-light);

    font-size:17px;

    line-height:1.9;

    margin-bottom:28px;

}



/* ==========================================================
   Meta
========================================================== */


.tlgp-featured .tlgp-meta{

    margin-bottom:30px;

}



/* ==========================================================
   Read Button
========================================================== */


.tlgp-read-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:fit-content;

    padding:14px 28px;

    background:var(--tlgp-primary);

    color:#fff;

    font-weight:700;

    border-radius:999px;

    transition:.3s ease;

}



.tlgp-read-btn:hover{

    background:var(--tlgp-primary-dark);

    transform:translateX(6px);

    color:#fff;

}



/* ==========================================================
   Mobile Adjust
========================================================== */


@media(max-width:992px){


    .tlgp-main{

        grid-template-columns:1fr;

        gap:32px;

    }


}



@media(max-width:768px){


    .tlgp-featured-content{

        padding:24px;

    }



    .tlgp-featured-title{

        font-size:28px;

    }



    .tlgp-featured-excerpt{

        font-size:15px;

    }


}

/* Minecraft */
/* Minecraft */
.tlgp-section.minecraft{

    --tlgp-primary:#4CAF50;

    --tlgp-primary-dark:#388E3C;

}


/* Stardew Valley */
.tlgp-section.stardew-valley{

    --tlgp-primary:#D9A441;

    --tlgp-primary-dark:#B8872F;

}


/* Don't Starve Together */
.tlgp-section.dont-starve-together{

    --tlgp-primary:#C75B39;

    --tlgp-primary-dark:#99442B;

}


/* Terraria */
.tlgp-section.terraria{

    --tlgp-primary:#7E57C2;

    --tlgp-primary-dark:#5E3FA0;

}


/* Stardew Valley */
.tlgp-section.stardew-valley{
    --tlgp-primary:#D9A441;
}


/* Don't Starve Together */
.tlgp-section.dont-starve-together{
    --tlgp-primary:#C75B39;
}


/* Terraria */
.tlgp-section.terraria{
    --tlgp-primary:#7E57C2;
}