/*
Theme Name: Alaina Child
Theme URI: https://advaita.health/child
Description: Alaina's practice theme
Author: Alaina
Author URI: https://yoursite.com
Template: advaita-health
Version: 1.0.0000013111
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Text Domain: alaina-child
*/

/* Your custom CSS styles here */
/* These styles will be added on top of the parent theme styles */

/*FONTS*/

/* KARLA - Regular */
@font-face {
  font-family: 'Karla';
  src: url('fonts/Karla-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
	 font-display: swap;
}

/* KARLA - Italic */
@font-face {
  font-family: 'Karla';
  src: url('fonts/Karla-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
	 font-display: swap;
}

/* LORA - Regular */
@font-face {
  font-family: 'Lora';
  src: url('fonts/Lora-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
	 font-display: swap;
}

/* LORA - Italic */
@font-face {
  font-family: 'Lora';
  src: url('fonts/Lora-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
	 font-display: swap;
}

/*general styles*/

body, p, h1, h2, h3, h4, h5, h6, a, li, span {
  font-family: 'Karla', sans-serif;
}

.font-serif {
	font-family: 'Lora', serif;
}

body .text-dkblue {
	color: #000A66 !important;
}

.btn {
  border-radius: 0 !important;
	font-family: 'Karla', sans-serif !important;
}

.btn-dkblue {
  color: white !important; 
  background-color: #000A66;
  transition: all 0.2s ease;
}

.btn-outline-dkblue {
  color: #000A66 !important; 
  border: 1px solid #000A66 !important;
  background-color: transparent;
  transition: all 0.2s ease;
}

.btn-outline-dkblue:hover,
.btn-outline-dkblue:focus {
  background-color: #000A66 !important;
  color: white !important;
  text-decoration: none;
}

/*nav bar*/

.navbar-brand img {
  max-height: 30px;
}

@media (max-width: 768px) {
  .navbar-brand img {
    max-height: 25px;
  }
}

.navbar-nav > li:last-child > a {
  padding: .5rem 1rem;
  border-radius: 0rem;
  background: #000A66;
  color: #fff !important;
}
.navbar-nav > li:last-child > a:hover {
  background: #0b5ed7; /* or your hover color */
}

/* homepage header styling */

.top-page-header-section {
	background-color: white;
	background-image: url('images/insignia-background.png');
  background-size: cover;      /* scale to fill section */
  background-position: center; /* center the image */
  background-repeat: no-repeat;/* avoid tiling */
	padding-top: 10rem;
}

.top-page-header-section h1 {
	font-size: clamp(2.5rem, 8vw, 6.25rem); /* Responsive scaling between 40px and 100px */
	font-family: 'Lora', serif;
	font-weight: 300;
	line-height: 1;
}

.top-page-header-section p {
	font-size: clamp(2.5rem, 8vw, 6.25rem); /* Responsive scaling for consistency */
	font-family: 'Lora', serif;
	font-weight: 300;
	font-style: italic;
}

/* gradient section styling */

.gradient-section {
  background: linear-gradient(135deg, #6B6BA0 0%, #90656E 100%);
}

.section-label,
.ventures-heading,
.testimonials-heading {
  letter-spacing: 1px;
}

/* page - hero content styling*/
.entry-title {
	font-size: 48px !important;
	font-weight: 300 !important;
}

.top-page-header-section .excerpt {
  font-size: 1rem;
  font-family: 'Karla', sans-serif; /* if you want to undo Lora */
  font-style: normal;               /* to remove the italic */
  font-weight: 400;                 /* adjust if needed */
}

/* section styling */
.section-text {
	max-width: 980px;
	font-size: clamp(1.5rem, 5vw, 3rem); /* Responsive scaling between 24px and 48px */
	line-height: 1.2;
	font-family: 'Lora', serif;
}

.section-label {
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1px;
}

.section-divider {
  width: 40px;
  height: 2px;
  background-color: #000;
}

/* Button group responsive styling */
.button-group {
    gap: 0.75rem !important;
}

/* testimonial styling */

.testimonial-card {
	max-width: 350px;
}

.testimonial-text {
  line-height: 1.2;
	font-family: 'Lora', serif;
	font-size: 1.5rem;
}

.testimonial-author {
  font-size: 0.875rem;
}

/* venture styling */

.venture-description {
  line-height: 1.5;
  font-family: 'Karla', sans-serif;
}

/* newsletter styling */
.newsletter-section {
  background: linear-gradient(to bottom, #ffffff 0%, #fbe3e3 100%);
  color: #2b2b5f;
}

.newsletter-form {
	border-radius: 0px;
}

.newsletter-heading {
  font-family: 'Lora', serif;
  font-size: 1.5rem;
	font-weight: 400;
  max-width: 900px;
  margin: 0 auto;
}

.newsletter-input {
  max-width: 400px;
  min-width: 250px;
  padding: 12px 16px;
  border: 1px solid #2b2b5f;
  font-size: 1rem;
  border-radius: 0 !important;
}

.newsletter-form button {
  background-color: #0a0a45;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* footer styling */

.footer-link {
font-family: 'Lora', serif;
	font-weight: 300;
}

.site-footer {
  background-color: #0E081B;
  color: #ffffff;
}

.footer-heading {
  font-family: 'Lora', serif;
}

.text-accent {
  color: #f18f9b; /* soft rose accent */
	font-family: 'Lora', serif;
}

.footer-link {
  font-weight: 500;
}

.social-icons i {
  font-size: 1.25rem;
}

.nav-link {
  font-size: 0.875rem;
}

.btn-light {
  background-color: #ffffff;
  border: none;
}

/* Prevent horizontal overflow */
.container-fluid,
.container {
    overflow-x: hidden;
}

/* Fix any potential image overflow */
.venture-card img {
    max-width: 100%;
    height: auto;
}

/*RESPONSIVE MEDIA QUERIES*/

/* Mobile button adjustments */
@media (max-width: 575.98px) {
    .navbar .navbar-collapse { width: 100%; }
    .navbar-nav .nav-link { white-space: normal; }
    
    /* Button group mobile styling */
    .button-group {
        gap: 0.5rem !important;
        flex-direction: column;
        align-items: center;
    }
    
    .button-group .btn {
        width: 100%;
        max-width: 200px;
    }
    
    /* Container padding adjustments */
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .top-page-header-section {
        padding-top: 5rem; /* Less top padding on mobile */
    }
    
    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
    
    /* Venture card responsive spacing */
    .venture-cards .col-md-6 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    /* Venture card buttons stack properly */
    .venture-card .d-flex {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .venture-card .btn {
        width: 100%;
    }
    
    /* Testimonial responsive fixes */
    .testimonial-text {
        font-size: 1.25rem; /* Smaller on mobile */
    }
    
    .quote-icon {
        font-size: 2.5rem !important; /* Smaller quote marks */
    }
}

/* Tablet adjustments */
@media (max-width: 991.98px) {
    .venture-cards .col-md-6 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}