/* style.css */

/* ----------------------------------
   Global & Typography
---------------------------------- */
body {
  font-family: 'Montserrat', sans-serif;
  line-height: 1.6;
  color: #333;
}

/* Ensure links in footer keep their color but underline on hover */
footer a {
  text-decoration: underline;
}

footer a:hover {
  text-decoration: none;
}

/* ----------------------------------
   Content Wrapping (if needed)
   (Bootstrap’s .container is already handling centering and max-width)
---------------------------------- */
/* 
If you wanted a custom wrapper instead of relying on .container,
you could do:

.content-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1140px;
  padding-left: 15px;
  padding-right: 15px;
}
*/

/* ----------------------------------
   Header Adjustments
---------------------------------- */
header img {
  /* Ensure logo scales down responsibly if needed */
  max-height: 80px;
}

/* ----------------------------------
   Full-Width Image
---------------------------------- */
.container-fluid.p-0 img {
  object-fit: cover;
}

/* ----------------------------------
   Footer Styling
---------------------------------- */
footer {
  font-size: 0.9rem;
}

footer a, footer a:visited{
  text-decoration:none;
}

footer h5 {
  margin-bottom: 1rem;
}

/* If you need additional footer tweaks, add them here */

h1{
  color:#A0733F;
}

.bg-1{
  background-color: #0E467A;
}

.bg-2{
  background-color: #CAA57A; 
}

.donate{
  background-color:#229023;
  border:1px solid #229023;
  color:#FFF;
}
.donate:hover{
  background-color:#31CD32;
  border:1px solid #31CD32;
  color:#FFF;
}