/**
 * Theme Name:     Kadence Child
 * Author:         Kadence WP
 * Template:       kadence
 * Text Domain:	   kadence-child
 * Description:    Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
 */



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	 font-family: 'Avenir';
	font-weight: 500;
}

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

.main-blog-row{
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.featured-post {
    position: relative;
    margin-bottom: 50px;	
	margin-top: 50px;
}

.featured-post img {
    width: 100%;
    height: 100%;
	object-fit: cover;
	border-radius: 20px 0 0 20px;
}

.featured-content {
    background: #065364;
    padding: 40px;
    color: #fff;
	border-radius: 0 20px 20px 0;
}

.featured-content .category a {
    color: #edb92b;
    font-size: 14px;
	font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}
.read-btn-main {
    background: #edb92b;
    color: #000000;
    padding: 12px 24px;
    display: inline-block;
    margin-top: 40px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 18px;
   transition: all 0.3s;
    font-weight: 500;
    line-height: 18px;
}
.read-btn-grid {
    background: #065364;
    color: #fff;
    padding: 12px 24px;
    display: inline-block;
    margin-top: 40px;
    border-radius: 7px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
   transition: all 0.3s;
    line-height: 18px;
}
.read-btn-main:hover {
    background: #fff;
    color: #000000;
   transition: all 0.3s;
}
.read-btn-grid:hover {
    background:  #edb92b;
    color: #000;
   transition: all 0.3s;
   
}
.featured-content h1 {
    font-size: 36px;
	line-height: 46px;
	font-weight: 700;
    margin: 10px 0;
	color: #fff;
}

.featured-content p {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    margin-top: 15px;
    letter-spacing: 0.25px;
}

.featured-content small {
    font-size: 14px;
    opacity: 0.8;
	font-weight: 500;
}

/* ================================
   CONTENT + SIDEBAR
================================ */

.page-template-home .content-area {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 40px;
}

/* ================================
   POSTS GRID
================================ */

.posts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.post-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.post-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}
.post-card img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 350px;
    object-fit: cover;
}

.post-content {
    padding: 20px;
}

.post-content .category a {
    font-size: 14px;
    color:  #065364;
    text-transform: uppercase;
    text-decoration: none;
}

.post-content h3 {
    font-size: 24px;
    margin: 8px 0;
}

.post-content p {
    font-size: 16px;
    color: #000;
    line-height: 1.6;
	display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-content small {
    font-size: 14px;
    color: #444;
	line-height: 20px;
	margin-bottom:10px;
}

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

.sidebar {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
	max-height: 500px;
}

.sidebar h3 {
    font-size: 20px;
    margin-bottom: 20px;
}

.sidebar ul {
    list-style: none;
    padding: 0;
	margin: 0;
}

.sidebar ul li {
    margin-bottom: 12px;
	border-bottom: 1px dashed #aaa;
}

.sidebar ul li a {
    text-decoration: none;
    color: #000;
	font-weight:500;
    font-size: 15px;
    transition: color 0.3s ease;
}

.sidebar ul li a:hover {
    color: #0073aa;
}

.single-post img.post-top-featured.wp-post-image {
    border-radius: 20px;
}
.single-post a {
    color: #065364 !important;
}
.single-post div#comments {
    display: none;
}

.single-post .entry {
    border-radius: 20px;
}

.wp-site-blocks .post-thumbnail .post-thumbnail-inner {
    padding: 20px;
}

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

@media (max-width: 991px) {
    .content-area {
        grid-template-columns: 1fr;
    }

    .posts-grid {
        grid-template-columns: 1fr 1fr;
    }

/*     .featured-content {
        position: static;
        background: #111;
        margin-top: 15px;
        max-width: 100%;
    } */

    .featured-content h1 {
        font-size: 26px;
		line-height: 32px;
    }
	.featured-content p {
		font-size: 16px;
	   display: -webkit-box;
		-webkit-line-clamp: 3; 
		-webkit-box-orient: vertical;
		overflow: hidden;
}
	.featured-content {
    padding: 24px;
}
	.post-content h3 {
    font-size: 20px;
}
}
@media(max-width: 767px){
	.main-blog-row {
    grid-template-columns: 1fr;
}
	.featured-post img {
    border-radius: 20px 20px 0 0;
}
	.featured-content {
    border-radius: 0 0 20px 20px;
}
	.read-btn-main {
    margin-top: 10px;
}
	.posts-grid {
    grid-template-columns: 1fr;
}
	.kadence-thumbnail-position-behind+.entry {
    z-index: 1;
    position: relative;
    top: 25px;
}
	.single-post h1 {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.5;
}
	.single-post h2 {
    font-weight: 700;
    line-height: 1.5;
    font-size: 20px;
}
	.single-post .single-content p{
		font-size: 15px;
	}
	.entry-content-wrap {
    padding: 3rem 1.5rem;
}
}
@media (max-width: 480px) {
	.kadence-thumbnail-position-behind+.entry {
    z-index: 1;
    position: relative;
    top: 70px;
    margin-bottom: 100px;
}
    .featured-content {
        padding: 18px;
    }
	.featured-content h1 {
    font-size: 24px;
    line-height: 32px;
}

    .post-content h3 {
        font-size: 18px;
    }
}