/* * Foundation Icons v 3.0 * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3 * MIT License */ @font-face { font-family: "foundation-icons"; src: url("https://welliathome.de/wp-content/plugins/lightbox-popup-Pro/includes/style/foundation-icons.eot"); src: url("https://welliathome.de/wp-content/plugins/lightbox-popup-Pro/includes/style/foundation-icons.eot?#iefix") format("embedded-opentype"), url("https://welliathome.de/wp-content/plugins/lightbox-popup-Pro/includes/style/foundation-icons.woff") format("woff"), url("https://welliathome.de/wp-content/plugins/lightbox-popup-Pro/includes/style/foundation-icons.ttf") format("truetype"), url("https://welliathome.de/wp-content/plugins/lightbox-popup-Pro/includes/style/foundation-icons.svg#fontcustom") format("svg"); font-weight: normal; font-style: normal; ;font-display:block;} .fi-address-book:before, .fi-alert:before, .fi-align-center:before, .fi-align-justify:before, .fi-align-left:before, .fi-align-right:before, .fi-anchor:before, .fi-annotate:before, .fi-archive:before, .fi-arrow-down:before, .fi-arrow-left:before, .fi-arrow-right:before, .fi-arrow-up:before, .fi-arrows-compress:before, .fi-arrows-expand:before, .fi-arrows-in:before, .fi-arrows-out:before, .fi-asl:before, .fi-asterisk:before, .fi-at-sign:before, .fi-background-color:before, .fi-battery-empty:before, .fi-battery-full:before, .fi-battery-half:before, .fi-bitcoin-circle:before, .fi-bitcoin:before, .fi-blind:before, .fi-bluetooth:before, .fi-bold:before, .fi-book-bookmark:before, .fi-book:before, .fi-bookmark:before, .fi-braille:before, .fi-burst-new:before, .fi-burst-sale:before, .fi-burst:before, .fi-calendar:before, .fi-camera:before, .fi-check:before, .fi-checkbox:before, .fi-clipboard-notes:before, .fi-clipboard-pencil:before, .fi-clipboard:before, .fi-clock:before, .fi-closed-caption:before, .fi-cloud:before, .fi-comment-minus:before, .fi-comment-quotes:before, .fi-comment-video:before, .fi-comment:before, .fi-comments:before, .fi-compass:before, .fi-contrast:before, .fi-credit-card:before, .fi-crop:before, .fi-crown:before, .fi-css3:before, .fi-database:before, .fi-die-five:before, .fi-die-four:before, .fi-die-one:before, .fi-die-six:before, .fi-die-three:before, .fi-die-two:before, .fi-dislike:before, .fi-dollar-bill:before, .fi-dollar:before, .fi-download:before, .fi-eject:before, .fi-elevator:before, .fi-euro:before, .fi-eye:before, .fi-fast-forward:before, .fi-female-symbol:before, .fi-female:before, .fi-filter:before, .fi-first-aid:before, .fi-flag:before, .fi-folder-add:before, .fi-folder-lock:before, .fi-folder:before, .fi-foot:before, .fi-foundation:before, .fi-graph-bar:before, .fi-graph-horizontal:before, .fi-graph-pie:before, .fi-graph-trend:before, .fi-guide-dog:before, .fi-hearing-aid:before, .fi-heart:before, .fi-home:before, .fi-html5:before, .fi-indent-less:before, .fi-indent-more:before, .fi-info:before, .fi-italic:before, .fi-key:before, .fi-laptop:before, .fi-layout:before, .fi-lightbulb:before, .fi-like:before, .fi-link:before, .fi-list-bullet:before, .fi-list-number:before, .fi-list-thumbnails:before, .fi-list:before, .fi-lock:before, .fi-loop:before, .fi-magnifying-glass:before, .fi-mail:before, .fi-male-female:before, .fi-male-symbol:before, .fi-male:before, .fi-map:before, .fi-marker:before, .fi-megaphone:before, .fi-microphone:before, .fi-minus-circle:before, .fi-minus:before, .fi-mobile-signal:before, .fi-mobile:before, .fi-monitor:before, .fi-mountains:before, .fi-music:before, .fi-next:before, .fi-no-dogs:before, .fi-no-smoking:before, .fi-page-add:before, .fi-page-copy:before, .fi-page-csv:before, .fi-page-delete:before, .fi-page-doc:before, .fi-page-edit:before, .fi-page-export-csv:before, .fi-page-export-doc:before, .fi-page-export-pdf:before, .fi-page-export:before, .fi-page-filled:before, .fi-page-multiple:before, .fi-page-pdf:before, .fi-page-remove:before, .fi-page-search:before, .fi-page:before, .fi-paint-bucket:before, .fi-paperclip:before, .fi-pause:before, .fi-paw:before, .fi-paypal:before, .fi-pencil:before, .fi-photo:before, .fi-play-circle:before, .fi-play-video:before, .fi-play:before, .fi-plus:before, .fi-pound:before, .fi-power:before, .fi-previous:before, .fi-price-tag:before, .fi-pricetag-multiple:before, .fi-print:before, .fi-prohibited:before, .fi-projection-screen:before, .fi-puzzle:before, .fi-quote:before, .fi-record:before, .fi-refresh:before, .fi-results-demographics:before, .fi-results:before, .fi-rewind-ten:before, .fi-rewind:before, .fi-rss:before, .fi-safety-cone:before, .fi-save:before, .fi-share:before, .fi-sheriff-badge:before, .fi-shield:before, .fi-shopping-bag:before, .fi-shopping-cart:before, .fi-shuffle:before, .fi-skull:before, .fi-social-500px:before, .fi-social-adobe:before, .fi-social-amazon:before, .fi-social-android:before, .fi-social-apple:before, .fi-social-behance:before, .fi-social-bing:before, .fi-social-blogger:before, .fi-social-delicious:before, .fi-social-designer-news:before, .fi-social-deviant-art:before, .fi-social-digg:before, .fi-social-dribbble:before, .fi-social-drive:before, .fi-social-dropbox:before, .fi-social-evernote:before, .fi-social-facebook:before, .fi-social-flickr:before, .fi-social-forrst:before, .fi-social-foursquare:before, .fi-social-game-center:before, .fi-social-github:before, .fi-social-google-plus:before, .fi-social-hacker-news:before, .fi-social-hi5:before, .fi-social-instagram:before, .fi-social-joomla:before, .fi-social-lastfm:before, .fi-social-linkedin:before, .fi-social-medium:before, .fi-social-myspace:before, .fi-social-orkut:before, .fi-social-path:before, .fi-social-picasa:before, .fi-social-pinterest:before, .fi-social-rdio:before, .fi-social-reddit:before, .fi-social-skillshare:before, .fi-social-skype:before, .fi-social-smashing-mag:before, .fi-social-snapchat:before, .fi-social-spotify:before, .fi-social-squidoo:before, .fi-social-stack-overflow:before, .fi-social-steam:before, .fi-social-stumbleupon:before, .fi-social-treehouse:before, .fi-social-tumblr:before, .fi-social-twitter:before, .fi-social-vimeo:before, .fi-social-windows:before, .fi-social-xbox:before, .fi-social-yahoo:before, .fi-social-yelp:before, .fi-social-youtube:before, .fi-social-zerply:before, .fi-social-zurb:before, .fi-sound:before, .fi-star:before, .fi-stop:before, .fi-strikethrough:before, .fi-subscript:before, .fi-superscript:before, .fi-tablet-landscape:before, .fi-tablet-portrait:before, .fi-target-two:before, .fi-target:before, .fi-telephone-accessible:before, .fi-telephone:before, .fi-text-color:before, .fi-thumbnails:before, .fi-ticket:before, .fi-torso-business:before, .fi-torso-female:before, .fi-torso:before, .fi-torsos-all-female:before, .fi-torsos-all:before, .fi-torsos-female-male:before, .fi-torsos-male-female:before, .fi-torsos:before, .fi-trash:before, .fi-trees:before, .fi-trophy:before, .fi-underline:before, .fi-universal-access:before, .fi-unlink:before, .fi-unlock:before, .fi-upload-cloud:before, .fi-upload:before, .fi-usb:before, .fi-video:before, .fi-volume-none:before, .fi-volume-strike:before, .fi-volume:before, .fi-web:before, .fi-wheelchair:before, .fi-widget:before, .fi-wrench:before, .fi-x-circle:before, .fi-x:before, .fi-yen:before, .fi-zoom-in:before, .fi-zoom-out:before { font-family: "foundation-icons","foundation-icons Fallback"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; } .fi-address-book:before { content: "\f100"; } .fi-alert:before { content: "\f101"; } .fi-align-center:before { content: "\f102"; } .fi-align-justify:before { content: "\f103"; } .fi-align-left:before { content: "\f104"; } .fi-align-right:before { content: "\f105"; } .fi-anchor:before { content: "\f106"; } .fi-annotate:before { content: "\f107"; } .fi-archive:before { content: "\f108"; } .fi-arrow-down:before { content: "\f109"; } .fi-arrow-left:before { content: "\f10a"; } .fi-arrow-right:before { content: "\f10b"; } .fi-arrow-up:before { content: "\f10c"; } .fi-arrows-compress:before { content: "\f10d"; } .fi-arrows-expand:before { content: "\f10e"; } .fi-arrows-in:before { content: "\f10f"; } .fi-arrows-out:before { content: "\f110"; } .fi-asl:before { content: "\f111"; } .fi-asterisk:before { content: "\f112"; } .fi-at-sign:before { content: "\f113"; } .fi-background-color:before { content: "\f114"; } .fi-battery-empty:before { content: "\f115"; } .fi-battery-full:before { content: "\f116"; } .fi-battery-half:before { content: "\f117"; } .fi-bitcoin-circle:before { content: "\f118"; } .fi-bitcoin:before { content: "\f119"; } .fi-blind:before { content: "\f11a"; } .fi-bluetooth:before { content: "\f11b"; } .fi-bold:before { content: "\f11c"; } .fi-book-bookmark:before { content: "\f11d"; } .fi-book:before { content: "\f11e"; } .fi-bookmark:before { content: "\f11f"; } .fi-braille:before { content: "\f120"; } .fi-burst-new:before { content: "\f121"; } .fi-burst-sale:before { content: "\f122"; } .fi-burst:before { content: "\f123"; } .fi-calendar:before { content: "\f124"; } .fi-camera:before { content: "\f125"; } .fi-check:before { content: "\f126"; } .fi-checkbox:before { content: "\f127"; } .fi-clipboard-notes:before { content: "\f128"; } .fi-clipboard-pencil:before { content: "\f129"; } .fi-clipboard:before { content: "\f12a"; } .fi-clock:before { content: "\f12b"; } .fi-closed-caption:before { content: "\f12c"; } .fi-cloud:before { content: "\f12d"; } .fi-comment-minus:before { content: "\f12e"; } .fi-comment-quotes:before { content: "\f12f"; } .fi-comment-video:before { content: "\f130"; } .fi-comment:before { content: "\f131"; } .fi-comments:before { content: "\f132"; } .fi-compass:before { content: "\f133"; } .fi-contrast:before { content: "\f134"; } .fi-credit-card:before { content: "\f135"; } .fi-crop:before { content: "\f136"; } .fi-crown:before { content: "\f137"; } .fi-css3:before { content: "\f138"; } .fi-database:before { content: "\f139"; } .fi-die-five:before { content: "\f13a"; } .fi-die-four:before { content: "\f13b"; } .fi-die-one:before { content: "\f13c"; } .fi-die-six:before { content: "\f13d"; } .fi-die-three:before { content: "\f13e"; } .fi-die-two:before { content: "\f13f"; } .fi-dislike:before { content: "\f140"; } .fi-dollar-bill:before { content: "\f141"; } .fi-dollar:before { content: "\f142"; } .fi-download:before { content: "\f143"; } .fi-eject:before { content: "\f144"; } .fi-elevator:before { content: "\f145"; } .fi-euro:before { content: "\f146"; } .fi-eye:before { content: "\f147"; } .fi-fast-forward:before { content: "\f148"; } .fi-female-symbol:before { content: "\f149"; } .fi-female:before { content: "\f14a"; } .fi-filter:before { content: "\f14b"; } .fi-first-aid:before { content: "\f14c"; } .fi-flag:before { content: "\f14d"; } .fi-folder-add:before { content: "\f14e"; } .fi-folder-lock:before { content: "\f14f"; } .fi-folder:before { content: "\f150"; } .fi-foot:before { content: "\f151"; } .fi-foundation:before { content: "\f152"; } .fi-graph-bar:before { content: "\f153"; } .fi-graph-horizontal:before { content: "\f154"; } .fi-graph-pie:before { content: "\f155"; } .fi-graph-trend:before { content: "\f156"; } .fi-guide-dog:before { content: "\f157"; } .fi-hearing-aid:before { content: "\f158"; } .fi-heart:before { content: "\f159"; } .fi-home:before { content: "\f15a"; } .fi-html5:before { content: "\f15b"; } .fi-indent-less:before { content: "\f15c"; } .fi-indent-more:before { content: "\f15d"; } .fi-info:before { content: "\f15e"; } .fi-italic:before { content: "\f15f"; } .fi-key:before { content: "\f160"; } .fi-laptop:before { content: "\f161"; } .fi-layout:before { content: "\f162"; } .fi-lightbulb:before { content: "\f163"; } .fi-like:before { content: "\f164"; } .fi-link:before { content: "\f165"; } .fi-list-bullet:before { content: "\f166"; } .fi-list-number:before { content: "\f167"; } .fi-list-thumbnails:before { content: "\f168"; } .fi-list:before { content: "\f169"; } .fi-lock:before { content: "\f16a"; } .fi-loop:before { content: "\f16b"; } .fi-magnifying-glass:before { content: "\f16c"; } .fi-mail:before { content: "\f16d"; } .fi-male-female:before { content: "\f16e"; } .fi-male-symbol:before { content: "\f16f"; } .fi-male:before { content: "\f170"; } .fi-map:before { content: "\f171"; } .fi-marker:before { content: "\f172"; } .fi-megaphone:before { content: "\f173"; } .fi-microphone:before { content: "\f174"; } .fi-minus-circle:before { content: "\f175"; } .fi-minus:before { content: "\f176"; } .fi-mobile-signal:before { content: "\f177"; } .fi-mobile:before { content: "\f178"; } .fi-monitor:before { content: "\f179"; } .fi-mountains:before { content: "\f17a"; } .fi-music:before { content: "\f17b"; } .fi-next:before { content: "\f17c"; } .fi-no-dogs:before { content: "\f17d"; } .fi-no-smoking:before { content: "\f17e"; } .fi-page-add:before { content: "\f17f"; } .fi-page-copy:before { content: "\f180"; } .fi-page-csv:before { content: "\f181"; } .fi-page-delete:before { content: "\f182"; } .fi-page-doc:before { content: "\f183"; } .fi-page-edit:before { content: "\f184"; } .fi-page-export-csv:before { content: "\f185"; } .fi-page-export-doc:before { content: "\f186"; } .fi-page-export-pdf:before { content: "\f187"; } .fi-page-export:before { content: "\f188"; } .fi-page-filled:before { content: "\f189"; } .fi-page-multiple:before { content: "\f18a"; } .fi-page-pdf:before { content: "\f18b"; } .fi-page-remove:before { content: "\f18c"; } .fi-page-search:before { content: "\f18d"; } .fi-page:before { content: "\f18e"; } .fi-paint-bucket:before { content: "\f18f"; } .fi-paperclip:before { content: "\f190"; } .fi-pause:before { content: "\f191"; } .fi-paw:before { content: "\f192"; } .fi-paypal:before { content: "\f193"; } .fi-pencil:before { content: "\f194"; } .fi-photo:before { content: "\f195"; } .fi-play-circle:before { content: "\f196"; } .fi-play-video:before { content: "\f197"; } .fi-play:before { content: "\f198"; } .fi-plus:before { content: "\f199"; } .fi-pound:before { content: "\f19a"; } .fi-power:before { content: "\f19b"; } .fi-previous:before { content: "\f19c"; } .fi-price-tag:before { content: "\f19d"; } .fi-pricetag-multiple:before { content: "\f19e"; } .fi-print:before { content: "\f19f"; } .fi-prohibited:before { content: "\f1a0"; } .fi-projection-screen:before { content: "\f1a1"; } .fi-puzzle:before { content: "\f1a2"; } .fi-quote:before { content: "\f1a3"; } .fi-record:before { content: "\f1a4"; } .fi-refresh:before { content: "\f1a5"; } .fi-results-demographics:before { content: "\f1a6"; } .fi-results:before { content: "\f1a7"; } .fi-rewind-ten:before { content: "\f1a8"; } .fi-rewind:before { content: "\f1a9"; } .fi-rss:before { content: "\f1aa"; } .fi-safety-cone:before { content: "\f1ab"; } .fi-save:before { content: "\f1ac"; } .fi-share:before { content: "\f1ad"; } .fi-sheriff-badge:before { content: "\f1ae"; } .fi-shield:before { content: "\f1af"; } .fi-shopping-bag:before { content: "\f1b0"; } .fi-shopping-cart:before { content: "\f1b1"; } .fi-shuffle:before { content: "\f1b2"; } .fi-skull:before { content: "\f1b3"; } .fi-social-500px:before { content: "\f1b4"; } .fi-social-adobe:before { content: "\f1b5"; } .fi-social-amazon:before { content: "\f1b6"; } .fi-social-android:before { content: "\f1b7"; } .fi-social-apple:before { content: "\f1b8"; } .fi-social-behance:before { content: "\f1b9"; } .fi-social-bing:before { content: "\f1ba"; } .fi-social-blogger:before { content: "\f1bb"; } .fi-social-delicious:before { content: "\f1bc"; } .fi-social-designer-news:before { content: "\f1bd"; } .fi-social-deviant-art:before { content: "\f1be"; } .fi-social-digg:before { content: "\f1bf"; } .fi-social-dribbble:before { content: "\f1c0"; } .fi-social-drive:before { content: "\f1c1"; } .fi-social-dropbox:before { content: "\f1c2"; } .fi-social-evernote:before { content: "\f1c3"; } .fi-social-facebook:before { content: "\f1c4"; } .fi-social-flickr:before { content: "\f1c5"; } .fi-social-forrst:before { content: "\f1c6"; } .fi-social-foursquare:before { content: "\f1c7"; } .fi-social-game-center:before { content: "\f1c8"; } .fi-social-github:before { content: "\f1c9"; } .fi-social-google-plus:before { content: "\f1ca"; } .fi-social-hacker-news:before { content: "\f1cb"; } .fi-social-hi5:before { content: "\f1cc"; } .fi-social-instagram:before { content: "\f1cd"; } .fi-social-joomla:before { content: "\f1ce"; } .fi-social-lastfm:before { content: "\f1cf"; } .fi-social-linkedin:before { content: "\f1d0"; } .fi-social-medium:before { content: "\f1d1"; } .fi-social-myspace:before { content: "\f1d2"; } .fi-social-orkut:before { content: "\f1d3"; } .fi-social-path:before { content: "\f1d4"; } .fi-social-picasa:before { content: "\f1d5"; } .fi-social-pinterest:before { content: "\f1d6"; } .fi-social-rdio:before { content: "\f1d7"; } .fi-social-reddit:before { content: "\f1d8"; } .fi-social-skillshare:before { content: "\f1d9"; } .fi-social-skype:before { content: "\f1da"; } .fi-social-smashing-mag:before { content: "\f1db"; } .fi-social-snapchat:before { content: "\f1dc"; } .fi-social-spotify:before { content: "\f1dd"; } .fi-social-squidoo:before { content: "\f1de"; } .fi-social-stack-overflow:before { content: "\f1df"; } .fi-social-steam:before { content: "\f1e0"; } .fi-social-stumbleupon:before { content: "\f1e1"; } .fi-social-treehouse:before { content: "\f1e2"; } .fi-social-tumblr:before { content: "\f1e3"; } .fi-social-twitter:before { content: "\f1e4"; } .fi-social-vimeo:before { content: "\f1e5"; } .fi-social-windows:before { content: "\f1e6"; } .fi-social-xbox:before { content: "\f1e7"; } .fi-social-yahoo:before { content: "\f1e8"; } .fi-social-yelp:before { content: "\f1e9"; } .fi-social-youtube:before { content: "\f1ea"; } .fi-social-zerply:before { content: "\f1eb"; } .fi-social-zurb:before { content: "\f1ec"; } .fi-sound:before { content: "\f1ed"; } .fi-star:before { content: "\f1ee"; } .fi-stop:before { content: "\f1ef"; } .fi-strikethrough:before { content: "\f1f0"; } .fi-subscript:before { content: "\f1f1"; } .fi-superscript:before { content: "\f1f2"; } .fi-tablet-landscape:before { content: "\f1f3"; } .fi-tablet-portrait:before { content: "\f1f4"; } .fi-target-two:before { content: "\f1f5"; } .fi-target:before { content: "\f1f6"; } .fi-telephone-accessible:before { content: "\f1f7"; } .fi-telephone:before { content: "\f1f8"; } .fi-text-color:before { content: "\f1f9"; } .fi-thumbnails:before { content: "\f1fa"; } .fi-ticket:before { content: "\f1fb"; } .fi-torso-business:before { content: "\f1fc"; } .fi-torso-female:before { content: "\f1fd"; } .fi-torso:before { content: "\f1fe"; } .fi-torsos-all-female:before { content: "\f1ff"; } .fi-torsos-all:before { content: "\f200"; } .fi-torsos-female-male:before { content: "\f201"; } .fi-torsos-male-female:before { content: "\f202"; } .fi-torsos:before { content: "\f203"; } .fi-trash:before { content: "\f204"; } .fi-trees:before { content: "\f205"; } .fi-trophy:before { content: "\f206"; } .fi-underline:before { content: "\f207"; } .fi-universal-access:before { content: "\f208"; } .fi-unlink:before { content: "\f209"; } .fi-unlock:before { content: "\f20a"; } .fi-upload-cloud:before { content: "\f20b"; } .fi-upload:before { content: "\f20c"; } .fi-usb:before { content: "\f20d"; } .fi-video:before { content: "\f20e"; } .fi-volume-none:before { content: "\f20f"; } .fi-volume-strike:before { content: "\f210"; } .fi-volume:before { content: "\f211"; } .fi-web:before { content: "\f212"; } .fi-wheelchair:before { content: "\f213"; } .fi-widget:before { content: "\f214"; } .fi-wrench:before { content: "\f215"; } .fi-x-circle:before { content: "\f216"; } .fi-x:before { content: "\f217"; } .fi-yen:before { content: "\f218"; } .fi-zoom-in:before { content: "\f219"; } .fi-zoom-out:before { content: "\f21a"; } /** * Share Buttons & AI-powered Summaries Plugin - CSS Styles * Refactored with CSS custom properties, no !important overrides. * Version: 2.4.0 */ /* ============================================= CSS Custom Properties - Brand colors ============================================= */ .ayudawp-share-buttons { --ayudawp-twitter: #000000; --ayudawp-linkedin: #0077b5; --ayudawp-facebook: #1877f2; --ayudawp-telegram: #26A5E4; --ayudawp-whatsapp: #25d366; --ayudawp-email: #6c757d; --ayudawp-raindrop: #0F66E3; --ayudawp-reddit: #FF4500; --ayudawp-bluesky: #0085FF; --ayudawp-line: #00C300; --ayudawp-mastodon: #6364FF; --ayudawp-threads: #000000; --ayudawp-pinterest: #BD081C; --ayudawp-claude: #D97757; --ayudawp-chatgpt: #10a37f; --ayudawp-google-ai: #E84430; --ayudawp-gemini: #8E75B2; --ayudawp-grok: #000000; --ayudawp-perplexity: #20808D; --ayudawp-deepseek: #4D6BFE; --ayudawp-mistral: #F7D046; --ayudawp-copilot: #6264A7; --ayudawp-qwen: #615CED; --ayudawp-meta-ai: #0081FB; --ayudawp-custom-bg: #333333; --ayudawp-custom-text: #ffffff; /* Dark-mode adaptation tokens. Used by the .is-on-dark class set by the optional JS background detector when the parent's background luminance is below 0.5. The "on-dark" variants are only applied to platforms whose brand color is pure black (twitter, threads, grok), which would disappear on dark backgrounds. */ --ayudawp-on-dark-fg: #e6e6e6; --ayudawp-on-dark-fg-muted: #b8b8b8; --ayudawp-on-dark-border: #555; --ayudawp-on-dark-border-subtle: rgba(255,255,255,0.18); --ayudawp-twitter-on-dark: #ffffff; --ayudawp-threads-on-dark: #ffffff; --ayudawp-grok-on-dark: #ffffff; } /* ============================================= Main container ============================================= */ .ayudawp-share-buttons, .ayudawp-share-buttons h3, .ayudawp-share-buttons h4, .ayudawp-share-buttons h5, .ayudawp-share-buttons h6, .ayudawp-share-buttons span, .ayudawp-share-buttons .ayudawp-title, .ayudawp-buttons-container { background: transparent; background-color: transparent; } .ayudawp-share-buttons { margin: 30px 0; padding: 20px 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; clear: both; } /* Separator line toggles (v2.4.0) */ .ayudawp-share-buttons.no-separator-top { border-top: none; } .ayudawp-share-buttons.no-separator-bottom { border-bottom: none; } /* Centered alignment */ .ayudawp-share-buttons.ayudawp-aiss-centered { text-align: center; } .ayudawp-share-buttons.ayudawp-aiss-centered .ayudawp-buttons-container { justify-content: center; } /* ============================================= Title styles ============================================= */ .ayudawp-share-buttons .ayudawp-title { margin: 0 0 15px 0; font-size: 16px; font-weight: 600; color: #555; font-family: inherit; display: block; } .ayudawp-share-buttons h3.ayudawp-title { font-size: 18px; } .ayudawp-share-buttons h4.ayudawp-title { font-size: 16px; } .ayudawp-share-buttons h5.ayudawp-title { font-size: 14px; } .ayudawp-share-buttons h6.ayudawp-title { font-size: 13px; } .ayudawp-share-buttons span.ayudawp-title { font-size: 16px; font-weight: 600; } /* Section title (v1.6.0) - spacing between groups */ .ayudawp-share-buttons .ayudawp-section-title { margin-top: 18px; } /* Section separator (when no title but groups exist) */ .ayudawp-section-separator { width: 100%; height: 0; margin: 12px 0 4px; border: 0; } /* ============================================= Buttons container ============================================= */ .ayudawp-buttons-container { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; } /* ============================================= Base button styles ============================================= */ .ayudawp-share-btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: 4px; text-decoration: none; font-weight: 500; font-size: 14px; line-height: 1.4; transition: all 0.3s ease; border: 1px solid #ddd; width: 180px; min-height: 40px; text-align: center; background: transparent; color: #333; font-family: inherit; text-transform: capitalize; gap: 6px; cursor: pointer; position: relative; overflow: hidden; white-space: nowrap; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } /* Reset button defaults */ button.ayudawp-share-btn { border: 1px solid #ddd; background: transparent; color: #333; font-family: inherit; font-size: 14px; font-weight: 500; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; } /* Hover/focus/active states */ .ayudawp-share-btn:hover { transform: translateY(-2px); text-decoration: none; color: #000; background: rgba(0,0,0,0.05); border-color: #999; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .ayudawp-share-btn:focus { outline: 2px solid #0073aa; outline-offset: 2px; text-decoration: none; } .ayudawp-share-btn:visited, .ayudawp-share-btn:active { text-decoration: none; } .ayudawp-share-btn:active { transform: translateY(0); } button.ayudawp-share-btn:focus { outline: 2px solid #0073aa; outline-offset: 2px; } /* ============================================= Button sizes (v1.6.0) ============================================= */ /* Compact */ .ayudawp-share-buttons.size-compact .ayudawp-share-btn { padding: 5px 10px; font-size: 12px; width: 140px; min-height: 32px; } /* Large */ .ayudawp-share-buttons.size-large .ayudawp-share-btn { padding: 12px 24px; font-size: 16px; width: 220px; min-height: 48px; } /* Fluid - buttons expand to fill available space */ .ayudawp-share-buttons.size-fluid .ayudawp-share-btn { width: auto; flex: 1 1 140px; max-width: 240px; } /* ============================================= Icon styles ============================================= */ .ayudawp-icon-wrapper { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .ayudawp-icon { fill: currentColor; } .ayudawp-share-buttons.with-icons .ayudawp-share-btn { display: inline-flex; align-items: center; gap: 6px; } .ayudawp-share-buttons.with-icons .ayudawp-button-text { display: inline; } /* ============================================= ICONS-ONLY style ============================================= */ .ayudawp-share-buttons.icons-only .ayudawp-share-btn { min-width: 44px; width: 44px; height: 44px; padding: 0; border-radius: 6px; justify-content: center; transition: all 0.3s ease; } .ayudawp-share-buttons.icons-only.square .ayudawp-share-btn { border-radius: 4px; } .ayudawp-share-buttons.icons-only.circular .ayudawp-share-btn { border-radius: 50%; } /* Icons-only size variants */ .ayudawp-share-buttons.icons-only.size-compact .ayudawp-share-btn { width: 36px; height: 36px; min-width: 36px; } .ayudawp-share-buttons.icons-only.size-large .ayudawp-share-btn { width: 54px; height: 54px; min-width: 54px; } /* ============================================= MINIMAL style (default) - Clean transparent background ============================================= */ .ayudawp-share-buttons .ayudawp-share-btn, .ayudawp-share-buttons.minimal .ayudawp-share-btn { background: transparent; color: #333; border: 1px solid #ddd; } .ayudawp-share-buttons .ayudawp-share-btn:hover, .ayudawp-share-buttons.minimal .ayudawp-share-btn:hover { background: rgba(0,0,0,0.05); color: #000; border-color: #999; } /* ============================================= BRAND style - Platform colors Uses CSS custom properties for maintainability. Higher specificity via double class selector. ============================================= */ .ayudawp-share-buttons.brand .ayudawp-share-btn.twitter { background: var(--ayudawp-twitter); border-color: var(--ayudawp-twitter); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.linkedin { background: var(--ayudawp-linkedin); border-color: var(--ayudawp-linkedin); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.facebook { background: var(--ayudawp-facebook); border-color: var(--ayudawp-facebook); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.telegram { background: var(--ayudawp-telegram); border-color: var(--ayudawp-telegram); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.whatsapp { background: var(--ayudawp-whatsapp); border-color: var(--ayudawp-whatsapp); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.email { background: var(--ayudawp-email); border-color: var(--ayudawp-email); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.raindrop { background: var(--ayudawp-raindrop); border-color: var(--ayudawp-raindrop); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.reddit { background: var(--ayudawp-reddit); border-color: var(--ayudawp-reddit); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.bluesky { background: var(--ayudawp-bluesky); border-color: var(--ayudawp-bluesky); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.line { background: var(--ayudawp-line); border-color: var(--ayudawp-line); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.mastodon { background: var(--ayudawp-mastodon); border-color: var(--ayudawp-mastodon); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.threads { background: var(--ayudawp-threads); border-color: var(--ayudawp-threads); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.pinterest { background: var(--ayudawp-pinterest); border-color: var(--ayudawp-pinterest); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.claude { background: var(--ayudawp-claude); border-color: var(--ayudawp-claude); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.chatgpt { background: var(--ayudawp-chatgpt); border-color: var(--ayudawp-chatgpt); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.google-ai { background: var(--ayudawp-google-ai); border-color: var(--ayudawp-google-ai); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.gemini { background: var(--ayudawp-gemini); border-color: var(--ayudawp-gemini); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.grok { background: var(--ayudawp-grok); border-color: var(--ayudawp-grok); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.perplexity { background: var(--ayudawp-perplexity); border-color: var(--ayudawp-perplexity); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.deepseek { background: var(--ayudawp-deepseek); border-color: var(--ayudawp-deepseek); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.mistral { background: var(--ayudawp-mistral); border-color: var(--ayudawp-mistral); color: #1a1a1a; } .ayudawp-share-buttons.brand .ayudawp-share-btn.copilot { background: var(--ayudawp-copilot); border-color: var(--ayudawp-copilot); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.qwen { background: var(--ayudawp-qwen); border-color: var(--ayudawp-qwen); color: #fff; } .ayudawp-share-buttons.brand .ayudawp-share-btn.meta-ai { background: var(--ayudawp-meta-ai); border-color: var(--ayudawp-meta-ai); color: #fff; } /* Brand hover: darken via filter (single rule for all) */ .ayudawp-share-buttons.brand .ayudawp-share-btn:hover { filter: brightness(0.88); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } /* ============================================= OUTLINE style (v1.6.0) - Brand-colored borders, transparent bg ============================================= */ .ayudawp-share-buttons.outline .ayudawp-share-btn.twitter { border-color: var(--ayudawp-twitter); color: var(--ayudawp-twitter); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.linkedin { border-color: var(--ayudawp-linkedin); color: var(--ayudawp-linkedin); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.facebook { border-color: var(--ayudawp-facebook); color: var(--ayudawp-facebook); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.telegram { border-color: var(--ayudawp-telegram); color: var(--ayudawp-telegram); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.whatsapp { border-color: var(--ayudawp-whatsapp); color: var(--ayudawp-whatsapp); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.email { border-color: var(--ayudawp-email); color: var(--ayudawp-email); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.raindrop { border-color: var(--ayudawp-raindrop); color: var(--ayudawp-raindrop); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.reddit { border-color: var(--ayudawp-reddit); color: var(--ayudawp-reddit); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.bluesky { border-color: var(--ayudawp-bluesky); color: var(--ayudawp-bluesky); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.line { border-color: var(--ayudawp-line); color: var(--ayudawp-line); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.mastodon { border-color: var(--ayudawp-mastodon); color: var(--ayudawp-mastodon); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.threads { border-color: var(--ayudawp-threads); color: var(--ayudawp-threads); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.pinterest { border-color: var(--ayudawp-pinterest); color: var(--ayudawp-pinterest); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.claude { border-color: var(--ayudawp-claude); color: var(--ayudawp-claude); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.chatgpt { border-color: var(--ayudawp-chatgpt); color: var(--ayudawp-chatgpt); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.google-ai { border-color: var(--ayudawp-google-ai); color: var(--ayudawp-google-ai); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.gemini { border-color: var(--ayudawp-gemini); color: var(--ayudawp-gemini); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.grok { border-color: var(--ayudawp-grok); color: var(--ayudawp-grok); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.perplexity { border-color: var(--ayudawp-perplexity); color: var(--ayudawp-perplexity); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.deepseek { border-color: var(--ayudawp-deepseek); color: var(--ayudawp-deepseek); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.mistral { border-color: var(--ayudawp-mistral); color: #8a6a00; background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.copilot { border-color: var(--ayudawp-copilot); color: var(--ayudawp-copilot); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.qwen { border-color: var(--ayudawp-qwen); color: var(--ayudawp-qwen); background: transparent; } .ayudawp-share-buttons.outline .ayudawp-share-btn.meta-ai { border-color: var(--ayudawp-meta-ai); color: var(--ayudawp-meta-ai); background: transparent; } /* Outline hover: fill with brand color */ .ayudawp-share-buttons.outline .ayudawp-share-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .ayudawp-share-buttons.outline .ayudawp-share-btn.twitter:hover { background: var(--ayudawp-twitter); } .ayudawp-share-buttons.outline .ayudawp-share-btn.linkedin:hover { background: var(--ayudawp-linkedin); } .ayudawp-share-buttons.outline .ayudawp-share-btn.facebook:hover { background: var(--ayudawp-facebook); } .ayudawp-share-buttons.outline .ayudawp-share-btn.telegram:hover { background: var(--ayudawp-telegram); } .ayudawp-share-buttons.outline .ayudawp-share-btn.whatsapp:hover { background: var(--ayudawp-whatsapp); } .ayudawp-share-buttons.outline .ayudawp-share-btn.email:hover { background: var(--ayudawp-email); } .ayudawp-share-buttons.outline .ayudawp-share-btn.raindrop:hover { background: var(--ayudawp-raindrop); } .ayudawp-share-buttons.outline .ayudawp-share-btn.reddit:hover { background: var(--ayudawp-reddit); } .ayudawp-share-buttons.outline .ayudawp-share-btn.bluesky:hover { background: var(--ayudawp-bluesky); } .ayudawp-share-buttons.outline .ayudawp-share-btn.line:hover { background: var(--ayudawp-line); } .ayudawp-share-buttons.outline .ayudawp-share-btn.mastodon:hover { background: var(--ayudawp-mastodon); } .ayudawp-share-buttons.outline .ayudawp-share-btn.threads:hover { background: var(--ayudawp-threads); } .ayudawp-share-buttons.outline .ayudawp-share-btn.pinterest:hover { background: var(--ayudawp-pinterest); } .ayudawp-share-buttons.outline .ayudawp-share-btn.claude:hover { background: var(--ayudawp-claude); } .ayudawp-share-buttons.outline .ayudawp-share-btn.chatgpt:hover { background: var(--ayudawp-chatgpt); } .ayudawp-share-buttons.outline .ayudawp-share-btn.google-ai:hover { background: var(--ayudawp-google-ai); } .ayudawp-share-buttons.outline .ayudawp-share-btn.gemini:hover { background: var(--ayudawp-gemini); } .ayudawp-share-buttons.outline .ayudawp-share-btn.grok:hover { background: var(--ayudawp-grok); } .ayudawp-share-buttons.outline .ayudawp-share-btn.perplexity:hover { background: var(--ayudawp-perplexity); } .ayudawp-share-buttons.outline .ayudawp-share-btn.deepseek:hover { background: var(--ayudawp-deepseek); } .ayudawp-share-buttons.outline .ayudawp-share-btn.mistral:hover { background: var(--ayudawp-mistral); color: #1a1a1a; } .ayudawp-share-buttons.outline .ayudawp-share-btn.copilot:hover { background: var(--ayudawp-copilot); } .ayudawp-share-buttons.outline .ayudawp-share-btn.qwen:hover { background: var(--ayudawp-qwen); } .ayudawp-share-buttons.outline .ayudawp-share-btn.meta-ai:hover { background: var(--ayudawp-meta-ai); } /* ============================================= CUSTOM style (v1.6.0) - User-defined colors via CSS vars ============================================= */ .ayudawp-share-buttons.custom .ayudawp-share-btn { background: var(--ayudawp-custom-bg); border-color: var(--ayudawp-custom-bg); color: var(--ayudawp-custom-text); } .ayudawp-share-buttons.custom .ayudawp-share-btn:hover { filter: brightness(0.88); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } /* ============================================= ICONS-ONLY style with brand colors ============================================= */ .ayudawp-share-buttons.icons-only .ayudawp-share-btn.twitter { background: var(--ayudawp-twitter); border-color: var(--ayudawp-twitter); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.linkedin { background: var(--ayudawp-linkedin); border-color: var(--ayudawp-linkedin); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.facebook { background: var(--ayudawp-facebook); border-color: var(--ayudawp-facebook); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.telegram { background: var(--ayudawp-telegram); border-color: var(--ayudawp-telegram); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.whatsapp { background: var(--ayudawp-whatsapp); border-color: var(--ayudawp-whatsapp); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.email { background: var(--ayudawp-email); border-color: var(--ayudawp-email); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.raindrop { background: var(--ayudawp-raindrop); border-color: var(--ayudawp-raindrop); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.reddit { background: var(--ayudawp-reddit); border-color: var(--ayudawp-reddit); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.bluesky { background: var(--ayudawp-bluesky); border-color: var(--ayudawp-bluesky); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.line { background: var(--ayudawp-line); border-color: var(--ayudawp-line); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.mastodon { background: var(--ayudawp-mastodon); border-color: var(--ayudawp-mastodon); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.threads { background: var(--ayudawp-threads); border-color: var(--ayudawp-threads); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.pinterest { background: var(--ayudawp-pinterest); border-color: var(--ayudawp-pinterest); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.claude { background: var(--ayudawp-claude); border-color: var(--ayudawp-claude); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.chatgpt { background: var(--ayudawp-chatgpt); border-color: var(--ayudawp-chatgpt); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.google-ai { background: var(--ayudawp-google-ai); border-color: var(--ayudawp-google-ai); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.gemini { background: var(--ayudawp-gemini); border-color: var(--ayudawp-gemini); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.grok { background: var(--ayudawp-grok); border-color: var(--ayudawp-grok); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.perplexity { background: var(--ayudawp-perplexity); border-color: var(--ayudawp-perplexity); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.deepseek { background: var(--ayudawp-deepseek); border-color: var(--ayudawp-deepseek); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.mistral { background: var(--ayudawp-mistral); border-color: var(--ayudawp-mistral); color: #1a1a1a; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.copilot { background: var(--ayudawp-copilot); border-color: var(--ayudawp-copilot); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.qwen { background: var(--ayudawp-qwen); border-color: var(--ayudawp-qwen); color: #fff; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn.meta-ai { background: var(--ayudawp-meta-ai); border-color: var(--ayudawp-meta-ai); color: #fff; } /* Icons-only hover */ .ayudawp-share-buttons.icons-only .ayudawp-share-btn:hover { filter: brightness(0.88); transform: translateY(-2px); box-shadow: 0 3px 10px rgba(0,0,0,0.15); } /* ============================================= DARK style - For dark backgrounds ============================================= */ .ayudawp-share-buttons.dark { border-top-color: #444; border-bottom-color: #444; } .ayudawp-share-buttons.dark .ayudawp-share-btn { background: transparent; color: #e0e0e0; border: 1px solid #666; } .ayudawp-share-buttons.dark .ayudawp-share-btn:hover { background: rgba(255,255,255,0.1); color: #fff; border-color: #999; } .ayudawp-share-buttons.dark .ayudawp-title { color: #e0e0e0; } /* ============================================= AI Summary block (v2.0.0) Inline summary rendered before / after the buttons or at the start of the post content. Uses the native
/ elements so the collapse/expand behavior works without JavaScript. ============================================= */ .ayudawp-aiss-summary { margin: 24px 0; padding: 12px 16px; border: 1px solid #e0e0e0; border-radius: 6px; background: transparent; } .ayudawp-aiss-summary-details { margin: 0; } .ayudawp-aiss-summary-details > summary { cursor: pointer; font-weight: 600; list-style: none; display: inline-flex; align-items: center; gap: 8px; user-select: none; } /* Hide the native disclosure triangle in WebKit/Blink. */ .ayudawp-aiss-summary-details > summary::-webkit-details-marker { display: none; } /* CSS caret that rotates when the details element is open. */ .ayudawp-aiss-summary-details > summary::after { content: ""; display: inline-block; width: 0; height: 0; margin-left: auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid currentColor; transition: transform 0.2s ease; } .ayudawp-aiss-summary-details[open] > summary::after { transform: rotate(180deg); } .ayudawp-aiss-summary-icon { display: inline-flex; align-items: center; } .ayudawp-aiss-summary-icon svg { width: 16px; height: 16px; } .ayudawp-aiss-summary-content { margin-top: 8px; } .ayudawp-aiss-summary-content p { margin: 0; line-height: 1.5; } .ayudawp-aiss-summary-attribution { display: block; margin-top: 8px; font-size: 11px; color: #6c757d; font-style: italic; } /* Placeholder variant: contains the "Generate AI summary" button shown to visitors when the post has no stored summary yet (v2.0.0 frontend gen). */ .ayudawp-aiss-summary--placeholder { padding: 0; border: none; } .ayudawp-aiss-summary-generate-btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: transparent; border: 1px solid #e0e0e0; border-radius: 6px; font-weight: 600; font-size: 0.95em; color: inherit; cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; } .ayudawp-aiss-summary-generate-btn:hover:not(:disabled) { background: rgba(0, 0, 0, 0.04); border-color: #c0c0c0; } .ayudawp-aiss-summary-generate-btn:disabled { cursor: wait; opacity: 0.7; } .ayudawp-aiss-summary-generate-btn .ayudawp-aiss-summary-icon svg { width: 16px; height: 16px; } /* ============================================= AI Summary: one paragraph per sentence (v2.1.0) Each sentence renders as its own

for readability. itemprop="abstract" sits on the wrapping container so the schema value stays single. ============================================= */ .ayudawp-aiss-summary-content .ayudawp-aiss-summary-text > p { margin: 0 0 0.6em; } .ayudawp-aiss-summary-content .ayudawp-aiss-summary-text > p:last-child { margin-bottom: 0; } /* Bullet-list format (v2.4.0): opt-in from settings, one

  • per point. list-style is explicit because many themes reset it inside articles. */ .ayudawp-aiss-summary-content .ayudawp-aiss-summary-text > ul { margin: 0; padding-left: 1.2em; list-style: disc; } .ayudawp-aiss-summary-content .ayudawp-aiss-summary-text > ul > li { margin: 0 0 0.6em; } .ayudawp-aiss-summary-content .ayudawp-aiss-summary-text > ul > li:last-child { margin-bottom: 0; } /* ============================================= AI Summary: visual style presets (v2.1.0) minimal = base look above; the variants below are opt-in from settings. --ayudawp-aiss-accent can be overridden by a theme to match its palette. ============================================= */ .ayudawp-aiss-summary { --ayudawp-aiss-accent: #2563eb; } /* Outline: accent border, transparent background. */ .ayudawp-aiss-summary.style-outline { border-width: 2px; border-color: var(--ayudawp-aiss-accent); } /* Brand: filled accent background with light text. */ .ayudawp-aiss-summary.style-brand { background: var(--ayudawp-aiss-accent); border-color: var(--ayudawp-aiss-accent); color: #ffffff; } /* Dark: dark callout on light themes. */ .ayudawp-aiss-summary.style-dark { background: #1f2430; border-color: #1f2430; color: #e6e6e6; } /* Custom: colors from the settings color pickers (inline CSS variables). */ .ayudawp-aiss-summary.style-custom { background: var(--ayudawp-aiss-bg, transparent); color: var(--ayudawp-aiss-text, inherit); border-color: rgba(127, 127, 127, 0.35); } /* Keep the attribution and generate button legible on filled variants. */ .ayudawp-aiss-summary.style-brand .ayudawp-aiss-summary-attribution, .ayudawp-aiss-summary.style-dark .ayudawp-aiss-summary-attribution, .ayudawp-aiss-summary.style-custom .ayudawp-aiss-summary-attribution { color: inherit; opacity: 0.75; } .ayudawp-aiss-summary.style-brand .ayudawp-aiss-summary-generate-btn, .ayudawp-aiss-summary.style-dark .ayudawp-aiss-summary-generate-btn, .ayudawp-aiss-summary.style-custom .ayudawp-aiss-summary-generate-btn { border-color: currentColor; color: inherit; } .ayudawp-aiss-summary.style-brand .ayudawp-aiss-summary-generate-btn:hover:not(:disabled), .ayudawp-aiss-summary.style-dark .ayudawp-aiss-summary-generate-btn:hover:not(:disabled), .ayudawp-aiss-summary.style-custom .ayudawp-aiss-summary-generate-btn:hover:not(:disabled) { background: rgba(255, 255, 255, 0.12); } /* ============================================= AI Summary: icon position (v2.1.0) "hidden" is also handled server-side (the icon span is not rendered). ============================================= */ .ayudawp-aiss-summary.icon-right .ayudawp-aiss-summary-toggle .ayudawp-aiss-summary-icon { order: 2; margin-left: auto; } .ayudawp-aiss-summary.icon-right .ayudawp-aiss-summary-details > summary::after { order: 3; margin-left: 8px; } .ayudawp-aiss-summary.icon-hidden .ayudawp-aiss-summary-icon { display: none; } /* ============================================= AI Summary: visible keyboard focus (v2.1.0, a11y) ============================================= */ .ayudawp-aiss-summary-details > summary:focus-visible, .ayudawp-aiss-summary-generate-btn:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 4px; } /* ============================================= Auto adaptation to dark backgrounds Triggered by the .is-on-dark class set by the JS background detector (added when the container's parent background luminance is below 0.5). Skipped when container has .dark or .custom (explicit manual choices). ============================================= */ .ayudawp-share-buttons.is-on-dark:not(.dark):not(.custom) { border-top-color: #444; border-bottom-color: #444; } .ayudawp-share-buttons.is-on-dark:not(.dark):not(.custom) .ayudawp-title { color: var(--ayudawp-on-dark-fg-muted); } /* MINIMAL on dark: legible text and visible border */ .ayudawp-share-buttons.is-on-dark:not(.brand):not(.outline):not(.custom):not(.icons-only):not(.dark) .ayudawp-share-btn { color: var(--ayudawp-on-dark-fg); border-color: var(--ayudawp-on-dark-border); } .ayudawp-share-buttons.is-on-dark:not(.brand):not(.outline):not(.custom):not(.icons-only):not(.dark) .ayudawp-share-btn:hover { background: rgba(255,255,255,0.08); color: #fff; border-color: #888; } /* OUTLINE on dark: black-branded platforms switch to white */ .ayudawp-share-buttons.is-on-dark.outline .ayudawp-share-btn.twitter, .ayudawp-share-buttons.is-on-dark.outline .ayudawp-share-btn.threads, .ayudawp-share-buttons.is-on-dark.outline .ayudawp-share-btn.grok { border-color: var(--ayudawp-twitter-on-dark); color: var(--ayudawp-twitter-on-dark); } /* Mistral text was #8a6a00 (low contrast on dark) — fall back to brand color */ .ayudawp-share-buttons.is-on-dark.outline .ayudawp-share-btn.mistral { color: var(--ayudawp-mistral); } /* BRAND and ICONS-ONLY on dark: black-branded platforms get a subtle light border so they stand out from the dark page background */ .ayudawp-share-buttons.is-on-dark.brand .ayudawp-share-btn.twitter, .ayudawp-share-buttons.is-on-dark.brand .ayudawp-share-btn.threads, .ayudawp-share-buttons.is-on-dark.brand .ayudawp-share-btn.grok, .ayudawp-share-buttons.is-on-dark.icons-only .ayudawp-share-btn.twitter, .ayudawp-share-buttons.is-on-dark.icons-only .ayudawp-share-btn.threads, .ayudawp-share-buttons.is-on-dark.icons-only .ayudawp-share-btn.grok { border-color: var(--ayudawp-on-dark-border-subtle); box-shadow: 0 0 0 1px var(--ayudawp-on-dark-border-subtle) inset; } /* ============================================= Tooltip styles ============================================= */ .ayudawp-tooltip { position: absolute; top: -9999px; left: -9999px; background: #333; color: #fff; padding: 6px 12px; border-radius: 4px; font-size: 12px; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity 0.3s ease; z-index: 9999; box-shadow: 0 2px 8px rgba(0,0,0,0.3); } .ayudawp-tooltip:after { content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #333; } .ayudawp-tooltip.active { opacity: 1; } /* ============================================= Responsive ============================================= */ @media (max-width: 768px) { .ayudawp-buttons-container { gap: 8px; } .ayudawp-share-btn { padding: 6px 12px; font-size: 13px; width: 150px; min-height: 36px; } .ayudawp-share-buttons.size-compact .ayudawp-share-btn { width: 120px; min-height: 30px; font-size: 11px; } .ayudawp-share-buttons.size-large .ayudawp-share-btn { width: 180px; font-size: 14px; } .ayudawp-share-buttons.size-fluid .ayudawp-share-btn { flex: 1 1 120px; max-width: none; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn { width: 40px; height: 40px; min-width: 40px; } .ayudawp-share-buttons { padding: 15px 0; margin: 20px 0; } .ayudawp-share-buttons .ayudawp-title { font-size: 15px; margin-bottom: 12px; } } @media (max-width: 480px) { .ayudawp-buttons-container { flex-direction: column; align-items: center; } .ayudawp-share-btn { width: 100%; max-width: 300px; } .ayudawp-share-buttons.size-fluid .ayudawp-share-btn { width: 100%; max-width: 300px; flex: none; } .ayudawp-share-buttons.icons-only .ayudawp-buttons-container { display: grid; grid-template-columns: repeat(auto-fill, 40px); gap: 8px; flex-direction: row; } .ayudawp-share-buttons.ayudawp-aiss-centered.icons-only .ayudawp-buttons-container { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 300px; justify-content: center; } .ayudawp-share-buttons:not(.ayudawp-aiss-centered).icons-only .ayudawp-buttons-container { margin: 0; max-width: 100%; justify-content: flex-start; } .ayudawp-share-buttons.icons-only .ayudawp-share-btn { width: 40px; max-width: 40px; } } /* ============================================= Admin danger zone (shared with frontend CSS) ============================================= */ .ayudawp-danger-zone { padding: 15px; margin-top: 10px; border: 2px solid #dc3232; background: #fff2f2; border-radius: 4px; } .ayudawp-danger-zone label { display: flex; align-items: center; gap: 8px; font-weight: 600; color: #dc3232; } .ayudawp-warning { color: #dc3232; font-weight: 500; margin-top: 8px; } /* ============================================= AI Summary: dark-mode adaptation Mirrors the .is-on-dark token system used by the share buttons. ============================================= */ /* Only minimal/outline (transparent background) adapt to a dark page; the filled presets (brand/dark/custom) carry their own colors, like the share buttons skip .dark/.custom. */ .ayudawp-aiss-summary.is-on-dark:not(.style-brand):not(.style-dark):not(.style-custom) { border-color: var(--ayudawp-on-dark-border-subtle, rgba(255,255,255,0.18)); color: var(--ayudawp-on-dark-fg, #e6e6e6); } .ayudawp-aiss-summary.is-on-dark:not(.style-brand):not(.style-dark):not(.style-custom) .ayudawp-aiss-summary-attribution { color: var(--ayudawp-on-dark-fg-muted, #b8b8b8); } .ayudawp-aiss-summary--placeholder.is-on-dark:not(.style-brand):not(.style-dark):not(.style-custom) .ayudawp-aiss-summary-generate-btn { border-color: var(--ayudawp-on-dark-border-subtle, rgba(255,255,255,0.18)); color: var(--ayudawp-on-dark-fg, #e6e6e6); } .ayudawp-aiss-summary--placeholder.is-on-dark:not(.style-brand):not(.style-dark):not(.style-custom) .ayudawp-aiss-summary-generate-btn:hover:not(:disabled) { background: rgba(255, 255, 255, 0.08); } #tt,#tt.amp-tooltip{position:absolute;z-index:1500;opacity:.95;width:auto;display:none}#tt.amp-tooltip{display:block;max-width:300px}#tt iframe{max-width:99%}.centerflp-content{opacity:0!important;transform:scale3d(0,1,0);transform-origin:50% 120%;transition:opacity .5s,transform .5s;transition-timing-function:ease,cubic-bezier(.6,0,.4,1);display:block}.force-hide{visibility:hidden}.flipInY{display:block!important}.no-ani-with-flip{opacity:1!important;transform:scale3d(1,1,1)}.zoomIn,.zoomOut{transform-origin:top center}.centerflp-content.tooltip-bloated-content{opacity:1!important;pointer-events:auto;-webkit-transform:scale3d(1,1,1)!important;transform:scale3d(1,1,1)!important}.no-in{display:none}.has-in{transform:scale3d(0,1,0);transform-origin:50% 120%}.cmtt_help{width:15px;height:15px;display:inline-block;cursor:pointer}.cmtt_field_help{margin:0 -20px 0 0;float:right}.cmtt_field_help:hover,.cmtt_help:hover{}.cmtt_help{margin-right:5px}#tt.out{-webkit-animation-name:out;-webkit-animation-duration:4s;animation-name:out;animation-duration:0.5s;animation-iteration-count:1;transform:scale3d(0,1,0);transform-origin:50% 120%}#tt.in{-webkit-animation-name:in;-webkit-animation-duration:4s;animation-name:in;animation-duration:0.5s;animation-iteration-count:1;transform:scale3d(1,1,1);transform-origin:50% 120%}@keyframes in{from{transform:scale3d(0,1,0);transform-origin:50% 120%}to{transform:scale3d(1,1,1);transform-origin:50% 120%}}@keyframes out{from{transform:scale3d(1,1,1);transform-origin:50% 120%}to{transform:scale3d(0,1,0);transform-origin:50% 120%}}#tt.vertical_top:before{z-index:111;content:'';position:absolute;border:9px solid #fff0;border-top:0;border-bottom:9px solid #fff0;top:-9px;left:48%}#tt.vertical_top:after{z-index:111;content:'';position:absolute;border:9px solid #fff0;border-top:0;border-bottom:9px solid #fff0;top:-8px;left:48%}#tt.vertical_bottom:before{z-index:111;content:'';position:absolute;border:9px solid #fff0;border-bottom:0;border-top:9px solid #fff0;bottom:-9px;left:170px}#tt.vertical_bottom:after{content:'';position:absolute;border:9px solid #fff0;border-bottom:0;border-top:9px solid #fff0;bottom:-8px;left:170px;z-index:112}#tttop{display:block}#ttcont{display:block;padding:20px;background:#333;color:#fff;overflow:auto}#ttbot{display:block;margin-left:5px}#ttcont iframe{max-width:99%}#ttcont ol,#ttcont ul{list-style-position:inside}#ttcont>img{display:block}.cmtt-clearfix{clear:both}.cmtt-backlink{display:block;margin:10px 0}.cmtt-glossary-tooltip-toggle-wrapper{margin:10px 0}.cmtt-tooltip-overlay{display:inline-block;position:relative}.cmtt-tooltip-overlay-icon{display:inline-block;position:absolute;top:0;right:0}.cmtt_longtext{width:300px}.cmtt-tooltip-overlay-icon:after{position:absolute;top:0;right:0;content:'';width:15px;height:15px;background-repeat:no-repeat;background-position:center center;background-color:#fff0;z-index:1400;background-size:100%}#tt #tt-btn-close,#amp-tt #tt-btn-close{width:16px;height:16px;z-index:999999;background-position:-80px -128px;position:absolute;right:0;top:0;cursor:pointer;font-size:20px;font-family:dashicons;color:#222;direction:rtl;background-color:transparent!important;padding:10px!important;border:none!important;-webkit-tap-highlight-color:#fff0}#tt #tt-btn-close:focus,#amp-tt #tt-btn-close:focus{caret-color:transparent!important}ul#glossaryList{padding:0;margin:0;list-style-type:none!important}div.glossary-container>ul.pageNumbers{padding-top:20px}div.glossary-container>p br{display:none}span.glossaryLink,a.glossaryLink,div.glossaryLink{text-decoration:none!important;border-bottom:dotted 1px}span.glossaryLink.hasDashicon,a.glossaryLink.hasDashicon{border-bottom:none!important}a.glossaryLink:hover{text-decoration:none!important}span.glossaryLink.hasDashicon:hover,a.glossaryLink.hasDashicon:hover{border-bottom:none!important;text-decoration:none!important}span.glossaryLink:focus,a.glossaryLink:focus,#tt-btn-close{outline:none}#glossary-categories{float:right;margin:0}.glossary-category-wrapper{float:right;display:flex;align-items:center}.glossary-category-wrapper label{margin-right:10px}.mobile-link{margin:10px 0;font-size:14px}.mobile-link:before{content:"Term link: "}h4.cmtt_related_title{margin-bottom:0;margin-top:20px}div.cmtt_related_title{margin-bottom:0;margin-top:20px;font-weight:700}.glossary_itemdesc .cmtt_related_title{margin-top:5px}ul.cmtt_related{margin-top:0;clear:none}li.cmtt_related_item{margin-bottom:10px}div.cmtt_synonyms{margin-bottom:1em;font-style:italic}div.cmtt_synonyms_title{margin-bottom:0;margin-top:20px;font-weight:700}div.glossaryItemTitle{margin:10px 0}#ttcont div.glossaryTooltipMoreLinkWrapper{padding:2px 12px 3px 7px}#ttcont div.glossaryTooltipMoreLinkWrapper:after{content:" \2192"}.glossary_top_filter{clear:both;overflow:hidden;margin:10px 0}.cmtt-tags-filter{margin:10px 0 0}.cmtt-tags-filter a.cmtt-glossary-tag{cursor:pointer;border-left:1px solid;margin:0 0 0 5px;padding:0 0 0 5px}.cmtt-tags-filter a.cmtt-glossary-tag:first-child{border:none;padding:0;margin:0}.cmtt-tags-filter a.cmtt-glossary-tag.selected{text-decoration:underline;font-weight:700}.cmtt-categories-filter a.cmtt-glossary-category{cursor:pointer;margin:0 0 0 1px;background:#a8a8a8;color:white!important;border:1px solid;border-radius:25px;padding:5px;font-weight:700!important}.cmtt-categories-filter a.selected{background:#696969!important;color:white!important}.cmtt-categories-filter{margin:10px 0 0;padding:10px 0 10px 0;line-height:35px}.cmtt-categories-filter a.cmtt-glossary-category:first-child{border:none}.cmtt-categories-filter a.cmtt-glossary-category.selected{text-decoration:underline;font-weight:700}.glossary_top_filter .right{float:right}.cmtt-glossary-replacement-add{border:1px solid #CCC;border-radius:5px;background:#EEE;margin-top:30px;padding-bottom:12px}.cmtt-glossary-replacement-add input.invalid{border:1px solid red}.glossary_loading{background-color:#DDD;position:absolute;width:100%;height:100%;opacity:.5;display:none}.glossary_replacements_list tr:hover{background-color:#EEE}.glossary_replacements_list th{font-weight:700}.glossarySettingsTabs .block{border:1px solid grey;border-radius:13px;padding:20px;margin:5px;float:none;width:auto}.glossarySettingsTabs .block h3{padding-top:0;margin-top:0}#glossary-exclude-box label.blocklabel,#glossary-disable-box label.blocklabel{display:block}div#glossary-exclude-box div div{margin:5px 0}.floated-form-table{clear:none}.floated-form-table tr{float:left;width:49%;clear:none}.floated-form-table tr.whole-line{width:99%}.glossarySettingsTabs table th{position:relative;padding-right:25px}div.cmtt_field_help{display:inline-block;width:15px;height:15px;cursor:pointer;margin:0 -20px 0 0;float:right}div.cmtt_field_help:hover{}div.cmtt_help{display:inline-block;width:15px;height:15px;cursor:pointer;margin-right:5px}div.cmtt_help:hover{}.cm-showhide-handle{cursor:pointer}.glossary-container{position:relative}.glossary-search-clear{margin-left:1em;cursor:pointer}#glossary-search-term{padding-left:5px;padding-right:5px}#tt .mobile-link a.glossaryLinkMain,#tt div.glossary_mw_dictionary,#tt div.mw-thesaurus-container,#tt h1,#tt h2,#tt h3,#tt h4{color:#fff}div.mw-dictionary-container{margin-top:1em}div.mw-thesaurus-container{margin-top:2em}.mw-wikipedia-container table.infobox,.mw-wiktionary-container table.infobox{float:right;font-size:8pt;margin-left:5px}div.glossary_mw_dictionary,div.glossary_mw_wikipedia,.glossary_mw_wiktionary{font-size:14pt;margin:.5em 0 .5em 0}div.mw-group{margin:.5em 0}div.mw-group .group-title{font-size:12pt;margin-top:.5em;margin-bottom:.5em}div.mw-group .term{margin-top:.3em}div.mw-group div.term-number{float:left;font-weight:700}div.mw-group div.dd,div.mw-group dd{margin:0 0 0 1.5em}div.mw-group .type-vt{margin-left:1em}div.mw-group .sn{margin-left:2em;margin-right:.5em}div.mw-group .prdiv{margin-left:.5em}div.mw-group .prdiv+.sn{margin-left:.5em}#tt span.example:before{content:"<"}#tt span.example:after{content:">"}span.definition{margin-left:.5em}div.mw-group.mw-definitnion{font-family:monospace;border:1px #ccc solid;border-radius:5px;display:block;padding:10px}div.scnt{margin-top:1em}.progress-indicator{top:0;right:0;width:100%;height:100%;position:absolute;text-align:center;filter:alpha(opacity=50);opacity:.5;z-index:1000;background-color:#fff;display:none}.progress-indicator img{margin-top:75px}.cmtt-post-format-icon:before{font:200 14px/1 dashicons;position:relative;left:-5px}.cmtt-post-format-icon.cmtt-post-format-audio:before{content:"\f521";font-size:.8em}.cmtt-post-format-icon.cmtt-post-format-new:before{content:'\f155'}.cmtt-post-format-icon.cmtt-post-format-new{display:inline}.cmtt-audio-shortcode{margin:10px}.cmtt-audio-player.cmtt-limited{float:right;font:200 14px/1 dashicons}.cmtt-audio-player.cmtt-limited .cmtt-audio-shortcode .mejs-controls>*:not(.mejs-playpause-button){display:none!important}.cmtt-audio-player.cmtt-limited .cmtt-audio-shortcode.mejs-container{width:auto!important;height:auto!important;background:none!important}.cmtt-audio-player.cmtt-limited .cmtt-audio-shortcode .mejs-controls{width:auto!important;background:none!important;position:initial!important}.cmtt-audio-player .cmtt-audio-shortcode .mejs-controls{position:initial!important}.cmtt-woocommerce-product-container{padding:.2em}.cmtt-woocommerce-product-image-container{float:left;padding:5px 10px 10px 0}.cmtt-woocommerce-product-description{padding-bottom:1em;display:block}.cmtt-woocommerce-product-desc-container{min-width:275px}.cmtt-woocommerce-product-name{width:100%;display:block;font-weight:800}.cmtt-woocommerce-product-button-container{width:100%;display:block;float:inline-end;margin:0 0 10px 0}.cmtt-woocommerce-product-price ins{background:none}.cmtt-post-tags a{cursor:pointer}.cmtt-taxonomy-single a{cursor:pointer}.server-info-table span{color:green;font-weight:700}.server-info-table strong{color:red;font-weight:700}.cmtt-social-box{width:auto;display:flex;margin-bottom:10px;padding:0}.cmtt-social-box>div{height:25px;max-width:68px;margin:4px 4px 0 0}.cmtt-social-box .sharetitle{border-right:1px solid #D2D2D2;padding:0 10px 0 0;margin:0 10px 0 0;line-height:25px;vertical-align:middle;display:inline-block;font-size:large;font-weight:700;max-width:fit-content}.cmtt-social-box>div>*{vertical-align:top!important}select#cmtt_glossaryID{max-width:350px}div.cminds_settings_description{float:left;max-width:55%;margin-bottom:20px}li.cmtt-has-thumbnail{list-style-position:inside;list-style-type:none;margin-left:-25px}li.cmtt-has-thumbnail .cmtt-thumbnail{position:relative}li.cmtt-has-thumbnail .cmtt-thumbnail-link{position:relative;display:inline-block;border:0!important;outline:none;text-decoration:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;padding:0;margin:0;vertical-align:middle}.cmtt_Media_Image.cmtt_hasThumb{width:70px;height:70px;background-size:cover;background-position:center;margin-bottom:5px;position:relative;cursor:pointer}.cmtt_Media_Image.cmtt_hasThumb::before,.cmtt_Media_Image.cmtt_hasThumb::after{content:'';display:block;position:absolute;width:14px;height:2px;left:50%;top:50%;background:rgb(255 255 255 / .4);margin-top:-1px;margin-left:-7px}.cmtt_Media_Image.cmtt_hasThumb::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.cmtt_Media_Image.cmtt_hasThumb::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.single-sidebar-glossary #primary{margin-left:0;width:70%;float:left;padding-right:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.single-sidebar-glossary #secondary{width:30%;float:left;padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dashicon-picker-container{position:absolute;width:220px;height:252px;font-size:14px;background-color:#fff;-webkit-box-shadow:0 1px 2px rgb(0 0 0 / .1);box-shadow:0 1px 2px rgb(0 0 0 / .1);overflow:hidden;padding:5px;box-sizing:border-box;z-index:999}.dashicon-picker-container ul{margin:0;padding:0;margin-bottom:10px}.dashicon-picker-container ul .dashicons{width:20px;height:20px;font-size:20px}.dashicon-picker-container ul li{display:inline-block;margin:5px;float:left}.dashicon-picker-container ul li a{display:block;text-decoration:none;color:#373737;padding:5px 5px;border:1px solid #dfdfdf}.dashicon-picker-container ul li a:hover{border-color:#999;background:#efefef}.dashicon-picker-control{height:32px}.dashicon-picker-control a{padding:5px;text-decoration:none;line-height:32px;width:25px}.dashicon-picker-control a span{display:inline;vertical-align:middle}.dashicon-picker-control input{font-size:12px;width:140px}.cmtt_meaning_label{margin:10px 0}body.cmtt-embed{margin:0!important;padding:0!important;overflow:hidden;background:#fff}body.cmtt-embed .cmtt-embedded{margin:25px 5px}.cmtt-embed-btn{margin:5px 0}.cmtt-embed-modal{display:none;background:#fff;padding:2em;width:600px}.cmtt-embed-modal textarea{width:100%;height:7em;margin-top:1em}body.cmtt-embed .zopim{display:none!important;visibility:hidden!important}.cmtt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(50 50 50 / .9);z-index:9999998}.cmtt-overlay-content-outer{position:fixed;top:10%;left:50%;width:auto;z-index:9999999}.cmtt-overlay-content{background:#fff;margin-left:-50%;width:100%;position:relative}.cmtt-overlay-close{font:normal 24px Arial;color:#666;position:absolute;top:0;right:3px;cursor:pointer}.glossaryLink.ampGlossaryLink{position:relative}.glossaryLink.ampGlossaryLink #tt{top:110%;left:-50%}.cmtt-footnote-header-border{border-top:1px solid lightgrey;width:100%;margin-bottom:15px}.cmtt-footnote-bottom-border{border-top:1px solid lightgrey;width:100%;margin-top:15px;margin-bottom:15px}.cmtt-footnote-def.hidden{display:none}.cmtt-footnote-def-key{font-style:oblique;font-weight:500}.cmtt-footnote-def-content{font-size:small}#tt_overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);display:none}.tt-box-bottom{bottom:0!important;right:0!important;left:0!important;top:auto!important;width:100%!important;max-width:100%!important}.tt-box-bottom::before{top:-20px;left:50%;transform:translateX(-50%);width:34px;height:28px;background-size:34px 14px,cover}.tt-box-bottom::before,.tt-box-right::before,.tt-box-left::before{content:"";position:absolute;cursor:pointer;pointer-events:auto;z-index:99999}.tt-box-left::before{top:50%;right:-25px;transform:translateY(-50%);width:28px;height:34px;background-size:14px 34px}.tt-box-right::before{top:50%;left:-25px;transform:translateY(-50%);width:28px;height:34px;background-size:14px 34px}.tt-box-bottom #ttcont,.tt-box-right #ttcont,.tt-box-left #ttcont{max-height:100%;min-height:30%;margin:0px!important;width:100%!important}#tt.tt-box-bottom{flex-direction:column;will-change:transform;transition:transform 0.25s ease;max-height:50%}#tt.tt-box-bottom.dragging{transition:none!important}#tt.tt-box-bottom.dragging{transition:none}.tt-drag-handle{position:absolute;cursor:grab;touch-action:none;background:#fff0;z-index:9999999}.tt-box-bottom .tt-drag-handle{top:0;left:0;right:0;height:32px;transform:translateY(-100%)}.tt-box-right .tt-drag-handle{top:auto;bottom:auto;left:0;width:32px;transform:translateX(-100%)}.tt-box-left .tt-drag-handle{top:auto;bottom:auto;right:0;width:32px;transform:translateX(100%)}.tt-box-right,.tt-box-left{top:0!important;width:300px!important;max-width:400px;min-width:200px;height:100%}body.admin-bar .tt-box-right,body.admin-bar .tt-box-left{top:32px!important;max-height:calc(100% - 32px)!important}.tt-box-left{right:auto!important;left:0!important}.tt-box-right{right:0!important;left:auto!important}#tt.tt-box-right #tt-btn-close,#amp-tt.tt-box-right #tt-btn-close,#tt.tt-box-left #tt-btn-close,#amp-tt.tt-box-left #tt-btn-close{right:10px}@keyframes slideUp{from{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{from{transform:translateY(0);opacity:1}to{transform:translateY(60px);opacity:0}}@keyframes slideInLeft{from{transform:translate(-400px,0);opacity:0}to{transform:translate(0,0);opacity:1}}@keyframes slideInRight{from{transform:translate(400px,0);opacity:0}to{transform:translate(0,0);opacity:1}}@keyframes slideOutLeft{from{transform:translate(0,0);opacity:1}to{transform:translate(-400px,0);opacity:0}}@keyframes slideOutRight{from{transform:translate(0,0);opacity:1}to{transform:translate(400px,0);opacity:0}} #tt { z-index: 1500; } #tt_overlay { z-index: 1499; } #tt #ttcont div.glossaryItemTitle { width: calc(100% + -5); border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 10px 0 10px 10px; text-align: initial; margin: -5px -5px 10px -5px; line-height: inherit; font-weight: normal; color: #564229 !important; background-color: #e5e2d3; border-top: 1px solid transparent; border-bottom: 1px solid transparent; font-size: 13px !important; } #tt #ttcont div.glossaryItemBody { padding: 0; font-size: 13px; line-height: inherit; } #tt #ttcont .mobile-link{ font-size: 13px; } .mobile-link a.glossaryLink { color: #fff !important; } .mobile-link:before{content: "Term link: "} .tiles ul.glossaryList li { min-width: 85px !important; width:85px !important; } .tiles ul.glossaryList span { min-width:85px; width:85px; } .cm-glossary.tiles.big ul.glossaryList a { min-width:179px; width:179px } .cm-glossary.tiles.big ul.glossaryList span { min-width:179px; width:179px; } span.glossaryLink, a.glossaryLink { border-bottom: dotted 1px #000000; } span.glossaryLink.temporary, a.glossaryLink.temporary { border-bottom: dotted 1px ; } span.glossaryLink:hover, a.glossaryLink:hover { border-bottom: none 1px #333333; } .glossaryList .glossary-link-title { font-weight: normal !important; } #tt #tt-btn-close{ color: #222 !important} .cm-glossary.grid ul.glossaryList li:not(.the-index-letter) { width: 200px !important} #tt #tt-btn-close{ direction: rtl; font-size: 20px !important } #tt #ttcont glossaryItemBody * {color: #000000} #tt #ttcont a{color: #407e01 !important} #tt #ttcont .mobile-link a{color: #407e01 !important} #tt { box-shadow: 0px 0px 20px #666666; -moz-box-shadow: 0px 0px 20px #666666; -webkit-box-shadow: 0px 0px 20px #666666; } .fadeIn,.zoomIn,.flipInY,.flipInX,.in,.rotate,.rotateInY,.rotateInX{ animation-duration:0.2s !important; } .fadeOut,.zoomOut,.flipOutY,.flipOutY,.out,.rotateOut,.rotateOutY,.rotateOutX{ animation-duration:0.5s !important; } .cm-glossary.term-carousel .slick-slide, .cm-glossary.tiles-with-definition ul > li { height: 250px !important} .cm-glossary.tiles-with-definition ul { grid-template-columns: repeat(auto-fill, 220px) !important; } .cm-glossary.flipboxes-with-definition #glossaryList.glossaryList { grid-template-columns: repeat(6, 1fr); } .cm-glossary.flipboxes-with-definition #glossaryList.glossaryList > li > div.term-block > .glossaryLinkMain, .cm-glossary.flipboxes-with-definition #glossaryList.glossaryList > li > div.term-block > .glossaryLink, .cm-glossary.flipboxes-with-definition #glossaryList.glossaryList .glossary_itemdesc .glossary-read-more-link { background-color: #cecece; } .cm-glossary.flipboxes-with-definition #glossaryList.glossaryList > li, .cm-glossary.flipboxes-with-definition #glossaryList.glossaryList > li > div.term-block > .glossaryLinkMain, .cm-glossary.flipboxes-with-definition #glossaryList.glossaryList > li > div.term-block > .glossaryLink, .cm-glossary.flipboxes-with-definition #glossaryList.glossaryList > li > div.term-block > .glossary_itemdesc { height: 160px; } .cm-glossary.accordion-view .ln-letters a, .cm-glossary.accordion-view-2 .ln-letters a{ color: #a60a3d; } .cm-glossary.accordion-view .glossaryList li.active-term .glossaryLinkMain, .cm-glossary.accordion-view-2 .glossaryList li.active .glossaryLinkMain, .cm-glossary.accordion-view .glossaryList li.active-term .glossary-link-title, .cm-glossary.accordion-view-2 .glossaryList li.active .glossary-link-title{ color: #8e2c85 !important; } .cm-glossary.accordion-view .glossaryList li .glossaryLinkMain span.dashicons, .cm-glossary.accordion-view-2 .glossaryList li.active .glossaryLinkMain:after, .cm-glossary.accordion-view .glossaryList li .glossary-link-title span.dashicons, .cm-glossary.accordion-view-2 .glossaryList li.active .glossary-link-title:after{ color: #8e2c85; } .cm-glossary.accordion-view-2 .glossaryList li{ border-color: #8e2c85 ; } .cm-glossary.accordion-view .the-index-letter{ background-color: #8e2c85; } .cm-glossary.accordion-view .the-index-letter > *, .cm-glossary.accordion-view-2 .the-index-letter > * { color: #fff; } .cm-glossary.cards-view .ln-letters { border: none; text-align: center; } .cm-glossary.cards-view .ln-letters a{ color: #000; width: fit-content; border: none; font-weight: bold; display: inline-block; float: unset; font-size: 13px; } .cm-glossary.cards-view .ln-letters .ln-disabled{ opacity: 0.4; cursor: default; } .cm-glossary.cards-view .glossaryList { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; width: 100%; justify-content: flex-start; } .cm-glossary.cards-view .glossaryList li.the-index-letter{ width:100% !important; font-size: 30px; font-weight: bold; color: #000; } .cm-glossary.cards-view .glossaryList li.the-index-letter *{ margin: 0 0 15px 15px; } .cm-glossary.cards-view .glossaryList li:not(.the-index-letter, .the-letter-separator){ display: flex; font-weight: normal; width: 30%; float: left; margin: 0 1% 10px; list-style: none; background-color: #fff !important; color: #00000; border: 1px solid #ededf2; padding: 13px !important; box-shadow: 0 0.625rem 3.125rem rgba(12, 39, 19, 0.2); transition: border-top-color .2s ease-in-out, border-top-width .2s ease-in-out, box-shadow .2s ease-in-out; } .cm-glossary.cards-view .glossaryList li .glossaryLinkMain, .cm-glossary.cards-view .glossaryList li .glossary-link-title { color: #00000 !important; border: none !important; width: 100%; } .cm-glossary.cards-view .glossaryList li .glossary_itemdesc { color: #000 !important; } .cm-glossary.cards-view .glossaryList li *{ all: unset; text-decoration: none; display: block; } .cm-glossary.cards-view .glossaryList li:not(.the-index-letter, .the-letter-separator):hover{ border-top-width: 2px; border-top-color: #6bc07f; box-shadow: 0 0.625rem 3.125rem rgba(0, 0, 0, .1); } .cm-glossary.cards-view .glossaryList li:hover .glossaryLinkMain span, .cm-glossary.cards-view .glossaryList li:hover .glossary-link-title span{ color: #6bc07f !important; } .glossary-search-wrapper { display: inline-block; } input.glossary-search-term { outline: none; border-style: none; } button.glossary-search.button { outline: none; border-style: none; } :where(html.wpc-bgl255) .cmtt_help{background-image:url(/wp-content/plugins/TooltipProPlus/assets/css/images/help.png)}:where(html.wpc-bgl255) .cmtt_field_help:hover,:where(html.wpc-bgl255) .cmtt_help:hover{background-image:url(/wp-content/plugins/TooltipProPlus/assets/css/images/help_hover.png)}:where(html.wpc-bgl255) .cmtt-tooltip-overlay-icon:after{background:url(/wp-content/plugins/TooltipProPlus/assets/css/images/tooltip-image-overlay-icon.png)}:where(html.wpc-bgl255) .glossary_loading{background:url(/wp-content/plugins/TooltipProPlus/assets/css/images/ajax-loader.gif) no-repeat center center}:where(html.wpc-bgl255) div.cmtt_field_help{background-image:url(/wp-content/plugins/TooltipProPlus/assets/css/images/help.png)}:where(html.wpc-bgl255) div.cmtt_field_help:hover{background-image:url(/wp-content/plugins/TooltipProPlus/assets/css/images/help_hover.png)}:where(html.wpc-bgl255) div.cmtt_help{background-image:url(/wp-content/plugins/TooltipProPlus/assets/css/images/help.png)}:where(html.wpc-bgl255) div.cmtt_help:hover{background-image:url(/wp-content/plugins/TooltipProPlus/assets/css/images/help_hover.png)}:where(html.wpc-bgl255) .tt-box-bottom::before{background:url("data:image/svg+xml;utf8,") no-repeat top center}:where(html.wpc-bgl255) .tt-box-left::before{background:url("data:image/svg+xml;utf8,") no-repeat center center}:where(html.wpc-bgl255) .tt-box-right::before{background:url("data:image/svg+xml;utf8,") no-repeat center center}