/*
Theme Name: Publisher Child Theme
Theme URI: http://themeforest.net/item/publisher/15801051?ref=Better-Studio
Version: 1.0.0
Description: Designed by <a href="http://betterstudio.com/">BetterStudio</a>
Author: BetterStudio
Author URI: http://betterstudio.com/
Text Domain: publisher
Copyright: (c) 2016 BetterStudio
Template: publisher
*/


/*
Style from chat gpt direction
*/

.ensiklopedia-container{
max-width:1800px;
margin:auto;
padding:20px;
}

.ensiklopedia-layout{
display:grid;
grid-template-columns:300px minmax(0,1fr) 320px;
gap:25px;
}

.hero-section{
background:linear-gradient(135deg,#2563eb,#0f172a);
padding:80px 30px;
border-radius:20px;
color:#fff;
text-align:center;
}

.hero-section h1{
font-size:56px;
margin-bottom:20px;
}

.hero-section p{
max-width:700px;
margin:auto;
font-size:18px;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin:30px 0;
}

.stat-card{
background:#fff;
padding:25px;
border-radius:15px;
text-align:center;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.content-box{
background:#fff;
padding:25px;
margin-bottom:25px;
border-radius:15px;
}

.category-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px;
}

.category-card{
padding:20px;
border:1px solid #eee;
border-radius:10px;
display:block;
text-decoration:none;
}

.article-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.article-card img{
width:100%;
height:180px;
object-fit:cover;
border-radius:10px;
}

.sidebar-left,
.sidebar-right{
position:sticky;
top:90px;
height:max-content;
}

.ads-top,
.ads-footer,
.ads-middle{
margin:25px 0;
text-align:center;
}

@media(max-width:1200px){

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

.sidebar-left,
.sidebar-right{
position:relative;
top:auto;
}

.category-grid,
.article-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.category-grid,
.article-grid,
.stats-grid{
grid-template-columns:1fr;
}

.hero-section h1{
font-size:36px;
}

}