/*
Theme Name: Ups & Downs Coaching
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE. ***************/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
}
/* ==========================================================================
Ups N Downs icon set ยท ud-icons.css
Original shapes, drawn for this brand. Each icon is a CSS mask, so its colour
comes from CSS: currentColor by default, or the crest's heat ramp with --heat.
Size follows font-size (1em). Add a visually hidden label when an icon means something.
========================================================================== */
:root{
--ud-heat:linear-gradient(to top, #b9310e 0%, #de5916 38%, #f0a03a 72%, #efcf89 100%);
--ud-accent:#f26b1f; --ud-accent-ink:#1a0d06;
--ud-ink-100:#f1ebe1; --ud-ink-300:#9a8c7e; --ud-line-strong:#80736a;
--ud-fire-3:#f0a03a;
}
.ud-i{
display:inline-block; flex:none;
width:1em; height:1em; vertical-align:-0.125em;
background:currentColor;
-webkit-mask:var(--ud-i) center / contain no-repeat;
mask:var(--ud-i) center / contain no-repeat;
}
.ud-i--wide{ width:1.5em; } /* for fire, 3:2 */
/* Modifiers */
.ud-i--heat{ background:var(--ud-heat); } /* ember red at the base, glow at the tip */
.ud-i--accent{ background:var(--ud-accent); }
.ud-i--glow{ filter:drop-shadow(0 0 .35em rgba(242,107,31,.55)); } /* put on a wrapper, not the icon itself */
.ud-i--sm{ font-size:16px; } .ud-i--md{ font-size:24px; } .ud-i--lg{ font-size:48px; } .ud-i--xl{ font-size:96px; }
@media (prefers-reduced-motion: no-preference){
.ud-i--flicker{ transform-origin:50% 100%; animation:ud-flicker 2.4s ease-in-out infinite; }
.ud-i--rise{ animation:ud-rise 1.8s ease-in-out infinite; }
.ud-hover-flare:hover .ud-i, .ud-hover-flare:focus-visible .ud-i{ transform:translateY(-2px) scale(1.06); transition:transform .18s ease; }
}
@keyframes ud-flicker{
0%,100%{ transform:scale(1,1) skewX(0deg); filter:brightness(1); }
22%{ transform:scale(.97,1.05) skewX(-2deg); filter:brightness(1.08); }
47%{ transform:scale(1.02,.97) skewX(1.5deg); filter:brightness(.95); }
71%{ transform:scale(.98,1.04) skewX(-1deg); filter:brightness(1.05); }
}
@keyframes ud-rise{ 0%,100%{ transform:translateY(2px); opacity:.75; } 50%{ transform:translateY(-3px); opacity:1; } }
/* Shapes */
.ud-i--flame{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' fill-rule='evenodd'%3E%3Cpath d='M12 1.5 C13.2 4.6 15.8 6.6 17.4 9.1 C18.6 10.9 19.2 12.8 19.2 14.8 C19.2 19 16 22.5 12 22.5 C8 22.5 4.8 19 4.8 14.8 C4.8 12.1 6 9.8 7.6 8.1 C7.6 10.3 8.5 11.9 10 12.6 C9.6 9 10.5 4.8 12 1.5 Z M12 20.6 C14 20.6 15.4 19.1 15.4 17.2 C15.4 15.2 14.1 13.9 13.3 12.5 C13 14.1 12.1 15.1 11.1 15.6 C10 16.2 8.9 16.8 8.9 18 C8.9 19.5 10.3 20.6 12 20.6 Z'/%3E%3C/svg%3E");}
.ud-i--flame-solid{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1.5 C13.2 4.6 15.8 6.6 17.4 9.1 C18.6 10.9 19.2 12.8 19.2 14.8 C19.2 19 16 22.5 12 22.5 C8 22.5 4.8 19 4.8 14.8 C4.8 12.1 6 9.8 7.6 8.1 C7.6 10.3 8.5 11.9 10 12.6 C9.6 9 10.5 4.8 12 1.5 Z'/%3E%3C/svg%3E");}
.ud-i--fire{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24' fill='currentColor'%3E%3Cg transform='translate(-1 5) scale(0.78)'%3E%3Cpath d='M12 1.5 C13.2 4.6 15.8 6.6 17.4 9.1 C18.6 10.9 19.2 12.8 19.2 14.8 C19.2 19 16 22.5 12 22.5 C8 22.5 4.8 19 4.8 14.8 C4.8 12.1 6 9.8 7.6 8.1 C7.6 10.3 8.5 11.9 10 12.6 C9.6 9 10.5 4.8 12 1.5 Z'/%3E%3C/g%3E%3Cg transform='translate(20.4 5) scale(0.78)'%3E%3Cpath d='M12 1.5 C13.2 4.6 15.8 6.6 17.4 9.1 C18.6 10.9 19.2 12.8 19.2 14.8 C19.2 19 16 22.5 12 22.5 C8 22.5 4.8 19 4.8 14.8 C4.8 12.1 6 9.8 7.6 8.1 C7.6 10.3 8.5 11.9 10 12.6 C9.6 9 10.5 4.8 12 1.5 Z'/%3E%3C/g%3E%3Cg transform='translate(6 0)'%3E%3Cpath d='M12 1.5 C13.2 4.6 15.8 6.6 17.4 9.1 C18.6 10.9 19.2 12.8 19.2 14.8 C19.2 19 16 22.5 12 22.5 C8 22.5 4.8 19 4.8 14.8 C4.8 12.1 6 9.8 7.6 8.1 C7.6 10.3 8.5 11.9 10 12.6 C9.6 9 10.5 4.8 12 1.5 Z'/%3E%3C/g%3E%3C/svg%3E");}
.ud-i--axe{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Crect x='12' y='4' width='2' height='17'/%3E%3Crect x='11.3' y='20' width='3.4' height='2'/%3E%3Crect x='11.4' y='3.2' width='3.2' height='5.6'/%3E%3Cpath d='M14.6 4.2 H16.8 V7.8 H14.6 Z'/%3E%3Cpath d='M11.4 3.6 C8.5 3.8 5.2 3.2 2.6 1.4 C1.6 5.6 1.8 10.4 3.2 13.6 C3.7 14.8 4.2 15.8 4.6 16.6 C5.6 12.8 8 9.9 11.4 8.4 Z'/%3E%3C/svg%3E");}
.ud-i--axes{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cg transform='translate(12 13) rotate(-40) scale(0.8) translate(-13 -12)'%3E%3Crect x='12' y='4' width='2' height='17'/%3E%3Crect x='11.3' y='20' width='3.4' height='2'/%3E%3Crect x='11.4' y='3.2' width='3.2' height='5.6'/%3E%3Cpath d='M14.6 4.2 H16.8 V7.8 H14.6 Z'/%3E%3Cpath d='M11.4 3.6 C8.5 3.8 5.2 3.2 2.6 1.4 C1.6 5.6 1.8 10.4 3.2 13.6 C3.7 14.8 4.2 15.8 4.6 16.6 C5.6 12.8 8 9.9 11.4 8.4 Z'/%3E%3C/g%3E%3Cg transform='translate(12 13) rotate(40) scale(-0.8 0.8) translate(-13 -12)'%3E%3Crect x='12' y='4' width='2' height='17'/%3E%3Crect x='11.3' y='20' width='3.4' height='2'/%3E%3Crect x='11.4' y='3.2' width='3.2' height='5.6'/%3E%3Cpath d='M14.6 4.2 H16.8 V7.8 H14.6 Z'/%3E%3Cpath d='M11.4 3.6 C8.5 3.8 5.2 3.2 2.6 1.4 C1.6 5.6 1.8 10.4 3.2 13.6 C3.7 14.8 4.2 15.8 4.6 16.6 C5.6 12.8 8 9.9 11.4 8.4 Z'/%3E%3C/g%3E%3C/svg%3E");}
.ud-i--phoenix{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='currentColor'%3E%3Cpath d='M21.0 13.8 L2.5 1.8 L4.4 7.8 L21.0 18.4 Z'/%3E%3Cpath d='M21.0 19.4 L4.2 10.4 L6.6 15.8 L21.0 23.0 Z'/%3E%3Cpath d='M21.2 24.0 L7.6 18.4 L10.6 22.6 L21.6 27.0 Z'/%3E%3Cpath d='M27.0 13.8 L45.5 1.8 L43.6 7.8 L27.0 18.4 Z'/%3E%3Cpath d='M27.0 19.4 L43.8 10.4 L41.4 15.8 L27.0 23.0 Z'/%3E%3Cpath d='M26.8 24.0 L40.4 18.4 L37.4 22.6 L26.4 27.0 Z'/%3E%3Cpath d='M22.8 5 L24 0.8 L25.2 5 Z'/%3E%3Cpath d='M24 4 L27.2 7.4 L26 11.2 L24 12.8 L22 11.2 L20.8 7.4 Z'/%3E%3Cpath d='M21.4 13.6 L26.6 13.6 L25.4 27.6 L24 29 L22.6 27.6 Z'/%3E%3Cg transform='translate(13.8 28.2) scale(0.85)'%3E%3Cpath d='M12 1.5 C13.2 4.6 15.8 6.6 17.4 9.1 C18.6 10.9 19.2 12.8 19.2 14.8 C19.2 19 16 22.5 12 22.5 C8 22.5 4.8 19 4.8 14.8 C4.8 12.1 6 9.8 7.6 8.1 C7.6 10.3 8.5 11.9 10 12.6 C9.6 9 10.5 4.8 12 1.5 Z'/%3E%3C/g%3E%3C/svg%3E");}
.ud-i--shield{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 2 H21 V13.2 C21 17.4 16.8 20.4 12 22.6 C7.2 20.4 3 17.4 3 13.2 Z'/%3E%3C/svg%3E");}
.ud-i--shield-outline{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 3 H20 V13 C20 16.8 16.4 19.4 12 21.4 C7.6 19.4 4 16.8 4 13 Z'/%3E%3C/svg%3E");}
.ud-i--rise{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2 L20 8 V11 L12 5 L4 11 V8 Z'/%3E%3Cpath d='M12 8.5 L20 14.5 V17.5 L12 11.5 L4 17.5 V14.5 Z'/%3E%3Cpath d='M12 15 L20 21 V24 L12 18 L4 24 V21 Z'/%3E%3C/svg%3E");}
.ud-i--spark{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 1 L14.2 9.8 L23 12 L14.2 14.2 L12 23 L9.8 14.2 L1 12 L9.8 9.8 Z'/%3E%3C/svg%3E");}
.ud-i--arrow-right{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 12 H19'/%3E%3Cpath d='M13 6 L19 12 L13 18'/%3E%3C/svg%3E");}
.ud-i--arrow-up{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 20 V5'/%3E%3Cpath d='M6 11 L12 5 L18 11'/%3E%3C/svg%3E");}
.ud-i--chevron-down{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 9 L12 16 L19 9'/%3E%3C/svg%3E");}
.ud-i--menu{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 6 H21 M3 12 H21 M3 18 H21'/%3E%3C/svg%3E");}
.ud-i--close{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 5 L19 19 M19 5 L5 19'/%3E%3C/svg%3E");}
.ud-i--plus{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 4 V20 M4 12 H20'/%3E%3C/svg%3E");}
.ud-i--minus{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 12 H20'/%3E%3C/svg%3E");}
.ud-i--check{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 12.5 L9.5 18 L20 6.5'/%3E%3C/svg%3E");}
.ud-i--warning{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 3 L22 20.5 H2 Z'/%3E%3Cpath d='M12 9.5 V14'/%3E%3Cpath d='M12 17 V17.2'/%3E%3C/svg%3E");}
.ud-i--error{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M8 3 H16 L21 8 V16 L16 21 H8 L3 16 V8 Z'/%3E%3Cpath d='M9 9 L15 15 M15 9 L9 15'/%3E%3C/svg%3E");}
.ud-i--calendar{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 5 H21 V21 H3 Z'/%3E%3Cpath d='M3 10 H21'/%3E%3Cpath d='M8 2 V7 M16 2 V7'/%3E%3C/svg%3E");}
.ud-i--clock{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7 V12 L15.5 14.5'/%3E%3C/svg%3E");}
.ud-i--stopwatch{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Ccircle cx='12' cy='14' r='8'/%3E%3Cpath d='M12 14 V10'/%3E%3Cpath d='M9.5 2 H14.5'/%3E%3Cpath d='M12 2 V6'/%3E%3Cpath d='M18.5 7.5 L20.5 5.5'/%3E%3C/svg%3E");}
.ud-i--pulse{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2 12 H6 L9 5 L14 19 L17 12 H22'/%3E%3C/svg%3E");}
.ud-i--finish{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 22 V3'/%3E%3Cpath d='M5 4 H19 L16 8.5 L19 13 H5'/%3E%3C/svg%3E");}
.ud-i--mountain{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2 20 L9 7 L13.5 14 L16 10.5 L22 20 Z'/%3E%3C/svg%3E");}
.ud-i--shoe{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2 18 V9 H7 C7.4 11 9.2 12.4 11.6 12.4 C12.8 12.4 13.8 12.7 15 13.1 C18.6 14.1 21 15.3 22 17.4 V18 Z'/%3E%3Cpath d='M2 21 H22'/%3E%3C/svg%3E");}
.ud-i--star{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2 L14.9 8.6 L22 9.3 L16.6 14 L18.2 21 L12 17.3 L5.8 21 L7.4 14 L2 9.3 L9.1 8.6 Z'/%3E%3C/svg%3E");}
.ud-i--quote{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M2 12 V20 H10 V12 H5.6 C5.6 9.4 7 7.8 10 7.2 V4 C5 4.6 2 7.6 2 12 Z'/%3E%3Cpath d='M13 12 V20 H21 V12 H16.6 C16.6 9.4 18 7.8 21 7.2 V4 C16 4.6 13 7.6 13 12 Z'/%3E%3C/svg%3E");}
.ud-i--pin{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M12 22 C12 22 19 15.2 19 9.6 C19 5.5 15.9 2.5 12 2.5 C8.1 2.5 5 5.5 5 9.6 C5 15.2 12 22 12 22 Z'/%3E%3Cpath d='M10 8 H14 V12 H10 Z'/%3E%3C/svg%3E");}
.ud-i--mail{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M2 5 H22 V19 H2 Z'/%3E%3Cpath d='M2 6 L12 13 L22 6'/%3E%3C/svg%3E");}
.ud-i--phone{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 3 H9 L11 8 L8.5 9.5 C9.7 12.1 11.9 14.3 14.5 15.5 L16 13 L21 15 V20 C21 20.6 20.6 21 20 21 C11.2 21 3 12.8 3 4 C3 3.4 3.4 3 4 3 Z'/%3E%3C/svg%3E");}
.ud-i--chat{--ud-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M3 4 H21 V16 H10 L5 20.5 V16 H3 Z'/%3E%3C/svg%3E");}
/* ==========================================================================
Dividers. Put the class on an
or an empty ; the pattern repeats across.
========================================================================== */
.ud-divider{
display:block; border:0; margin:0; width:100%;
height:var(--ud-divider-h, 24px);
background:var(--ud-divider-bg, var(--ud-heat));
-webkit-mask:var(--ud-d) left center / var(--ud-tile) repeat-x;
mask:var(--ud-d) left center / var(--ud-tile) repeat-x;
}
.ud-divider--flat{ --ud-divider-bg:currentColor; }
.ud-divider--heat-across{ --ud-divider-bg:linear-gradient(to right, #b9310e, #de5916 38%, #f0a03a 72%, #efcf89); }
.ud-texture--embers{
background-image:linear-gradient(transparent,transparent);
position:relative;
}
.ud-texture--embers::before{
content:""; position:absolute; inset:0; pointer-events:none; opacity:.35;
background:var(--ud-heat);
-webkit-mask:var(--ud-d-embers) 0 0 / 60px 60px repeat;
mask:var(--ud-d-embers) 0 0 / 60px 60px repeat;
}
.ud-divider--peaks{--ud-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' fill='currentColor'%3E%3Cpath d='M0 18 L10 14 L18 16 L28 6 L36 12 L44 9 L56 19 L64 15 L74 4 L84 13 L92 10 L104 18 L112 15 L120 18' fill='none' stroke='currentColor' stroke-width='2' stroke-linejoin='miter'/%3E%3C/svg%3E"); --ud-tile:120px 24px; --ud-divider-h:24px;}
.ud-divider--knot{--ud-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 14' fill='currentColor'%3E%3Cpath d='M0 2 L14 12 M14 12 L18.76 8.6 M23.24 5.4 L28 2 M0 12 L4.76 8.6 M9.24 5.4 L14 2 M14 2 L28 12' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='butt'/%3E%3C/svg%3E"); --ud-tile:28px 14px; --ud-divider-h:14px;}
.ud-divider--chevrons{--ud-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 12' fill='currentColor'%3E%3Cpath d='M0 9 L8 3 L16 9' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='butt' stroke-linejoin='miter'/%3E%3C/svg%3E"); --ud-tile:16px 12px; --ud-divider-h:12px;}
.ud-divider--embers{--ud-d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='currentColor'%3E%3Cpath d='M8 6 L9 9 L12 10 L9 11 L8 14 L7 11 L4 10 L7 9 Z'/%3E%3Cpath d='M40 14 L40.6 15.6 L42.2 16.2 L40.6 16.8 L40 18.4 L39.4 16.8 L37.8 16.2 L39.4 15.6 Z'/%3E%3Cpath d='M24 34 L25.2 37.8 L29 39 L25.2 40.2 L24 44 L22.8 40.2 L19 39 L22.8 37.8 Z'/%3E%3Crect x='50' y='42' width='2' height='2' transform='rotate(45 51 43)'/%3E%3Crect x='14' y='50' width='1.6' height='1.6' transform='rotate(45 14.8 50.8)'/%3E%3Crect x='52' y='4' width='1.4' height='1.4' transform='rotate(45 52.7 4.7)'/%3E%3Crect x='33' y='24' width='1.2' height='1.2' transform='rotate(45 33.6 24.6)'/%3E%3C/svg%3E"); --ud-tile:60px 60px; --ud-divider-h:60px;}
:root{--ud-d-embers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='currentColor'%3E%3Cpath d='M8 6 L9 9 L12 10 L9 11 L8 14 L7 11 L4 10 L7 9 Z'/%3E%3Cpath d='M40 14 L40.6 15.6 L42.2 16.2 L40.6 16.8 L40 18.4 L39.4 16.8 L37.8 16.2 L39.4 15.6 Z'/%3E%3Cpath d='M24 34 L25.2 37.8 L29 39 L25.2 40.2 L24 44 L22.8 40.2 L19 39 L22.8 37.8 Z'/%3E%3Crect x='50' y='42' width='2' height='2' transform='rotate(45 51 43)'/%3E%3Crect x='14' y='50' width='1.6' height='1.6' transform='rotate(45 14.8 50.8)'/%3E%3Crect x='52' y='4' width='1.4' height='1.4' transform='rotate(45 52.7 4.7)'/%3E%3Crect x='33' y='24' width='1.2' height='1.2' transform='rotate(45 33.6 24.6)'/%3E%3C/svg%3E");}
/* ==========================================================================
Social icons: Flatsome's own Follow Icons, restyled.
Add "ud-social" to the Follow element's Class field in UX Builder, or to the
header's social element via Custom CSS. The platform glyphs stay Flatsome's;
this only changes the frame they sit in.
========================================================================== */
.ud-social .social-icons{ display:flex; flex-wrap:wrap; gap:10px; }
.ud-social .social-icons a.icon{
width:44px; height:44px; margin:0 !important; padding:0;
display:inline-flex; align-items:center; justify-content:center;
border-radius:0 !important; border:1px solid var(--ud-line-strong) !important;
background:transparent !important; color:var(--ud-ink-100) !important;
font-size:17px; line-height:1; box-shadow:none !important; text-decoration:none !important;
transition:background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.ud-social .social-icons a.icon:hover,
.ud-social .social-icons a.icon:focus-visible{
background:var(--ud-accent) !important; border-color:var(--ud-accent) !important;
color:var(--ud-accent-ink) !important; box-shadow:0 0 22px rgba(242,107,31,.45) !important;
}
.ud-social .social-icons a.icon:focus-visible{ outline:2px solid var(--ud-accent); outline-offset:2px; }
/* Shield variant: the crest's shield silhouette as the frame. */
.ud-social--shield .social-icons a.icon{
position:relative; border:0 !important; width:44px; height:48px; padding-bottom:4px;
}
.ud-social--shield .social-icons a.icon::before{
content:""; position:absolute; inset:0; z-index:-1;
background:var(--ud-line-strong);
-webkit-mask:var(--ud-shield-frame) center / 100% 100% no-repeat;
mask:var(--ud-shield-frame) center / 100% 100% no-repeat;
transition:background .18s ease;
}
.ud-social--shield .social-icons a.icon:hover{ background:transparent !important; box-shadow:none !important; color:var(--ud-accent-ink) !important; }
.ud-social--shield .social-icons a.icon:hover::before{ background:var(--ud-accent); -webkit-mask-image:var(--ud-shield-fill); mask-image:var(--ud-shield-fill); }
.ud-social--shield .social-icons a.icon{ isolation:isolate; }
:root{--ud-shield-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 2 H21 V13.2 C21 17.4 16.8 20.4 12 22.6 C7.2 20.4 3 17.4 3 13.2 Z'/%3E%3C/svg%3E"); --ud-shield-frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.2'%3E%3Cpath d='M3.6 2.6 H20.4 V13.2 C20.4 17 16.6 19.8 12 21.9 C7.4 19.8 3.6 17 3.6 13.2 Z'/%3E%3C/svg%3E");}
/* Screen-reader label helper, for icons that carry meaning on their own. */
.ud-sr{ position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }