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

.blog-hero{

    min-height:65vh;

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:#fff;

    background:
    linear-gradient(rgba(13,27,42,.80),rgba(13,27,42,.80)),
    url("../images/backgrounds/blog-hero.jpg");

    background-size:cover;

    background-position:center;

    padding:120px 8%;

}

.blog-hero .container{

    max-width:850px;

}

.blog-hero h1{

    font-family:'Playfair Display',serif;

    font-size:72px;

    margin:25px 0;

}

.blog-hero p{

    font-size:20px;

    line-height:1.9;

    color:#ddd;

}

/*=========================================
FEATURED ARTICLE
=========================================*/

.featured-article{

    padding:120px 8%;

    background:#fff;

}

.featured-grid{

    display:grid;

    grid-template-columns:480px 1fr;

    gap:80px;

    align-items:center;

}

.featured-image img{

    width:100%;

    border-radius:20px;

    box-shadow:0 30px 60px rgba(0,0,0,.15);

    transition:.35s;

}

.featured-image img:hover{

    transform:translateY(-10px);

}

.featured-content h2{

    font-family:'Playfair Display',serif;

    font-size:52px;

    color:#0D1B2A;

    margin:20px 0;

}

.article-meta{

    display:flex;

    gap:25px;

    color:#777;

    margin-bottom:25px;

    flex-wrap:wrap;

}

.article-meta i{

    color:#D4AF37;

    margin-right:8px;

}

.featured-content p{

    font-size:18px;

    color:#555;

    line-height:1.9;

    margin-bottom:40px;

}

@media(max-width:900px){

.featured-grid{

    grid-template-columns:1fr;

}

}

/*=========================================
LATEST ARTICLES
=========================================*/

.latest-articles{

    padding:120px 8%;

    background:#f8f6f2;

}

.section-heading{

    text-align:center;

    max-width:750px;

    margin:0 auto 70px;

}

.section-heading h2{

    font-family:'Playfair Display',serif;

    font-size:56px;

    color:#0D1B2A;

    margin:20px 0;

}

.section-heading p{

    color:#666;

    font-size:18px;

    line-height:1.8;

}

.articles-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(330px,1fr));

    gap:35px;

}

.article-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.article-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.article-card img{

    width:100%;

    height:240px;

    object-fit:cover;

}

.article-info{

    padding:30px;

}

.article-info span{

    color:#D4AF37;

    font-size:14px;

    font-weight:600;

}

.article-info h3{

    font-family:'Playfair Display',serif;

    font-size:30px;

    color:#0D1B2A;

    margin:18px 0;

}

.article-info p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

.article-info a{

    color:#D4AF37;

    font-weight:600;

}

.article-info a:hover{

    color:#0D1B2A;

}

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

.blog-categories{

    padding:120px 8%;

    background:#fff;

}

.categories-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:30px;

    margin-top:70px;

}

.category-card{

    background:#f8f6f2;

    padding:45px 30px;

    text-align:center;

    border-radius:20px;

    transition:.35s;

    cursor:pointer;

}

.category-card:hover{

    transform:translateY(-10px);

    background:#D4AF37;

    color:#fff;

}

.category-card i{

    font-size:45px;

    color:#D4AF37;

    margin-bottom:25px;

    transition:.35s;

}

.category-card:hover i{

    color:#fff;

}

.category-card h3{

    font-family:'Playfair Display',serif;

    font-size:28px;

    margin-bottom:12px;

}

.category-card p{

    color:#777;

    transition:.35s;

}

.category-card:hover p{

    color:#fff;

}

/*=========================================
AUTHOR DESK
=========================================*/

.author-desk{

    padding:120px 8%;

    background:#f8f6f2;

}

.author-grid{

    display:grid;

    grid-template-columns:1fr 450px;

    gap:80px;

    align-items:center;

}

.author-content h2{

    font-family:'Playfair Display',serif;

    font-size:56px;

    color:#0D1B2A;

    margin:20px 0;

}

.author-content p{

    font-size:18px;

    line-height:1.9;

    color:#555;

    margin-bottom:25px;

}

.author-image img{

    width:100%;

    border-radius:20px;

    box-shadow:0 25px 60px rgba(0,0,0,.15);

    transition:.35s;

}

.author-image img:hover{

    transform:translateY(-10px);

}

@media(max-width:900px){

.author-grid{

    grid-template-columns:1fr;

    text-align:center;

}

}

/*=========================================
BLOG EVENTS
=========================================*/

.blog-events{

    padding:120px 8%;

    background:#fff;

}

.events-grid{

    display:grid;

    gap:35px;

    margin-top:70px;

}

.event-card{

    display:flex;

    gap:35px;

    align-items:center;

    background:#f8f6f2;

    padding:35px;

    border-radius:20px;

    transition:.35s;

}

.event-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.event-date{

    width:120px;

    height:120px;

    border-radius:20px;

    background:#D4AF37;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.event-date h3{

    font-size:42px;

    line-height:1;

    font-family:'Playfair Display',serif;

}

.event-date span{

    letter-spacing:2px;

    font-weight:600;

}

.event-info h3{

    font-family:'Playfair Display',serif;

    font-size:32px;

    margin-bottom:15px;

    color:#0D1B2A;

}

.event-info p{

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

@media(max-width:768px){

.event-card{

    flex-direction:column;

    text-align:center;

}

}

/* Book pages navbar */

.book-hero + * {
    position: relative;
}

.navbar{
    background:#0D1B2A;
}