/*
 Theme Name:   Hello Elementor Child Demo
 Theme URI:    https://elementor.com/hello-theme/
 Description:  A fully functional child theme of Hello Elementor with demo customization.
 Author:       Your Name
 Author URI:   https://yourwebsite.com/
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         flexible-header, custom-menu, custom-logo, featured-images, elementor
 Text Domain:  hello-elementor-child-demo
*/

/* Custom styles for demo */
.e-fas-check-circle{
	color: #fc5185 !important;
}
a.elementskit-btn.whitespace--normal{
	color: #fc5185 !important;
}
.meta-date{
	display:flex !important;
	gap: 8px;
}
.elementor-745 .elementor-element.elementor-element-3b37c5d .elementskit-meta-categories .elementskit-meta-wraper span{
	background-color: #FC5185;
}
.post-meta-list > span > svg path,.elementor-745 .elementor-element.elementor-element-3b37c5d .elementskit-btn svg path,.elementor-745 .elementor-element.elementor-element-3b37c5d .post-meta-list > span > svg path, .elementor-3619 .elementor-element.elementor-element-23c7c51e .post-meta-list > span > svg path  , .elementor-3619 .elementor-element.elementor-element-23c7c51e .elementskit-btn svg path{
	
	    fill: #FC5185;
}
.elementor-745 .elementor-element.elementor-element-3b37c5d .elementskit-btn{
	color:#FC5185;
}
.elementor-745 .elementor-element.elementor-element-3b37c5d .elementskit-post-image-card{
	border-color:#FC5185;
}
a.elementskit-btn.whitespace--normal.elementor-animation-{
	display:inline;
}
.ekit-wid-con .elementskit-post-image-card .elementskit-entry-header .elementskit-entry-thumb>img{
	height: 230px;
}
.elementor-2421 .elementor-element.elementor-element-d637237 .elementskit-meta-categories .elementskit-meta-wraper span{
	background-color:#fff;
	color:#6941C6;
}
.elementor-2421 .elementor-element.elementor-element-d637237 .elementskit-meta-categories .elementskit-meta-wraper span a{
	color: #6941C6;
	text-transform: capitalize;
}
.elementor-2421 .elementor-element.elementor-element-d637237 .elementskit-post-image-card .elementskit-post-body .entry-title a{
	font-size: 24px;
    font-family: poppins;
}
.elementor-2421 .elementor-element.elementor-element-d637237 .post-meta-list a{
	font-family: 'Poppins';
    font-weight: 600;
	font-size: 14px;
	color:#101828;
}
.elementor-2421 .elementor-element.elementor-element-d637237 .post-meta-list{
	display:inline-grid;
}
.elementor-2421 .elementor-element.elementor-element-d637237 .post-meta-list .meta-date-text{
	font-family: 'Poppins';
    font-weight: 400;
	font-size: 14px;
	    
	margin-left: 62px;
    margin-top: -13px;
    display: block;
}
.elementor-132 .elementor-element.elementor-element-a77e9b2 .elementskit-navbar-nav .elementskit-submenu-panel{
	min-width: 194px;
}
.elementor-132 .elementor-element.elementor-element-a77e9b2 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{
	rotate:0deg !important;
}
.elementskit-navbar-nav .elementskit-submenu-panel>li:hover>a>i, .elementskit-navbar-nav .elementskit-submenu-panel>li>a>i{
	rotate: 270deg;
    margin-top: 4px;
}
a.dropdown-item{
	width: 288px;
}
.entry-title a{
	  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
#header-sec {
    background: #e4e4e4b3 !important;
    
}
#header-sec-ova {
    background: #0b012194 !important;
    
}
.column-1{
    background-color: #4f81bd !important;
    color: #fff !important;
	font-weight:700 !important;
	padding: 40px !important;
	
    
}
.tablepress>:where(thead,tfoot)>*>th{
	background-color: #4f81bd !important;
	color:#fff !important;
	border-bottom: 2px solid #000 !important;
}
.elementor-flip-box__front{
	background-color: #2a2c5f !important;
}
td.column-2,td.column-4 {
    background-color: #b8cce4 !important;
	border:1px solid #fff;
}
td.column-3 {
    background-color: #DBE5F1 !important;
	border:1px solid #fff;
}
.elementor-3619 .elementor-element.elementor-element-23c7c51e .elementskit-meta-categories .elementskit-meta-wraper span {
    background-color: #fc5185;
    padding: 10px 15px 8px 15px;
    border-radius: 12px 12px 3px 12px;
}
.elementor-3619 .elementor-element.elementor-element-23c7c51e .elementskit-post-image-card{
	border-color: #fc5185 !important; 
}
a.elementskit-btn.whitespace--normal{
	display:flex;
	gap: 7px;
}
.elementor-counter-title{
	text-align:center;
}
button.sc-dlfnuX.jxyFRk{
	z-index:9999 !important;
}
.sc-jrAFXE.TxPTX.widget-transition-enter-done{
	z-index:999 !important;
}
.elementor-post-navigation__prev, .elementor-post-navigation__next{
	border: 1px solid #E2E8EE;
	border-radius:4px;
	padding:24px 28px;
	
}
.elementor-post-navigation__prev:hover,.elementor-post-navigation__next:hover{
	background:#E2E8EE;
}
.elementor-post-navigation{
	gap: 9px;
}
.elementor-post-navigation .elementor-post-navigation__link a{
	align-items: end;
}
.elementor-post-navigation .elementor-post-navigation__next a{
	justify-content: left;
}
.elementor-post-navigation .elementor-post-navigation__prev a{
	justify-content: end;
}
.elementor-7312 .elementor-element.elementor-element-56d85e9 ul .current-menu-item a{
	color: #CC3366;
}
.elementor-7155 .elementor-element.elementor-element-a5ce215 ul .current-menu-item a{ 
	
	color: #CC3366;
}

/* Blog Container */
.custom-blog-container {

    margin: 0 auto;
    padding: 20px;
}

/* Responsive Blog Grid */
.custom-blog-grid {
    display: grid;
    grid-template-columns: 
			repeat(3, minmax(280px, 1fr));
    gap: 30px;
}

/* Blog Post Styling */
.custom-blog-post {
    background: #fff;
    border-radius: 12px 12px 70px 12px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
  
  
	padding: 20px 24px 32px 24px;
}

.custom-blog-post:hover {
    transform: translateY(-5px);
}

/* Blog Thumbnail with Padding */


.blog-thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
}

/* Blog Content */
.blog-content {
    padding: 15px;
    text-align: left;
}

/* Blog Category */
.blog-category {
    font-size: 14px;
    font-weight: bold;
    color: #0073e6;
    margin-bottom: 10px;
    display: block;
	  text-decoration: none !important;
}

.blog-category .category-link {
    text-decoration: none !important;
    color: #0073e6;
}

.blog-category .category-link:hover {
    color: #005bb5;
}

/* Blog Title - Fixed to 2 Lines */
.blog-content h3 {
    font-size: 24px;
	font-family: poppins;
    margin: 10px 0;
    color: #333;
    line-height: 1.4em;
    height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

/* Blog Excerpt - Fixed to 3 Lines */
.blog-content p {
    font-size: 16px;
	font-family: poppins;
    color: #666;
    line-height: 1.5em;
    height: 4.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

/* Blog Meta (Author & Date) */
.blog-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    
   
    margin-top: 10px;
}

/* Author - Make Image Bigger */
.blog-meta .blog-author {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: bold;
	font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    color: #101828;
}

/* Bigger Author Image */
.blog-meta img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/* Date Styling */
.blog-meta .blog-date {
    font-size: 12px;
    color: #666;
    margin-left: 50px;
}

/* Pagination Styling */
.custom-pagination {
    text-align: center;
    margin: 20px 0;
}

.custom-pagination a, .custom-pagination span {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    background: #0073e6;
    color: white;
    border-radius: 5px;
    text-decoration: none;
}

.custom-pagination .current {
    background: #005bb5;
    font-weight: bold;
}

.custom-pagination a:hover {
    background: #004999;
}
a.category-link{
	text-decoration: none;
	color: #f22f46;
}

/* 🟢 FULLY RESPONSIVE STYLES */

/* ✅ Tablet View (Adjust grid layout) */
@media (max-width: 1024px) {
    .custom-blog-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }

    .blog-thumbnail img {
        height: 180px;
    }

    .blog-content h3 {
        font-size: 16px;
        height: 2.5em;
    }

    .blog-content p {
        font-size: 13px;
        height: 4em;
    }

    .blog-meta img {
        width: 35px;
        height: 35px;
    }
}

/* ✅ Mobile View (1 Column Layout) */
@media (max-width: 768px) {
    .custom-blog-grid {
        grid-template-columns: 1fr; /* Show only 1 column */
    }

    .custom-blog-post {
        padding: 15px;
    }

    .blog-thumbnail img {
        height: 160px;
    }

    .blog-content h3 {
        font-size: 16px;
        height: auto; /* Allow flexible height */
        -webkit-line-clamp: 3; /* Allow longer titles on mobile */
    }

    .blog-content p {
        font-size: 13px;
        height: auto; /* Allow flexible height */
        -webkit-line-clamp: 4;
    }

    .blog-meta {
        flex-direction: row; /* Keep author and date in one row */
        align-items: center;
        justify-content: space-between;
    }

    .blog-meta img {
        width: 32px;
        height: 32px;
    }

    .blog-meta .blog-date {
        margin-left: 0; /* Align date with the row layout */
    }
}

/* ✅ Small Mobile Screens (Fix any extra spacing) */
@media (max-width: 480px) {
    .custom-blog-grid {
        grid-template-columns: 1fr; /* Force single-column layout */
    }

    .blog-thumbnail img {
        height: 140px;
    }

    .blog-content h3 {
        font-size: 15px;
    }

    .blog-content p {
        font-size: 12px;
    }

    .blog-meta {
        flex-direction: column;
        align-items: flex-start;
    }

    .blog-meta img {
        width: 30px;
        height: 30px;
    }

    .custom-pagination a, .custom-pagination span {
        padding: 8px 12px;
        font-size: 12px;
    }
}