@charset "UTF-8";
/*
Theme Name: StarTree (Bricks Child)
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: StarTree on Bricks Theme.
Author: James Dilworth
Author URI: https://www.jamesdilworth.com
template: bricks
*/
:root {
  /* colors by name */
  --sky: #e9f8ff;
  --sky-25: #f2fbff;
  --tumeric: #ffc61f;
  --river: #21c6dc;
  --indigo: #002654;
  --indigo-90: #001e43;
  --jade: #37d992;
  --ocean: #145C84;
  --grape: #6f42c1;
  --blossom: #f94f8d;
  /* transparent colors */
  --tumeric-20: #ffc61f55;
  --river-20: #21c6dc55;
  --blossom-20: #f94f8d55;
  --sky-20: #e9f8ff55;
  --ocean-20: #145C8455;
  --grape-20: #6f42c155;
  --jade-20: #37d99255;
  /* Light colors */
  --light-ocean: #99e4f0;
  /* Standard Colors -- Use these where possible. */
  --primary: #ffc61f;
  --secondary: #145C84;
  --light: #e9f8ff;
  --very-light: #f2fbff;
  --dark: #002654;
  --very-dark: #001e43;
  --accent1: #37d992;
  --accent2: #21c6dc;
  --accent3: #6f42c1;
  --accent4: #f94f8d;
  /* spacing-size */
  --space-4xs: clamp(0.33rem, calc(-0.03vw + 0.33rem), 0.31rem);
  --space-3xs: clamp(0.41rem, calc(0.04vw + 0.4rem), 0.44rem);
  --space-2xs: clamp(0.51rem, calc(0.16vw + 0.48rem), 0.62rem);
  --space-xs: clamp(0.8rem, calc(0.35vw + 0.57rem), 1.00rem);
  --space-s: clamp(0.9rem, calc(0.65vw + 0.67rem), 1.24rem);
  --space-m: clamp(1.2rem, calc(1.21vw + 0.78rem), 1.75rem);
  --space-l: clamp(1.25rem, calc(1.81vw + 0.89rem), 2.47rem);
  --space-xl: clamp(1.56rem, calc(2.87vw + 0.99rem), 3.5rem);
  --space-2xl: clamp(1.95rem, calc(4.44vw + 1.07rem), 4.95rem);
  --space-3xl: clamp(2.44rem, calc(6.75vw + 1.09rem), 7rem);
  --space-4xl: clamp(3.05rem, calc(10.13vw + 1.02rem), 9.89rem);
  /* New Text */
  --text-xs: clamp(0.93rem, calc(-0.39vw + 1.01rem), 0.67rem);
  --text-s: clamp(1rem, calc(-0.16vw + 1.03rem), 0.89rem);
  --text-m: clamp(1.06rem, calc(0.19vw + 1.03rem), 1.19rem);
  --text-l: clamp(1.13rem, calc(0.67vw + 1rem), 1.58rem);
  --text-xl: clamp(1.21rem, calc(1.33vw + 0.94rem), 2.11rem);
  --text-2xl: clamp(1.29rem, calc(2.25vw + 0.84rem), 2.81rem);
  --text-3xl: clamp(1.38rem, calc(3.51vw + 0.67rem), 3.75rem);
  --text-4xl: clamp(1.47rem, calc(5.23vw + 0.42rem), 5rem);
  /* Text
  --text-xs: clamp(0.79rem, calc(-0.23vw + 0.84rem), 0.95rem);
  --text-s: clamp(0.9rem, 1rem, 1.1rem);
  --text-m: clamp(1rem, calc(0.19vw + 1rem), 1.2rem);
  --text-l: clamp(1.13rem, calc(0.55vw + 1.01rem), 1.5rem);
  --text-xl: clamp(1.27rem, calc(1.09vw + 1.05rem), 2rem);
  */
  /* Headings */
  --h5: clamp(1.13rem, 0.23vi + 1.07rem, 1.25rem);
  --h4: clamp(1.41rem, 0.47vi + 1.29rem, 1.67rem);
  --h3: clamp(1.76rem, 0.84vi + 1.55rem, 2.22rem);
  --h2: clamp(2.2rem, 1.39vi + 1.85rem, 2.96rem);
  --h1: clamp(2.75rem, 2.18vi + 2.2rem, 3.95rem);
  /* Columns - Needed for Brixies */
  --columns-1: repeat(1, minmax(0, 1fr));
  --columns-2: repeat(2, minmax(0, 1fr));
  --columns-3: repeat(3, minmax(0, 1fr));
  --columns-4: repeat(4, minmax(0, 1fr));
  --columns-5: repeat(5, minmax(0, 1fr));
  --columns-6: repeat(6, minmax(0, 1fr));
  --columns-7: repeat(7, minmax(0, 1fr));
  --columns-8: repeat(8, minmax(0, 1fr));
  --columns-9: repeat(9, minmax(0, 1fr));
  --columns-10: repeat(10, minmax(0, 1fr));
  --columns-11: repeat(11, minmax(0, 1fr));
  --columns-12: repeat(12, minmax(0, 1fr));
  /* Radiii */
  --radius-xs: clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem);
  --radius-s: clamp(0.38rem, calc(-0.19vw + 0.54rem), 0.5rem);
  --radius-m: clamp(0.63rem, calc(-0.19vw + 0.79rem), 0.75rem);
  --radius-l: clamp(1rem, calc(-0.37vw + 1.32rem), 1.25rem);
  --radius-xl: clamp(1.63rem, calc(-0.56vw + 2.11rem), 2rem);
  --radius-full: 999rem;
  /* Shodows */
  --shadow-xs: 0 1px 2px var(--shadow-primary);
  --shadow-s: 0 1.5px 3px var(--shadow-primary);
  --shadow-m: 0 2px 6px var(--shadow-primary);
  --shadow-l: 0 3px 12px var(--shadow-primary);
  --shadow-xl: 0 6px 48px var(--shadow-primary);
}

/* Utility Classes */
/* Buttons */
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-3xs);
  padding: var(--space-xs) var(--space-s);
  background: var(--primary);
  color: #fff;
  font-size: var(--text-m);
  font-weight: 600;
  border-radius: var(--radius-m);
  border: 1px solid var(--primary-d-1);
  box-shadow: var(--shadow-m);
  transition: all 0.25s ease-in-out;
  outline: 0;
  cursor: pointer;
}
.btn:hover {
  background: var(--primary-d-1);
  transform: translateY(-0.1rem);
}
.btn:focus {
  outline: 4px solid var(--primary-l-3);
  outline-offset: 2px;
}
.btn.small {
  font-size: var(--text-s);
  padding: var(--space-xs) var(--space-s);
}
.btn.large {
  font-size: var(--text-l);
  padding: var(--space-s) var(--space-m);
}
.btn.tertiary {
  background: var(--tertiary);
  border-color: var(--tertiary-d-1);
}
.btn.tertiary:hover {
  background: var(--tertiary-d-1);
}
.btn.ghost {
  color: var(--dark-80);
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.btn.ghost:hover {
  background: var(--dark-10);
}
.btn.slight {
  color: var(--dark-80);
  background: var(--bg-surface);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-s);
}
.btn.slight:hover {
  background: var(--dark-5);
}
.btn.secondary {
  background: var(--secondary);
  border-color: var(--secondary-d-1);
}
.btn.secondary:hover {
  background: var(--secondary-d-1);
}
.btn.no-bg {
  color: var(--dark-80);
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
.btn.no-bg:hover {
  color: var(--dark);
}

/* Gradient Button - Used in the menu for CTA */
.gradient-button {
  position: relative;
  border-radius: 9999px;
  background-color: initial;
  padding: 0.75rem 18px;
  line-height: 1.1;
  letter-spacing: -0.15px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 1s;
}
.gradient-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  border: 2px solid rgba(0, 0, 0, 0);
  background: linear-gradient(var(--deg, 90deg), #21c6dc 0, #6f42c1 50%, #f94f8d 100%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.gradient-button::after {
  content: "";
  position: absolute;
  inset: 0;
  isolation: isolate;
  z-index: -10;
  border-radius: 9999px;
  opacity: 0;
  background: linear-gradient(var(--deg, 90deg), #21c6dc 0, #6f42c1 50%, #f94f8d 100%);
}

.gradient-border-mask:after,
.gradient-border-mask:hover:after {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

/* Card */
.card {
  display: grid;
  gap: var(--space-xs);
  padding: var(--space-m);
  font-size: var(--text-m);
  color: var(--text-body);
  background: var(--bg-surface);
  border-radius: var(--radius-m);
  box-shadow: var(--shadow-m);
  background-color: var(--very-light);
}

.card.secondary {
  background: var(--secondary);
  color: #fff;
}

.card.primary {
  background: var(--primary);
  color: #fff;
}

:where(.bg-light) .card {
  background-color: #fff;
}

/* Icons */
.icon.large {
  width: var(--space-xl);
  font-size: var(--space-xl);
}

.icon.secondary {
  color: var(--secondary);
}

.icon.tertiary {
  color: var(--tertiary);
}

.icon.outline {
  padding: 0.5em;
  border: 1px solid var(--border-primary);
  border-radius: 100%;
  box-sizing: content-box;
}

.icon.filled {
  padding: 0.5em;
  border-radius: 100%;
  box-sizing: content-box;
  background: var(--dark-10);
}

.icon.small {
  width: var(--space-l);
  font-size: var(--space-s);
}

/* Avatars */
/* Collection of styles that hard override some of the Bricks Styling */
.brxe-post-navigation {
  gap: 10px;
}
.brxe-post-navigation a {
  background-color: #fff;
  border: 3px solid var(--primary);
  border-radius: var(--radius-l);
  padding: 5px 20px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.brxe-post-navigation a:hover {
  background-color: var(--primary);
  color: var(--dark);
}
.brxe-post-navigation .swiper-button {
  height: initial;
}

.single-case-study .brxe-post-navigation .prev-post {
  display: none;
}

.single-case-study .brxe-post-navigation .prev-post + .next-post {
  text-align: left;
}

.brxe-post-navigation {
  flex-wrap: initial;
}

.brxe-post-navigation .content, .brxe-post-navigation .title {
  white-space: wrap;
}

/* Menu Items - Watch out. A lot more is set in Bricks. */
nav {
  font-size: 90%;
}
nav a {
  font-weight: 600;
}
nav a:hover {
  color: var(--ocean);
}

/* Menu */
#brxe-exyrra .splide__slide { /* Stop the slides from looking wonky */ }
@media screen and (width <= 478px) {
  #brxe-exyrra .splide__slide {
    flex-direction: row;
  }
}

.brxe-dropdown .brx-submenu-toggle {
  z-index: 1;
  font-weight: 600;
}
@media screen and (width <= 991px) {
  .brxe-dropdown .brx-submenu-toggle {
    background-color: var(--very-light);
    padding: 2px 5px;
  }
}

.brx-dropdown-content {
  margin-top: 20px;
  background-color: rgba(0, 38, 84, 0.8509803922);
  padding: 20px;
  border-radius: var(--radius-l); /* backdrop-filter: blur(10px); */
}
@media screen and (width <= 991px) {
  .brx-dropdown-content {
    background-color: #fff;
    padding: 0;
  }
}

.menu-card {
  background-color: #fff;
  padding: 10px;
}

:where(.brxe-list) li {
  margin-bottom: 5px;
  font-size: 97%;
}
:where(.brxe-list) .content {
  gap: 8px;
  align-items: flex-start;
}
:where(.brxe-list) .content:hover {
  background-color: #f9f9f9;
  border-radius: 5px;
}
:where(.brxe-list) .title {
  line-height: 1.4;
}
:where(.brxe-list) .icon {
  width: 30px;
  height: 30px;
  color: var(--ocean);
  border-radius: 5px;
}

.blog-types-filter input[type=radio] {
  display: none;
}

.brxe-image.cs-logo {
  text-align: center;
}
.brxe-image.cs-logo img {
  width: auto;
}

/* Buttons */
.bricks-button {
  text-decoration: none;
  font-weight: 600;
}

.wp-block-buttons {
  margin: 20px auto;
}

.wp-block-button__link {
  background-color: var(--primary);
  color: var(--dark);
  font-weight: 600;
  font-size: initial;
  padding: 10px 20px;
}

/* TOC for Blog */
.toc-link {
  font-weight: 300;
}

a.toc-link.node-name--H2 {
  font-weight: 500;
}

/* SITE WIDE STYLE HACKS */
H1 {
  font-size: var(--text-4xl);
}

H2 {
  font-size: var(--text-3xl);
}

H3 {
  font-size: var(--text-2xl);
}

H4 {
  font-size: var(--text-xl);
}

H5 {
  font-size: var(--text-l);
}

H6 {
  font-size: var(--text-m);
}

b {
  font-weight: bold;
}

th {
  text-align: left;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}

.label {
  text-transform: uppercase;
  font-family: "Fira Mono";
  font-size: var(--text-s);
  line-height: var(--text-s);
}

.label a,
a.label {
  text-decoration: none;
  color: initial;
}

.label + :is(h1, h2, h3, h4, h5, h6) {
  margin-top: 10px;
}

.more {
  text-decoration: none;
  font-weight: 600;
  display: inline-block;
}
.more::after {
  padding-left: 5px;
  content: " »";
  translate: 0;
  display: inline-block;
}
.more:hover::after {
  translate: 5px;
  transition: translate 0.2s ease-in-out;
}

:where(section) a {
  color: var(--ocean);
  text-decoration: underline;
}
:where(section) a:hover {
  color: var(--blossom);
}

ul.wide,
ol.para, ol.wide {
  margin: 10px 0;
  padding-left: 20px;
}
ul.wide li,
ol.para li, ol.wide li {
  margin-bottom: 10px;
}
ul.wide li > b:first-child, ul.wide li > strong:first-child,
ol.para li > b:first-child,
ol.para li > strong:first-child, ol.wide li > b:first-child, ol.wide li > strong:first-child {
  display: block;
}

ul.nodots {
  list-style-type: none;
  padding-left: 0;
}

ul.noindent {
  padding-left: 20px;
}

ul.noindent.nodots {
  padding-left: 0;
}

ul.two-column {
  column-count: 2;
}

ul.simple.cards {
  list-style-type: none;
  padding-left: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
  gap: 20px;
}
ul.simple.cards li {
  background-color: var(--very-light);
  padding: 20px;
  border-radius: var(--radius-m);
  height: 100%;
}
ul.simple.cards li b {
  display: block;
  font-weight: 600;
  font-size: var(--text-l);
  margin-top: 0;
  margin-bottom: 15px;
}
.bg-light ul.simple.cards li {
  background-color: #fff;
}
.bg-dark ul.simple.cards li {
  background-color: var(--very-dark);
  color: #fff;
}
.bg-dark ul.simple.cards li b {
  color: #fff;
}
ul.simple.cards li .more {
  display: block;
  margin-top: 10px;
}

.image-cards > div {
  display: block;
}
.image-cards > div img {
  width: 260px;
  height: auto;
  float: left;
  margin-right: var(--space-m);
  display: inline-block;
}
.image-cards > div h4 {
  flex-basis: 100%;
  margin: 0;
}
.image-cards > div > div {
  flex-basis: 100%;
  margin: 0;
}

/* Typical section structure */
h1 + .subtitle {
  font-size: 125%;
  margin-top: -20px;
  margin-bottom: 40px;
  line-height: 150%;
}

h2 + .subtitle {
  font-size: 125%;
  line-height: 1.5;
}

.std_panel h1 {
  text-align: center;
}
.std_panel h2 {
  text-align: center;
  font-size: 250%;
  margin: 20px 0;
}
.std_panel h1 .highlight {
  font-weight: bold;
}
.std_panel h1 + .subtitle,
.std_panel h2 + .subtitle {
  text-align: center;
}

.section-heading {
  margin: 40px 0 30px;
}
.section-heading .label + h2 {
  margin-top: 15px;
}
.section-heading h2 + .subtitle {
  margin-top: -10px;
}

/* Section Backgrounds */
.bg-primary {
  background-color: var(--tumeric);
  color: #000;
}

.bg-secondary {
  background-color: var(--secondary);
  color: var(--very-light);
}
.bg-secondary h1 {
  color: #fff;
}
.bg-secondary h2 {
  color: var(--sky);
}
.bg-secondary h3 {
  color: var(--sky);
}
.bg-secondary a {
  color: #fff;
}
.bg-secondary a:hover {
  text-decoration: underline;
}

.bg-dark, .bg-xdark {
  color: var(--very-light);
  background-color: var(--dark);
}
.bg-dark h1, .bg-xdark h1 {
  color: #fff;
}
.bg-dark h2, .bg-xdark h2 {
  color: var(--light);
}
.bg-dark h3, .bg-xdark h3 {
  color: var(--light);
}
.bg-dark a, .bg-xdark a {
  color: #c4ecff;
}
.bg-dark a:hover, .bg-xdark a:hover {
  color: #fff;
}
.bg-dark .label, .bg-xdark .label {
  color: var(--light);
}
.bg-dark .card, .bg-xdark .card {
  background-color: var(--very-dark);
}

.bg-light, .bg-xlight {
  background-color: var(--very-light);
}
.bg-xdark {
  background-color: var(--very-dark);
}

.bg-xlight {
  background-color: var(--sky-25);
}

.bg-white {
  background-color: #fff;
  color: var(--dark);
}
.bg-white h1 {
  color: var(--dark);
}
.bg-white h2 {
  color: var(--dark);
}
.bg-white h3 {
  color: var(--dark);
}
.bg-white a {
  color: var(--secondary);
}
.bg-white a:hover {
  text-decoration: underline;
}

/* Standard navigation links on dark hero */
.dark-hero header:not(.scrolling) .brxe-toggle {
  color: #fff;
}
.dark-hero header:not(.scrolling) .brxe-logo img {
  filter: brightness(0) invert(1);
}
.dark-hero header:not(.scrolling) .brx-dropdown-content {
  background-color: var(--very-dark);
}
@media screen and (width <= 991px) {
  .dark-hero header:not(.scrolling) .brx-dropdown-content {
    background-color: #fff;
    padding: 0;
  }
}
@media screen and (width >= 991px) {
  .dark-hero header:not(.scrolling) .brx-submenu-toggle,
  .dark-hero header:not(.scrolling) .brxe-text-link,
  .dark-hero header:not(.scrolling) .brxe-search button {
    color: #fff;
  }
}

/* Captions below photos */
figure.wp-caption {
  max-width: 680px;
  margin: 20px auto;
}

figcaption,
.fl-photo-caption {
  font-size: 90%;
  color: #666;
  text-overflow: initial;
  margin: 10px 10px 0;
}

figcaption .source {
  margin-top: 15px;
}

.fl-photo-caption-hover {
  color: #fff;
}

/* Category Link Treatment */
.post-categories {
  list-style-type: none;
  font-size: 85%;
  position: relative;
  left: -5px;
  padding: 0;
}
.post-categories li {
  display: inline-block;
  background-color: var(--very-light);
  padding: 1px 8px;
}
.post-categories a {
  color: #999;
}

/* Hide Edit Links by default - Usually used to give Admins the ability to edit a chunk of content */
.edit-link,
.edit-link a,
a.edit-link {
  display: none;
}

/* Allow them for admin users... */
.public.edit-link,
.admin-bar .edit-link {
  display: initial;
}

.public.edit-link a,
.admin-bar .edit-link a,
.admin-bar a.edit-link,
.admin-bar a.post-edit-link {
  display: initial;
  color: #a00;
  font-size: var(--text-s);
  text-decoration: none;
  font-weight: normal;
}

/* Notes to self */
.jz-note {
  display: none;
  background-color: #f6f600;
  color: #553;
  position: relative;
  padding: 0 5px;
  font-size: 90%;
  border: 1px dashed #d9da66;
}

.admin-bar .jz-note {
  display: block;
}

/* In the footer of the page? */
.social-icons {
  margin-left: 5px;
  font-size: 20px;
  display: inline-block;
}
.social-icons a {
  color: #fff;
  text-align: right;
}
.social-icons i {
  padding-left: 8px;
}

.intro-para {
  font-size: 125%;
  margin-bottom: 20px;
}

/* Layout for an image with a video click handler */
a.vidoverlay {
  position: relative;
  font-size: 700%;
}

a.vidoverlay:before {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  z-index: 5;
  content: "\f01d";
  font-family: "FontAwesome";
  opacity: 0.6;
  color: #71698a;
}

a.vidoverlay.dark:before {
  color: #fff;
}

a.vidoverlay:hover:before {
  opacity: 0.9;
}

/* Hide some content from public viewing */
.hide-from-public {
  display: none;
}

.insider .hide-from-public,
.admin-bar .hide-from-public {
  display: block;
}

/* Content Tables are used to display information in the body of the content */
.content-table {
  width: 100%;
  border: 0;
  border-radius: 5px;
  border-collapse: collapse;
  border-spacing: 0;
  /*
  tr:nth-child(odd)       	{ background-color:var(--very-light);
  	td:first-child      	{ background-color:var(--very-light); font-weight:500; }
  }
  tr:nth-child(even)      	{ background-color:var(--very-light);
  	td:first-child      	{ background-color:var(--very-light); font-weight:500; }
  }
   */
}
.content-table thead {
  border: 0;
}
.content-table th {
  color: var(--indigo);
  font-size: var(--text-m);
  text-align: left;
  font-weight: 600;
  background-color: #c7dfeb;
  padding: 11px;
  border: 1px solid #e5e7eb;
}
.content-table td {
  padding: 11px;
  color: var(--very-dark);
  font-size: var(--text-m);
  border: 1px solid rgba(0, 0, 0, 0.0588235294);
  vertical-align: top;
}
.content-table tr {
  background-color: var(--very-light);
}

/* Very simple table for displaying data in a table format.  Used on MIAB page and...  */
.simple-table th {
  padding: 5px;
  border-bottom: 2px solid #eee;
  text-align: left;
}
.simple-table tbody td {
  border-bottom: 1px solid #eee;
}
.simple-table td {
  padding: 5px;
}

/* Intermediate Quotes... probably replace with something Block based */
.pullquote {
  font-style: normal;
  color: #000000;
  border-left: 8px solid var(--light);
  padding-left: 30px;
  margin: 20px 0;
}
.pullquote .quote {
  color: #4d4a56;
  display: block;
  position: relative;
  margin-bottom: 10px;
  font-size: 180%;
  font-weight: 500;
  font-family: "Helvetica Neue", "Helvetica", Roboto, Arial, sans-serif;
  line-height: 1.3em;
}
.pullquote .quote:before {
  padding-top: 5px;
  content: "?";
  color: var(--accent4);
  font-size: 250%;
  display: block;
  height: 0.55em;
}
.pullquote .attribution {
  font-size: 75%;
  display: block;
}
.pullquote.short .quote {
  font-size: 220%;
}

/* Results of forms... this would be inserted into the header of the page.  - GF Handles it differently . FadeIn will be faded in */
.response {
  border-left: 5px solid #666;
  background-color: #f6f6f6;
  padding: 5px 10px;
  font-size: 90%;
  margin: 10px 0px 20px;
}
.response .title {
  font-size: 120%;
  font-weight: 700;
}
.response.success {
  border-left: 5px solid #69be28;
  background-color: #e6f2df;
  color: #69be28;
}
.response.success a {
  color: #3d7215;
}
.response.success .title {
  color: #69be28;
  font-weight: bold;
}

/* Draw attention to something new */
.new {
  vertical-align: super;
  font-size: 70%;
  font-weight: normal;
  color: #933;
  padding: 0 3px;
}

/* Bootstrap Overrides */
.breadcrumb {
  background-color: initial;
  font-size: 90%;
  text-transform: uppercase;
  padding: 0;
  margin-left: 5px;
}

/* Dialogs */
dialog {
  border: 0;
  background-color: transparent;
  position: relative;
}
dialog::backdrop {
  background-color: rgba(255, 255, 255, 0.968627451);
}
dialog button.close {
  position: absolute;
  right: 20px;
  top: 30px;
}

.st-pullquote {
  margin: 0;
  padding: 1rem 0;
}
.st-pullquote blockquote {
  color: #fff;
  margin: 20px 0;
  background: radial-gradient(100% 100% at 50% 80%, var(--ocean), transparent 60%) var(--dark);
  padding: 40px 60px 20px;
  border-left: initial;
  font-family: unset;
  font-size: var(--text-m);
  border-radius: var(--radius-l);
}
.st-pullquote cite {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-content: center;
  text-align: left;
  opacity: unset;
  margin: 40px auto 20px;
  width: fit-content;
}
.st-pullquote cite img {
  grid-row: 1/span 2;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 15px;
}
.st-pullquote cite .pullquote-author {
  font-weight: bold;
  color: var(--very-light);
  font-size: var(--text-m);
  text-transform: capitalize;
}
.st-pullquote cite .pullquote-role {
  color: var(--light);
  font-size: var(--text-s);
}
.st-pullquote.short blockquote {
  font-size: var(--text-l);
}

.wp-block-list li {
  margin-bottom: 10px;
}

.spotlight {
  position: relative;
  overflow: hidden;
}
.spotlight::before {
  top: -20px;
  left: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spotlight::after {
  bottom: -20px;
  right: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spotlight > div {
  z-index: 1;
}

/* Try this one from twitter.. added a nice blue spotlight from the top of the page.

.r-1jnsukg {
    background-image: radial-gradient(56.1514% 56.1514% at 49.972% 38.959%, rgba(52, 147, 239, 0.3) 0%, rgb(255, 255, 255) 100%);
}
 */
.sidespots {
  background: radial-gradient(70vw 100vh at -100px 500px, var(--blossom-20), transparent 60%), radial-gradient(70vw 100vh at 110% 500px, var(--river-20), transparent 60%);
  background-blend-mode: screen;
  min-height: 100vh;
  margin: 0;
}

.cardspots {
  position: relative;
  overflow: hidden;
}
.cardspots::before {
  top: -20px;
  left: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  background: radial-gradient(50% 50% at top left, var(--river) 0%, transparent 100%);
}
.cardspots::after {
  bottom: -20px;
  right: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  background: radial-gradient(50% 50% at bottom right, var(--blossom) 0%, transparent 100%);
}
.cardspots > div {
  z-index: 1;
}

/* Section Spotlights */
.spot-river-blossom {
  position: relative;
  overflow: hidden;
}
.spot-river-blossom::before {
  top: -20px;
  left: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spot-river-blossom::after {
  bottom: -20px;
  right: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spot-river-blossom > div {
  z-index: 1;
}
.spot-river-blossom::before {
  background: radial-gradient(50% 50% at top left, var(--river) 0%, transparent 100%);
}
.spot-river-blossom::after {
  background: radial-gradient(50% 50% at bottom right, var(--blossom) 0%, transparent 100%);
}

.spot-tumeric-river {
  position: relative;
  overflow: hidden;
}
.spot-tumeric-river::before {
  top: -20px;
  left: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spot-tumeric-river::after {
  bottom: -20px;
  right: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spot-tumeric-river > div {
  z-index: 1;
}
.spot-tumeric-river::before {
  background: radial-gradient(50% 50% at top left, var(--tumeric) 0%, transparent 100%);
}
.spot-tumeric-river::after {
  background: radial-gradient(50% 50% at bottom right, var(--river) 0%, transparent 100%);
}

.spot-blossom-river {
  position: relative;
  overflow: hidden;
}
.spot-blossom-river::before {
  top: -20px;
  left: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spot-blossom-river::after {
  bottom: -20px;
  right: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spot-blossom-river > div {
  z-index: 1;
}
.spot-blossom-river::before {
  background: radial-gradient(50% 50% at top left, var(--blossom) 0%, transparent 100%);
}
.spot-blossom-river::after {
  background: radial-gradient(50% 50% at bottom right, var(--river) 0%, transparent 100%);
}

.spot-jade-river {
  position: relative;
  overflow: hidden;
}
.spot-jade-river::before {
  top: -20px;
  left: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spot-jade-river::after {
  bottom: -20px;
  right: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
}
.spot-jade-river > div {
  z-index: 1;
}
.spot-jade-river::before {
  background: radial-gradient(50% 50% at top left, var(--jade) 0%, transparent 100%);
}
.spot-jade-river::after {
  background: radial-gradient(50% 50% at bottom right, var(--river) 0%, transparent 100%);
}

/* Page Spotlights */
.spot-bottom {
  position: relative;
  overflow: hidden;
}
.spot-bottom::before {
  top: initial;
  bottom: -20px;
  position: absolute;
  background: radial-gradient(50% 50% at bottom center, var(--river-20) 0%, transparent 100%);
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  z-index: 0;
}
.spot-bottom.spot-grape::before {
  background: radial-gradient(50% 50% at bottom center, var(--grape-20) 0%, transparent 100%);
}
.spot-bottom.spot-tumeric::before {
  background: radial-gradient(50% 50% at bottom center, var(--tumeric-20) 0%, transparent 100%);
}
.spot-bottom.spot-blossom::before {
  background: radial-gradient(50% 50% at bottom center, var(--blossom-20) 0%, transparent 100%);
}
.spot-bottom.spot-ocean::before {
  background: radial-gradient(50% 50% at bottom center, var(--ocean-20) 0%, transparent 100%);
}
.spot-bottom.spot-jade::before {
  background: radial-gradient(50% 50% at bottom center, var(--jade-20) 0%, transparent 100%);
}

.spot-bottom-ocean::before {
  top: initial;
  bottom: -20px;
  background: radial-gradient(50% 50% at bottom center, var(--ocean) 0%, transparent 100%);
}
.spot-bottom-ocean::after {
  background: radial-gradient(75% 75% at bottom center, var(--river) 0%, transparent 100%);
}

.smallspot {
  position: relative;
  overflow: hidden;
}
.smallspot::before {
  top: -20px;
  left: -20px;
  position: absolute;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: "";
  background: radial-gradient(100% 100% at top left, var(--ocean-20) 0%, transparent 100%);
}
.smallspot.spot-grape::before {
  background: radial-gradient(100% 100% at top left, var(--grape-20) 0%, transparent 100%);
}
.smallspot.spot-tumeric::before {
  background: radial-gradient(100% 100% at top left, var(--tumeric-20) 0%, transparent 100%);
}
.smallspot.spot-blossom::before {
  background: radial-gradient(100% 100% at top left, var(--blossom-20) 0%, transparent 100%);
}
.smallspot.spot-ocean::before {
  background: radial-gradient(100% 100% at top left, var(--ocean-20) 0%, transparent 100%);
}
.smallspot.spot-river::before {
  background: radial-gradient(100% 100% at top left, var(--river-20) 0%, transparent 100%);
}
.smallspot.spot-jade::before {
  background: radial-gradient(100% 100% at top left, var(--jade-20) 0%, transparent 100%);
}

/* Same - Same */
.spot-grape-grape {
  position: relative;
}
.spot-grape-grape::before {
  background: radial-gradient(50% 50% at top left, var(--grape) 0%, transparent 100%);
}
.spot-grape-grape::after {
  background: radial-gradient(50% 50% at bottom right, var(--grape) 0%, transparent 100%);
}

.spot-river-river {
  position: relative;
}
.spot-river-river::before {
  background: radial-gradient(50% 50% at top left, var(--river) 0%, transparent 100%);
}
.spot-river-river::after {
  background: radial-gradient(50% 50% at bottom right, var(--river) 0%, transparent 100%);
}

.spot-ocean-ocean {
  position: relative;
}
.spot-ocean-ocean::before {
  background: radial-gradient(50% 50% at top left, var(--ocean) 0%, transparent 100%);
}
.spot-ocean-ocean::after {
  background: radial-gradient(50% 50% at bottom right, var(--ocean) 0%, transparent 100%);
}

.spot-sky-sky {
  position: relative;
}
.spot-sky-sky::before {
  background: radial-gradient(50% 50% at top left, var(--sky) 0%, transparent 100%);
}
.spot-sky-sky::after {
  background: radial-gradient(50% 50% at bottom right, var(--sky) 0%, transparent 100%);
}

.spot-blossom-blossom {
  position: relative;
}
.spot-blossom-blossom::before {
  background: radial-gradient(50% 50% at top left, var(--blossom) 0%, transparent 100%);
}
.spot-blossom-blossom::after {
  background: radial-gradient(50% 50% at bottom right, var(--blossom) 0%, transparent 100%);
}

[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:where(:not([type])), select, textarea {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000 ;
}

[multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:where(:not([type])):focus, select:focus, textarea:focus {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::placeholder, textarea::placeholder {
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

[multiple], [size]:where(select:not([size="1"])) {
  background-image: none;
  background-position: 0 0;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
  print-color-adjust: unset;
}

[type=checkbox], [type=radio] {
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000 ;
}

[type=checkbox] {
  border-radius: 0;
}

[type=radio] {
  border-radius: 100%;
}

[type=checkbox]:focus, [type=radio]:focus {
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type=checkbox]:checked, [type=radio]:checked {
  border-color: rgba(0, 0, 0, 0);
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  [type=checkbox]:checked {
    -webkit-appearance: auto;
    appearance: auto;
  }
}
[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active) {
  [type=radio]:checked {
    -webkit-appearance: auto;
    appearance: auto;
  }
}
[type=checkbox]:checked:focus, [type=checkbox]:checked:hover, [type=checkbox]:indeterminate, [type=radio]:checked:focus, [type=radio]:checked:hover {
  border-color: rgba(0, 0, 0, 0);
  background-color: currentColor;
}

[type=checkbox]:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

@media (forced-colors: active) {
  [type=checkbox]:indeterminate {
    -webkit-appearance: auto;
    appearance: auto;
  }
}
[type=checkbox]:indeterminate:focus, [type=checkbox]:indeterminate:hover {
  border-color: rgba(0, 0, 0, 0);
  background-color: currentColor;
}

[type=file] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type=file]:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

.hubspot-form-wrapper {
  padding: var(--space-m) var(--space-l);
  background-color: #fff;
  border-radius: 15px;
}

/* Styles for the thank you message */
.submitted-message a {
  display: block;
  margin: 20px 0;
  background-color: var(--primary);
  color: #000;
  text-decoration: none;
  padding: 10px;
  border-radius: 9999px;
  text-align: center;
}
.submitted-message a:hover {
  background-color: #fbbe0d;
}
.submitted-message.hs-form-4358db6b-c46e-440b-9a4b-6c05c8d5608c {
  background-color: var(--light);
  padding: 20px 30px;
}
/* Styles for Hubspot Forms */
.hbspt-form ul, .hbspt-form li, .hbspt-form ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hbspt-form .input {
  border: 0;
  padding: 0;
  padding-right: 8px;
  line-height: inherit;
}
.hbspt-form fieldset.form-columns-1 .hs-input {
  width: 100% !important;
}
.hbspt-form .hs-form-field {
  position: relative;
  float: none;
  margin-bottom: 1.25rem;
  display: block;
  width: 100%;
}
.hbspt-form .hs-form-field label {
  font-size: 14px;
  line-height: 1.5;
  color: var(--ocean);
}
.hbspt-form .hs-form-field label.hs-error-msg {
  color: #c00;
}
.hbspt-form .hs-form-field input[type=email],
.hbspt-form .hs-form-field input[type=number],
.hbspt-form .hs-form-field input[type=password],
.hbspt-form .hs-form-field input[type=tel],
.hbspt-form .hs-form-field input[type=text],
.hbspt-form .hs-form-field textarea {
  display: block;
  width: 100%;
  border-radius: 5px;
  border-width: 0;
  background-color: initial;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 18px;
  color: var(--dark);
  box-shadow: inset 1px 1px #e6e6e6, inset -1px -1px #e6e6e6;
}
.hbspt-form .hs-form-field .input textarea {
  padding-top: 16px;
}
.hbspt-form .hs-form-field input[type=email]::placeholder,
.hbspt-form .hs-form-field input[type=number]::placeholder,
.hbspt-form .hs-form-field input[type=password]::placeholder,
.hbspt-form .hs-form-field input[type=tel]::placeholder,
.hbspt-form .hs-form-field input[type=text]::placeholder,
.hbspt-form .hs-form-field textarea::placeholder {
  color: #aaa;
}
.hbspt-form .hs-form-field input[type=email]:focus,
.hbspt-form .hs-form-field input[type=number]:focus,
.hbspt-form .hs-form-field input[type=password]:focus,
.hbspt-form .hs-form-field input[type=tel]:focus,
.hbspt-form .hs-form-field input[type=text]:focus,
.hbspt-form .hs-form-field textarea:focus {
  box-shadow: inset 1px 1px #777, inset -1px -1px #777;
}
.hbspt-form .hs-form-field input[type=checkbox],
.hbspt-form .hs-form-field input[type=radio] {
  margin-right: 0.5rem !important;
  height: 1rem !important;
  width: 1rem !important;
  cursor: pointer !important;
}
.hbspt-form div:not(.hs-fieldtype-booleancheckbox, .hs-fieldtype-radio).hs-form-field label:not(.hs-form-checkbox-display) {
  position: absolute;
  top: -0.75rem;
  left: 0.75rem;
  display: inline-block;
  background-color: #fff;
  padding: 0.125rem 0.375rem;
  font-size: 14px;
  line-height: 1.5;
}
.hbspt-form .hs_error_rollup {
  margin-bottom: 1.25rem;
  font-weight: 700;
  color: var(--ocean);
}
.hbspt-form input[type=submit] {
  position: relative;
  isolation: isolate;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 9999px;
  background-color: var(--primary);
  padding: 0.75rem 25px;
  text-align: center;
  color: var(--indigo);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.16px;
  border: 0;
}
.hbspt-form .hs-form-booleancheckbox label {
  display: flex;
  flex-direction: row;
}
@media (min-width: 48rem) {
  .hbspt-form input[type=submit] {
    font-size: calc(0.5rem + 0.78125vw);
  }
}
@media (min-width: 64rem) {
  .hbspt-form input[type=submit] {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .hbspt-form input[type=submit] {
    padding: 1rem 2rem;
  }
}

.single h2, .archive h2 {
  font-size: var(--h3);
}
.single h3, .archive h3 {
  font-size: var(--h4);
}
.single h4, .archive h4 {
  font-size: var(--h5);
}
.single main, .archive main {
  background: radial-gradient(70vw 100vh at -100px 500px, var(--blossom-20), transparent 60%), radial-gradient(70vw 100vh at 110% 500px, var(--river-20), transparent 60%);
  background-blend-mode: screen;
  min-height: 100vh;
  margin: 0;
}

body.page article.wordpress h2 {
  font-size: var(--h3);
}
body.page article.wordpress h3 {
  font-size: var(--h4);
}
body.page article.wordpress h4 {
  font-size: var(--h5);
}
body.page article.wordpress .section.hero {
  padding-top: 7vh;
}
body.page article.wordpress .mainbody .brxe-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--space-xl);
}
body.page article.wordpress .main-content {
  max-width: 900px;
}
body.page article.wordpress .sidebar {
  max-width: 300px;
  flex: 1 1 30%;
}

.logo-slider img {
  max-height: 50px;
}

.testimonial {
  padding: var(--space-l);
  border-radius: var(--radius-l);
}
.testimonial .logo {
  max-height: 50px;
}
.testimonial .quote {
  font-size: var(--text-l);
  margin: var(--space-l);
}
.testimonial .citation {
  margin: 20px auto;
  justify-content: center;
  display: flex;
}
.testimonial .citation .author {
  font-weight: bold;
  text-align: left;
}
.testimonial .citation .role {
  text-transform: uppercase;
  font-size: var(--text-s);
  text-align: left;
}

.customer-stats {
  border-radius: var(--radius-l);
  gap: var(--space-xl);
}
.customer-stats .stat-container {
  background-color: rgba(217, 239, 251, 0.3215686275);
  padding: var(--space-s);
  border-radius: var(--radius-l);
}
.customer-stats .stat {
  font-size: var(--text-xl);
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 10px;
  color: var(--ocean);
}
.customer-stats .substat {
  text-align: center;
  font-size: 110%;
  font-weight: 600;
}

.bg-secondary .customer-stats {
  background-color: rgba(233, 248, 255, 0.1411764706);
}
.bg-secondary .customer-stats .stat-container {
  background-color: rgba(233, 248, 255, 0.1411764706);
}
.bg-secondary .customer-stats .stat {
  color: var(--primary);
}

.inverted-icon-cards .card-icon {
  width: 75px;
  height: 75px;
  border: 3px solid var(--light);
  border-radius: 9999px;
}

/* Used to create little cards */
.card.blog-post {
  background-color: rgba(255, 255, 255, 0.6);
}
.card.blog-post .blog-type {
  font-size: 13px;
  background-color: var(--light);
  color: var(--secondary);
  padding: 2px 8px;
  border-radius: var(--radius-m);
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-right: auto;
  height: min-content;
}
.card.blog-post .blog-type a {
  text-decoration: none;
}
.card.blog-post h3 a {
  text-decoration: none;
}

.card-user-story .brxe-heading a {
  color: var(--light-ocean);
  text-decoration: none;
}

/*# sourceMappingURL=style.css.map */