/* Field-description tooltips for ACF / SCF fields (replaces lib/acf-tooltip + qTip2). */ .acf-field.sib-has-tip > .acf-label > label { display: inline; } .sib-tip { display: inline-block; vertical-align: middle; margin: -2px 0 0 4px; padding: 0; width: 16px; height: 16px; font-size: 16px; line-height: 16px; border: 0; background: transparent; color: #8a8f98; cursor: help; } .sib-tip:hover, .sib-tip:focus-visible { color: #D9660F; outline: none; } .sib-tip:focus-visible { box-shadow: 0 0 0 2px #F1BE92; border-radius: 50%; } th.acf-th.sib-has-tip .sib-tip { margin-left: 4px; } /* the instructions paragraph stays in the DOM (aria-describedby) but is never shown inline */ p.description.sib-tip-body, .description.sib-tip-body { display: none !important; } /* the one floating box, appended to , positioned by acf-tooltip.js (above the icon) */ .sib-tipbox { position: fixed; z-index: 1000001; width: max-content; max-width: min(340px, 90vw); margin: 0; padding: 0; pointer-events: none; } .sib-tipbox[hidden] { display: none !important; } .sib-tipbox-body { padding: 9px 12px; border-radius: 7px; background: #1C2129 !important; color: #ECE8E1 !important; font: 400 12px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; text-transform: none; letter-spacing: 0; white-space: normal; text-align: left; box-shadow: 0 8px 24px -8px rgba(0,0,0,.45); } .sib-tipbox-body * { color: inherit !important; font-size: inherit !important; } .sib-tipbox-body a { text-decoration: underline; } .sib-tipbox-arrow { position: absolute; left: 50%; bottom: -5px; margin-left: -5px; border: 5px solid transparent; border-bottom: 0; border-top-color: #1C2129; } .sib-tipbox.sib-below .sib-tipbox-arrow { bottom: auto; top: -5px; border-top: 0; border-bottom: 5px solid #1C2129; }