/* Loonis Sites additions on top of the template stylesheet */

/* hide animated elements until the motion kit runs (removed instantly if it can't) */
html.lx-motion [animate="fade-up"],
html.lx-motion [animate="heading-reveal"],
html.lx-motion [animate="stagger"],
html.lx-motion [animate="image-reveal"],
html.lx-motion [animate="rule-draw"],
html.lx-motion [animate="bar-grow"],
html.lx-motion [animate="bar-segments"] { opacity: 0; }

/* card hover zoom (1.04, 0.6s) */
html:not(.lx-ix) [class*="_card"] img, html:not(.lx-ix) .card-media img { transition: transform var(--motion-slow) var(--ease-1); }
html:not(.lx-ix) [class*="_card"]:hover img:not([class*="icon"]), html:not(.lx-ix) .card-media:hover img { transform: scale(1.04); }
.card-media { overflow: hidden; }

/* lightbox */
.lx-lightbox { position: fixed; inset: 0; z-index: 9999; background: var(--tone-overlay-92); display: flex; align-items: center; justify-content: center; }
.lx-lightbox img { max-width: 86vw; max-height: 86vh; object-fit: contain; border-radius: var(--radius-8); }
.lx-lightbox button { position: absolute; background: none; border: 0; color: var(--role-surface); font-size: calc(var(--size-h2) * var(--scale-headings)); cursor: pointer; padding: var(--spacing-1rem); line-height: var(--leading-100); }
.lx-lb-close { top: 1rem; right: 1rem; }
.lx-lb-prev { left: 1rem; top: 50%; transform: translateY(-50%); }
.lx-lb-next { right: 1rem; top: 50%; transform: translateY(-50%); }

/* tabs: Webflow hides inactive panes */
.w-tab-pane { display: none; }
.w-tab-pane.w--tab-active { display: block; }

/* single-page lists: Webflow hides pagination when there is nothing to page */
.w-pagination-wrapper { display: none; }


/* menu links the converter added to templates that only had a demo "Pages" dropdown */
.lx-nav-added { white-space: nowrap; }

/* ---- lx-icons: one-colour logo and icons follow the role colours (written by _tools/design-system/icons.mjs) ----
   The template's own one-colour SVG files are drawn as a mask filled with a role colour; the file
   itself is moved out of view. This runs in every theme except Original, and when the Style panel
   has changed a colour (<html data-colours="custom">). In Original the files show as drawn.
   The selectors match the template's own file names only: an owner logo or a replaced image has
   another src, so it shows exactly as uploaded and is never recoloured. */
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/6960cde059fb2ce22fe6bdd2_Plus-4-24da77.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/696dd5e88fb8a3d53d10c472_logo1-4c0bae.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/696dd74efc38adc7e1776494_logo2-b89d24.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/696dd96ada10f5246a7093ef_logo3-843557.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/696dd9c35c4c15f5e54fc93c_logo4-7072fd.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Hamburger-menu.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries3.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries4.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries5.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries6.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries7.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries8.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Logo-Big.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Logo.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Maya-Chen.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Plus-2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Plus-2_1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Plus-4.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Plus-4_1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Structa-Logo-White.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Tools5.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit3.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit4.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit5.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career3.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career4.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career5.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career6.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact2_1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact3.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact4.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/4ce1f123aa1699b57b31dcb2de1724cd7056c567.png"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/instagram.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/linkedin.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/logo1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/logo2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/logo3.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/logo4.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/pages-menu-icon1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/pages-menu-icon2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/pages-menu-icon3.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/pages-plus-4.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/tabs-icon1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/terms1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/terms2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/twitter.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/85e4a4882604292b51f3ab2176f450ad517283b3.png"] {
  object-position: -99999px 0;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-origin: content-box; mask-origin: content-box;
  -webkit-mask-clip: content-box; mask-clip: content-box;
  background-color: var(--role-ink);
  background-clip: content-box;
}
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/6960cde059fb2ce22fe6bdd2_Plus-4-24da77.svg"] { -webkit-mask-image: url(/_t/structa/cms/6960cde059fb2ce22fe6bdd2_Plus-4-24da77.svg); mask-image: url(/_t/structa/cms/6960cde059fb2ce22fe6bdd2_Plus-4-24da77.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/696dd5e88fb8a3d53d10c472_logo1-4c0bae.svg"] { -webkit-mask-image: url(/_t/structa/cms/696dd5e88fb8a3d53d10c472_logo1-4c0bae.svg); mask-image: url(/_t/structa/cms/696dd5e88fb8a3d53d10c472_logo1-4c0bae.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/696dd74efc38adc7e1776494_logo2-b89d24.svg"] { -webkit-mask-image: url(/_t/structa/cms/696dd74efc38adc7e1776494_logo2-b89d24.svg); mask-image: url(/_t/structa/cms/696dd74efc38adc7e1776494_logo2-b89d24.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/696dd96ada10f5246a7093ef_logo3-843557.svg"] { -webkit-mask-image: url(/_t/structa/cms/696dd96ada10f5246a7093ef_logo3-843557.svg); mask-image: url(/_t/structa/cms/696dd96ada10f5246a7093ef_logo3-843557.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/cms/696dd9c35c4c15f5e54fc93c_logo4-7072fd.svg"] { -webkit-mask-image: url(/_t/structa/cms/696dd9c35c4c15f5e54fc93c_logo4-7072fd.svg); mask-image: url(/_t/structa/cms/696dd9c35c4c15f5e54fc93c_logo4-7072fd.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Hamburger-menu.svg"] { -webkit-mask-image: url(/_t/structa/images/Hamburger-menu.svg); mask-image: url(/_t/structa/images/Hamburger-menu.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries1.svg"] { -webkit-mask-image: url(/_t/structa/images/Industries1.svg); mask-image: url(/_t/structa/images/Industries1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries2.svg"] { -webkit-mask-image: url(/_t/structa/images/Industries2.svg); mask-image: url(/_t/structa/images/Industries2.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries3.svg"] { -webkit-mask-image: url(/_t/structa/images/Industries3.svg); mask-image: url(/_t/structa/images/Industries3.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries4.svg"] { -webkit-mask-image: url(/_t/structa/images/Industries4.svg); mask-image: url(/_t/structa/images/Industries4.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries5.svg"] { -webkit-mask-image: url(/_t/structa/images/Industries5.svg); mask-image: url(/_t/structa/images/Industries5.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries6.svg"] { -webkit-mask-image: url(/_t/structa/images/Industries6.svg); mask-image: url(/_t/structa/images/Industries6.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries7.svg"] { -webkit-mask-image: url(/_t/structa/images/Industries7.svg); mask-image: url(/_t/structa/images/Industries7.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Industries8.svg"] { -webkit-mask-image: url(/_t/structa/images/Industries8.svg); mask-image: url(/_t/structa/images/Industries8.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Logo-Big.svg"] { -webkit-mask-image: url(/_t/structa/images/Logo-Big.svg); mask-image: url(/_t/structa/images/Logo-Big.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Logo.svg"] { -webkit-mask-image: url(/_t/structa/images/Logo.svg); mask-image: url(/_t/structa/images/Logo.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Maya-Chen.svg"] { -webkit-mask-image: url(/_t/structa/images/Maya-Chen.svg); mask-image: url(/_t/structa/images/Maya-Chen.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Plus-2.svg"] { -webkit-mask-image: url(/_t/structa/images/Plus-2.svg); mask-image: url(/_t/structa/images/Plus-2.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Plus-2_1.svg"] { -webkit-mask-image: url(/_t/structa/images/Plus-2_1.svg); mask-image: url(/_t/structa/images/Plus-2_1.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Plus-4.svg"] { -webkit-mask-image: url(/_t/structa/images/Plus-4.svg); mask-image: url(/_t/structa/images/Plus-4.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Plus-4_1.svg"] { -webkit-mask-image: url(/_t/structa/images/Plus-4_1.svg); mask-image: url(/_t/structa/images/Plus-4_1.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Structa-Logo-White.svg"] { -webkit-mask-image: url(/_t/structa/images/Structa-Logo-White.svg); mask-image: url(/_t/structa/images/Structa-Logo-White.svg); background-color: var(--role-surface); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/Tools5.svg"] { -webkit-mask-image: url(/_t/structa/images/Tools5.svg); mask-image: url(/_t/structa/images/Tools5.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit1.svg"] { -webkit-mask-image: url(/_t/structa/images/benefit1.svg); mask-image: url(/_t/structa/images/benefit1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit2.svg"] { -webkit-mask-image: url(/_t/structa/images/benefit2.svg); mask-image: url(/_t/structa/images/benefit2.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit3.svg"] { -webkit-mask-image: url(/_t/structa/images/benefit3.svg); mask-image: url(/_t/structa/images/benefit3.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit4.svg"] { -webkit-mask-image: url(/_t/structa/images/benefit4.svg); mask-image: url(/_t/structa/images/benefit4.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/benefit5.svg"] { -webkit-mask-image: url(/_t/structa/images/benefit5.svg); mask-image: url(/_t/structa/images/benefit5.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career1.svg"] { -webkit-mask-image: url(/_t/structa/images/career1.svg); mask-image: url(/_t/structa/images/career1.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career2.svg"] { -webkit-mask-image: url(/_t/structa/images/career2.svg); mask-image: url(/_t/structa/images/career2.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career3.svg"] { -webkit-mask-image: url(/_t/structa/images/career3.svg); mask-image: url(/_t/structa/images/career3.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career4.svg"] { -webkit-mask-image: url(/_t/structa/images/career4.svg); mask-image: url(/_t/structa/images/career4.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career5.svg"] { -webkit-mask-image: url(/_t/structa/images/career5.svg); mask-image: url(/_t/structa/images/career5.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/career6.svg"] { -webkit-mask-image: url(/_t/structa/images/career6.svg); mask-image: url(/_t/structa/images/career6.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact1.svg"] { -webkit-mask-image: url(/_t/structa/images/contact1.svg); mask-image: url(/_t/structa/images/contact1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact2.svg"] { -webkit-mask-image: url(/_t/structa/images/contact2.svg); mask-image: url(/_t/structa/images/contact2.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact2_1.svg"] { -webkit-mask-image: url(/_t/structa/images/contact2_1.svg); mask-image: url(/_t/structa/images/contact2_1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact3.svg"] { -webkit-mask-image: url(/_t/structa/images/contact3.svg); mask-image: url(/_t/structa/images/contact3.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/contact4.svg"] { -webkit-mask-image: url(/_t/structa/images/contact4.svg); mask-image: url(/_t/structa/images/contact4.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/4ce1f123aa1699b57b31dcb2de1724cd7056c567.png"] { -webkit-mask-image: url(https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/4ce1f123aa1699b57b31dcb2de1724cd7056c567.png); mask-image: url(https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/4ce1f123aa1699b57b31dcb2de1724cd7056c567.png); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/instagram.svg"] { -webkit-mask-image: url(/_t/structa/images/instagram.svg); mask-image: url(/_t/structa/images/instagram.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/linkedin.svg"] { -webkit-mask-image: url(/_t/structa/images/linkedin.svg); mask-image: url(/_t/structa/images/linkedin.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/logo1.svg"] { -webkit-mask-image: url(/_t/structa/images/logo1.svg); mask-image: url(/_t/structa/images/logo1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/logo2.svg"] { -webkit-mask-image: url(/_t/structa/images/logo2.svg); mask-image: url(/_t/structa/images/logo2.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/logo3.svg"] { -webkit-mask-image: url(/_t/structa/images/logo3.svg); mask-image: url(/_t/structa/images/logo3.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/logo4.svg"] { -webkit-mask-image: url(/_t/structa/images/logo4.svg); mask-image: url(/_t/structa/images/logo4.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/pages-menu-icon1.svg"] { -webkit-mask-image: url(/_t/structa/images/pages-menu-icon1.svg); mask-image: url(/_t/structa/images/pages-menu-icon1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/pages-menu-icon2.svg"] { -webkit-mask-image: url(/_t/structa/images/pages-menu-icon2.svg); mask-image: url(/_t/structa/images/pages-menu-icon2.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/pages-menu-icon3.svg"] { -webkit-mask-image: url(/_t/structa/images/pages-menu-icon3.svg); mask-image: url(/_t/structa/images/pages-menu-icon3.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/pages-plus-4.svg"] { -webkit-mask-image: url(/_t/structa/images/pages-plus-4.svg); mask-image: url(/_t/structa/images/pages-plus-4.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/tabs-icon1.svg"] { -webkit-mask-image: url(/_t/structa/images/tabs-icon1.svg); mask-image: url(/_t/structa/images/tabs-icon1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/terms1.svg"] { -webkit-mask-image: url(/_t/structa/images/terms1.svg); mask-image: url(/_t/structa/images/terms1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/terms2.svg"] { -webkit-mask-image: url(/_t/structa/images/terms2.svg); mask-image: url(/_t/structa/images/terms2.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/structa/images/twitter.svg"] { -webkit-mask-image: url(/_t/structa/images/twitter.svg); mask-image: url(/_t/structa/images/twitter.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/85e4a4882604292b51f3ab2176f450ad517283b3.png"] { -webkit-mask-image: url(https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/85e4a4882604292b51f3ab2176f450ad517283b3.png); mask-image: url(https://urkeffdjrlfjconn.public.blob.vercel-storage.com/m/85e4a4882604292b51f3ab2176f450ad517283b3.png); }
/* logos and icons drawn in several greys: in dark themes they are inverted so they stay readable */
html[data-theme="night-build"] img[src$="/_t/structa/images/contact-icon1.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/contact-icon1.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/contact-icon2.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/contact-icon2.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/contact-icon3.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/contact-icon3.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/faq1.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/faq1.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/faq2.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/faq2.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/faq3.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/faq3.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/info1.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/info1.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/info2.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/info2.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/play.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/play.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/service1.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/service1.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/service2.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/service2.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/service3.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/service3.svg"],
html[data-theme="night-build"] img[src$="/_t/structa/images/service4.svg"],
html[data-theme="inverted"] img[src$="/_t/structa/images/service4.svg"] { filter: invert(1); }
/* ---- end lx-icons ---- */