/* The Wish Seed — Blog Page */

.ws-blog-hero { position: relative; min-height: var(--ws-blog-hero-height, 400px); display:flex; align-items:center; justify-content:center; padding:30px 20px; background-color:#f7f1f8; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; }
.ws-blog-hero__overlay { position:absolute; inset:0; background:rgba(255,255,255,.22); }
.ws-blog-hero__inner { position:relative; z-index:2; width:100%; max-width:760px; text-align:center; }
.ws-blog-hero__title { margin:0; color:var(--primary); font-family:var(--font-caveat); font-size:clamp(60px,5vw,90px); font-weight:500; line-height:1.15; }
.ws-blog__heart { width: 35px; height: auto; margin-left: 20px;}
.ws-blog-hero__heart-image { width:42px; height:auto; margin-left:18px; vertical-align:middle; }
.ws-blog-hero__subtitle { margin:5px 0 16px; color:#1e7e89; font-family:var(--font-caveat); font-size:clamp(26px,3vw,38px); font-weight:400; line-height:1.3; }
.ws-blog-hero__description { max-width:720px; margin:0 auto; color:#222; font-size:1.05rem; font-weight:600; line-height:1.65; }
.ws-blog-hero__heart { display:block; margin-top:18px; color:var(--primary); font-size:22px; }

.ws-blog-posts { padding:70px 0 90px; background:#fff; }

.ws-blog-posts__heading { 
    display:grid; 
    grid-template-columns:1fr auto 1fr; 
    align-items:center; 
    gap:20px; 
    margin-bottom:34px; 
}

.ws-blog-posts__heading h2 { 
    margin:0; 
    color:#5e3072; 
    font-family:var(--font-caveat); 
    font-size:clamp(34px,4vw,48px); 
    font-weight:500; 
    line-height:1.1; 
    text-align:center; 
}

.ws-blog-posts__heading-line { 
    height:1px; 
    background:#ded3e2; 
}

.ws-blog-featured { 
	display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1fr); 
	/*min-height:430px; */
	margin-bottom:48px; 
	overflow:hidden; 
	background: url('../images/features-bg.webp');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover; 
	border-radius:18px; 
	/*box-shadow:0 12px 35px rgba(74,43,109,.08); */
}
.ws-blog-featured__image { 
	display:block; 
	/*min-height:430px; */
	overflow:hidden; 
	/*background:#e8dde9; */
}
.ws-blog-featured__image img, .ws-blog-card__image img { 
	width:100%; 
	height:100%; 
	/*object-fit:cover; */
	transition:transform .45s ease; 
}
.ws-blog-featured:hover .ws-blog-featured__image img, .ws-blog-card:hover .ws-blog-card__image img { transform:scale(1.035); }
.ws-blog-featured__placeholder, .ws-blog-card__placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#6d2c91; background:linear-gradient(135deg,#f1e8f4,#e2f1ef); font-size:48px; }
.ws-blog-featured__content { 
	background: url('../images/dandelion-footer.webp');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto;
	display:flex; 
	flex-direction:column; 
	/*justify-content:center;*/ 
	padding:48px 50px; 
}
.ws-blog-post__category { display:inline-flex; align-items:center; align-self:flex-start; margin-bottom:12px; padding:5px 13px; border-radius:50px; background:#e7dced; color:#5e3072; font-size:12px; font-weight:800; letter-spacing:.04em; line-height:1.2; text-transform:uppercase; }
.ws-blog-featured__title { margin:0 0 15px; font-family:var(--font-caveat); font-size:clamp(38px,4vw,54px); font-weight:500; line-height:1.1; }
.ws-blog-featured__title a, .ws-blog-card__title a { color:#4f237c; text-decoration:none; }
.ws-blog-featured__title a:hover, .ws-blog-card__title a:hover { color:#258489; }
.ws-blog-featured__excerpt, .ws-blog-card__excerpt { margin:0 0 20px; color:#4a4a4a; font-size:15px; line-height:1.65; }
.ws-blog-post__meta { display:flex; flex-wrap:wrap; gap:14px 20px; margin-bottom:20px; color:#777; font-size:12px; line-height:1.4; }
.ws-blog-post__meta i { margin-right:5px; color:#258489; }
.ws-blog-read-more { display:inline-flex; align-items:center; gap:8px; align-self:flex-start; color:#4f237c; font-size:14px; font-weight:800; text-decoration:none; transition:color .25s ease,gap .25s ease; }
.ws-blog-read-more:hover { color:#258489; gap:11px; }

.ws-blog-pagination{
    width: 100%;
    margin-top: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
}

.ws-blog-pagination .blog-pagination {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.ws-blog-pagination ul.page-numbers {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	list-style: none !important;
}
.ws-blog-pagination 
ul.page-numbers
li
.page-numbers {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e4dfe5 !important;
    border-radius: 50%;
    background: #fff;
    color: #4f237c;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}
.ws-blog-pagination  ul.page-numbers li span.page-numbers.current {
	background: #5c8884 !important;
	border-color: #5c8884 !important;
	color: #fff !important;
	font-weight: 600;
}


.ws-blog-pagination ul.page-numbers li a.page-numbers:hover {
	background: #8aada8;
	border-color: #8aada8 !important;
	color: #fff;
}

/*.ws-blog-posts .nav-links{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:48px}
.ws-blog-posts .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 13px;border-radius:999px;border:1px solid rgba(79,35,124,.12);color:#4f237c;background:#fff;text-decoration:none;font-size:14px;font-weight:700}
.ws-blog-posts .page-numbers.current{background:#4f237c;color:#fff;border-color:#4f237c}
.ws-blog-posts .page-numbers:hover{background:#f7c800;color:#4f237c;border-color:#f7c800}
.ws-blog-posts .page-numbers.prev,
.ws-blog-posts .page-numbers.next{gap:6px}*/

.ws-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.ws-blog-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; background:#fff; border:1px solid #eee7f0; border-radius:16px; box-shadow:0 8px 25px rgba(74,43,109,.055); transition:transform .3s ease,box-shadow .3s ease; }
.ws-blog-card:nth-child(3n+1) { background:#faf6fb; }
.ws-blog-card:nth-child(3n+2) { background:#f6fbfa; }
.ws-blog-card:nth-child(3n+3) { background:#fffbef; }
.ws-blog-card:hover { transform:translateY(-5px); box-shadow:0 15px 35px rgba(74,43,109,.11); }
.ws-blog-card__image { display:block; aspect-ratio:16/10; overflow:hidden; background:#eee; }
.ws-blog-card__body { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:24px 25px 27px; }
.ws-blog-card__title { margin:0 0 10px; font-family:var(--font-caveat); font-size:31px; font-weight:500; line-height:1.15; }
.ws-blog-card__excerpt { margin-bottom:16px; font-size:14px; }
.ws-blog-card__body .ws-blog-post__meta { margin-top:auto; padding-top:8px; }



.ws-inner-hero {
    position: relative;
    width: 100%;
    min-height: 320px;
    /*background-image:  url('assets/images/hero-inner-post-2.webp');*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f3f3f3;
    overflow: hidden;
}

.ws-inner-hero .ws-container {
    height: 320px;
    position: relative;
}
.ws-inner-hero-content {
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    opacity: 1;
    transform: translateY(60px);
    animation: wsHeroReveal .8s ease forwards;    
}

@keyframes wsHeroReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ws-inner-hero h1 {
    font-family: var(--font-caveat);
    font-size: 3rem;
    line-height: 1.1;
    margin-bottom: 12px;
    color: var(--primary);    
    font-weight: 500;
    /*text-transform: uppercase;*/
}

.ws-inner-hero p {
    font-size: 16px;
    color: #666;
    margin: 0;
    max-width: 700px;
}


@media (max-width:991px) { 
	.ws-blog__heart { width: 25px; height: auto; margin-left: 20px;}
	.ws-blog-featured { grid-template-columns:1fr; } 
	.ws-blog-featured__image { min-height:360px; } 
	.ws-blog-featured__content { padding:38px; } 
	.ws-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } 

	.ws-inner-hero {
        min-height: 260px;
    }
    .ws-inner-hero .container {
        height: 260px;
    }
    .ws-inner-hero h1 {
        font-size: 40px;
    }
}
@media (max-width:767px) { 
	.ws-blog-featured { 
		background-position: left center;		
	}
	.ws-blog-hero { min-height:300px; } 
	.ws-blog-hero__heart-image { width:28px; margin-left:8px; } 
	.ws-blog-hero__description { font-size:15px; } 
	.ws-blog-posts { padding:50px 0 65px; } 
	.ws-blog-posts__heading { gap:12px; margin-bottom:25px; } 
	.ws-blog-featured { margin-bottom:32px; } 
	.ws-blog-featured__image { 
		min-height: 220px;
    	height: 220px; 
    } 
	.ws-blog-featured__content { padding:30px 25px; } 
	.ws-blog-grid { grid-template-columns:1fr; gap:22px; } 
	.ws-blog-card__image {
        height: 200px;
    }

    .ws-inner-hero {
        min-height: 220px;
    }
    .ws-inner-hero .container {
        height: 220px;
    }
    .ws-inner-hero-content {
        bottom: 20px;
    }
    .ws-inner-hero h1 {
        font-size: 30px;
        padding-left: 15px;
    }
    .ws-inner-hero p {
        font-size: 15px;
    }
}

/*
|--------------------------------------------------------------------------
| SINGLE HERO
|--------------------------------------------------------------------------
*/

.ws-single-hero {
    position: relative;
    min-height: 320px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /*color: #fff;*/
}

.ws-single-hero .ws-inner-hero-content {
    position: absolute;
    left: 0;
    /*bottom: 40px;*/
    width: 100%;
}

.ws-single-category {
    margin-bottom: 20px;
}

.ws-single-category a {
    display: inline-block;
    background: #ffb703;
    color: #111;
    padding: 8px 16px;
    font-size: 13px;
    text-decoration: none;
    font-weight: 600;
}

.ws-single-hero h1 {
    font-size: 56px;
    line-height: 1.1;
    /*max-width: 900px;*/
    margin-bottom: 20px;
}

.ws-single-meta {
    /*display: flex;
    gap: 25px;*/
    font-size: 14px;
    color: rgba(105,105,105,.85);
}

/*
|--------------------------------------------------------------------------
| BLOG PAGE
|--------------------------------------------------------------------------
*/

.ws-blog-page {
    padding: 80px 0;
    background: #fff;
}

/*
|--------------------------------------------------------------------------
| BLOG LAYOUT
|--------------------------------------------------------------------------
*/

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

.ws-single-content {
    font-size: 15px;
    line-height: 1.9;
    color: #898989;
}

.ws-single-content a {
    color: #111;
}

.ws-single-content p {
    margin-bottom: 25px;
}

.ws-single-content img {
    max-width: 100%;
    height: auto;
}

@media(max-width:991px){
    .ws-single-hero {
        min-height: 300px;
    }

    .ws-single-hero .container {
        height: 400px;
    }

    .ws-single-hero h1 {
        font-size: 42px;
    }
}

@media(max-width:767px){
    .ws-single-hero {
        min-height: 320px;
    }

    .ws-single-hero .container {
        height: 320px;
    }

    .ws-single-hero h1 {
        font-size: 30px;
    }

    .ws-single-meta {
        flex-wrap: wrap;
        gap: 10px;
    }
}

.ws-comments-section {
    margin-top: 60px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.ws-comments-section h3 {
    font-family: var(--font-roboto);
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 30px;
    color: var(--mild-dark);
}

.comments-title {
    font-size: 28px;
    margin-bottom: 30px;
    color: #111;
}

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

.comment-list li {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.comment-body {
    display: flex;
    gap: 20px;
}

.comment-author img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.comment-content {
    flex: 1;
}

.comment-meta {
    font-size: 13px;
    color: #888;
    margin-bottom: 8px;
}

.comment-reply-link {
    color: #ffb703;
    font-weight: 600;
    text-decoration: none;
}

.comment-reply-link:hover {
    color: #111;
}

.comment-respond {
    margin-top: 60px;
    padding: 40px;
    background: #f7f7f7;
}

.comment-reply-title {
    font-size: 24px;
    margin-bottom: 20px;
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    padding: 14px 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    font-size: 15px;
    outline: none;
}

.comment-form .submit {
    background: #ffb703;
    border: none;
    padding: 14px 25px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s ease;
}

.comment-form .submit:hover {
    background: #111;
    color: #fff;
}

.comment-list li {
    background: #fff;
    padding: 25px;
    border: 1px solid #eee;
}