/* Buy Oklahoma Hero Section Styles */
.ok-hero {
:root{
  --terracotta:#A04E36;
  --gold:#C89B3C;
  --cream:#F8F4EC;
  --charcoal:#2E2A26;
  --muted:#EFE8DD;
}

body{
  background:var(--cream);
  color:var(--charcoal);
  font-family:'DM Sans',sans-serif;
}

h1,h2,h3,h4{
  font-family:'Playfair Display',serif;
}

.btn-primary{
  background:var(--terracotta);
  color:white;
  padding:14px 28px;
  border-radius:4px;
  text-decoration:none;
}

.btn-secondary{
  background:var(--gold);
  color:white;
  padding:14px 28px;
  border-radius:4px;
  text-decoration:none;
}

.bento{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.card{
  background:white;
  padding:30px;
  border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.3s;
}

.card:hover{
  transform:translateY(-6px);
}

.large{
  grid-column:span 2;
  grid-row:span 2;
}
    /* Removes any background card coloring and forces the logo container to be transparent */
.zcms-hero-slide [class*="logo"], 
.zcms-hero-slide [class*="image"] {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Optional: Adds a subtle white glow directly around your black logo text/outline to help it pop against darker clouds */
.zcms-hero-slide [class*="logo"] img, 
.zcms-hero-slide [class*="image"] img {
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.6));
}