body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #ffffff;
  color: #333;
}
header {
  background: linear-gradient(90deg, #ff6600, #ff9900);
  color: #fff;
  padding: 20px;
  text-align: center;
  position: sticky;
  top: 0;
}/* ✅ Make the header title (h1) visible and styled */
header h1 {
  color: #ffffff;        /* White text to stand out on orange gradient */
  font-size: 32px;       /* Bigger title */
  font-weight: bold;     /* Bold for emphasis */
  margin: 10px 0;        /* Some spacing */
}

/* ✅ Optional: make the phone number inside h1 stand out */
header h1 .phone {
  color: #ffeb3b;        /* Bright yellow for phone number */
  font-weight: bold;
}
header h1 {
  margin: 0;
  font-size: 24px;
}
nav a {
  margin: 0 10px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
main {
  padding: 20px;
  max-width: 900px;
  margin: auto;
}
h1, h2, h3 {
  color: #ff6600;
}
footer {
  background: #222;
  color: #eee;
  padding: 10px;
  text-align: center;
  margin-top: 30px;
}
footer a {
  color: #ff9900;
  margin: 0 5px;
  text-decoration: none;
}
/* Sticky Call Bar */
.call-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(90deg, #ff6600, #ff9900);
  text-align: center;
  padding: 12px 0;
  z-index: 9999;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.call-bar a {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.call-bar a:hover {
  text-decoration: underline;
}
/* === Styling for Resources Page links === */
.resources-links ul {
  list-style: none;
  padding: 0;
}

.resources-links li {
  margin: 12px 0;
  padding: 10px;
  background: #f7f7f7;
  border-left: 5px solid #ff6600;
  border-radius: 4px;
}

.resources-links a {
  color: #ffffff;
  background-color: #ff6600;
  padding: 6px 12px;
  text-decoration: none;
  border-radius: 4px;
  margin-left: 8px;
  font-weight: bold;
}

.resources-links a:hover {
  background-color: #e65c00;
}
footer {
  background-color: #ff6600;   /* orange theme */
  color: #ffffff;              /* white text */
  text-align: center;          /* center text */
  font-weight: bold;           /* make text bold */
  padding: 15px 0;             /* space above and below */
  margin-top: 20px;            /* space before footer */
}

footer a {
  color: #ffffff;              /* white for links */
  text-decoration: none;       /* remove underline */
  font-weight: bold;           /* bold link */
}

footer a:hover {
  text-decoration: underline;  /* underline on hover */
}
a.phone {
  color: #ff6600;       /* orange theme */
  font-weight: bold;    /* bold text */
  text-decoration: none; /* remove underline */
  font-size: 20px;      /* larger size */
}

a.phone:hover {
  text-decoration: underline; /* underline on hover */
  color: #e65c00;             /* slightly darker orange on hover */
}
a.phone {
  color: #ffffff;           /* White text for contrast on orange background */
  font-weight: bold;        /* Make the number bold */
  font-size: 20px;          /* Larger font size */
  text-decoration: none;    /* Remove underline */
  background-color: #ff6600; /* Orange background */
  padding: 8px 12px;        /* Add some padding around */
  border-radius: 4px;       /* Rounded corners */
  display: inline-block;    /* So padding and background work properly */
}

a.phone:hover {
  color: #ffffff;           /* Keep white text on hover */
  background-color: #e65c00; /* Darker orange on hover */
  text-decoration: underline; /* Underline on hover for interactivity */
}
/* ===== Sticky Call Bar Styling ===== */
.call-bar {
  position: fixed;       /* stays visible even when scrolling */
  bottom: 0;             /* stick to bottom of page */
  left: 0;
  width: 100%;           /* full width */
  background-color: #ff6600; /* orange background */
  text-align: center;    /* center the content */
  padding: 12px 0;       /* some padding */
  z-index: 9999;         /* stay on top of other elements */
}

.call-bar a {
  color: #ffffff;        /* white text */
  font-weight: bold;
  font-size: 18px;
  text-decoration: none; /* no underline */
}

.call-bar a:hover {
  text-decoration: underline; /* underline on hover */
  background-color: transparent; /* no background change */
}