/*
Theme Name: ConferPress child
Template: conferpress
*/

@import url("../conferpress/style.css");
/* Theme customization starts here
-------------------------------------------------------------- */

/* ====== PRIMARY BUTTON STYLE ====== */
.btn-primary,
input[type=submit],
.dark-div .btn-primary,
#main-nav .navbar-nav > li.button > a,
#tribe-events .tribe-events-button,
.tribe-events-button,
.sc-single-event-meta form.cart .tribe-events-tickets button.button,
table.tribe-events-tickets .add-to-cart .tribe-button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month, 
.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
/*     background-color: #d66eac !important; */
	 background-color: #53a43f !important;
  
}


/* Fix ConferPress Hero Height on Mobile */
/* Fix mobile background stretching for hero banner */
@media (max-width: 767px) {
    .vc_custom_1763061093961  {
        background-size: cover !important;         /* Fill area */
        background-position: top center !important; /* Focus on top subject */
        background-repeat: no-repeat !important;

        height: 60vw !important;     /* Balanced height for mobile */
        min-height: 546px !important; /* Ensures image is visible */
        max-height: 450px !important; /* Prevents overlong banner */
    }
	.sc_countdown p {
		margin-bottom:0!important;
	}
}
#abt_healfest p {
	text-transform:none !important;
}
.small-meta {
    font-size: 14px;
   
    color: #d66eac;
    
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 0, 0, 0.8);
}
.page-heading {
    position: relative;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.page-heading::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.85); /* <- opacity yahan control karo */
    z-index: -1;
}



.sponsor_bg .media-heading, .sp_head h2 {
    color:white !important;
}






.sponsor-button {
    text-align: center !important;
}
.post-grid-item-content.dark-div {
    display: flex;
    flex-direction: column !important;
    justify-content: flex-end !important;
    padding-bottom: 20px !important;
	text-transform:uppercase;
    font-size:30px !important;
}
@media (max-width: 767px) {
    

    .navbar-header,
    #main-nav .navbar-header {
         display: flex !important;
        justify-content: flex-start !important;
    }
	    .page-heading h1 {
        font-size: 28px;
        position: relative;
        top: 20px;
    }
	    .page-heading {
        height: 250px !important;      /* adjust as per your taste */
        padding-top: 140px !important; /* pushes title down */
        padding-bottom: 20px !important;
        background-size: cover !important;
        background-position: center !important;
    }
	.ia-heading.heading-align-center h2 {
    text-align: center;
    font-size: 20px;
		
}
	.sp_banner .dark-div {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin-bottom: 30px;
}
}

.sp_banner .dark-div {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
#main-nav.affix .logo {
    display: block;
    line-height: 30px;
    height: 70px !important;
    padding: 10px 0;
    transition: all 0s;
}