/* =====================================
   LOCK SITE TO LIGHT MODE
===================================== */
html {
  color-scheme: light;
}

body {
  background-color: #f1f1f1;
  color: #000000;
}

@media (prefers-color-scheme: dark) {
  html, body {
    background-color: #f1f1f1;
    color: #000000;
  }
}

/* =====================================
   BRAND COLORS
===================================== */
.vfim-gold {
  background-color: #d4af37 !important;
  color: #2b1b00 !important;
}

.vfim-purple {
  background-color: #4b0082 !important;
  color: white !important;
}

/* =====================================
   GLOBAL ROUNDING / CARDS
===================================== */
.section-card,
.w3-card {
  border-radius: 20px !important;
}

.section-card {
  margin-top: 16px;
  padding: 16px;
  background: #ffffff;
  box-shadow: 0 0 12px rgba(0,0,0,0.08);
}

/* =====================================
   PASTOR IMAGE – CLASSIC FRAMED PORTRAIT
===================================== */
.pastor-large {
  width: 100%;
  max-width: 620px;
  height: auto;
  display: block;
  margin: 32px auto;

  background: #fdfcf8;          /* matte */
  padding: 14px;

  border: 6px solid #5a2d82;    /* purple frame */
  outline: 3px solid #d4af37;   /* gold trim */
  outline-offset: -10px;

  box-shadow:
    inset 0 0 0 3px #ffffff,    /* inner mat */
    0 10px 24px rgba(0,0,0,0.25);

  border-radius: 10px;
}

/* =====================================
   NAVBAR HOVER STATES
===================================== */
.w3-bar-item.w3-button.w3-hover-purple:hover {
  background-color: #4b0082 !important;
  color: white !important;
}

.w3-bar-item.w3-button.w3-hover-gold:hover {
  background-color: #d4af37 !important;
  color: #2b1b00 !important;
}

/* =====================================
   FOOTER
===================================== */
footer {
  font-size: 0.95em;
  letter-spacing: 0.5px;
}