:root{
  --navy:#002D62;
  --red:#CE1141;
  --sand:#F4EBD0;
  --white:#ffffff;
}

body{font-family:'Open Sans',sans-serif;color:#333;line-height:1.6;}
h1,h2,h3,h4,h5,.btn{font-family:'Montserrat',sans-serif;}
.fw-extra-bold{font-weight:800;}
.text-navy{color:var(--navy)!important;}
.text-red{color:var(--red)!important;}
.bg-navy{background-color:var(--navy)!important;}
.bg-sand{background-color:var(--sand)!important;}

.navbar{padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1);}
.nav-link{font-weight:600;margin-right:15px;color:rgba(255,255,255,.9)!important;}
.nav-link:hover{color:var(--red)!important;}

/* Hero Sections */
.hero-section{position:relative;padding:100px 0;min-height:85vh;overflow:hidden;}

/* Main Home Hero */
.hero-bg{
  background-image:url('images/Hero3 - Website Image - Wild Thing Baseball.jpg');
  background-size:cover;background-position:center;
  position:absolute;inset:0;opacity:.25;
}

/* Development Page Hero */
.hero-bg-dev{
  background-image:url('images/dev_hero.jpg');
  background-size:cover;background-position:center;
  position:absolute;inset:0;opacity:.3;
}

/* FAQ Page Hero - uses same image as home for now, or you can swap the URL */
.hero-bg-faq{
  background-image:url('images/Hero3 - Website Image - Wild Thing Baseball.jpg');
  background-size:cover;background-position:center;
  position:absolute;inset:0;opacity:.25;
}

.hero-section::after{
  content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--navy) 0%,#001f44 100%);opacity:.9;z-index:-1;
}
.hero-section .container{position:relative;z-index:2;}

/* General UI Elements */
.card{border-radius:12px;transition:transform .3s ease;}
.card:hover{transform:translateY(-5px);}

.btn-red{background-color:var(--red);color:white;border:2px solid var(--red);text-transform:uppercase;letter-spacing:.5px;}
.btn-red:hover{background-color:transparent;color:var(--red);border-color:white;}

.btn-outline-navy{color:var(--navy);border:2px solid var(--navy);font-weight:700;}
.btn-outline-navy:hover{background-color:var(--navy);color:white;}

/* Pull Quote Styling */
.pullquote {
  font-size: 1.25rem;
  font-style: italic;
  color: #555;
  border-left: 5px solid var(--red);
  padding-left: 20px;
  margin: 30px 0;
}

/* Accordion Styling Enhancements */
.accordion-button:not(.collapsed) {
  color: var(--navy);
  background-color: #e6eef5;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 45, 98, 0.25);
}

@media (max-width: 768px){
  .hero-section{padding:60px 0;text-align:center;}
  .hero-section h1{font-size:2.2rem;}
  .nav-item.ms-lg-3{margin-top:15px;}
  .navbar-brand img{height:48px;}
}