/* 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-check-navy-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(--color-white); font-size: calc(var(--size-2-5rem) * 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; }

/* ThinkWise logo in the dark themes (Oct 30 2026): its wordmark is drawn in graphite and its mark is a
   colour picture, so no single role fits. In the dark themes it is inverted with the hues turned back,
   so the wordmark reads light and the mark keeps its colours. Template file only: an owner logo is untouched. */
html[data-theme="aurora"] img[src$="/_t/thinkwise/images/thinkwise-logo.svg"],
html[data-theme="inverted"] img[src$="/_t/thinkwise/images/thinkwise-logo.svg"] {
  filter: invert(1) hue-rotate(180deg);
}

/* ThinkWise menu panels (Oct 30 2026): the phone menu and the info dropdown are pure white in the original.
   In every other theme, and after a Style panel colour change, they take the page colour so the menu text reads. */
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) .nav-menu,
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) .nav-info-dropdown-wrapper.w--open {
  background-color: var(--role-page);
}

/* ThinkWise outline button (Oct 30 2026): it only sits on the gradient photos, so its text reads Text on photos
   (the same warm white as the primary button text in Original) instead of following the black button's text. */
.button.is-alternative { color: var(--role-on-photo); }

/* ---- 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/thinkwise/cms/69a824f734a04c5e55ee7ea9_play-93222b.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/cms/69a826309e1987322e872891_pause-3f8454.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/2-users.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Building-office-1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Building-office-4.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Building-office-w.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Building-office.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Calendar.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Chart-information.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Chart-three-line.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Checkmark.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Circle-Clock.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Clock-w.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Close.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Cup.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Docuemt-line.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Docuemtn-2-line.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Dot-graph.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Eye.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Facebook-.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Gem-7.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Gem.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Gift.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Lamp.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Left.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Medium-Brightness.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Money-Bag.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Money-pape.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Path.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Pause.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Pen.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Right-1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Right.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Share.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Shield-Done.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Smart-phone-w.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Smart-phone.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Sphere-glob.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Target-1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Target-2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Target.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/about_author.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/blob-8-gray.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/email-w.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/email.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/filter_1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/instagram.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/like-dislike.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/linkedin.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/linkedin_1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/logo1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/logo2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/logo3.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/logo4.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/menu.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/messages-question-1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/messages-question.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/monitor.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/pages-menu-arrow-down-2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/pages-menu-contact2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/pages-menu-menu-icon1.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/pages-menu-menu-icon2.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/play.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/stars-w.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/stars.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/twitter.svg"],
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/x_logo.svg"] {
  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/thinkwise/cms/69a824f734a04c5e55ee7ea9_play-93222b.svg"] { -webkit-mask-image: url(/_t/thinkwise/cms/69a824f734a04c5e55ee7ea9_play-93222b.svg); mask-image: url(/_t/thinkwise/cms/69a824f734a04c5e55ee7ea9_play-93222b.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/cms/69a826309e1987322e872891_pause-3f8454.svg"] { -webkit-mask-image: url(/_t/thinkwise/cms/69a826309e1987322e872891_pause-3f8454.svg); mask-image: url(/_t/thinkwise/cms/69a826309e1987322e872891_pause-3f8454.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/2-users.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/2-users.svg); mask-image: url(/_t/thinkwise/images/2-users.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Building-office-1.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Building-office-1.svg); mask-image: url(/_t/thinkwise/images/Building-office-1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Building-office-4.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Building-office-4.svg); mask-image: url(/_t/thinkwise/images/Building-office-4.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Building-office-w.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Building-office-w.svg); mask-image: url(/_t/thinkwise/images/Building-office-w.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Building-office.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Building-office.svg); mask-image: url(/_t/thinkwise/images/Building-office.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Calendar.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Calendar.svg); mask-image: url(/_t/thinkwise/images/Calendar.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Chart-information.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Chart-information.svg); mask-image: url(/_t/thinkwise/images/Chart-information.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Chart-three-line.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Chart-three-line.svg); mask-image: url(/_t/thinkwise/images/Chart-three-line.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Checkmark.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Checkmark.svg); mask-image: url(/_t/thinkwise/images/Checkmark.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Circle-Clock.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Circle-Clock.svg); mask-image: url(/_t/thinkwise/images/Circle-Clock.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Clock-w.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Clock-w.svg); mask-image: url(/_t/thinkwise/images/Clock-w.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Close.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Close.svg); mask-image: url(/_t/thinkwise/images/Close.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Cup.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Cup.svg); mask-image: url(/_t/thinkwise/images/Cup.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Docuemt-line.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Docuemt-line.svg); mask-image: url(/_t/thinkwise/images/Docuemt-line.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Docuemtn-2-line.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Docuemtn-2-line.svg); mask-image: url(/_t/thinkwise/images/Docuemtn-2-line.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Dot-graph.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Dot-graph.svg); mask-image: url(/_t/thinkwise/images/Dot-graph.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Eye.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Eye.svg); mask-image: url(/_t/thinkwise/images/Eye.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Facebook-.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Facebook-.svg); mask-image: url(/_t/thinkwise/images/Facebook-.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Gem-7.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Gem-7.svg); mask-image: url(/_t/thinkwise/images/Gem-7.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Gem.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Gem.svg); mask-image: url(/_t/thinkwise/images/Gem.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Gift.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Gift.svg); mask-image: url(/_t/thinkwise/images/Gift.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Lamp.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Lamp.svg); mask-image: url(/_t/thinkwise/images/Lamp.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Left.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Left.svg); mask-image: url(/_t/thinkwise/images/Left.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Medium-Brightness.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Medium-Brightness.svg); mask-image: url(/_t/thinkwise/images/Medium-Brightness.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Money-Bag.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Money-Bag.svg); mask-image: url(/_t/thinkwise/images/Money-Bag.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Money-pape.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Money-pape.svg); mask-image: url(/_t/thinkwise/images/Money-pape.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Path.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Path.svg); mask-image: url(/_t/thinkwise/images/Path.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Pause.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Pause.svg); mask-image: url(/_t/thinkwise/images/Pause.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Pen.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Pen.svg); mask-image: url(/_t/thinkwise/images/Pen.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Right-1.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Right-1.svg); mask-image: url(/_t/thinkwise/images/Right-1.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Right.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Right.svg); mask-image: url(/_t/thinkwise/images/Right.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Share.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Share.svg); mask-image: url(/_t/thinkwise/images/Share.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Shield-Done.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Shield-Done.svg); mask-image: url(/_t/thinkwise/images/Shield-Done.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Smart-phone-w.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Smart-phone-w.svg); mask-image: url(/_t/thinkwise/images/Smart-phone-w.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Smart-phone.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Smart-phone.svg); mask-image: url(/_t/thinkwise/images/Smart-phone.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Sphere-glob.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Sphere-glob.svg); mask-image: url(/_t/thinkwise/images/Sphere-glob.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Target-1.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Target-1.svg); mask-image: url(/_t/thinkwise/images/Target-1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Target-2.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Target-2.svg); mask-image: url(/_t/thinkwise/images/Target-2.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/Target.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/Target.svg); mask-image: url(/_t/thinkwise/images/Target.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/about_author.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/about_author.svg); mask-image: url(/_t/thinkwise/images/about_author.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/blob-8-gray.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/blob-8-gray.svg); mask-image: url(/_t/thinkwise/images/blob-8-gray.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/email-w.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/email-w.svg); mask-image: url(/_t/thinkwise/images/email-w.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/email.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/email.svg); mask-image: url(/_t/thinkwise/images/email.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/filter_1.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/filter_1.svg); mask-image: url(/_t/thinkwise/images/filter_1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/instagram.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/instagram.svg); mask-image: url(/_t/thinkwise/images/instagram.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/like-dislike.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/like-dislike.svg); mask-image: url(/_t/thinkwise/images/like-dislike.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/linkedin.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/linkedin.svg); mask-image: url(/_t/thinkwise/images/linkedin.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/linkedin_1.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/linkedin_1.svg); mask-image: url(/_t/thinkwise/images/linkedin_1.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/logo1.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/logo1.svg); mask-image: url(/_t/thinkwise/images/logo1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/logo2.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/logo2.svg); mask-image: url(/_t/thinkwise/images/logo2.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/logo3.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/logo3.svg); mask-image: url(/_t/thinkwise/images/logo3.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/logo4.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/logo4.svg); mask-image: url(/_t/thinkwise/images/logo4.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/menu.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/menu.svg); mask-image: url(/_t/thinkwise/images/menu.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/messages-question-1.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/messages-question-1.svg); mask-image: url(/_t/thinkwise/images/messages-question-1.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/messages-question.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/messages-question.svg); mask-image: url(/_t/thinkwise/images/messages-question.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/monitor.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/monitor.svg); mask-image: url(/_t/thinkwise/images/monitor.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/pages-menu-arrow-down-2.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/pages-menu-arrow-down-2.svg); mask-image: url(/_t/thinkwise/images/pages-menu-arrow-down-2.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/pages-menu-contact2.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/pages-menu-contact2.svg); mask-image: url(/_t/thinkwise/images/pages-menu-contact2.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/pages-menu-menu-icon1.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/pages-menu-menu-icon1.svg); mask-image: url(/_t/thinkwise/images/pages-menu-menu-icon1.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/pages-menu-menu-icon2.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/pages-menu-menu-icon2.svg); mask-image: url(/_t/thinkwise/images/pages-menu-menu-icon2.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/play.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/play.svg); mask-image: url(/_t/thinkwise/images/play.svg); background-color: var(--role-on-photo); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/stars-w.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/stars-w.svg); mask-image: url(/_t/thinkwise/images/stars-w.svg); background-color: var(--role-page); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/stars.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/stars.svg); mask-image: url(/_t/thinkwise/images/stars.svg); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/twitter.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/twitter.svg); mask-image: url(/_t/thinkwise/images/twitter.svg); background-color: var(--role-accent); }
:is(html[data-theme]:not([data-theme="original"]), html[data-colours="custom"]) img[src$="/_t/thinkwise/images/x_logo.svg"] { -webkit-mask-image: url(/_t/thinkwise/images/x_logo.svg); mask-image: url(/_t/thinkwise/images/x_logo.svg); background-color: var(--role-accent); }
/* logos and icons drawn in several greys: in dark themes they are inverted so they stay readable */
html[data-theme="aurora"] img[src$="/_t/thinkwise/images/snow.svg"],
html[data-theme="inverted"] img[src$="/_t/thinkwise/images/snow.svg"] { filter: invert(1); }
/* ---- end lx-icons ---- */