/* Base Styles */
body {
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 100vh;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 1.25rem;
  color: #212529;
  padding-top: 70px; /* Adjust based on your header's height */
}


/* Typography */
h1, h2, h3 {
  color: #004080;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4, h5, h6 { font-size: 1.25rem; }

p {
  margin-bottom: 1.5rem;
}

a {
  text-decoration: underline;
}

/* Buttons */
.btn {
  font-size: 1.125rem;
  padding: 0.75rem 1.25rem;
}

/* Navbar */
.navbar {
  background-color: #004080;
}

.navbar-brand,
.nav-link {
  color: #ffffff !important;
}

.nav-link:hover {
  text-decoration: underline;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Header */
header .navbar-brand {
  font-size: 1.5rem;
}

.brand-large {
  font-size: 2rem;
  font-weight: 700;
}

/* Main Layout */
main {
  min-height: 60vh;
}

/* Footer */
footer {
  background-color: #003366;
  color: #8ebeef;
  padding: 1.5rem;
  text-align: center;
}

/* Images */
img {
  max-width: 100%;
  height: auto;
}

/* Font Scaling for Content Sections */
main,
section,
article,
footer,
.container,
.card,
.form-control,
.list-group,
.content {
  font-size: 1.25rem;
  line-height: 1.6;
}

/* Font Scaling for Form Elements */
label,
input,
textarea,
select,
button {
  font-size: 1.25rem !important;
}

/* Container holding the background image and We Speak Medicare text */
.hero-section {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.hero-image,
.hero-text {
  flex: 1 1 100%;
  min-height: 300px;
}

@media (min-width: 768px) {
  .hero-image,
  .hero-text {
    flex: 1 1 50%;
    min-height: 400px;
  }
}

.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-text {
  background-color: #004080;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  margin-top: 0.5rem;  /* Reduced top margin */
  margin-bottom: 0.5rem;  /* Reduced bottom margin */
  text-align: center;
}
.disclaimer {
  font-size: 1.5rem;
  color: #6c757d;
}
.carousel-item p {
  line-height: 1.4; /* Adjust as needed, default is ~1.6 */
  margin-bottom: 0.75rem; /* Reduces space between paragraphs */
  margin-top: 0.75rem; /* Reduces space above the first paragraph */
}

footer {
  font-size: 1rem; /* default size */
  padding: 1rem;
  text-align: center;
  background-color: #003366;
  color: #8ebeef;
}

@media (max-width: 576px) {
  footer {
    font-size: 0.75rem; /* smaller font on mobile */
    flex-wrap: wrap;
  }
}

.map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

 #fixed-logo {
    position: fixed;
    top: 0.5rem;
    left: 1rem;
    z-index: 1050;
  }

  #fixed-logo img {
    max-height: 20vh; /* doubled from typical 10vh */
    width: auto;
  }

 #fixed-logo {
    position: fixed;
    top: 0.5rem;
    right: 1rem;
    z-index: 1050; /* Keeps it above the navbar */
  }

  #fixed-logo img {
    max-height: 5vh; /* Reduced size (half of 10vh) */
    width: auto;
  }

  .move-down-half-inch {
  margin-top: calc(3rem + 0.5in);
}
/* Match dropdown background with header */
.navbar .dropdown-menu {
  background-color: #212529; /* same as .bg-dark */
  border: none;
}

/* Optional: make dropdown text white to match header */
.navbar .dropdown-menu .dropdown-item {
  color: #fff;
}

.navbar .dropdown-menu .dropdown-item:hover {
  background-color: #343a40; /* slightly lighter for hover effect */
  color: #fff;
}
@media (max-width: 991px) {
  .navbar-collapse {
    background-color: #212529; 
    padding: 1rem;
    border-radius: 0.5rem;
  }

  .navbar-collapse .nav-link {
    color: white !important;
  }
}