/* ============================================================================================================
   .global-icon  -  one shape and one colour system for every icon tile on the global site.
   ONLY the shape (corner radius) and the colour pair are set here: width, height, padding, margin, gap, icon size and position stay with each
   component. js/global-icon.js adds the class to every icon holder and sets data-gi="light|dark" from the surface behind it (a card or section
   that is white / pink = light, burgundy / red = dark); the pair below follows that attribute.
     light surface:  maroon tile + white symbol          dark surface:  white tile + red symbol
   Button arrow circles (.global-cta), card-corner arrows and the large artwork tiles in hero illustrations are not icon tiles and are left alone.
   ============================================================================================================ */
:root { --global-icon-radius: 12px; --global-icon-light-bg: #470000; --global-icon-light-color: #ffffff; --global-icon-dark-bg: #ffffff; --global-icon-dark-color: #ff0000; }
html[data-site="global"] body :is(.global-icon, .abx-gl-ic, .abx-hst-ic, .abx-hx-ic, .abx-ic, .abx-mv-ic, .abx-phil-ic, .abx-process-icon, .abx-ptime-ic, .abx-stat-ic, .abx-state-ic, .ai2-service-icon, .ai2-stat-ic, .an2-mi-ic, .crm2-ico, .crmh-ic, .csp-icon, .ctp-close-ic, .ctp-hic, .ctp-icon, .dt-tile-ic, .for-icon, .ft2-ci, .gqp-close-ic, .gqp-hic, .gqp-icon, .hire2-ico, .hp-inq-ci, .hp-inq-hic, .hp-region__globe, .hx-ic, .ind-ic, .inp-icon, .inx-guide-ic, .inx-ind-ic, .inx-panel-ic, .inx-step-ic, .inx-tile, .iv3-mod-ic, .pf-ic, .rs-ico, .s2-ic, .sol-icon, .sol-panel-ic, .solh-index-icon, .solh-journey-icon, .solh-map-icon, .solh-tech-center-icon, .solh-tech-item-icon, .svc-ic, .svp-ic, .svp-reg-ic, .svp-wk-ic, .tech-cat-icon, .tech-skill-icon, .uiux-circle, .uiux-icon, .wcat-auto-ic, .wcat-auto-note-ic, .wcat-cost-ic, .wcat-dl-ic, .wcat-flow-ic, .wcat-fs-ic, .wcat-hub-ic, .wcat-ip-ic, .wcat-item-icon, .wcat-ladder-ic, .wcat-met-ic, .wcat-ov-bar-ic, .wcat-ov-ic, .wcat-pair-ic, .wcat-phone-ic, .wcat-rad-ic, .wcat-scn-ic, .wcat-scn-note-ic, .wcat-scn-shield, .wcat-sp-restore, .wcat-spot-horn, .wcat-spot-ic, .wcat-stage-ic, .wcat-step-ic, .wcat-tabs-ic, .wcj-icon, .why-alive-icon, .wy-ico, .ft2-social a, .post-share a):not(#_):not(#_) { --gi-bg: var(--global-icon-light-bg); --gi-fg: var(--global-icon-light-color); border-radius: var(--global-icon-radius); background: var(--gi-bg); background-image: none; border-color: transparent; color: var(--gi-fg); }
html[data-site="global"] body :is(.global-icon, .abx-gl-ic, .abx-hst-ic, .abx-hx-ic, .abx-ic, .abx-mv-ic, .abx-phil-ic, .abx-process-icon, .abx-ptime-ic, .abx-stat-ic, .abx-state-ic, .ai2-service-icon, .ai2-stat-ic, .an2-mi-ic, .crm2-ico, .crmh-ic, .csp-icon, .ctp-close-ic, .ctp-hic, .ctp-icon, .dt-tile-ic, .for-icon, .ft2-ci, .gqp-close-ic, .gqp-hic, .gqp-icon, .hire2-ico, .hp-inq-ci, .hp-inq-hic, .hp-region__globe, .hx-ic, .ind-ic, .inp-icon, .inx-guide-ic, .inx-ind-ic, .inx-panel-ic, .inx-step-ic, .inx-tile, .iv3-mod-ic, .pf-ic, .rs-ico, .s2-ic, .sol-icon, .sol-panel-ic, .solh-index-icon, .solh-journey-icon, .solh-map-icon, .solh-tech-center-icon, .solh-tech-item-icon, .svc-ic, .svp-ic, .svp-reg-ic, .svp-wk-ic, .tech-cat-icon, .tech-skill-icon, .uiux-circle, .uiux-icon, .wcat-auto-ic, .wcat-auto-note-ic, .wcat-cost-ic, .wcat-dl-ic, .wcat-flow-ic, .wcat-fs-ic, .wcat-hub-ic, .wcat-ip-ic, .wcat-item-icon, .wcat-ladder-ic, .wcat-met-ic, .wcat-ov-bar-ic, .wcat-ov-ic, .wcat-pair-ic, .wcat-phone-ic, .wcat-rad-ic, .wcat-scn-ic, .wcat-scn-note-ic, .wcat-scn-shield, .wcat-sp-restore, .wcat-spot-horn, .wcat-spot-ic, .wcat-stage-ic, .wcat-step-ic, .wcat-tabs-ic, .wcj-icon, .why-alive-icon, .wy-ico, .ft2-social a, .post-share a)[data-gi="dark"]:not(#_):not(#_) { --gi-bg: var(--global-icon-dark-bg); --gi-fg: var(--global-icon-dark-color); }
html[data-site="global"] body :is(.global-icon, .abx-gl-ic, .abx-hst-ic, .abx-hx-ic, .abx-ic, .abx-mv-ic, .abx-phil-ic, .abx-process-icon, .abx-ptime-ic, .abx-stat-ic, .abx-state-ic, .ai2-service-icon, .ai2-stat-ic, .an2-mi-ic, .crm2-ico, .crmh-ic, .csp-icon, .ctp-close-ic, .ctp-hic, .ctp-icon, .dt-tile-ic, .for-icon, .ft2-ci, .gqp-close-ic, .gqp-hic, .gqp-icon, .hire2-ico, .hp-inq-ci, .hp-inq-hic, .hp-region__globe, .hx-ic, .ind-ic, .inp-icon, .inx-guide-ic, .inx-ind-ic, .inx-panel-ic, .inx-step-ic, .inx-tile, .iv3-mod-ic, .pf-ic, .rs-ico, .s2-ic, .sol-icon, .sol-panel-ic, .solh-index-icon, .solh-journey-icon, .solh-map-icon, .solh-tech-center-icon, .solh-tech-item-icon, .svc-ic, .svp-ic, .svp-reg-ic, .svp-wk-ic, .tech-cat-icon, .tech-skill-icon, .uiux-circle, .uiux-icon, .wcat-auto-ic, .wcat-auto-note-ic, .wcat-cost-ic, .wcat-dl-ic, .wcat-flow-ic, .wcat-fs-ic, .wcat-hub-ic, .wcat-ip-ic, .wcat-item-icon, .wcat-ladder-ic, .wcat-met-ic, .wcat-ov-bar-ic, .wcat-ov-ic, .wcat-pair-ic, .wcat-phone-ic, .wcat-rad-ic, .wcat-scn-ic, .wcat-scn-note-ic, .wcat-scn-shield, .wcat-sp-restore, .wcat-spot-horn, .wcat-spot-ic, .wcat-stage-ic, .wcat-step-ic, .wcat-tabs-ic, .wcj-icon, .why-alive-icon, .wy-ico, .ft2-social a, .post-share a):not(#_):not(#_) :is(i, svg, svg *):not(#_) { color: inherit; }
html[data-site="global"] body :is(.global-icon, .abx-gl-ic, .abx-hst-ic, .abx-hx-ic, .abx-ic, .abx-mv-ic, .abx-phil-ic, .abx-process-icon, .abx-ptime-ic, .abx-stat-ic, .abx-state-ic, .ai2-service-icon, .ai2-stat-ic, .an2-mi-ic, .crm2-ico, .crmh-ic, .csp-icon, .ctp-close-ic, .ctp-hic, .ctp-icon, .dt-tile-ic, .for-icon, .ft2-ci, .gqp-close-ic, .gqp-hic, .gqp-icon, .hire2-ico, .hp-inq-ci, .hp-inq-hic, .hp-region__globe, .hx-ic, .ind-ic, .inp-icon, .inx-guide-ic, .inx-ind-ic, .inx-panel-ic, .inx-step-ic, .inx-tile, .iv3-mod-ic, .pf-ic, .rs-ico, .s2-ic, .sol-icon, .sol-panel-ic, .solh-index-icon, .solh-journey-icon, .solh-map-icon, .solh-tech-center-icon, .solh-tech-item-icon, .svc-ic, .svp-ic, .svp-reg-ic, .svp-wk-ic, .tech-cat-icon, .tech-skill-icon, .uiux-circle, .uiux-icon, .wcat-auto-ic, .wcat-auto-note-ic, .wcat-cost-ic, .wcat-dl-ic, .wcat-flow-ic, .wcat-fs-ic, .wcat-hub-ic, .wcat-ip-ic, .wcat-item-icon, .wcat-ladder-ic, .wcat-met-ic, .wcat-ov-bar-ic, .wcat-ov-ic, .wcat-pair-ic, .wcat-phone-ic, .wcat-rad-ic, .wcat-scn-ic, .wcat-scn-note-ic, .wcat-scn-shield, .wcat-sp-restore, .wcat-spot-horn, .wcat-spot-ic, .wcat-stage-ic, .wcat-step-ic, .wcat-tabs-ic, .wcj-icon, .why-alive-icon, .wy-ico, .ft2-social a, .post-share a):not(#_):not(#_) svg:not(#_) { stroke: currentColor; }
/* components whose own CSS forces the icon colour with !important */
html[data-site="global"] body .ft2 .ft2-card .ft2-ci i:not(#_):not(#_) { color: inherit !important; }
html[data-site="global"] body #performance .pf-ic:not(#_):not(#_) { border-radius: var(--global-icon-radius) !important; background: var(--gi-bg) !important; color: var(--gi-fg) !important; box-shadow: none !important; }
html[data-site="global"] body .ft2 .ft2-social a i:not(#_):not(#_) { color: inherit !important; }
html[data-site="global"] body #performance .pf-ic svg:not(#_):not(#_), html[data-site="global"] body #performance .pf-ic svg *:not(#_):not(#_), html[data-site="global"] body #performance .pf-item:is(:hover, :focus-visible) .pf-ic:not(#_):not(#_), html[data-site="global"] body #performance .pf-item:is(:hover, :focus-visible) .pf-ic svg:not(#_):not(#_), html[data-site="global"] body #performance .pf-item:is(:hover, :focus-visible) .pf-ic svg *:not(#_):not(#_) { color: var(--gi-fg) !important; background: var(--gi-bg) !important; }