/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
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.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.5.1777046341
Updated: 2026-04-24 15:59:01

*/


.custom-blog-card {
	display:flex;
	gap:20px;
    font-family: Georgia, serif;
	margin-bottom: 50px;
}

@media (max-width:768px){
	.custom-blog-card {
		gap:10px;
		margin-bottom: 30px;
	}
}

/* LEFT NUMBER BOX */
span.count-number{
	width: 45px;
    height: 45px;
	padding-bottom: 5px;
    background: #e9efdf;
    color: #5c6b3f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
	font-family: 'dashicons';
}

.right-content {
		width: 85%;
}

@media (max-width:768px){
	.right-content {
		width: 85%;
	}
}

@media (max-width:768px){
	span.count-number{
		height: 9%;
		width:10%;
		padding-bottom: 2px;
	}
}

/* Wrapper for content */
.custom-blog-card {
    counter-reset: post-counter;
}

/* CONTENT AREA */
/* .custom-blog-card > * {
    flex: 1;
} */

/* TITLE */
.custom-blog-card h2 {
    font-size: 20px;
    margin: 0 0 6px;
    font-weight: 500;
}

/* TAGS (rating, budget, etc) */
.blog-meta {
    margin-bottom: 15px;
}

.blog-meta span {
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 12px;
    margin-right: 6px;
    display: inline-block;
}

/* Tag Colors */
.blog-meta span:nth-child(1) {
    background: #f6e7c1;
}

.blog-meta span:nth-child(2) {
    background: #e3f0d8;
}

.blog-meta span:nth-child(3) {
    background: #e3ebf6;
}

/* IMAGE CENTER */
.blog-image {
    text-align: center;
    margin: 20px 0;
}

.blog-image img {
    max-width: 100%;
    width: 100%;
}

@media (max-width:768px){
	.blog-image img {
		max-width: 100%;
	}
}

/* DESCRIPTION */
.blog-excerpt {
    font-size: 14px;
    line-height: 1.6;
    max-width: 100%;
    margin-bottom: 12px;
}

@media (max-width:768px){
	.blog-excerpt {
		max-width: 100%;
    }
}

/* DETAILS LINE */
.blog-details {
    font-size: 13px;
    color: #444;
    margin-bottom: 15px;
}

.blog-details span {
    margin-right: 20px;
}

/* BUTTONS */
.blog-actions {
    display: flex;
    gap: 10px;
}

.blog-actions .btn {
    font-size: 13px;
    padding: 8px 14px;
    text-decoration: none;
    border-radius: 2px;
    display: inline-block;
}

@media (max-width:768px){
	.blog-actions .btn {
		font-size: 10px;
		padding: 8px 10px;
	}
}

/* Filled button */
.blog-actions .btn:first-child {
    background: #c94f6d;
    color: #fff;
}

/* Outline button */
.blog-actions .btn:last-child {
    border: 1px solid #c94f6d;
    color: #c94f6d;
}

/* Hover */
.blog-actions .btn:hover {
    opacity: 0.85;
}

/* ------------------------------ */

/* ===== LAYOUT ===== */
.custom-grid {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 30px;
    max-width: 1250px;
    margin: auto;
}

.custom-single {
    background: #f5f6f7;
    padding: 30px 0;
}

/* ===== POST CARD ===== */
.custom-post {
    background: #fff;
    padding: 30px;
    border-radius: 6px;
}

/* ===== TITLE ===== */
.entry-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.entry-meta {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
}

/* ===== FEATURE IMAGE ===== */
.featured-image img {
    width: 100%;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* ===== CONTENT ===== */
.entry-content {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}

.entry-content h2 {
    margin-top: 30px;
    font-size: 22px;
}

.entry-content p {
    margin-bottom: 15px;
}

/* ===== CTA BOX ===== */
.custom-cta {
    margin-top: 40px;
    padding: 30px;
    text-align: center;
    border-radius: 8px;
    background: linear-gradient(135deg, #4b2eff, #7a00ff);
    color: #fff;
}

.custom-cta h3 {
    font-size: 22px;
    margin-bottom: 10px;
}

.cta-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 12px 25px;
    background: #ff7a00;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
}

/* ===== SIDEBAR ===== */
.sidebar {
    padding: 0px;
}

/* ===== COMMENTS ===== */
.comments-area {
    margin-top: 50px;
}

.comment {
    background: #fafafa;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
}

.comment-author {
    font-weight: 600;
}

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

/* ===== COMMENT FORM ===== */
.comment-form input,
.comment-form textarea {
    padding: 10px;
    margin-bottom: 0px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.comment-form button {
    background: #ff6600;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .custom-grid {
        grid-template-columns: 1fr;
    }
}

.author-info .by-text{
	color: #ff6200;
}

.author-box {
    background: #fafafa;
    margin-bottom: 40px;
	min-height: 160px;
	padding: 32px 32px 32px 156px;
	position: relative;
	margin-top: 25px;
}

.author-box .author-box-avatar {
    position: absolute;
    left: 40px;
}

.author-box .author-box-content h4 {
    margin: 0 0 10px;
	color: #ff6200;
}

.author-box-inner {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

@media (max-width:767px){
	.author-box {
		padding: 32px 32px 32px 50px;
	}
	.author-box .author-box-avatar {
		left: 5px;
		width: 40px;
	}
}

.author-box-avatar img {
    border-radius: 50%;
}

.author-box-content h4 {
    margin: 0 0 5px;
    font-size: 18px;
}

.author-box-content p {
    margin: 0;
    color: #555;
    font-size: 14px;
}

/* COMMENT LIST */
.comment-list {
    list-style: none;
    padding: 0;
}

.comment {
    margin-bottom: 20px;
}

.comment-body {
    gap: 15px;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
}

/* AVATAR */
.comment-author img {
    border-radius: 50%;
}

/* AUTHOR NAME */
.comment-author .fn {
    font-weight: 600;
    font-size: 15px;
}

/* META */
.comment-metadata {
    font-size: 13px;
    color: #888;
    margin-top: 5px;
}

/* CONTENT */
.comment-content {
    margin-top: 10px;
    font-size: 15px;
    color: #333;
}

/* REPLY BUTTON */
.reply a {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    color: #ff6600;
    text-decoration: none;
}

/* COMMENT FORM */
.comment-respond {
    margin-top: 40px;
}

.comment-form textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 12px;
    border-radius: 4px;
}

.comment-form input[type="text"],
.comment-form input[type="email"] {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}

.comment-form .submit {
    background: #ff6600;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
}

/* SHARE BAR */
.share-bar {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0 25px;
}

/* SHARE COUNT */
.share-count {
    text-align: center;
    font-size: 12px;
    color: #777;
}

.share-count strong {
    display: block;
    font-size: 18px;
    color: #222;
}

/* BUTTON WRAP */
.share-buttons {
    display: flex;
	flex-wrap: wrap;
    gap: 8px;
}

/* BUTTON BASE */
.share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
}

/* COLORS (MATCH IMAGE) */
.share-btn.fb { background: #3b5998; }
.share-btn.fb:hover { color: #fff; }
.share-btn.chatgpt { background: #111; }
.share-btn.chatgpt:hover { color: #fff; }
.share-btn.perplexity { background: #1fb6a6; }
.share-btn.perplexity:hover { color: #fff; }
.share-btn.x { background: #000; }
.share-btn.x:hover{ color: #fff; }
.share-btn.linkedin { background: #0077b5; }
.share-btn.whatsapp { background: #25d366; }
.share-btn.email { background: #ccc; color:#333; }

/* HOVER */
.share-btn:hover {
    opacity: 0.85;
}



/* ===== COMMENTS WRAPPER ===== */

.custom-newsletter-form {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0px;
        max-width: 320px;
        margin: 0 auto;
    }
    .custom-newsletter-form label {
        font-size: 1.1em;
        font-weight: 600;
        color: #222;
        margin-bottom: 8px;
    }
    .custom-newsletter-form input[type="email"] {
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 6px 0px 0px 6px;
        font-size: 1em;
        transition: border 0.2s;
		max-width:75%;
    }
    .custom-newsletter-form input[type="email"]:focus {
        border-color: #3b82f6;
        outline: none;
    }
	.custom-newsletter-form .group-form{
		display:flex;
	}
    .custom-newsletter-form button {
        background: #000000;
		color: #fff;
		border: none;
		border-radius: 0px 6px 6px 0px;
		padding: 10px 6px;
		font-size: 0.7em;
		font-weight: 600;
		cursor: pointer;
		transition: background 0.2s;
		text-transform: capitalize;
    }
    .custom-newsletter-form button:hover {
        background: #3a3a3a;
    }
    .newsletter-success {
        background: #d1fae5;
        color: #065f46;
        border-radius: 8px;
        padding: 18px;
        text-align: center;
        font-weight: 600;
        font-size: 1.1em;
        box-shadow: 0 2px 8px rgba(0,0,0,0.07);
        max-width: 320px;
        margin: 0 auto;
    }


/* Blog post custom Classes */

/* Custom image style */
.wp-block-image {
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  overflow: hidden;
  margin: 24px 0;
  border: 2px solid #f3f4f6;
}

/* Custom alert box */
.wp-block-alert {
  background: linear-gradient(90deg, #fffbe6 0%, #fffde4 100%);
  padding: 18px 22px;
  border-radius: 8px;
  margin: 24px 0;
  font-size: 1.05em;
  color: #7c5700;
}

/* Custom list style */
.wp-block-list {
  padding: 20px;
}
.wp-block-list li {
  margin-bottom: 10px;
  line-height: 1.7;
}

.entry-content a{
	color: #ff6200;
}

.wp-block-head{
	color: #ff6200;
}


.wp-block-latest-posts.wp-block-latest-posts__list {
    margin-left: 0px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li:hover{
    background: #f6f6f6;
}

.sidebar .wp-block-latest-posts.wp-block-latest-posts__list li{
    line-height: 1.2;
    margin-top: 10px;
	display:flex;
	gap:10px;
	padding: 7px;
	border-radius:5px;
}

.sidebar .widget {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 0.650rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
}

.sidebar .wp-block-heading{
    font-size: 21px;
    color: #000;
}

.sidebar a.wp-block-latest-posts__post-title {
    width: 80%;
	text-decoration:none;
	display: -webkit-box;
    -webkit-line-clamp: 2;   /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
	font-size:14px;
	line-height:20px;
}

.sidebar .wp-block-latest-posts__featured-image {
    width: 55px;
    height: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}