/**
Theme Name: Astra child
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Version: 4.8.5
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.3
Tested up to: 6.7
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template:astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true
**/

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover{
	  border-bottom: 3px solid #7333E3;
} 

.ast-builder-layout-element[data-section="section-hb-social-icons-1"]{
    padding: 0 20px 0 20px;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}

header{
    background-color: rgba(0, 0, 0, 0.2);
}

.ast-desktop .ast-menu-hover-style-underline > .menu-item.current-menu-item > .menu-link:before{
    width: calc(100% - 1.9em);
    transform: scale(1, 1) translate(50%, 0);
    background-color: #7333E3;
}
.ast-logo-title-inline .ast-site-identity{
    padding: 1.5em 0;
}

.ast-footer-copyright.ast-builder-layout-element .ast-footer-copyright p , .ast-footer-html-2 .ast-header-html p,.ast-footer-html-1 .ast-header-html p{
    font-family: "Lora", Sans-serif;
    font-weight: 600;
    color: #ffff;
    font-size: 20px;
}
.footer-widget-area[data-section="section-footer-menu"] .astra-footer-horizontal-menu {
    display: block;
}
.footer-nav-wrap #astra-footer-menu.astra-footer-horizontal-menu li {
    display: block;
}
.footer-nav-wrap #astra-footer-menu.astra-footer-horizontal-menu li a.menu-link {
    padding: 0;
    color: #fff;
    font-family: "Lora", Sans-serif;
    font-weight: 400;
    color: #ffff;
    font-size: 14px;
}
.site-footer-above-section-3 > div {
    max-width: 380px;
    margin-left: auto;
}
.wpcf7 form .field-space input[type=email] {
    background-color: #EDF4FD;
    border-radius: 8px;
    padding-left: 20px;
}
.wpcf7 form .whole-class {
    display: flex;
}
.wpcf7 form .whole-class .submit-button input.wpcf7-submit {
    background-color: #EDF4FD;
    font-size: 0;
    background-image: url(../images/send.svg);
    background-repeat: no-repeat;
    background-size: 27px;
    height: 52px;
    width: 55px;
    background-position: center center;
    padding: 0;
    margin-left: 15px;
    border-radius: 8px;
}
.site-above-footer-wrap[data-section="section-above-footer-builder"]{
    padding-left: 20px;
    padding-right: 20px;   
}
.hero-slider .slick-dots {
    text-align: left;
    max-width: 1400px;
    left: 50%;
    margin-left: -700px;
    padding: 0;
    bottom: 50px;
    margin-top: 0;
}
.hero-slider  .slick-dots li button:before{
    font-size: 15px;
    opacity: 1;
    color: rgba(255,255,255, 0.20);
}
.hero-slider  .slick-dots li button{
    background-color: transparent;
}
.hero-slider  .slick-dots li.slick-active button:before{
    color: #fff;
    opacity: 1;
}
.elementor-section.col-gap.elementor-inner-section .elementor-container {
    margin-left: -15px;
    margin-right: -15px;
}
.elementor-section.col-gap.elementor-inner-section {
    padding-left: 15px;
    padding-right: 15px;
}
.elementor-section.col-gap.elementor-inner-section .elementor-container .elementor-column{
    padding-left: 15px;
    padding-right: 15px;
}
.elementor-widget-shortcode .wpcf7 form .whole-class {
    justify-content: center;
}
.elementor-accordion .elementor-tab-title a.elementor-accordion-title {
    text-decoration: none;
}
.elementor-accordion .elementor-tab-title{
    border-bottom: 1px solid #E5E7EB !important;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-title .elementor-accordion-icon svg{
    width: 1.5em;
    height: 1.5em;
}
ul.category-list {
    padding: 0;
    display: flex;
    list-style-type: none;
    margin-bottom: 30px;
}
ul.category-list li{
    padding: 0 20px;
    
}
ul.category-list li:first-child{
   /* padding-left: 0; */
}
ul.category-list li span{
    font-family: "Lora", Sans-serif;
    font-weight: 400;
    color: #ffff;
    font-size: 16px;
    text-decoration: none !important; 
    cursor: pointer;
}
ul.category-list li span.active{
   color: #7333E3;
   outline: none;

}
ul.category-list li span:hover{
	color: #7333E380;
}


.blog-posts-grid,.latest-container {
    margin-left: -15px;
    margin-right: -15px;
}
.blog-post-home,.blog-post,.post-item{
    padding-left: 15px;
    padding-right: 15px;
}
.blog-posts-grid,.latest-posts{
    display: flex;
    flex-wrap: wrap;
}

.blog-posts-grid .blog-post-home{
	flex: 0 0 33%;
    max-width: 33%;
    position: relative;
}
.blog-posts-grid .blog-post{
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
}
.latest-container .post-item{
    flex: 0 0 33.33%;
    max-width: 33.33%;
    position: relative;

}
.blog-posts-grid .blog-post-thumbnail img, .blog-post-thumbnail img{
    width: 100%;
    border-radius: 8px;
    margin-bottom: 15px;
    
}
.blog-post, .blog-post-home,.no-post,.latest-container .post-item-inner  .post-details{
    color: #fff;
    font-family: "Lora", Sans-serif;
}
.blog-post-category,.post-category {
    position: absolute;
    top: 10px;
    right: 30px;
    background: #7333E380;
    padding: 8px 15px;
    font-size: 14px;
    font-family: "Lora", Sans-serif;
    font-weight: 400;
    border-radius: 8px;
}

.category-blog-container .category-blog-posts .blog-post-title ,.latest-container .post-item-inner  .post-details .post-title{
    font-size: 20px;
    font-family: "Lora", Sans-serif;
    font-weight: 700;
    margin-top: 15px;

}
.category-blog-container .category-blog-posts .blog-post-title a,.latest-container .post-item-inner  .post-details .post-title a{
    text-decoration: none;
    color: #fff;
}

/*  
 * Custom hero banner for latest post css starts here
 * */

.hero-banner, .latest_single_post{
	width: 100dvw !important;
	height: 100dvh;
	display:flex;
	justify-content: end;
	flex-direction: column;
	padding: 50px 0px;
	text-decoration: none !important;
}

.latest_single_post{
	width: 100% !important;
	height: 70dvh;
	border-radius: 10px;
}

.hero-content{
	padding-left: 20px;
	font-family: "Lora", Sans-serif !important;
	color: #fff;
	text-decoration: none;
}

.hero-content h1{
	font-size: 40px;
	font-family: "Lora", Sans-serif !important;
	font-weight: 500;
	width: 55%;
	text-decoration: none;
}

.hero-content-category{
	padding: 5px 10px;
	background-color: #FFFFFF26;
	margin-bottom: 20px;
}

.hero-text-container{
	display: flex;
	align-items: center;
    gap: 10px; /* Adjust spacing between items */
}
.hero-text-container p{
	padding: 0 !important;
	margin: 0 !important;
	font-family: "Lora", Sans-serif !important;
}

.hero-text-line {
    flex-grow: 1; /* Makes the line stretch between the date and description */
    height: 1px; /* Thickness of the line */
    background-color: #fff; /* Line color */
	max-width: 60px;
}
/*  
 * Custom hero banner for latest post css ends here
 * */
.loader{
    height: 150px;
    width: 150px;
    background-image: url(../images/tube-spinner.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 80px auto;
}

.latest-container .post-item-inner {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    min-height: 420px;
}

.latest-container .post-item-inner  .post-details {
    padding: 50px 30px;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.latest-container .post-item-inner  .post-excerpt{
    margin-bottom: 0;
}
.latest-container .post-item-inner .post-details .post-title a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    bottom: 0;
    right: 0;
    height: 100%;
    width: calc(100% - 30px);
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output ,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output ,
.wpcf7 form.sent .wpcf7-response-output{
    color: #fff;
    font-family: "Lora", Sans-serif;
    font-size: 15px;
}

/*  */

.recent-container .recent-articles {
    display: flex;
    gap: 80px;
}
.recent-container .recent-articles .description-right,.recent-container .recent-articles .description-right h4,.recent-container .recent-articles .description-right p{
    font-family: "Lora";
	    color: #FFFFFF;
}

.recent-container .recent-articles .article-item,.recent-container .recent-articles .description-right{
	flex:1;
}
.recent-container .recent-articles .article-item .article-item-inner{
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	border-radius:8px;
	position:relative;

}

.recent-container .recent-articles .article-item .article-item-inner span.article-category {
    position: absolute;
    right: 20px;
    background-color: #FFFFFF26;
    border-radius: 16px;
    color: #FFFFFF;
    padding: 5px 10px;
    top: 20px;
}

.recent-container .recent-articles .article-item .article-item-inner .article-details {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
	    padding-top: 120px;
    padding-left: 50px;
}

.recent-container .recent-articles .article-item span.article-date {
    color: #E5E5E5;
}
.recent-container .recent-articles .article-item .article-title a{
    color: #FFFFFF;
    text-decoration: none;
}
.recent-container .recent-articles .article-item .article-excerpt{
    margin-bottom: 0;
    color: #E5E5E5;
}
.wpcf7{
	height: 60px !important;
}
@media(max-width:1200px){
    .recent-container .recent-articles {
        display: flex;
        gap: 30px;
    }
}

@media (min-width: 921px) {
    .ast-theme-transparent-header #masthead{
        padding: 10px 0;
    }
  
}



@media(max-width:991px){
    .recent-container .recent-articles{
        flex-direction: column;
    } 
	.recent-container .recent-articles .article-item .article-item-inner .article-details {
    padding-top: 95px;
    padding-left: 30px;
}
    header .custom-logo-link img{
        max-width: 150px;
        width: 150px;
    }
    .blog-posts-grid{
        display: flex;
        flex-wrap: wrap;
    }
    .blog-posts-grid .blog-post,.latest-container .post-item, .blog-posts-grid .blog-post-home{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .latest-container .post-item{
        margin-bottom: 30px;
    }
}
@media(max-width:920px){
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-equal .ast-builder-grid-row{
        grid-template-columns: auto;
    }
    .site-footer-above-section-3 > div {
        max-width: 100%;
        margin-left: 0;
    }
    .site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-tablet-stack .site-footer-section {
        margin-bottom: 30px;
        text-align: left;
    }
    .ast-footer-copyright,.footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element,.footer-widget-area[data-section="section-fb-html-1"] .ast-builder-html-element,
    [data-section="section-fb-social-icons-3"] .footer-social-inner-wrap{
        text-align: left;
    }
    .wpcf7 form .whole-class .submit-button input.wpcf7-submit{
        height: 47px;
    }
    
}

@media(max-width:767px){
    .blog-posts-grid .blog-post,.latest-container .post-item, .blog-posts-grid .blog-post-home{
        flex: 0 0 100%;
        max-width: 100%;
    }
    ul.category-list{
        flex-wrap: wrap;
    }
    ul.category-list li a{
        font-size: 12px;
    }
    ul.category-list li {
        padding: 0 20px;
    }
	.hero-content h1{
		font-size: 20px;
		width: 100%;
	}
	.hero-text-container{
		flex-direction: column;
		align-items: start;
		gap: 0px;
	}
	.hero-text-container p:first-child{
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
	}
	.hero-text-line{
		height: 2px;
	}
}
@media(max-width:768px){
    .category-list button.slick-arrow {
        background-color: transparent;
        padding: 0;
        height: 24px;
        width: 24px;
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: center;
    }
    .category-list button.slick-arrow::before{
        display: none;
    }
    .category-list button.slick-arrow.slick-prev{
    background-image: url('https://kofinity.net/wp-content/uploads/2025/04/Button-Previous-1.png');
    left: -50px;
    }
    .category-list button.slick-arrow.slick-next{
        background-image: url('https://kofinity.net/wp-content/uploads/2025/04/Button-Next.png');   
        right: -50px;
    
    }
    
    
    ul.category-list.slick-slider {
        margin-left: 45px;
        margin-right: 45px;
    }
    
    ul.category-list li{
        text-align: center;
/* 		padding: 0 20px; */
    }
    ul.category-list li span{
        font-size: 12px;
        line-height: 17px;
		font-weight: 700;
    } 
	.category-list button.slick-arrow:hover,
	.category-list button.slick-arrow:focus{
    background-color: transparent;
}
	ul.category-list li span:hover {
    color: #7333E3;
}
}
@media(max-width:450px){
	ul.category-list li {
    text-align: center;
    padding: 0 20px;
}
ul.category-list li span {
 /*   font-size: 9px;
    line-height: 17px;
	font-weight: 700; */
}
ul.category-list.slick-slider {
        margin-left: 20px;
        margin-right: 20px;
}
.category-list button.slick-arrow.slick-prev {
    left: -30px;
}
.category-list button.slick-arrow.slick-next {
    right: -30px;
}
}