.sf-product-card div:first-child {
aspect-ratio: 1/1;
}

.sf-shortcode-categories a span {
 margin-left: 10px;
}


/* BLOG POSTS */

article .wp-content-fragment h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin: 2.5rem 0 1rem;
}

article .wp-content-fragment h3 {
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 2rem 0 0.75rem;
}

article .wp-content-fragment h4 {
  font-size: 1.25rem;
  line-height: 1.35;
  margin: 1.5rem 0 0.5rem;
}

article .wp-content-fragment p {
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 1.25rem;
}

article .wp-content-fragment ul,
article .wp-content-fragment ol {
  margin: 0 0 1.5rem;
  padding-left: 1.5rem;
}

article .wp-content-fragment li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

article .wp-content-fragment strong {
  font-weight: 600;
}


/* PRODUCT DESCRIPTIONS */

section .wp-content-fragment h2 {
  font-size: 2rem;
  line-height: 1.2;
  margin: 2.5rem 0 1rem;
}

section .wp-content-fragment h3 {
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 2rem 0 0.75rem;
}

section .wp-content-fragment h4 {
  font-size: 1.25rem;
  line-height: 1.35;
  margin: 1.5rem 0 0.5rem;
}

section .wp-content-fragment p {
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 1.25rem;
}

section .wp-content-fragment ul,
section .wp-content-fragment ol {
  margin: 0 0 1.5rem;
  padding-left: 1.5rem;
}

section .wp-content-fragment li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

section .wp-content-fragment strong {
  font-weight: 600;
}

@media (max-width: 768px) {
  article .wp-content-fragment h2,
  section .wp-content-fragment h2 {
    font-size: 1.6rem;
  }

  article .wp-content-fragment h3,
  section .wp-content-fragment h3 {
    font-size: 1.3rem;
  }

  article .wp-content-fragment h4,
  section .wp-content-fragment h4 {
    font-size: 1.15rem;
  }

  article .wp-content-fragment p,
  section .wp-content-fragment p {
    font-size: 0.95rem;
    line-height: 1.65;
  }
}

article header div a.rounded-full {
  background: orange !important;
  color: #111 !important;
}

nav[aria-label="Table of contents"] li {
list-style: none !important;
}

nav.sf-breadcrumbs span{
  color: white !important;
}



a:hover .funky-brand-heading {color: black !important;}


/* NEW */

.funky-main .wp-site-blocks.entry-content .wp-block-button:not(.is-style-outline):not([class*="is-style-outline--"]) > :where(.wp-block-button__link, .wp-element-button):not(.is-style-outline):not([class*="is-style-outline--"]):not(.has-background) {
  background-color: #111 !important;
  border-color: orange !important;
  border-width: 1px;
  color: #fff !important;
}

.funky-main .wp-site-blocks.entry-content .wp-block-button:not(.is-style-outline):not([class*="is-style-outline--"]) > :where(.wp-block-button__link, .wp-element-button):not(.is-style-outline):not([class*="is-style-outline--"]):not(.has-background):hover {
  background-color: #f97316 !important;
  border-color: #f97316 !important;
  color: #fff !important;
}

.dark a:hover .funky-brand-heading {color: white !important;}

.funky-main .wp-site-blocks.entry-content :is(
  .wp-block-button:is(.is-style-outline, [class*="is-style-outline--"]) > :where(.wp-block-button__link, .wp-element-button),
  .wp-block-button > :is(.wp-block-button__link, .wp-element-button):is(.is-style-outline, [class*="is-style-outline--"])
) {
  background-color: transparent !important;
  border-color: #f97316 !important;
  color: #f97316 !important;
}

.funky-main .wp-site-blocks.entry-content :is(
  .wp-block-button:is(.is-style-outline, [class*="is-style-outline--"]) > :where(.wp-block-button__link, .wp-element-button),
  .wp-block-button > :is(.wp-block-button__link, .wp-element-button):is(.is-style-outline, [class*="is-style-outline--"])
):hover {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

.funky-main a.rounded-control.bg-brand-gradient:hover,
.funky-main a.rounded-control.border:hover {
  background: #f97316 !important;
  color:  #111 !important;
  transition-duration: 0s;
}

.funky-main a.rounded-control.border:hover {
  border-color: #111111 !important;
}

.flex.flex-wrap.gap-1\.5 {
  align-items: center;
}

.funky-product-card .bg-rose-500 {
  background: orange !important;
}


.funky-main .flex.flex-wrap.gap-2 > a.rounded-full:not(.funky-main .flex.flex-wrap.gap-2 > a.bg-brand-gradient) {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #f97316 !important;
}

.funky-main .flex.flex-wrap.gap-2 > a.rounded-full:hover {
  background-color: #f97316 !important;
  border-color: #f97316 !important;
  color: #111111 !important;
}

.funky-main .sf-shortcode-categories .grid.gap-3 > a.group {
  background-color: #fff !important;
  border-color: #f97316 !important;
}

.funky-main .sf-shortcode-categories .grid.gap-3 > a.group strong,
.funky-main .sf-shortcode-categories .grid.gap-3 > a.group span {
  color: #111111 !important;
}

.funky-main .sf-shortcode-categories .grid.gap-3 > a.group:hover {
  background-color: #111111 !important;
  border-color: #111111 !important;
}

.funky-main .sf-shortcode-categories .grid.gap-3 > a.group:hover strong,
.funky-main .sf-shortcode-categories .grid.gap-3 > a.group:hover span {
  color: #f97316 !important;
}

.funky-main button.rounded-control.bg-zinc-900,
.funky-main a.rounded-control.bg-zinc-900 {
  background-color: #111111 !important;
  color: #ffffff !important;
}

.funky-main button.rounded-control.bg-zinc-900:hover,
.funky-main a.rounded-control.bg-zinc-900:hover {
  background-color: #f97316 !important;
  color: #111111 !important;
}

.funky-main .sf-hero-strip a.rounded-control.bg-white {
  background-color: #111111 !important;
  border-color: #111111 !important;
  color: #f97316 !important;
}

.funky-main .sf-hero-strip a.rounded-control.bg-white:hover {
  background-color: #f97316 !important;
  border-color: #111111 !important;
  color: #111 !important;
}