/*
 Theme Name:   Jhanvi Child
 Theme URI:    https://jhanvi.wpengine.com/
 Description:  Jhanvi Child Theme
 Author:       the WeDesignTech team
 Author URI:   https://wedesignthemes.com/
 Template:     jhanvi
 Version:      1.0.0
 Text Domain:  jhanvi-child
 Tested up to: 6.8 
 Requires PHP: 7.4
 Tags: Blog,Portfolio
 License: GNU General Public License v2 or later License URI: https: //www.gnu.org/licenses/gpl-2.0.html
 Copyright (C) 2025 designthemes. All rights reserved.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Sofia Sans", Sans-serif !important;
    text-transform: uppercase !important;
}


h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 1px ;
}


p,
body {
    font-family: "Lexend", Sans-serif !important;
    font-size: 16px;
}

h2.wdt-heading-title-wrapper {
    font-family: "Sofia Sans", Sans-serif !important;
    font-weight: 700;
    line-height: 38px;
}

#menu-main-menu li a {
    margin: 0;
}

.publications-block .entry-thumb a img {
	height: 460px !important;
}

.wdt-button {
    font-family: "Sofia Sans", Sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.wdt-creative-heading-holder .wdt-button {
    font-family: "Sofia Sans", Sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase ;
}

.entry-categories a {
     font-family: "Sofia Sans", Sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.masonry-date,
.entry-date {
       font-family: "Sofia Sans", Sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase ;
}

.home-banner-content {
    position: relative;
}

.home-banner-title h2 {
    margin-bottom: 0 !important;
}

.home-banner-content::after {
    content: "";
    position: absolute;
    inset: 0; /* shorthand for top/right/bottom/left: 0 */
    
    background-image: url("http://localhost/consciousness-theories/wp-content/uploads/2025/12/banner-overlay.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    pointer-events: none; /* so it doesn't block clicks */
}

#header-wrapper {
    margin: 0 0 0;
}

.home-banner-btn.btn-blue a {
    width: 185px;
}

.entry-title h3,
h4.wdt-heading-title {
    text-transform: uppercase !important;
     font-weight: 700;
}

.entry-title h3 a {
    text-transform: uppercase !important;
     font-weight: 700 !important;
}

.entry-title h4 {
    font-weight: 700;
}

.essay-prize-block {
    position: relative;
}

.essay-prize-block-title h2.wdt-heading-title-wrapper.wdt-heading-title{
    text-align: center;
    position: relative;
    /* z-index: 9; */
}
.essay-prize-block h2 {
    color: #1a213a !important;
}

/* Force Loop Grid to use flex instead of grid */
.article-loop-grid .elementor-loop-container.elementor-grid{
    display: flex !important;
}

/* Now flex works */
.article-loop-grid .e-loop-item {
    flex: 1;
    transition: flex 0.4s ease, transform 0.4s ease;
    /* filter: grayscale(100%); */
}
/* Make Loop Grid act like flex */
.article-loop-grid .e-loop-grid {
    display: flex;
    gap: 20px;
}


/* Each article (THIS must be e-loop-item) */
.article-loop-grid .e-loop-item {
    flex: 1;
    transition:
        flex 0.4s ease,
        transform 0.4s ease;
}

/* First article slightly wider by default */
.article-loop-grid .e-loop-item:first-child {
    flex: 1.3;
}

/* On hover, shrink all */
.article-loop-grid .e-loop-grid:hover .e-loop-item {
    flex: 0.85;
}

.read-more-btn .elementor-button {
        background-color: transparent !important;
    text-transform: uppercase !important;
    color: #f1e6dd;
    border: 1px solid #f1e6dd;
    padding: 15px 44px;
    border-radius: 50px !important;
}

.read-more-btn {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease;

}

.article-loop-grid .e-loop-item:hover .read-more-btn {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Expand hovered article */
.article-loop-grid .e-loop-item:hover {
    flex: 1.8;
    transform: translateY(-6px);
}

.article-loop-grid .e-loop-item:hover .home-hover-text,
.article-loop-grid .e-loop-item:hover .home-hover-title {
    width: 60%
}

.article-loop-grid h4 {
    margin-bottom: 0 !important;
}

.btn-custom-transparent .wdt-button, .wdt-button-holder .wdt-button {
    background-color: transparent !important;
    border: 1px solid #f1e6dd;
    text-transform: uppercase !important;
    color: #f1e6dd;
}

.btn-blue .wdt-button {
    background-color: #19203a !important;
    border: 1px solid #19203a;
    text-transform: uppercase !important;
    color: #f1e6dd;

}


.btn-blue .elementor-button {
    background-color: #19203a !important;
    border: 1px solid #19203a;
    text-transform: uppercase !important;
    color: #f1e6dd;
    padding: 15px 44px;
    border-radius: 50px;
}

.main-title-section-wrapper.dark-bg-breadcrumb {
    background-color: #19203a !important;
}

.blog-entry div.entry-meta-group > div.entry-categories a {
   background-color: #19203a !important;
   border-radius: 50px;
}

.home-blog {
    color: #f1e6dd
}

.home-blog a {
    color: #f1e6dd
}

.home-blog .swiper-pagination-arrow-wrapper.swiper-pagination {
    display: none !important;
}

.home-blog .wdt-column.active .masonry-title,
.home-blog .wdt-column.active .masonry-excerpt {
   width: 80% !important;
}

.home-blog .masonry-meta-date {
    font-family: "Sofia Sans", Sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase ;
}


h4.masonry-title,
h3.masonry-title,
h5.masonry-title {
    font-weight: 700;
        color: #19203a;
}

/* .masonry-excerpt {
    color: #19203a;
}
 */

.home-blog-title-top h2 {
    margin-bottom: 0 !important;
}

.masonry-meta-categories a {
    font-family: "Sofia Sans", Sans-serif!important 
}

.grid-container:is(.type1, .type3) .masonry-grid .masonry-item .masonry-meta-group .masonry-meta-categories a {
    background-color: #f1e6dd !important;
    text-transform: uppercase !important;
    color: #19203a !important;
}

.mobile-nav-container .menu-trigger {
    color: #f2e6dd !important
}

#about-block h2 {
    color: #F1E6DD !important;
}

.blog-right .grid-container:is(.type1, .type3) .masonry-grid .masonry-item .masonry-meta-group .masonry-meta-categories a  {
     background-color: #19203a !important;
    color: #f1e6dd !important;
}

.blog-right .masonry-excerpt {
    color: #19203a;
}

    .single-post h2,
    .single-post h3,
    .single-post h4 {
        color: #19203a;
        font-family: "Sofia Sans", Sans-serif!important 
}

.single-post {
        color: #19203a;
        font-family: "Lexend", Sans-serif!important 
}

.single-post  .wdt-heading-content-wrapper {
    font-family: "Lexend", Sans-serif!important 
}

.full-pdf h3 {
    margin: 0;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	padding: 0 !important
}

.elementor-swiper-button {
	padding: 5px !important
}

@media screen and (max-width: 1024px) {
    .article-loop-grid .elementor-loop-container.elementor-grid {
        flex-direction: column;
    }
	
	.elementor-element-96efec3 {
		 flex-direction: column !important;
	}

    .article-loop-grid .e-loop-item,
    .article-loop-grid .e-loop-item:first-child {
        flex: 1 !important;
        transform: none;
    }

    .article-loop-grid .e-loop-item:hover .home-hover-text,
    .article-loop-grid .e-loop-item:hover .home-hover-title {
        width: 100%
    }

    .read-more-btn {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .home-blog .wdt-column.active .masonry-title,
    .home-blog .wdt-column.active .masonry-excerpt {
        width: 100% !important;
    }

    

}

 @media only screen and (max-width: 767px) {
    .elementor-widget-wdt-header-menu {
        text-align: left;
    }

    .home-blog .wdt-column {
        margin-top: 40PX;
    }
	 
	 .publications-block .entry-thumb a img {
		height: 100% !important;
	}
	 
	 .elementor-swiper-button {
		 display: none !important
	 }
	 
	 .elementor-widget-button .read-more-btn a.elementor-button {
		padding: 8px 18px;
	}

 }