/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.27
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}





/* OpenClaw Speech Bloom page polish 2026-09-02 */
.sb-page,
.sb-page * {
  box-sizing: border-box;
}

.sb-page .sb-kicker {
  display: inline-block;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--fs-color-alert);
  color: inherit !important;
  font-weight: 700;
  letter-spacing: 0;
}

.sb-hero-banner .text-box {
  max-width: 760px;
}

.sb-hero-banner .text-box-content {
  padding: 34px 36px;
  border: 1px solid color-mix(in srgb, var(--fs-color-secondary) 46%, transparent);
  border-left: 8px solid var(--fs-color-alert);
  border-radius: 8px;
  background: color-mix(in srgb, var(--primary-color) 16%, rgba(255, 255, 255, .86));
  box-shadow: 0 18px 50px rgba(0, 0, 0, .12);
  backdrop-filter: blur(2px);
}

.sb-hero-copy h1 {
  margin-bottom: 18px;
  font-size: 52px;
  line-height: 1.06;
}

.sb-hero-banner .sb-hero-copy,
.sb-hero-banner .sb-hero-copy h1,
.sb-hero-banner .sb-hero-copy p {
  color: var(--fs-color-normal, #333333) !important;
  text-shadow: none;
}

.sb-hero-copy {
  padding-left: 0;
}

.sb-hero-copy p {
  max-width: 620px;
}

.sb-card-section .featured-box,
.sb-step-grid .featured-box,
.sb-stat-row .featured-box,
.sb-support .featured-box {
  height: 100%;
  padding: 28px 26px;
  border: 1px solid color-mix(in srgb, var(--fs-color-secondary) 36%, transparent);
  border-top: 5px solid var(--fs-color-secondary);
  border-radius: 8px;
  background: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .82));
  box-shadow: 0 14px 34px rgba(0, 0, 0, .055);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.sb-card-section .col:nth-child(3n+2) .featured-box,
.sb-step-grid .col:nth-child(3n+2) .featured-box {
  border-top-color: var(--fs-color-alert);
}

.sb-card-section .col:nth-child(3n+3) .featured-box,
.sb-step-grid .col:nth-child(3n+3) .featured-box {
  border-top-color: var(--fs-color-success);
}

.sb-card-section .featured-box:hover,
.sb-step-grid .featured-box:hover,
.sb-stat-row .featured-box:hover,
.sb-support .featured-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .08);
}

.sb-service-grid,
.sb-service-grid .col,
.sb-service-grid .col-inner,
.sb-step-grid,
.sb-step-grid .col,
.sb-step-grid .col-inner {
  display: flex;
}

.sb-service-grid .col-inner > .featured-box,
.sb-step-grid .col-inner > .featured-box {
  width: 100%;
}

.sb-process .featured-box h3,
.sb-card-section .featured-box h3 {
  margin-bottom: 10px;
}

.sb-intro,
.sb-support,
.sb-contact {
  background: linear-gradient(135deg, color-mix(in srgb, var(--fs-color-secondary) 15%, transparent), transparent 56%);
}

.sb-inner-hero {
  background: linear-gradient(180deg, color-mix(in srgb, var(--primary-color) 20%, transparent), transparent);
}

.sb-cta {
  border-top: 1px solid color-mix(in srgb, var(--fs-color-secondary) 34%, transparent);
  background: color-mix(in srgb, var(--primary-color) 10%, transparent);
}

.sb-contact .wpcf7 {
  padding: 28px;
  border: 1px solid color-mix(in srgb, var(--fs-color-secondary) 38%, transparent);
  border-radius: 8px;
  background: rgba(255, 255, 255, .54);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .05);
}

.sb-contact .wpcf7 input,
.sb-contact .wpcf7 select,
.sb-contact .wpcf7 textarea {
  border-radius: 8px;
}

.sb-contact .wpcf7-submit {
  min-height: 44px;
  border-radius: 8px;
}

.tnp-subscription input.tnp-email {
  border-radius: 8px;
  border-color: color-mix(in srgb, var(--fs-color-secondary) 42%, transparent);
}

.tnp-subscription input.tnp-submit {
  min-height: 42px;
  border-radius: 8px !important;
  background-color: var(--primary-color) !important;
  color: var(--fs-color-normal, #333333) !important;
  font-weight: 700;
}

@media (max-width: 849px) {
  .sb-hero-banner .text-box-content {
    padding: 28px;
  }

  .sb-hero-copy h1 {
    font-size: 42px !important;
  }

  .sb-hero-copy {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 549px) {
  .sb-hero-banner .text-box-content {
    padding: 22px 18px;
    background: color-mix(in srgb, var(--primary-color) 20%, rgba(255, 255, 255, .9));
  }

  .sb-hero-copy h1,
  .sb-inner-hero h1 {
    font-size: 32px !important;
  }

  .sb-hero-copy p,
  .sb-inner-hero p {
    font-size: 16px !important;
  }

  .sb-page .button {
    margin-bottom: 8px;
    white-space: normal;
    line-height: 1.15;
  }

  .sb-hero-copy {
    padding-left: 0;
    padding-right: 0;
  }
}


/* OpenClaw Speech Bloom service readability fix 2026-09-03 */
.sb-service-page .sb-service-banner .sb-hero-copy,
.sb-service-page .sb-service-banner .sb-hero-copy h1,
.sb-service-page .sb-service-banner .sb-hero-copy p {
  color: var(--fs-color-normal, #333333) !important;
  text-shadow: none !important;
}

.sb-service-page .sb-service-banner .text-box-content {
  background: color-mix(in srgb, var(--primary-color) 14%, rgba(255, 255, 255, .94));
}

.sb-service-grid .featured-box a.button {
  display: table;
  margin-top: 16px;
}

.sb-service-grid .featured-box p {
  margin-bottom: 0;
}

/* OpenClaw Speech Bloom appointment form grid 2026-09-03 */
.sb-appointment-form .sb-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
}

.sb-appointment-form .sb-field {
  display: block;
  margin: 0;
  font-weight: 700;
  line-height: 1.35;
}

.sb-appointment-form .sb-field-full {
  grid-column: 1 / -1;
}

.sb-appointment-form .wpcf7-form-control-wrap {
  display: block;
  margin-top: 7px;
}

.sb-appointment-form input,
.sb-appointment-form select,
.sb-appointment-form textarea {
  width: 100%;
}

.sb-appointment-form textarea {
  min-height: 130px;
  resize: vertical;
}

.sb-appointment-form .sb-form-consent {
  margin-top: 20px;
}

.sb-appointment-form .sb-form-submit {
  margin-top: 18px;
}

.sb-appointment-form .sb-form-submit p {
  margin-bottom: 0;
}

@media (min-width: 1100px) {
  .sb-appointment-form .sb-form-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sb-appointment-form .sb-field-full {
    grid-column: 1 / -1;
  }
}

@media (max-width: 549px) {
  .sb-appointment-form .sb-form-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* OpenClaw Speech Bloom appointment grid polish 2026-09-03 */
.sb-appointment-form .sb-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.sb-appointment-form .sb-form-grid > p {
  margin: 0;
}

.sb-appointment-form .sb-form-grid > p:has(.sb-field-full) {
  grid-column: 1 / -1;
}

.sb-appointment-form .sb-field {
  width: 100%;
}

@media (min-width: 1100px) {
  .sb-appointment-form .sb-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* OpenClaw Speech Bloom appointment mobile single column 2026-09-03 */
@media (max-width: 549px) {
  .sb-appointment-form .sb-form-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* OpenClaw Speech Bloom contact map eopyy 2026-09-03 */
.sb-map-frame {
  overflow: hidden;
  min-height: 420px;
  border: 1px solid color-mix(in srgb, var(--fs-color-secondary) 40%, transparent);
  border-top: 5px solid var(--fs-color-secondary);
  border-radius: 8px;
  background: color-mix(in srgb, var(--primary-color) 8%, rgba(255, 255, 255, .82));
  box-shadow: 0 14px 34px rgba(0, 0, 0, .055);
}

.sb-map-iframe {
  display: block;
  width: 100%;
  height: 420px;
  border: 0;
}

.sb-eopyy-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  max-width: 100%;
  padding: 10px 14px;
  border: 1px solid color-mix(in srgb, var(--fs-color-secondary) 38%, transparent);
  border-radius: 8px;
  background: rgba(255, 255, 255, .45);
  font-weight: 700;
  line-height: 1.25;
}

.sb-eopyy-badge img {
  width: 88px;
  max-width: 34vw;
  height: auto;
  flex: 0 0 auto;
}

.sb-eopyy-badge-text strong {
  color: var(--fs-color-secondary);
  font-size: 1.1em;
}

@media (max-width: 549px) {
  .sb-map-frame,
  .sb-map-iframe {
    min-height: 340px;
    height: 340px;
  }

  .sb-eopyy-badge {
    align-items: flex-start;
  }
}
/* OpenClaw Speech Bloom service layout rollback 2026-09-03 */
.sb-service-page,
.sb-inner-hero,
.sb-card-section,
.sb-process,
.sb-cta {
  overflow-x: clip;
}

.sb-service-page > .section-content,
.sb-inner-hero > .section-content,
.sb-card-section > .section-content,
.sb-process > .section-content,
.sb-cta > .section-content {
  width: 100%;
  max-width: 100%;
}

.sb-service-page .row,
.sb-inner-hero .row,
.sb-card-section .row,
.sb-process .row,
.sb-cta .row {
  margin-left: auto;
  margin-right: auto;
}

.sb-service-page .sb-service-banner .text-box-content {
  border-radius: 8px;
}
/* OpenClaw Speech Bloom contact form grid 2026-09-04 */
.sb-contact-form .sb-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
  align-items: start;
}

.sb-contact-form .sb-contact-grid label {
  display: block;
  margin: 0;
}

.sb-contact-form .sb-contact-grid .wpcf7-form-control-wrap {
  display: block;
  margin-top: 6px;
}

.sb-contact-form .sb-form-wide {
  grid-column: 1 / -1;
}

.sb-contact-form .wpcf7-submit {
  margin-top: 18px;
}

@media (max-width: 549px) {
  .sb-contact-form .sb-contact-grid {
    grid-template-columns: 1fr;
  }
}

/* OpenClaw Speech Bloom contact form wide field fix 2026-09-04 */
.sb-contact-form .sb-contact-grid > p {
  margin-bottom: 0;
}

.sb-contact-form .sb-contact-grid > p:has(.sb-form-wide) {
  grid-column: 1 / -1;
}

/* OpenClaw Speech Bloom appointment consent inline 2026-09-04 */
.sb-appointment-form .sb-form-consent {
  line-height: 1.35;
}

.sb-appointment-form .sb-form-consent .wpcf7-list-item {
  margin: 0;
}

.sb-appointment-form .sb-form-consent label {
  display: inline-flex;
  align-items: flex-start;
  gap: 9px;
  max-width: 100%;
  margin: 0;
}

.sb-appointment-form .sb-form-consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: auto;
  min-width: 16px;
  margin: 2px 0 0;
}

.sb-appointment-form .sb-form-consent .wpcf7-list-item-label {
  display: inline;
}

/* OpenClaw Speech Bloom career consent inline 2026-09-04 */
.sb-career-form .sb-form-consent {
  line-height: 1.35;
}

.sb-career-form .sb-form-consent .wpcf7-list-item {
  margin: 0;
}

.sb-career-form .sb-form-consent label {
  display: inline-flex;
  align-items: flex-start;
  gap: 9px;
  max-width: 100%;
  margin: 0;
}

.sb-career-form .sb-form-consent input[type="checkbox"] {
  flex: 0 0 auto;
  width: auto;
  min-width: 16px;
  margin: 2px 0 0;
}

.sb-career-form .sb-form-consent .wpcf7-list-item-label {
  display: inline;
}

/* OpenClaw Speech Bloom service icons 2026-09-04 */
.sb-service-grid .featured-box {
  align-items: flex-start;
}

.sb-service-grid .featured-box .icon,
.sb-service-grid .featured-box .icon-inner,
.sb-service-grid .featured-box img {
  border-radius: 999px;
}

.sb-service-grid .featured-box .icon {
  flex: 0 0 auto;
  margin-top: 2px;
}

.sb-service-grid .featured-box img {
  display: block;
  width: 72px;
  height: 72px;
  object-fit: contain;
}

@media (max-width: 549px) {
  .sb-service-grid .featured-box img {
    width: 64px;
    height: 64px;
  }
}

/* OpenClaw Speech Bloom client-visible all-approved artwork 2026-09-25 */

.home #main,
.page-id-3 #main,
.blog #main,
.page-id-23 #main,
.page-id-33 #main,
.page-id-34 #main,
.page-id-35 #main,
.page-id-36 #main,
.page-id-56 #main,
.page-id-80 #main,
.page-id-86 #main,
.page-id-87 #main,
.page-id-91 #main,
.page-id-92 #main,
.page-id-93 #main,
.page-id-94 #main,
.page-id-95 #main,
.page-id-96 #main,
.page-id-97 #main {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.home #main > *,
.page-id-3 #main > *,
.blog #main > *,
.page-id-23 #main > *,
.page-id-33 #main > *,
.page-id-34 #main > *,
.page-id-35 #main > *,
.page-id-36 #main > *,
.page-id-56 #main > *,
.page-id-80 #main > *,
.page-id-86 #main > *,
.page-id-87 #main > *,
.page-id-91 #main > *,
.page-id-92 #main > *,
.page-id-93 #main > *,
.page-id-94 #main > *,
.page-id-95 #main > *,
.page-id-96 #main > *,
.page-id-97 #main > * {
  position: relative;
  z-index: 2;
}

.home #main::before,
.page-id-3 #main::before,
.blog #main::before,
.page-id-23 #main::before,
.page-id-33 #main::before,
.page-id-34 #main::before,
.page-id-35 #main::before,
.page-id-36 #main::before,
.page-id-56 #main::before,
.page-id-80 #main::before,
.page-id-86 #main::before,
.page-id-87 #main::before,
.page-id-91 #main::before,
.page-id-92 #main::before,
.page-id-93 #main::before,
.page-id-94 #main::before,
.page-id-95 #main::before,
.page-id-96 #main::before,
.page-id-97 #main::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  pointer-events: none;
  user-select: none;
  background-repeat: no-repeat;
  background-position: left -26px top 7%, right -30px top 35%, left -34px top 66%, right -24px bottom 4%;
  background-size: clamp(150px, 16vw, 230px) auto, clamp(145px, 15vw, 215px) auto, clamp(140px, 15vw, 210px) auto, clamp(135px, 14vw, 195px) auto;
  opacity: .16;
}

.home #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-01.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-02.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-03.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-04.png');
}

.page-id-3 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-05.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-06.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-07.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-08.png');
}

.blog #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-09.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-10.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-11.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-12.png');
}

.page-id-23 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-13.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-14.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-15.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-16.png');
}

.page-id-33 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-18.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-19.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-20.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-21.png');
}

.page-id-34 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-22.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-23.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-24.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-25.png');
}

.page-id-35 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-01.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-02.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-03.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-04.png');
}

.page-id-36 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-05.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-06.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-07.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-08.png');
}

.page-id-56 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-09.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-10.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-11.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-12.png');
}

.page-id-80 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-13.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-14.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-15.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-16.png');
}

.page-id-86 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-18.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-19.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-20.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-21.png');
}

.page-id-87 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-22.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-23.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-24.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-25.png');
}

.page-id-91 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-01.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-02.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-03.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-04.png');
}

.page-id-92 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-05.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-06.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-07.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-08.png');
}

.page-id-93 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-09.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-10.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-11.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-12.png');
}

.page-id-94 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-13.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-14.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-15.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-16.png');
}

.page-id-95 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-18.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-19.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-20.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-21.png');
}

.page-id-96 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-22.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-23.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-24.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-25.png');
}

.page-id-97 #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-01.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-02.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-03.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-04.png');
}

@media (max-width: 849px) {
  .home #main::before,
  .page-id-3 #main::before,
  .blog #main::before,
  .page-id-23 #main::before,
  .page-id-33 #main::before,
  .page-id-34 #main::before,
  .page-id-35 #main::before,
  .page-id-36 #main::before,
  .page-id-56 #main::before,
  .page-id-80 #main::before,
  .page-id-86 #main::before,
  .page-id-87 #main::before,
  .page-id-91 #main::before,
  .page-id-92 #main::before,
  .page-id-93 #main::before,
  .page-id-94 #main::before,
  .page-id-95 #main::before,
  .page-id-96 #main::before,
  .page-id-97 #main::before {
    background-position: left -42px top 6%, right -46px top 34%, left -44px top 67%, right -42px bottom 3%;
    background-size: 132px auto, 124px auto, 118px auto, 112px auto;
    opacity: .10;
  }
}


/* OpenClaw Speech Bloom all 24 approved motifs on every published view 2026-09-25 */
body:is(.home,.page-id-3,.blog,.page-id-23,.page-id-33,.page-id-34,.page-id-35,.page-id-36,.page-id-56,.page-id-80,.page-id-86,.page-id-87,.page-id-91,.page-id-92,.page-id-93,.page-id-94,.page-id-95,.page-id-96,.page-id-97) #main::before {
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-01.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-02.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-03.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-04.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-05.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-06.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-07.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-08.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-09.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-10.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-11.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-12.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-13.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-14.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-15.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-16.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-18.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-19.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-20.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-21.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-22.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-23.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-24.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-25.png');
  background-position:
    left -22px top 2%,
    right -29px top 6%,
    left -36px top 10%,
    right -43px top 14%,
    left -22px top 18%,
    right -29px top 22%,
    left -36px top 26%,
    right -43px top 30%,
    left -22px top 34%,
    right -29px top 38%,
    left -36px top 42%,
    right -43px top 46%,
    left -22px top 51%,
    right -29px top 56%,
    left -36px top 61%,
    right -43px top 66%,
    left -22px top 71%,
    right -29px top 76%,
    left -36px top 81%,
    right -43px top 85%,
    left -22px top 89%,
    right -29px top 93%,
    left -36px top 96%,
    right -43px top 99%;
  background-size:
    clamp(96px, 9vw, 142px) auto,
    clamp(104px, 10vw, 154px) auto,
    clamp(112px, 11vw, 166px) auto,
    clamp(120px, 9vw, 178px) auto,
    clamp(96px, 10vw, 142px) auto,
    clamp(104px, 11vw, 154px) auto,
    clamp(112px, 9vw, 166px) auto,
    clamp(120px, 10vw, 178px) auto,
    clamp(96px, 11vw, 142px) auto,
    clamp(104px, 9vw, 154px) auto,
    clamp(112px, 10vw, 166px) auto,
    clamp(120px, 11vw, 178px) auto,
    clamp(96px, 9vw, 142px) auto,
    clamp(104px, 10vw, 154px) auto,
    clamp(112px, 11vw, 166px) auto,
    clamp(120px, 9vw, 178px) auto,
    clamp(96px, 10vw, 142px) auto,
    clamp(104px, 11vw, 154px) auto,
    clamp(112px, 9vw, 166px) auto,
    clamp(120px, 10vw, 178px) auto,
    clamp(96px, 11vw, 142px) auto,
    clamp(104px, 9vw, 154px) auto,
    clamp(112px, 10vw, 166px) auto,
    clamp(120px, 11vw, 178px) auto;
  opacity: .22;
}

@media (max-width: 849px) {
  body:is(.home,.page-id-3,.blog,.page-id-23,.page-id-33,.page-id-34,.page-id-35,.page-id-36,.page-id-56,.page-id-80,.page-id-86,.page-id-87,.page-id-91,.page-id-92,.page-id-93,.page-id-94,.page-id-95,.page-id-96,.page-id-97) #main::before {
    background-position:
      left -22px top 2%,
    right -29px top 6%,
    left -36px top 10%,
    right -43px top 14%,
    left -22px top 18%,
    right -29px top 22%,
    left -36px top 26%,
    right -43px top 30%,
    left -22px top 34%,
    right -29px top 38%,
    left -36px top 42%,
    right -43px top 46%,
    left -22px top 51%,
    right -29px top 56%,
    left -36px top 61%,
    right -43px top 66%,
    left -22px top 71%,
    right -29px top 76%,
    left -36px top 81%,
    right -43px top 85%,
    left -22px top 89%,
    right -29px top 93%,
    left -36px top 96%,
    right -43px top 99%;
    background-size:
      74px auto, 80px auto, 70px auto, 84px auto, 74px auto, 80px auto, 70px auto, 84px auto, 74px auto, 80px auto, 70px auto, 84px auto, 74px auto, 80px auto, 70px auto, 84px auto, 74px auto, 80px auto, 70px auto, 84px auto, 74px auto, 80px auto, 70px auto, 84px auto;
    opacity: .14;
  }
}


/* OpenClaw Speech Bloom visibility correction after visual QA 2026-09-25 */
body:is(.home,.page-id-3,.blog,.page-id-23,.page-id-33,.page-id-34,.page-id-35,.page-id-36,.page-id-56,.page-id-80,.page-id-86,.page-id-87,.page-id-91,.page-id-92,.page-id-93,.page-id-94,.page-id-95,.page-id-96,.page-id-97) #main::before {
  z-index: 3;
}


/* OpenClaw Speech Bloom 24-motif visual-QA reflow 2026-09-25 */
body:is(.home,.page-id-3,.blog,.page-id-23,.page-id-33,.page-id-34,.page-id-35,.page-id-36,.page-id-56,.page-id-80,.page-id-86,.page-id-87,.page-id-91,.page-id-92,.page-id-93,.page-id-94,.page-id-95,.page-id-96,.page-id-97) #main::before {
  background-position:
    left -8px top 4%, left 58px top 4%, right 58px top 4%, right -8px top 4%, left -8px top 22%, left 58px top 22%, right 58px top 22%, right -8px top 22%, left -8px top 40%, left 58px top 40%, right 58px top 40%, right -8px top 40%, left -8px top 58%, left 58px top 58%, right 58px top 58%, right -8px top 58%, left -8px top 76%, left 58px top 76%, right 58px top 76%, right -8px top 76%, left -8px top 94%, left 58px top 94%, right 58px top 94%, right -8px top 94%;
  background-size:
    70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto, 70px auto;
  opacity: .28;
}
@media (max-width: 849px) {
  body:is(.home,.page-id-3,.blog,.page-id-23,.page-id-33,.page-id-34,.page-id-35,.page-id-36,.page-id-56,.page-id-80,.page-id-86,.page-id-87,.page-id-91,.page-id-92,.page-id-93,.page-id-94,.page-id-95,.page-id-96,.page-id-97) #main::before {
    background-position:
      left -4px top 4%, left 34px top 4%, right 34px top 4%, right -4px top 4%, left -4px top 22%, left 34px top 22%, right 34px top 22%, right -4px top 22%, left -4px top 40%, left 34px top 40%, right 34px top 40%, right -4px top 40%, left -4px top 58%, left 34px top 58%, right 34px top 58%, right -4px top 58%, left -4px top 76%, left 34px top 76%, right 34px top 76%, right -4px top 76%, left -4px top 94%, left 34px top 94%, right 34px top 94%, right -4px top 94%;
    background-size:
      44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto, 44px auto;
    opacity: .18;
  }
}


/* OpenClaw Speech Bloom eight approved footer motifs 2026-09-25 */
#footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
#footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  display: block;
  pointer-events: none;
  user-select: none;
  background-image:
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-01.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-04.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-07.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-10.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-13.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-16.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-20.png'),
    url('/wp-content/uploads/speechbloom-decor/speechbloom-shape-24.png');
  background-repeat: no-repeat;
  background-position:
    left 1% top 9%, left 25% top 5%, right 25% top 5%, right 1% top 9%,
    left 4% bottom 8%, left 31% bottom 5%, right 31% bottom 5%, right 4% bottom 8%;
  background-size: 58px auto, 54px auto, 56px auto, 58px auto, 54px auto, 58px auto, 54px auto, 58px auto;
  opacity: .22;
}
@media (max-width: 849px) {
  #footer::before {
    background-position:
      left 1% top 4%, left 34% top 3%, right 34% top 3%, right 1% top 4%,
      left 2% bottom 3%, left 34% bottom 2%, right 34% bottom 2%, right 2% bottom 3%;
    background-size: 36px auto, 34px auto, 34px auto, 36px auto, 34px auto, 36px auto, 34px auto, 36px auto;
    opacity: .16;
  }
}


/* OpenClaw Speech Bloom footer-eight visibility QA correction 2026-09-25 */
#footer::before {
  background-position:
    left 5px top 12%, right 5px top 12%,
    left 5px top 37%, right 5px top 37%,
    left 5px top 62%, right 5px top 62%,
    left 5px bottom 6%, right 5px bottom 6%;
  background-size: 62px auto, 62px auto, 58px auto, 58px auto, 60px auto, 60px auto, 62px auto, 62px auto;
  opacity: .30;
}
@media (max-width: 849px) {
  #footer::before {
    background-position:
      left 2px top 8%, right 2px top 8%,
      left 2px top 35%, right 2px top 35%,
      left 2px top 62%, right 2px top 62%,
      left 2px bottom 4%, right 2px bottom 4%;
    background-size: 38px auto, 38px auto, 36px auto, 36px auto, 36px auto, 36px auto, 38px auto, 38px auto;
    opacity: .22;
  }
}


/* OpenClaw Speech Bloom footer-eight free interior scatter 2026-09-25 */
#footer::before {
  background-position:
    left 8% top 14%, left 34% top 7%, left 61% top 19%, left 86% top 11%,
    left 17% top 53%, left 43% top 68%, left 68% top 48%, left 88% top 76%;
  background-size: 56px auto, 48px auto, 60px auto, 52px auto, 58px auto, 50px auto, 62px auto, 54px auto;
  opacity: .25;
}
@media (max-width: 849px) {
  #footer::before {
    background-position:
      left 12% top 8%, left 67% top 17%, left 28% top 29%, left 78% top 40%,
      left 9% top 53%, left 59% top 64%, left 31% top 78%, left 80% top 90%;
    background-size: 40px auto, 34px auto, 38px auto, 36px auto, 40px auto, 34px auto, 38px auto, 36px auto;
    opacity: .20;
  }
}
