.values-sm-header h2 {
  margin-top: 1.5rem !important; /* Mobile default: 24px */
}
@media (min-width: 600px) {
  .values-sm-header h2 {
    margin-top: 3rem !important; /* Tablet: 48px */
  }
}
@media (min-width: 1024px) {
  .values-sm-header h2 {
    margin-top: 6.25rem !important; /* Desktop: 100px */
  }
}
/*
Theme Name: Church & Casualty - Portal
Author: Bloom Creative
Version: 1.0
Text Domain: cc22-portal
*/

/* ========================================
   Persistent News Banner Styles
   Matches SVG design with light gray background
   ======================================== */

#persistent-news-banner {
  /* Ensure banner appears above other content */
  position: relative;
  z-index: 4;
  
  /* Typography matching SVG design */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  
  /* Smooth transitions for interactions */
  transition: all 0.3s ease;
}

#persistent-news-banner a {
  /* Ensure links inherit proper styling */
  text-decoration: none;
  transition: all 0.2s ease;
}

#persistent-news-banner a:hover {
  /* Subtle hover effect for accessibility */
  opacity: 0.8;
}

/* Responsive typography */
@media (min-width: 768px) {
  #persistent-news-banner {
    font-size: 16px;
  }
}

/* Animation for banner entrance */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

#persistent-news-banner {
  animation: slideDown 0.4s ease-out;
}

/* Print styles - hide banner in print */
@media print {
  #persistent-news-banner {
    display: none !important;
  }
}

/* Responsive spacing above Value-Added Services section */
.values-sm-header h2 {
  margin-top: 6.25rem !important;
}

/* ========================================
   Masthead Box Shadow
   ======================================== */

/* Add box shadow to masthead/hero sections */
.tw-relative.tw-h-72 {
  box-shadow: 0px 2px 2px 0px #00000040;
}