/* Shared typography. Divi icon glyphs retain their functional icon font. */
:root, .myspio-design {
 --spio-display: "Right Grotesk", sans-serif;
 --spio-body: "Source Sans Pro", sans-serif;
 --myspio-font-display: var(--spio-display);
 --myspio-font-body: var(--spio-body);
 --spio-heading-gradient: linear-gradient(108deg, #869dfa 0%, #718bdc 27%, #75a956 63%, #9fd63a 100%);
}
.myspio-design,
.myspio-design :is(p, a, label, input, select, textarea, button, small, li, td, th, .et_pb_text, .spioP) {
 font-family: var(--spio-body) !important;
}
.myspio-design :is(h1,h2,h3,h4,h5,h6,.spio-display,.spioCardTitle,.spioModalTitle),
.myspio-design .et_pb_module :is(h1,h2,h3,h4,h5,h6) {
 font-family: var(--spio-display) !important;
 color: var(--spio-navy);
 background: var(--spio-heading-gradient);
 background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.myspio-design :is(h1,h2,h3,h4,h5,h6) :is(strong,em,span,a) {
 font-family: inherit !important; background: none; -webkit-text-fill-color: inherit;
}
.myspio-design .spio-script { font-family: var(--spio-display); }
@media (forced-colors: active), print {
 .myspio-design :is(h1,h2,h3,h4,h5,h6,.spio-display,.spioCardTitle,.spioModalTitle),
 .myspio-design .et_pb_module :is(h1,h2,h3,h4,h5,h6) {
  background: none; color: CanvasText; -webkit-text-fill-color: currentColor;
 }
}