:root{ --tie-preset-gradient-1: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%); --tie-preset-gradient-2: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); --tie-preset-gradient-3: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --tie-preset-gradient-4: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%); --tie-preset-gradient-5: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); --tie-preset-gradient-6: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); --tie-preset-gradient-7: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); --tie-preset-gradient-8: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); --tie-preset-gradient-9: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); --tie-preset-gradient-10: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); --tie-preset-gradient-11: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); --tie-preset-gradient-12: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); --tie-preset-gradient-13: linear-gradient(135deg, #4D34FA, #ad34fa); --tie-preset-gradient-14: linear-gradient(135deg, #0057FF, #31B5FF); --tie-preset-gradient-15: linear-gradient(135deg, #FF007A, #FF81BD); --tie-preset-gradient-16: linear-gradient(135deg, #14111E, #4B4462); --tie-preset-gradient-17: linear-gradient(135deg, #F32758, #FFC581); --main-nav-background: #FFFFFF; --main-nav-secondry-background: rgba(0,0,0,0.03); --main-nav-primary-color: #0088ff; --main-nav-contrast-primary-color: #FFFFFF; --main-nav-text-color: #2c2f34; --main-nav-secondry-text-color: rgba(0,0,0,0.5); --main-nav-main-border-color: rgba(0,0,0,0.1); --main-nav-secondry-border-color: rgba(0,0,0,0.08); --tie-buttons-radius: 100px;--tie-buttons-color: #2ecc71;--tie-buttons-text: #f7eae8;--tie-buttons-hover-color: #009a3f;--tie-buttons-hover-text: #FFFFFF; } img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ @font-face{ font-display:swap;font-family:'amiri';src: url('https://www.fontstatic.com/fonts/amiri/amiri-regular.eot?#iefix');src: local('الأميري'), local('amiri'),url('https://www.fontstatic.com/fonts/amiri/amiri-regular.woff') format('woff'); }@font-face{ font-display:swap;font-family:'jazeera';src: url('https://www.fontstatic.com/fonts/jazeera/jazeera.eot?#iefix');src: local('الجزيرة'), local('jazeera'),url('https://www.fontstatic.com/fonts/jazeera/jazeera.woff') format('woff'); } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--global-color: #1e6b7;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-global-color-color{color: var(--wp--preset--color--global-color) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-global-color-background-color{background-color: var(--wp--preset--color--global-color) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-global-color-border-color{border-color: var(--wp--preset--color--global-color) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ /* Minimal chat styles with CSS variables for customization */ .amc-chat { /* Use theme presets as fallbacks where sensible */ --amc-header-bg: var(--wp--preset--color--primary, #0d6186); --amc-header-color: var(--wp--preset--color--foreground, #ffffff); --amc-chat-bg: var(--wp--preset--color--background, #ffffff); --amc-user-bg: #e9f5ff; /* custom token; not exposed in Global Styles */ --amc-bot-bg: var(--wp--preset--color--background, #f6f7f7); --amc-input-bg: #ffffff; --amc-input-color: #000000; --amc-input-border: #5f6368; --amc-input-border-focus: #1d5f91; --amc-send-bg: #1d5f91; --amc-send-bg-hover: #174d75; --amc-send-border: #154566; --amc-send-color: #ffffff; --amc-bubble-color: #111111; --amc-info-color: #111111; --amc-chat-width: 640px; --amc-chat-height: 440px; color: #111; font: 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; max-width: var(--amc-chat-width); } /* Floating widget */ .amc-float { position: fixed; bottom: 20px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; } .amc-float-align-right { right: 20px; align-items: flex-end; } .amc-float-align-left { left: 20px; align-items: flex-start; } .amc-float-align-center { left: 50%; transform: translateX(-50%); align-items: center; } .amc-float-launcher { background: var(--amc-header-bg, #0d6186); color: var(--amc-header-color, #ffffff); border: 0; border-radius: 999px; padding: 10px 16px; font-weight: 600; cursor: pointer; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); } .amc-float-panel { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); border-radius: 8px; overflow: hidden; max-width: clamp(420px, 72vw, 960px); } .amc-float-panel .amc-chat { max-width: none; width: clamp(420px, 72vw, 960px); } @media (max-width: 600px) { .amc-float-align-left, .amc-float-align-center, .amc-float-align-right { left: 12px; right: 12px; transform: none; } .amc-float-align-left { align-items: flex-start; } .amc-float-align-center { align-items: center; } .amc-float-align-right { align-items: flex-end; } .amc-float-panel .amc-chat, .amc-float-panel { width: min(420px, calc(100vw - 24px)); max-width: calc(100vw - 24px); } } .amc-float-panel .amc-chat-header.amc-float-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .amc-float-close { appearance: none; background: transparent; border: 0; color: inherit; cursor: pointer; font-size: 24px; font-weight: 400; line-height: 1; margin-left: auto; padding: 0; } .amc-float-close:hover, .amc-float-close:focus { opacity: 0.85; } .amc-float-close:focus { outline: 2px solid currentColor; outline-offset: 2px; } /* If block wrapper is alignwide or alignfull, let the chat expand to container width by default */ .wp-block-amc-ask-my-content.alignwide .amc-chat, .wp-block-amc-ask-my-content.alignfull .amc-chat { max-width: 100%; } .amc-chat-window { border: 1px solid #ccd0d4; background: var(--amc-chat-bg); padding: 10px; height: var(--amc-chat-height); overflow: auto; border-radius: 4px; } .amc-chat-controls { display: flex; gap: 8px; margin-top: 8px; } .amc-user-question { flex: 1; padding: 8px 12px; border: 2px solid var(--amc-input-border, #5f6368); border-radius: 4px; background: var(--amc-input-bg); color: var(--amc-input-color); font-size: 16px; line-height: 1.5; transition: border-color 0.2s ease; } .amc-user-question::placeholder { color: var(--amc-input-color); opacity: 0.6; } .amc-user-question:focus { outline: none; border-color: var(--amc-input-border-focus, #1d5f91); animation: amc-pulse-border 1.5s ease-in-out infinite; } @keyframes amc-pulse-border { 0%, 100% { border-color: var(--amc-input-border-focus, #1d5f91); } 50% { border-color: var(--amc-input-border, #5f6368); } } .amc-send-btn { padding: 6px 14px; background: var(--amc-send-bg, #1d5f91); color: var(--amc-send-color, #ffffff); border: 1px solid var(--amc-send-border, #154566); border-radius: 4px; cursor: pointer; } .amc-send-btn:hover { background: var(--amc-send-bg-hover, #174d75); } .amc-send-btn:disabled { opacity: .5; cursor: not-allowed; } .amc-bubble { padding: 6px 8px; border-radius: 8px; margin: 6px 0; white-space: pre-wrap; color: var(--amc-bubble-color, #111111); } .amc-user { background: var(--amc-user-bg); } .amc-bot { background: var(--amc-bot-bg); } .amc-bot a { color: #0073aa; text-decoration: underline; overflow-wrap: anywhere; word-break: break-word; } .amc-bot a:hover { color: #005177; } .amc-info { background: #fff3cd; color: var(--amc-info-color, #111111); } .amc-typing { align-items: center; display: inline-flex; gap: 6px; min-width: 44px; } .amc-typing-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; opacity: 0.25; animation: amc-typing-bounce 1s infinite ease-in-out; } .amc-typing-dot:nth-child(2) { animation-delay: 0.15s; } .amc-typing-dot:nth-child(3) { animation-delay: 0.3s; } @keyframes amc-typing-bounce { 0%, 80%, 100% { opacity: 0.25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } } .amc-error { color: #b32d2e; margin-top: 6px; } .amc-chat{--amc-header-bg:#0d6186;--amc-header-color:#ffffff;--amc-chat-bg:#ffffff;--amc-user-bg:#e9f5ff;--amc-bot-bg:#f6f7f7;--amc-input-bg:#ffffff;--amc-input-color:#111111;--amc-input-border:#5f6368;--amc-input-border-focus:#1d5f91;--amc-send-bg:#1d5f91;--amc-send-bg-hover:#174d75;--amc-send-border:#154566;--amc-send-color:#ffffff;--amc-bubble-color:#111111;--amc-info-color:#111111;} .amc-float{--amc-header-bg:#0d6186;--amc-header-color:#ffffff;} /*# sourceURL=amc-frontend-chat-style-inline-css */ .ctf-fixed-height{overflow:auto}#ctf .ctf-item{padding:15px 5px;overflow:hidden}#ctf.ctf-boxed-style .ctf-item{padding:15px}#ctf .ctf-item:first-child{border-top:none}#ctf .ctf-item:last-of-type{border-bottom:none!important}#ctf .ctf_remaining{display:none}#ctf .ctf_more{padding:1px;border:1px solid transparent;border-radius:3px;display:inline-block;line-height:1}#ctf .ctf_more:hover{cursor:pointer;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);text-decoration:none}#ctf .ctf-header{float:left;clear:both;margin:0;padding:5px 5px 15px 5px;line-height:1.2;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#ctf .ctf-header a{float:left;display:block}#ctf .ctf-header-img{float:left;position:relative;width:48px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf .ctf-header-img img{display:block;float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf.ctf-rebranded .ctf-header-img-hover svg{margin-top:-15px;margin-left:-14px}#ctf.ctf-rebranded .ctf-header-img-hover svg path{fill:white}#ctf .ctf-author-avatar{clear:both;margin:3px 6px 0 -53px}#ctf .ctf-author-name{margin-left:6px}#ctf .ctf-author-box{margin-left:53px}#ctf .ctf-header-generic-icon,#ctf .ctf-header-img-hover{display:none;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:#1b95e0;background:rgba(27,149,224,.85);-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;z-index:999}#ctf .ctf-header-generic-icon .fa,#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover .fa,#ctf .ctf-header-img-hover svg{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-8px;font-size:20px;z-index:1000}#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover svg{margin-top:-10px;margin-left:-10px}#ctf .ctf-header-text{float:left;width:100%;padding-top:5px}#ctf .ctf-no-bio .ctf-header-text{padding-top:13px}#ctf .ctf-header a{text-decoration:none}#ctf .ctf-header-text .ctf-header-user,#ctf .ctf-header-text p{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important}#ctf .ctf-header-name{font-weight:700;margin-right:6px}#ctf .ctf-header-text .ctf-header-bio{padding:0!important;word-break:break-word}#ctf .ctf-header-text .ctf-verified{margin-right:5px}#ctf .ctf-header .ctf-header-follow{display:inline-block;padding:3px 6px;margin:0 0 0 2px;position:relative;top:-2px;background:#1b95e0;color:#fff;font-size:11px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-transition:background .6s ease-in-out;-webkit-transition:background .6s ease-in-out;-o-transition:background .6s ease-in-out;transition:background .6s ease-in-out}#ctf .ctf-header .ctf-header-follow .fa,#ctf .ctf-header .ctf-header-follow svg{margin-right:3px;font-size:12px}#ctf .ctf-header a:hover .ctf-header-follow{background:#0c7abf;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic .ctf-header-img{color:#fff;width:48px;height:48px;position:relative}#ctf .ctf-header-type-generic .ctf-header-link:hover .ctf-header-generic-icon{background:#0c7abf}#ctf .ctf-header-type-generic .ctf-header-no-bio{padding-top:9px!important;font-size:16px;font-weight:700}#ctf .ctf-header-type-generic .ctf-header-generic-icon{display:block;color:#fff;background:#1b95e0;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic:hover .ctf-header-generic-icon{display:block;opacity:1}#ctf .ctf-header .ctf-header-user{font-size:16px;line-height:1.3;-ms-word-wrap:break-word;word-break:break-word}#ctf .ctf-header .ctf-header-screenname,#ctf .ctf-header p{font-size:13px;line-height:1.3}.ctf-screenreader{text-indent:-9999px!important;display:inline-block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important}#ctf .ctf-header-text.sbi-no-info .ctf-header-user{padding-top:9px!important}#ctf .ctf-header-text.sbi-no-bio .ctf-header-counts{clear:both}#ctf .ctf-context{width:100%;padding-left:42px;margin-bottom:2px}#ctf .ctf-with-logo .ctf-context{padding-right:30px}#ctf .ctf-retweet-icon{display:inline-block;font-size:inherit;line-height:1;margin:0 5px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#ctf.ctf-super-narrow .ctf-retweet-icon{margin:0 5px 0 0}#ctf .ctf-reply-icon{display:inline-block;font-size:inherit;padding:1px 3px 3px 3px;line-height:1;margin:0 3px 0 0}#ctf .ctf-author-box{margin-left:56px}#ctf .ctf-author-avatar{width:48px;height:48px;margin:3px 6px 0 -56px;float:left;overflow:hidden;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-author-avatar img{margin:0!important;padding:0}#ctf .ctf-author-name,#ctf .ctf-author-screenname,#ctf .ctf-tweet-meta,#ctf .ctf-verified{margin-left:4px;margin-right:4px;display:inline-block}#ctf .ctf-screename-sep{margin:0 2px;display:inline-block}#ctf .ctf-author-name{font-weight:700!important;margin-top:4px}#ctf .ctf-author-box-link{color:#000;text-decoration:none;display:inline;line-height:1.5!important}#ctf .ctf-quoted-verified,#ctf .ctf-verified{color:#77c7f7;margin-left:0}#ctf .ctf-quoted-verified{margin-right:4px}#ctf .ctf-tweet-meta{display:inline-block}#ctf .ctf-replied-to-text a{font-size:inherit;color:inherit;font-weight:inherit}#ctf p.ctf-media-link,#ctf p.ctf-tweet-text{padding:0!important;margin:0!important;line-height:1.4}#ctf .ctf-tweet-actions,#ctf .ctf-tweet-content{margin-left:58px;margin-top:3px;max-width:100%}#ctf .ctf-corner-logo{display:inline-block;float:right;color:#1b95e0;font-size:24px}#ctf.ctf-narrow .ctf-corner-logo{font-size:20px}#ctf .ctf-hide-avatar .ctf-author-box,#ctf .ctf-hide-avatar .ctf-author-name,#ctf .ctf-hide-avatar .ctf-context,#ctf .ctf-hide-avatar .ctf-quoted-tweet,#ctf .ctf-hide-avatar .ctf-tweet-actions,#ctf .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-content{margin-left:0}#ctf .ctf-hide-avatar .ctf-context{padding-left:0}#ctf .ctf-header-img.ctf-no-consent,#ctf .ctf-header-img.ctf-no-consent .ctf-header-img-hover{display:block;opacity:1;height:48px}#ctf .ctf-quoted-tweet{display:block;clear:both;margin:7px 0 5px 58px;padding:8px 12px;border:1px solid #ddd;border:1px solid rgba(0,0,0,.1);text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover{background:#eee;background:rgba(0,0,0,.05);border:1px solid #ddd;border:1px solid rgba(0,0,0,.05);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-author-name{font-weight:700;margin-right:4px}#ctf .ctf-quoted-tweet p{margin:2px 0}#ctf .ctf-tweet-actions a{padding:2px 10px 2px 5px;float:left}#ctf .ctf-tweet-actions a.ctf-like,#ctf .ctf-tweet-actions a.ctf-reply,#ctf .ctf-tweet-actions a.ctf-retweet{color:#bbb;color:rgba(0,0,0,.35);text-decoration:none;border:none;-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions a span.fa,#ctf .ctf-tweet-actions a svg{width:1.1em;height:1.1em;font-size:1.1em}#ctf .ctf-tweet-actions a span.fa.fa-retweet{width:1.2em;height:1.2em;font-size:1.2em}#ctf .ctf-tweet-actions .ctf-reply{margin-left:-5px}#ctf .ctf-tweet-actions a:focus,#ctf .ctf-tweet-actions a:hover{-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions .ctf-reply:focus,#ctf .ctf-tweet-actions .ctf-reply:hover{color:#e34f0e!important}#ctf .ctf-tweet-actions .ctf-retweet:focus,#ctf .ctf-tweet-actions .ctf-retweet:hover{color:#19cf86!important}#ctf .ctf-tweet-actions .ctf-like:focus,#ctf .ctf-tweet-actions .ctf-like:hover{color:#e81c4f!important}#ctf .ctf-action-count{float:right;padding-left:3px;font-size:.9em;margin-top:.25em;line-height:1.2em}#ctf .ctf-twitterlink{margin-top:.3em;line-height:1.2em;font-size:.8em}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-tweet-text-media-wrap{margin-left:5px;padding:4px;display:inline-block;border:1px solid #ddd;border:1px solid rgba(0,0,0,.15);color:inherit;text-decoration:none;line-height:1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{background:#eee;background:rgba(0,0,0,.05);border:1px solid #ddd;border:1px solid rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}.ctf-multi-media-icon .ctf-tweet-text-media,.ctf-quoted-tweet-text .ctf-tweet-text-media{margin-left:3px}#ctf #ctf-more{display:block;border:none;background:#eee;background:rgba(0,0,0,.05);width:100%;min-height:30px;padding:5px 0;margin:0;position:relative;text-align:center;box-sizing:border-box;text-decoration:none;font:inherit;color:inherit;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more:focus-visible,#ctf .ctf_more:focus-visible{outline:2px solid #0096CC;outline-offset:2px}#ctf #ctf-more:hover{background:#ddd;background:rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more.ctf-loading span{-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}#ctf #ctf-more.ctf-loading span{opacity:0}#ctf .ctf-loader{width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:unset;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:ctf-sk-scaleout 1s infinite ease-in-out;animation:ctf-sk-scaleout 1s infinite ease-in-out}@-webkit-keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ctf-credit-link{width:100%;clear:both;padding:5px 0;margin-top:5px;text-align:center;font-size:12px}.ctf-credit-link .fa,.ctf-credit-link svg{margin-right:4px}#ctf svg{box-sizing:unset}#ctf svg:not(:root).svg-inline--fa,#ctf_lightbox svg:not(:root).svg-inline--fa{box-sizing:unset;overflow:visible;width:1em}#ctf .svg-inline--fa.fa-w-16{width:16px}#ctf .svg-inline--fa.fa-w-20{width:20px}#ctf .ctf-context .ctf-retweet-icon svg{width:1.2em;height:1.2em}#ctf .svg-inline--fa,#ctf_lightbox .svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}#ctf #ctf .ctf-photo-hover span.fa-arrows-alt,#ctf .ctf-photo-hover svg.fa-arrows-alt{display:none}#ctf.ctf-styles .ctf-author-screenname,#ctf.ctf-styles .ctf-context,#ctf.ctf-styles .ctf-screename-sep,#ctf.ctf-styles .ctf-tweet-meta{font-size:12px}#ctf .ctf-error{width:100%;text-align:center}#ctf .ctf-error code,#ctf .ctf-error iframe,#ctf .ctf-error p{padding:0;margin:0 2px}#ctf .ctf-error-user p{padding-bottom:5px}#ctf .ctf-error-user{width:100%}#ctf .ctf-error-admin{margin-top:15px;display:inline-block}#ctf .ctf-error code{display:block;padding:4px}.ctf_smash_error{border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ctf_smash_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}.ctf_smash_error span{font-size:12px}#ctf .ctf-out-of-tweets{width:100%}#ctf .ctf-out-of-tweets{display:block;border:1px solid rgba(0,0,0,.1);background:0 0;background:0 0;width:100%;min-height:30px;padding:5px 0;margin:0;position:relative;text-align:center;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-out-of-tweets iframe,#ctf .ctf-out-of-tweets p{margin:0 2px;padding:0}#ctf .ctf-out-of-tweets p{padding:3px;display:none}#ctf.ctf-narrow .ctf-author-avatar,#ctf.ctf-narrow .ctf-author-avatar img{width:38px;height:38px}#ctf.ctf-narrow .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-narrow .ctf-tweet-content{margin-left:48px}#ctf.ctf-narrow .ctf-context{margin-left:49px}#ctf.ctf-narrow .ctf-author-box{margin-left:46px}#ctf.ctf-narrow .ctf-author-avatar{margin-left:-46px}#ctf.ctf-narrow .ctf-tweet-content{padding:3px 0 5px 0}#ctf.ctf-narrow .ctf-tweet-actions{float:left;clear:both}#ctf.ctf-super-narrow .ctf-context,#ctf.ctf-super-narrow .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{margin-left:0}#ctf.ctf-super-narrow .ctf-author-box{min-height:32px;margin-bottom:2px}#ctf.ctf-super-narrow .ctf-author-avatar,#ctf.ctf-super-narrow .ctf-author-avatar img{width:32px;height:32px}#ctf.ctf-super-narrow .ctf-author-box{margin-left:38px;float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-avatar{margin-left:-38px;margin-top:0}#ctf.ctf-super-narrow .ctf-author-screenname,#ctf.ctf-super-narrow .ctf-screename-sep{display:none}#ctf.ctf-super-narrow .ctf-context{padding-bottom:5px}#ctf.ctf-super-narrow .ctf-author-name{display:inline-block}#ctf.ctf-super-narrow .ctf-tweet-content{float:left;clear:both}#ctf.ctf-super-narrow .ctf-credit-link{font-size:10px}#ctf.ctf-super-narrow .ctf-header-bio{margin:0!important;padding-top:5px}#ctf.ctf-super-narrow .ctf-header-user{min-height:48px}#ctf.ctf-super-narrow .ctf-header-text{padding-top:10px}#ctf.ctf-super-narrow .ctf-header-follow{margin-top:5px}#ctf.ctf-super-narrow .ctf-more span{display:block;margin-top:3px}@media all and (max-width:640px){#ctf.ctf-width-resp{width:100%!important}}.ctf.ctf-boxed-style[data-boxshadow=true] .ctf-item{box-shadow:0 0 10px 0 rgba(0,0,0,.15)}[data-header-size=large] .ctf-header-type-text{font-size:48px}[data-header-size=medium] .ctf-header-type-text{font-size:42px}[data-header-size=small] .ctf-header-type-text{font-size:36px}#ctf.ctf-list.ctf-boxed-style .ctf-header,.ctf-list.ctf-boxed-style .ctf-item{margin-bottom:25px}#ctf .ctf-header-text{float:left;width:100%;padding-top:5px}#ctf .ctf-no-bio .ctf-header-text{padding-top:13px}#ctf .ctf-header a{text-decoration:none}#ctf .ctf-header-text .ctf-header-user,#ctf .ctf-header-text p{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important;text-align:left}#ctf .ctf-header-name{font-weight:700;margin-right:6px}#ctf .ctf-header-text .ctf-header-bio{padding:0!important;word-break:break-word}#ctf .ctf-header-text .ctf-verified{margin-right:5px}#ctf.ctf_palette_light .ctf-author-name,#ctf.ctf_palette_light .ctf-header-name,#ctf.ctf_palette_light .ctf-header-type-text,#ctf.ctf_palette_light .ctf-tweet-text{color:#444}#ctf.ctf_palette_light .ctf-author-screenname,#ctf.ctf_palette_light .ctf-header-bio,#ctf.ctf_palette_light .ctf-header-counts{color:#444}#ctf.ctf_palette_light .ctf-tweet-text a{color:inherit}#ctf.ctf_palette_light .ctf-item{background:0 0}#ctf.ctf_palette_light .ctf-corner-logo{color:#1b95e0}#ctf.ctf_palette_light .ctf-verified{color:#77c7f7}#ctf.ctf_palette_light .ctf-more{background:rgba(0,0,0,.5);color:#444}#ctf.ctf_palette_light .ctf-tweet-actions a{color:#444}#ctf.ctf_palette_dark{background:#20222c}#ctf.ctf_palette_dark.ctf.ctf-boxed-style .ctf-item{background:rgba(255,255,255,.1)!important}#ctf.ctf_palette_dark .ctf-author-name,#ctf.ctf_palette_dark .ctf-header-name,#ctf.ctf_palette_dark .ctf-header-type-text,#ctf.ctf_palette_dark .ctf-tweet-text{color:#fff}#ctf.ctf_palette_dark .ctf-author-screenname,#ctf.ctf_palette_dark .ctf-header-bio,#ctf.ctf_palette_dark .ctf-header-counts{color:#fff}#ctf.ctf_palette_dark .ctf-tweet-text a{color:inherit}#ctf.ctf_palette_dark .ctf-item{background:0 0}#ctf.ctf_palette_dark .ctf-corner-logo{color:#1b95e0}#ctf.ctf_palette_dark .ctf-verified{color:#77c7f7}#ctf.ctf_palette_dark .ctf-more{background:rgba(255,255,255,.2);color:#fff}#ctf.ctf_palette_dark .ctf-tweet-actions a{color:rgba(255,255,255,.8)}.ctf-rebranded .ctf-header-follow svg{width:13px;height:13px;transform:translate(3px,2px)}.ctf-rebranded .ctf-header-follow svg path{fill:white}#ctf .ctf-item[tabindex="-1"]:focus,#ctf .ctf-out-of-tweets[tabindex="-1"]:focus,#ctf .ctf_remaining[tabindex="-1"]:focus{outline:0;box-shadow:none}.wmvp-videos-block { position: relative; } .wmvp-videos-block-inner { border: var(--wmvp-playlist-outer-border); overflow: hidden; position: relative; } /** * Shortcoes */ .wmvp-video-playlist-shortcode { margin-bottom: 2em; } /** * Video Section */ .wmvp-video-player-wrapper { background-color: #000; position: relative; flex: 2 1 0; min-width: 500px; max-width: 100%; } .wmvp-video-player { position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; } .wmvp-video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; } /** * Next Videos List */ .wmvp-playlist-nav-wrapper { overflow: hidden; position: relative; flex: 1 1 0; min-width: 300px; } /** * Video Thumbnail */ .wmvp-video-thumbnail { flex: 0 0 100px; } .wmvp-video-thumbnail img { width: 100px; height: 60px; object-fit: cover; } .wmvp-thumbnail-round .wmvp-video-thumbnail img { border-radius: 8px; } .wmvp-thumbnail-circle .wmvp-video-thumbnail { flex: 0 0 70px; } .wmvp-thumbnail-circle .wmvp-video-thumbnail img { border-radius: 100%; width: 70px; height: 70px; } /** * Video Section */ .wmvp-playlist-head-section { background: var(--wmvp-playlist-head-bg); color: var(--wmvp-playlist-head-color); padding: 15px; z-index: 2; position: relative; } .wmvp-playlist-head-section a { color: var(--wmvp-playlist-head-color); } .wmvp-playlist-head-section a:hover { color: var(--wmvp-playlist-head-color); } .wmvp-playlist-head-section-inner { display: flex; align-items: center; gap: 15px; } .wmvp-playlist-title { font-size: 16px; line-height: 1.3; font-weight: 600; } .wmvp-head-videos-number { margin-top: 5px; font-size: 11px; } .wmvp-video-playlist-nav { background: var(--wmvp-playlist-bg); overflow-x: hidden; scrollbar-width: thin; overflow-y: scroll; } .wmvp-video-playlist-nav::-webkit-scrollbar { width: 5px; } .wmvp-video-playlist-nav::-webkit-scrollbar-track { background: transparent; } .wmvp-video-playlist-nav::-webkit-scrollbar-thumb { border-radius: 20px; background: rgba(0, 0, 0, 0.2); } .dark-skin .wmvp-video-playlist-nav::-webkit-scrollbar-thumb { background: rgb(0, 0, 0); } /** * Single Video Nev item */ .wmvp-video-playlist-item { padding: 12px; overflow: hidden; cursor: pointer; border-bottom: 1px solid var(--wmvp-playlist-inner-border-color); background: var(--wmvp-playlist-bg); color: var(--wmvp-playlist-color); transition: 0.3s; display: flex; gap: 10px; } .wmvp-video-playlist-item:last-of-type { border-bottom: 0; } .wmvp-video-title { font-size: 14px; font-weight: bold; } .wmvp-video-info { flex-grow: 1; } .wmvp-video-playlist-item:hover, .wmvp-is-playing { background: var(--wmvp-current-video-bg); color: var(--wmvp-current-video-color); } .wmvp-video-status svg { width: 10px; fill: var(--wmvp-playlist-color); } .wmvp-video-status > div { width: 15px; } .wmvp-video-number { font-size: 90%; visibility: hidden; text-wrap: nowrap; } .wmvp-has-numbers .wmvp-video-number { visibility: visible; } .wmvp-video-playlist-item.wmvp-is-playing .wmvp-video-number, .wmvp-video-playlist-item.wmvp-is-paused .wmvp-video-number, .wmvp-video-paused-icon, .wmvp-video-play-icon { display: none; } .wmvp-video-playlist-item.wmvp-is-playing .wmvp-video-play-icon, .wmvp-video-playlist-item.wmvp-is-paused .wmvp-video-paused-icon { display: block; } /** * Video Meta */ .wmvp-video-meta { font-size: 12px; margin-top: 5px; display: flex; gap: 10px; } /** * Ajax Loader */ .wmvp-loader-overlay { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); } .wmvp-spinner-circle { width: 48px; height: 48px; border: 5px solid #fff; border-bottom-color: transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: wmvp-rotation 1s linear infinite; } @keyframes wmvp-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /** * Default Layout * Vertical */ .wmvp-layout-vertical .wmvp-videos-block-inner { display: flex; flex-wrap: wrap; } .wmvp-layout-vertical .wmvp-playlist-nav-wrapper { min-height: 300px; } .wmvp-layout-vertical .wmvp-video-playlist-nav { position: absolute; left: 0; width: 100%; height: 100%; } .wmvp-layout-vertical.wmvp-playlist-has-title .wmvp-video-playlist-nav { padding-bottom: 80px; }@keyframes aslAnFadeInDrop { 0% { opacity: 0; transform: translate(0, -50px); } 100% { opacity: 1; transform: translate(0, 0); } } @-webkit-keyframes aslAnFadeInDrop { 0% { opacity: 0; transform: translate(0, -50px); -webkit-transform: translate(0, -50px); } 100% { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); } } @keyframes aslAnFadeOutDrop { 0% { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); } 100% { opacity: 0; transform: translate(0, -50px); -webkit-transform: translate(0, -50px); } } @-webkit-keyframes aslAnFadeOutDrop { 0% { opacity: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); } 100% { opacity: 0; transform: translate(0, -50px); -webkit-transform: translate(0, -50px); } } .hiddend { display: none !important; } div.asl_w.asl_an_fadeInDrop, div.asl_w.asl_an_fadeOutDrop { -webkit-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } div.asl_w.asl_an_fadeInDrop { animation-name: aslAnFadeInDrop; -webkit-animation-name: aslAnFadeInDrop; } div.asl_w.asl_an_fadeOutDrop { animation-name: aslAnFadeOutDrop; -webkit-animation-name: aslAnFadeOutDrop; } div.asl_w.asl_main_container { transition: width 130ms linear; -webkit-transition: width 130ms linear; } div.asl_w, div.asl_w *, div.asl_r, div.asl_r *, div.asl_s, div.asl_s * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; padding: 0; margin: 0; border: 0; border-radius: 0; text-transform: none; text-shadow: none; box-shadow: none; text-decoration: none; text-align: left; letter-spacing: normal; } div.asl_r, div.asl_r * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } div.asl_r { box-sizing: border-box; margin: 12px 0 0 0; } div.asl_m .proinput input::-ms-clear { display: none !important; width: 0 !important; height: 0 !important; } div.asl_m .proinput input::-ms-reveal { display: none !important; width: 0 !important; height: 0 !important; } div.asl_m input[type="search"]::-webkit-search-decoration, div.asl_m input[type="search"]::-webkit-search-cancel-button, div.asl_m input[type="search"]::-webkit-search-results-button, div.asl_m input[type="search"]::-webkit-search-results-decoration { display: none; } div.asl_m input[type="search"] { appearance: auto !important; -webkit-appearance: none !important; } .clear { clear: both; } .hiddend { display: none; } div.asl_m textarea:focus, div.asl_m input:focus { outline: none; } div.asl_m { width: 100%; height: auto; border-radius: 0; background: rgba(255, 255, 255, 0); overflow: hidden; position: relative; z-index: 200; } div.asl_m .probox { width: auto; border-radius: 5px; background: #fff; overflow: hidden; border: 1px solid #fff; box-shadow: 1px 0 3px #ccc inset; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; } div.asl_m .probox .proinput { width: 1px; height: 100%; margin: 0 0 0 10px; padding: 0 5px; float: left; box-shadow: none; position: relative; flex: 1 1 auto; -webkit-flex: 1 1 auto; order: 5; -webkit-order: 5; } div.asl_m .probox .proinput form { height: 100%; /* some themes like to add un-removable margin and padding.. */ margin: 0 !important; padding: 0 !important; display: block !important; max-width: unset !important; } div.asl_m .probox .proinput input:before, div.asl_m .probox .proinput input:after, div.asl_m .probox .proinput form:before, div.asl_m .probox .proinput form:after { display: none; } div.asl_m .probox .proinput input { height: 28px; border: 0; background: transparent; width: 100%; box-shadow: none; margin: -1px; padding: 0; left: 0; line-height: normal !important; display: block; min-height: unset; max-height: unset; } div.asl_m .probox .proinput input::-webkit-input-placeholder { opacity: .85; } div.asl_m .probox .proinput input::-moz-placeholder { opacity: .85; } div.asl_m .probox .proinput input:-ms-input-placeholder { opacity: .85; } div.asl_m .probox .proinput input:-moz-placeholder { opacity: .85; } div.asl_m .proinput input.orig { padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; background-color: transparent !important; box-shadow: none !important; z-index: 10; position: relative; } div.asl_m .proinput input.autocomplete { padding: 0 !important; margin: 0; background: transparent !important; border: none !important; background-color: transparent !important; box-shadow: none !important; opacity: .2; } div.asl_m .probox .proinput input.autocomplete { border: 0; background: transparent; width: 100%; box-shadow: none; margin: 0; margin-top: -28px !important; padding: 0; left: 0; position: relative; z-index: 9; } div.asl_m .probox .proinput.iepaddingfix { padding-top: 0; } div.asl_m .probox .proinput .loading { width: 32px; background: #000; height: 100%; box-shadow: none; } div.asl_m .probox .proloading, div.asl_m .probox .proclose, div.asl_m .probox .promagnifier, div.asl_m .probox .prosettings { width: 20px; height: 20px; background: none; background-size: 20px 20px; float: right; box-shadow: none; margin: 0; padding: 0; text-align: center; flex: 0 0 auto; -webkit-flex: 0 0 auto; z-index: 100; } div.asl_m .probox .promagnifier { order: 10; -webkit-order: 10; } div.asl_m .probox .prosettings { order: 1; -webkit-order: 1; } div.asl_m .probox .proloading, div.asl_m .probox .proclose { background-position: center center; display: none; background-size: auto; background-repeat: no-repeat; background-color: transparent; order: 6; -webkit-order: 6; } div.asl_m .probox .proclose { position: relative; cursor: pointer; } div.asl_m .probox .promagnifier .innericon, div.asl_m .probox .prosettings .innericon, div.asl_m .probox .proclose .innericon { background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; background-color: transparent; width: 100%; height: 100%; text-align: center; overflow: hidden; line-height: initial; display: block; } div.asl_m .probox .promagnifier .innericon svg, div.asl_m .probox .prosettings .innericon svg, div.asl_m .probox .proloading svg { height: 100%; width: 22px; vertical-align: baseline; display: inline-block; } div.asl_m .probox .proloading { padding: 2px; box-sizing: border-box; } div.asl_m .probox div.asl_loader, div.asl_m .probox div.asl_loader * { box-sizing: border-box !important; margin: 0; padding: 0; box-shadow: none; } div.asl_m .probox div.asl_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 0; flex-shrink: 0; flex-basis: 28px; max-width: 100%; max-height: 100%; width: 100%; height: 100%; align-items: center; justify-content: center; } div.asl_m .probox div.asl_loader-inner { width: 100%; margin: 0 auto; text-align: center; height: 100%; } @-webkit-keyframes rotate-simple { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-simple { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } div.asl_m .probox div.asl_simple-circle { margin: 0; height: 100%; width: 100%; animation: rotate-simple .8s infinite linear; -webkit-animation: rotate-simple .8s infinite linear; border: 4px solid #fff; border-right-color: transparent !important; border-radius: 50%; box-sizing: border-box; } div.asl_m .probox .proclose svg { background: #333; border-radius: 50%; position: absolute; top: 50%; width: 20px; height: 20px; margin-top: -10px; left: 50%; margin-left: -10px; fill: #fefefe; padding: 4px; box-sizing: border-box; box-shadow: 0 0 0 2px rgba(255, 255, 255, .9); } div.asl_r * { text-decoration: none; text-shadow: none; } div.asl_r .results .asl_nores { overflow: hidden; width: auto; height: 100%; line-height: initial; text-align: center; margin: 0; background: #fff; padding: 10px 3px; color: #222; } div.asl_r.horizontal { padding: 2px 0 10px; } div.asl_r.horizontal .results .nores { background: transparent; } div.asl_r .results { overflow: hidden; width: auto; height: 0; margin: 0; padding: 0; } div.asl_r.horizontal .results { height: auto; width: auto; } div.asl_r .results .item { overflow: hidden; width: auto; margin: 0; padding: 3px; position: relative; background: #f4f4f4; border-left: 1px solid rgba(255, 255, 255, .6); border-right: 1px solid rgba(255, 255, 255, .4); animation-delay: 0s; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease; backface-visibility: hidden; -webkit-animation-delay: 0s; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease; -webkit-backface-visibility: hidden; } div.asl_r.vertical .results .item:last-child { margin-bottom: 0; } div.asl_r.vertical .results .item:last-child:after { height: 0; margin: 0; width: 0; } div.asl_r .results .item .asl_image { overflow: hidden; background: transparent; margin: 2px 8px 0 0; padding: 0; float: left; background-position: center; background-size: cover; } div.asl_r .results .item .asl_image img { width: 100%; height: 100%; } div.asl_r .results .item .asl_content { overflow: hidden; height: auto; background: transparent; margin: 0; padding: 3px 3px 5px 3px; } div.asl_r .results .item .asl_content h3 { margin: 0; padding: 0; display: inline; line-height: inherit; } div.asl_r .results .item .asl_content .asl_desc { margin-top: 4px; font-size: 12px; line-height: 18px; } div.asl_r .results .item div.etc { margin-top: 4px; } div.asl_r .results a span.overlap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } div.asl_r p.showmore { text-align: center; padding: 0; margin: 0; font-weight: normal; font-family: Open Sans; color: #055e94; font-size: 12px; line-height: 30px; text-shadow: 0 0 0 rgba(255, 255, 255, 0); background-color: #fff; margin-top: 3px; cursor: pointer; } div.asl_r p.showmore span { font-weight: normal; font-family: Open Sans; color: #055e94; font-size: 12px; line-height: 30px; text-shadow: 0 0 0 rgba(255, 255, 255, 0); display: block; text-align: center; cursor: pointer; } .results .asl_nores .asl_keyword { padding: 0 6px; cursor: pointer; font-weight: bold; font-family: Open Sans; } div.asl_r .resdrg { height: auto; } div.asl_w .group:first-of-type { margin: 0 0 -3px; } div.asl_s.searchsettings { width: 200px; height: auto; position: absolute; display: none; z-index: 1101; border-radius: 0 0 3px 3px; visibility: hidden; padding: 0; } div.asl_s.searchsettings form { display: flex; flex-wrap: wrap; margin: 0 0 12px 0 !important; padding: 0 !important; } div.asl_s.searchsettings .asl_option_inner { margin: 2px 10px 0 10px; *padding-bottom: 10px; } div.asl_s.searchsettings.ie78 .asl_option_inner { margin-bottom: 0 !important; padding-bottom: 0 !important; } div.asl_s.searchsettings .asl_option_label { font-size: 14px; line-height: 20px !important; margin: 0; width: 150px; text-shadow: none; padding: 0; min-height: 20px; border: none; background: transparent; float: none; } div.asl_s.searchsettings .asl_option_inner input[type=checkbox] { display: none !important; } div.asl_s.searchsettings.ie78 .asl_option_inner input[type=checkbox] { display: block; } div.asl_s.searchsettings.ie78 .asl_option_label { float: right !important; } div.asl_s.searchsettings .asl_option { display: flex; flex-direction: row; -webkit-flex-direction: row; align-items: flex-start; margin: 0 0 10px 0; cursor: pointer; } div.asl_s.searchsettings .asl_option.asl-o-last, div.asl_s.searchsettings .asl_option:last-child { margin-bottom: 0; } div.asl_s.searchsettings .asl_option_inner { width: 17px; height: 17px; position: relative; flex-grow: 0; -webkit-flex-grow: 0; flex-shrink: 0; -webkit-flex-shrink: 0; } div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox { cursor: pointer; position: absolute; width: 17px; height: 17px; top: 0; padding: 0; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2); overflow: hidden; font-size: 0 !important; color: rgba(0, 0, 0, 0); } /* MODERN BROWSER SCROLL START */ div.asl_r.vertical .results, div.asl_s.searchsettings .asl_sett_scroll { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.5) transparent; } div.asl_r.vertical .results { scrollbar-color: rgba(0, 0, 0, 0.5) rgb(255,255,255); } div.asl_r.vertical .results::-webkit-scrollbar { width: 10px; } div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar { width: 6px; } div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-track { background: transparent; box-shadow: inset 0 0 12px 12px transparent; border: none; } div.asl_r.vertical .results::-webkit-scrollbar-track { background: rgb(255, 255, 255); box-shadow: inset 0 0 12px 12px transparent; border: solid 2px transparent; } div.asl_r.vertical .results::-webkit-scrollbar-thumb, div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb { background: transparent; box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0); border: solid 2px transparent; border-radius: 12px; } div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb { border: none; } div.asl_r.vertical:hover .results::-webkit-scrollbar-thumb, div.asl_s.searchsettings:hover .asl_sett_scroll::-webkit-scrollbar-thumb { box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5); } @media (hover: none), (max-width: 500px) { div.asl_r.vertical .results::-webkit-scrollbar-thumb, div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb { box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5); } } /* MODERN BROWSER SCROLL END */ div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:after { opacity: 0; font-family: 'aslsicons2'; content: "\e800"; font-weight: normal !important; background: transparent; border: none !important; box-sizing: content-box; color: #fff; height: 100%; width: 100%; padding: 0 !important; margin: 1px 0 0 0 !important; line-height: 17px; text-align: center; text-decoration: none; text-shadow: none; display: block; font-size: 11px !important; position: absolute; top: 0; left: 0; z-index: 1; } div.asl_s.searchsettings.ie78 .asl_option_inner .asl_option_checkbox:after { display: none; } div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:hover::after { opacity: .3; } div.asl_s.searchsettings .asl_option_inner input[type=checkbox]:checked+.asl_option_checkbox:after { opacity: 1; } div.asl_s.searchsettings fieldset { position: relative; float: left; } div.asl_s.searchsettings fieldset { background: transparent; font-size: .9em; margin: 12px 0 0 !important; padding: 0; width: 192px; } div.asl_s.searchsettings fieldset .asl_option_label { width: 130px; display: block; } div.asl_s.searchsettings form fieldset legend { padding: 5px 0 8px 10px; } #asl_hidden_data { display: none !important; } .asl_r .item { /* To override .overlap */ .asl__af-tt-container { position: relative; z-index: 2; .asl__af-tt-link { transition: opacity 0.2s; &:hover { opacity: 0.7; } } } .average-rating { --percent: 0%; --color: #2EA3F2; --bg-color: rgba(0,0,0,0.2); --size: 17px; position: relative; appearance: none; width: auto; display: inline-block; vertical-align: baseline; font-size: var(--size); line-height: calc(var(--size) - 15%); color: var(--bg-color); background: linear-gradient(90deg, var(--color) var(--percent), var(--bg-color) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } .asl_r .item { .price { --regular-price-color: #666; --sale_price_color: #666; color: var(--regular-price-color); del { opacity: .5; display: inline-block; text-decoration: line-through; color: var(--regular-price-color); } ins { margin-left: 0.5em; text-decoration: none; font-weight: 700; display: inline-block; color: var(--sale_price_color); } } .add-to-cart-container { display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 10; width: 100%; margin: 12px 0; .add-to-cart-quantity { padding: 8px 0 8px 8px; background: #eaeaea; width: 32px; border-radius: 4px 0 0 4px; height: 18px; min-height: unset; display: inline-block; font-size: 13px; line-height: normal; } .add-to-cart-button { padding: 8px; border-radius: 4px; background: #6246d7; color: white; height: 18px; min-height: unset; display: block; text-align: center; min-width: 90px; font-size: 13px; line-height: normal; &.add-to-cart-variable { border-radius: 4px; } &.loading { content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } } a.added_to_cart { flex-basis: 100%; margin-top: 8px; } } .add-to-cart-container:has(.add-to-cart-quantity) { .add-to-cart-button { border-radius: 0 4px 4px 0; } } } .rtl .asl_content, .rtl .asl_nores, .rtl .asl_content *, .rtl .asl_nores *, .rtl .searchsettings form { text-align: right !important; direction: rtl !important; } .rtl .asl_nores>* { display: inline-block; } .rtl div.asl_r .results .item .asl_image { float: right; margin: 2px 0 0 8px; } .rtl .searchsettings .asl_option { flex-direction: row-reverse !important; -webkit-flex-direction: row-reverse !important; } .rtl .asl_option { direction: ltr; } .rtl .asl_label, .rtl .asl_option div.asl_option_label { text-align: right !important; } .rtl .asl_label { max-width: 1000px !important; width: 100%; direction: rtl !important; } .rtl .asl_label input[type=radio] { margin: 0 0 0 6px !important; } .rtl .asl_option_cat_level-0 div.asl_option_label { font-weight: bold !important; } .rtl fieldset .asl_option_cat_level-1 { margin-right: 12px !important; margin-left: 0; } .rtl fieldset .asl_option_cat_level-2 { margin-right: 24px !important; margin-left: 0; } .rtl fieldset .asl_option_cat_level-3 { margin-right: 36px !important; margin-left: 0; } .rtl .searchsettings legend { text-align: right !important; display: block; width: 100%; } .rtl .searchsettings input[type=text], .rtl .searchsettings select { direction: rtl !important; text-align: right !important; } .rtl div.asl_w.asl_s.searchsettings form, .rtl div.asl_w.asl_sb.searchsettings form { flex-direction: row-reverse !important; } .rtl div.horizontal.asl_r div.item { float: right !important; } .rtl p.asl-try { direction: rtl; text-align: right; margin-right: 10px; width: auto !important; } div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label { font-size: 0px !important; color: rgba(0, 0, 0, 0); } div[id*='ajaxsearchlitesettings'].searchsettings .asl_option_inner label:after { font-size: 11px !important; position: absolute; top: 0; left: 0; z-index: 1; } .asl_w_container { width: 50%; margin: 0 25% 25% 0; min-width: 200px; } div[id*='ajaxsearchlite'].asl_m { width: 100%; } div[id*='ajaxsearchliteres'].wpdreams_asl_results div.resdrg span.highlighted { font-weight: bold; color: rgb(123, 217, 43); background-color: rgba(238, 238, 238, 1); } div[id*='ajaxsearchliteres'].wpdreams_asl_results .results img.asl_image { width: 70px; height: 70px; object-fit: cover; } div[id*='ajaxsearchlite'].asl_r .results { max-height: none; } div[id*='ajaxsearchlite'].asl_r { position: absolute; } .asl_w, .asl_w * {font-family:"Amiri" !important;} .asl_m input[type=search]::placeholder{font-family:"Amiri" !important;} .asl_m input[type=search]::-webkit-input-placeholder{font-family:"Amiri" !important;} .asl_m input[type=search]::-moz-placeholder{font-family:"Amiri" !important;} .asl_m input[type=search]:-ms-input-placeholder{font-family:"Amiri" !important;} div.asl_r.asl_w.vertical .results .item::after { display: block; position: absolute; bottom: 0; content: ''; height: 1px; width: 100%; background: #D8D8D8; } div.asl_r.asl_w.vertical .results .item.asl_last_item::after { display: none; } body { direction: rtl; text-align: right; } input, textarea { direction: rtl; text-align: right; } ::-webkit-input-placeholder { text-align: right; } :-moz-placeholder { text-align: right; } ::-moz-placeholder { text-align: right; } :-ms-input-placeholder { text-align: right; } <\/head>

مرحبا! هذا نص تجريبي.<\/p>