/* Utility styles used by templates/patterns */

.cibus-card{
  background:#fff;
  border:1px solid rgba(31,41,55,.08);
  border-radius:16px;
  box-shadow:0 8px 24px rgba(31,41,55,.08);
  padding:1.5rem;
}

.cibus-hero{
  background:
    radial-gradient(1200px 600px at 20% 10%, rgba(31,122,77,0.18), transparent 55%),
    radial-gradient(900px 500px at 90% 20%, rgba(217,164,65,0.18), transparent 50%),
    #F5F7F4;
}

/* Make the “Buy” menu item stand out if you add class "is-buy" in the nav block */
.wp-block-navigation-item.is-buy > a{
  background: var(--wp--preset--color--cibus-green);
  color: var(--wp--preset--color--white) !important;
  padding: .6rem 1rem;
  border-radius: 999px;
}
.wp-block-navigation-item.is-buy > a:hover{
  background: var(--wp--preset--color--harvest-gold);
  color: var(--wp--preset--color--slate) !important;
}