/* Import handwriting font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');

/* Custom styling for homepage title */
.site-heading h1 {
  font-family: 'Caveat', cursive !important;
  font-weight: 700 !important;
  font-size: 3.5em !important;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
  letter-spacing: 0.02em !important;
}

/* Position the entire heading container to the left */
.site-heading {
  text-align: left !important;
}

/* Also style the slogan to match left alignment */
.site-heading .subheading {
  text-align: left !important;
  display: block;
  margin-left: 0;
}

/* Override Bootstrap column offset to move title more to the left */
.intro-header .col-lg-8.col-lg-offset-2,
.intro-header .col-md-10.col-md-offset-1 {
  margin-left: 0 !important;
  padding-left: 5% !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .site-heading h1 {
    font-size: 2.5em !important;
  }

  .intro-header .col-lg-8.col-lg-offset-2,
  .intro-header .col-md-10.col-md-offset-1 {
    padding-left: 15px !important;
  }
}

/* Make navbar-brand (Home button) match the right-side nav items */
.navbar-custom .navbar-brand {
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Remove the default larger size for navbar-brand */
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: white !important;
}