/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
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
Version: 4.11.2.1750130210
Updated: 2025-06-17 03:16:50

*/
html, body {
  overflow-x: hidden !important;
}

/* top bar css   */

.topbar {
    position: relative;
    height: 50px !important;
    display: flex !important;
}

.topbar p {
    position: fixed;
    width: 100%;
    background-color: #0c0c0c;
    color: #FFFEFA;
    text-align: center;
    padding: 10px;
    font-family: lexend;
    left: 0;
    top: 0;
    z-index: 111;
}



.topbar a {
    color: #ff4c4c;
    font-weight: 800;
    font-size: 18px;

}

.referral-link-direct {
    color: #ff4c4c;
    font-weight: 800;
    font-size: 18px;
}

a.btn-referral {
    font-size: 0.86666666666667rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-top: 17px;
    padding-right: 26px;
    padding-bottom: 17px;
    padding-left: 26px;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-color: var(--ast-global-color-0);
    background-color: var(--ast-global-color-0);
    color: #ffffff;
    font-family: inherit;
    font-weight: 500;
    line-height: 1em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.hashtag_posts_scroll {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
}



.custom-category-list {
    display: flex;
	flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
	justify-content: space-around;
}

.custom-category-list .inr_wrp_cat_list{
    box-sizing: border-box;
}




a.btn-referral:hover, a.btn-referral:focus {
    color: #ffffff;
    background-color: var(--ast-global-color-2);
    border-color: var(--ast-global-color-2);
}

/* custom code css of hastag slider */
.hashtag-post-card {
    margin-bottom: 40px;
}

.hashtag-post-thumbnail {
    padding-bottom: 14px;
}

.hashtag_posts_scroll.slick-initialized .slick-slide {
    padding: 0px 14px !important;
}
    
.hashtag-post-title{
    padding-bottom: 12px !important;    
}
    
.hashtag-post-title a {
    font-size: 19px;
    color: #000;
}
    
.hashtag-post-meta {
    display: flex;
    flex-direction: row;
    gap: 50px;
}
    
img.calendar-icon {
    width: 14px;
}

.hashtag-post-date {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 5px;
    padding-bottom: 10px;
}   
    
    .hashtag-post-readmore a.readmore-btn {
    background-color: var(--ast-global-color-0);
    color: #fff;
    padding: 10px 18px;
    border-radius: 5px;
}

img.img-cl-sr {
    width: 16px;
}

.dt-wrp {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 4px;
}

.inr_wrp_cat_list {
  position: relative;
  width: 100%;
  max-width: 400px;
  
}

.inr_wrp_cat_list img {
    width: 100%;
    display: block !important;
    height: 320px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
}

.img-txt {
    position: absolute;
    bottom: 0px;
    /* left: 20px; */
    color: white;
    background-color: rgba(0, 0, 0, 0.35);
    padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
}

.entry-meta {
	display:none;
}

.cat_lnk {
    position: absolute;
    bottom: 0;
    left: 33px;
    top: calc(100% - 70px)!important;
    color: #fff;
    font-size: 30px;
}

.custom-category-list.slick-slide {
    padding: 0px 5px !important;
}

.custom-category-list.slick-initialized .slick-slide {
    padding: 0px 10px;
}

.custom-category-list .slick-prev, .custom-category-list .slick-next {
   display:none !important;
}

.srfm-custom-button-ctn {
    margin-top: -26px;
}

.footer_referral {
    display: block;
    position: relative !important;
    padding: 30px 0px;
}

.footer_referral a.btn-referral {
    position: absolute;
    bottom: -24px;
    left: calc(100% - 60%);
}

/* 20-06-2025 */
/* hastag post images */

img.post_thumb_cstm {
    width: 100% !important;
    height: 200px;
    object-fit: cover !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

h4.hashtag-post-title {
    height: 100px;
    max-height: 150px;
}

.hashtag-post-meta {
    padding: 0px 16px;
}


h4.hashtag-post-title {
    padding: 0px 13px;
}

.hashtag-post-card {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    border-radius: 10px;
}


/*it is for large screen and extra large screen*/

.heading_main_ttl h3 {
    border-left: #ff4c4c solid 5px;
    padding-left: 5px;
}

.heading_main_ttl .heading_main .e-con-inner {
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 0px !important;
    padding: 19px 4px;
}
.heading_main_ttl .heading_main_hz_line {
    width: 71%;
}

/* post archive css */
.custom-archive-posts .ast-container {
    width: 100% !important;
    margin: 0px auto !important;
    max-width: 1100px !important;
}
.post_cstm .ast-row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.post_cstm .ast-row article {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.post_cstm h2 {
    font-size: 20px;
    text-align: justify;
    padding: 0px 22px;
    height: 94px;
}

.post_cstm .wrap_img img.arch_img {
    width: 100%;
    height: 170px;
    max-height: 175px;
    object-fit: cover;
    padding-bottom: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.post_cstm header.entry-header.ast-blog-meta-container {
    display: none;
}

.post_cstm .ast-blog-single-element p {
    padding: 10px 22px;
    text-align: justify;
	margin: 0px;
}

.post_cstm article {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	padding: 0px;
}

.post_cstm .blog-layout-1 {
    border-bottom: 0px !important;
}

.post_cstm a.read_more_link {
    padding: 23px;
    color: #ff4c4c;
}
h1.post_title {
    text-align: center;
    padding-bottom: 12px;
}
.custom-archive-posts .post_cstm {
    margin-top: 15px !important;
}

/* footer css */

.elementor-element-00a405c {
    background: #3d3d3d;
    border-top: solid #fff 1px;
}

.elementor-element-2a6e89b p {
    margin-bottom: 0px;
    color: #fff;
    font-weight: 400 !important;
}


@media screen and (min-width: 1980px) {
	.post_cstm .ast-row article {
    flex: 0 0 calc(33.333% - 20px);
}
	
  .single-post .site-content > .ast-container {
    max-width: 1600px !important; /* Or any value you want */
  }
	
	.hashtag_posts_scroll .hashtag-post-card {
    flex: 0 0 calc(33.333% - 20px); /* 3 columns, minus gap */
    box-sizing: border-box;
}
	
	
	.custom-category-list .inr_wrp_cat_list{
	 flex: 0 0 calc(33.333% - 20px); /* 3 columns, minus gap */
		 max-width:calc(33.333% - 20px);
}

.custom-category-list .inr_wrp_cat_list:nth-child(4)
 {

  flex: 1 0 calc(50.00% - 20px); /* allow growing */
  max-width: calc(50.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(5) {
    flex: 1 0 calc(50.00% - 20px); /* allow growing */
    max-width: calc(50.00% - 20px); /* ensure it doesn't exceed 2 columns */
}
	
}


@media screen and (min-width: 1281px) and (max-width: 1979px) {
	.post_cstm .ast-row article {
    flex: 0 0 calc(33.333% - 20px);
}
	
  .single-post .site-content > .ast-container {
        max-width: 1280px !important; 
    }
	
	.hashtag_posts_scroll .hashtag-post-card {
    flex: 0 0 calc(33.333% - 20px); /* 3 columns, minus gap */
    box-sizing: border-box;
	}
	
		.custom-category-list .inr_wrp_cat_list{
	 flex: 0 0 calc(33.333% - 20px); /* 3 columns, minus gap */
		 max-width:calc(33.333% - 20px);
}

.custom-category-list .inr_wrp_cat_list:nth-child(4)
 {

  flex: 1 0 calc(50.00% - 20px); /* allow growing */
  max-width: calc(50.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(5) {
    flex: 1 0 calc(50.00% - 20px); /* allow growing */
    max-width: calc(50.00% - 20px); /* ensure it doesn't exceed 2 columns */
}
	
}


@media screen and (min-width: 922px) and (max-width: 1280px) {
	.post_cstm .ast-row article {
    flex: 0 0 calc(50.00% - 20px);
}
	
	.hashtag_posts_scroll .hashtag-post-card {
    flex: 0 0 calc(50.00% - 20px); /* 3 columns, minus gap */
    box-sizing: border-box;
	}
	
    .single-post .site-content > .ast-container {
        max-width: 1024px !important; 
    }
	
	.heading_main .e-con-inner {
            display: flex;
            flex-direction: row !important;
            justify-content: space-around !important;
            gap: 0px !important;
            padding: 19px 4px;
        }


    .heading_main_hz_line {
       width: 64%;
     }
	.heading_main .elementor-element-1a9536e.heading_main_hz_line {
            width: 78%;
        }
	
	
		.custom-category-list .inr_wrp_cat_list{
	  flex: 1 0 calc(50.00% - 20px); /* allow growing */
  max-width: calc(50.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(4)
 {

  flex: 1 0 calc(50.00% - 20px); /* allow growing */
  max-width: calc(50.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(5) {
    flex: 1 0 calc(100.00% - 20px); /* allow growing */
    max-width: calc(100.00% - 20px); /* ensure it doesn't exceed 2 columns */
}
}


@media screen and (min-width: 779px) and (max-width: 921px) {
	
	.post_cstm .ast-row article {
    flex: 0 0 calc(50.00% - 20px);
}
	
	.hashtag_posts_scroll .hashtag-post-card {
    flex: 0 0 calc(50.00% - 20px); /* 2 columns, minus gap */
    box-sizing: border-box;
	}
	
	
			.custom-category-list .inr_wrp_cat_list{
	  flex: 1 0 calc(50.00% - 20px); /* allow growing */
  max-width: calc(50.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(4)
 {

  flex: 1 0 calc(50.00% - 20px); /* allow growing */
  max-width: calc(50.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(5) {
    flex: 1 0 calc(100.00% - 20px); /* allow growing */
    max-width: calc(100.00% - 20px); /* ensure it doesn't exceed 2 columns */
}
	
	
}



@media screen and (min-width: 480px) and (max-width: 778px) {
	.post_cstm .ast-row article {
    flex: 0 0 calc(100.00% - 20px);
}
	
    .footer_referral a.btn-referral {
    left: calc(100% - 70%) !important;;
}
	.hashtag_posts_scroll .hashtag-post-card {
     flex: 0 0 calc(100% - 20px); /* 1 columns, minus gap */
		 box-sizing: border-box;
}
	
				.custom-category-list .inr_wrp_cat_list{
	  flex: 1 0 calc(100.00% - 20px); /* allow growing */
    max-width: calc(100.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(4)
 {

  flex: 1 0 calc(100.00% - 20px); /* allow growing */
    max-width: calc(100.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(5) {
    flex: 1 0 calc(100.00% - 20px); /* allow growing */
    max-width: calc(100.00% - 20px); /* ensure it doesn't exceed 2 columns */
}
	
}


@media only screen and (max-width: 480px) {
	.post_cstm .ast-row article {
    flex: 0 0 calc(100.00% - 20px);
}
	
				.custom-category-list .inr_wrp_cat_list{
	  flex: 1 0 calc(100.00% - 20px); /* allow growing */
    max-width: calc(100.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(4)
 {

  flex: 1 0 calc(100.00% - 20px); /* allow growing */
    max-width: calc(100.00% - 20px); /* ensure it doesn't exceed 2 columns */
}

.custom-category-list .inr_wrp_cat_list:nth-child(5) {
    flex: 1 0 calc(100.00% - 20px); /* allow growing */
    max-width: calc(100.00% - 20px); /* ensure it doesn't exceed 2 columns */
}
	
	
	.hashtag_posts_scroll .hashtag-post-card {
    flex: 0 0 calc(100% - 20px); /* 1 columns, minus gap */
		 box-sizing: border-box;
}
	.topbar {
    position: relative;
    height: 57px !important;
}
	.topbar p {
    z-index: 111;
    
    white-space: normal;
    word-wrap: break-word;
    line-height: 20px;
		margin: 0px;
}
	.topbar a {
    font-size: 14px;
}
	
    .custom-category-list.slick-initialized .slick-slide .slick-active {
        width: 300px !important;
    }
    .custom-category-list .slick-prev {
        display:block !important;
        left: 11px !important;
        z-index: 111;
    }
     
     .hashtag_posts_scroll {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding: 0px 20px;
    }

    .custom-category-list .slick-prev:before, .custom-category-list .slick-next:before {
        font-size: 32px;
    }
    
    .hashtag-post-thumbnail img.attachment-medium.size-medium.wp-post-image {
        width: 100%;
        border-radius: 9px;
        object-fit: cover;
    }

    .hashtag-post-thumbnail {
            padding-bottom: 14px;
        }

        .hashtag_posts_scroll.slick-initialized .slick-slide {
            padding: 0px 14px !important;
        }

        .hashtag-post-title{
            padding-bottom: 12px !important;    
        }

        .hashtag-post-title a {
            font-size: 19px;
            color: #000;
        }
    
.hashtag-post-meta {
    display: flex;
    flex-direction: row;
    gap: 50px;
}
    
img.calendar-icon {
    width: 14px;
}
    
.hashtag-post-date {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 5px;
    padding-bottom: 10px;
}   
    
    .hashtag-post-readmore a.readmore-btn {
        background-color: var(--ast-global-color-0);
        color: #fff;
        padding: 10px 18px;
        border-radius: 5px;
    }
    
    .hashtag_posts_scroll .slick-track {
    overflow: hidden;
}
    
    .footer_referral a.btn-referral {
    left: calc(100% - 76%) !important;
}
	
	.custom-category-list {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
}
	
	.custom-category-list .inr_wrp_cat_list:nth-child(5) {
    max-width: 100%;
}
	
..heading_main_hz_line {
    width: 20%;
}
	
	.elementor-element-1a9536e.heading_main_hz_line {
    width:49% !important;
}
    .post_cstm .ast-row {
    display: flex;
    flex-direction: column;
    padding: 10px 15px;
}
	div#primary {
    margin: 0 !important;
    padding: 0 !important;
}
    .mobile_toggle .parent.hfe-creative-menu.hfe-button-wrapper.elementor-widget-button a.hfe-menu-item.elementor-button {
    background-color: #ffffff !important;
    color: #7A7A7A !important;
		font-weight:600;
}
}