:root{ --ck-color-mention-background:rgba(153,0,48,.1);--ck-color-mention-text:#990030 --ck-highlight-marker-yellow:#fdfd77;--ck-highlight-marker-green:#62f962;--ck-highlight-marker-pink:#fc7899;--ck-highlight-marker-blue:#72ccfd;--ck-highlight-pen-red:#e71313;--ck-highlight-pen-green:#128a00; --ck-image-style-spacing:1.5em;--ck-inline-image-style-spacing:calc(var(--ck-image-style-spacing)/2); --ck-todo-list-checkmark-size:16px; --ck-color-image-caption-background:#f7f7f7;--ck-color-image-caption-text:#333; }
 .ck-content .mention{background:var(--ck-color-mention-background);color:var(--ck-color-mention-text)}
 .ck-content code{background-color:hsla(0,0%,78%,.3);border-radius:2px;padding:.15em}
 .ck-content blockquote{border-left:5px solid #ccc;font-style:italic;margin-left:0;margin-right:0;overflow:hidden;padding-left:1.5em;padding-right:1.5em}
 .ck-content[dir=rtl] blockquote{border-left:0;border-right:5px solid #ccc}
 .ck-content pre{background:hsla(0,0%,78%,.3);border:1px solid #c4c4c4;border-radius:2px;color:#353535;direction:ltr;font-style:normal;min-width:200px;padding:1em;tab-size:4;text-align:left;white-space:pre-wrap}
 .ck-content pre code{background:unset;border-radius:0;padding:0}
 .ck-content .text-tiny{font-size:.7em}
 .ck-content .text-small{font-size:.85em}
 .ck-content .text-big{font-size:1.4em}
 .ck-content .text-huge{font-size:1.8em}
 .ck-content .marker-yellow{background-color:var(--ck-highlight-marker-yellow)}
 .ck-content .marker-green{background-color:var(--ck-highlight-marker-green)}
 .ck-content .marker-pink{background-color:var(--ck-highlight-marker-pink)}
 .ck-content .marker-blue{background-color:var(--ck-highlight-marker-blue)}
 .ck-content .pen-red{background-color:transparent;color:var(--ck-highlight-pen-red)}
 .ck-content .pen-green{background-color:transparent;color:var(--ck-highlight-pen-green)}
 .ck-content hr{background:#dedede;border:0;height:4px;margin:15px 0}
 .ck-content .image>figcaption{background-color:var(--ck-color-image-caption-background);caption-side:bottom;color:var(--ck-color-image-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;word-break:break-word}
 @media (forced-colors:active){.ck-content .image>figcaption{background-color:unset;color:unset}
 }
 .ck-content img.image_resized{height:auto}
 .ck-content .image.image_resized{box-sizing:border-box;display:block;max-width:100%}
 .ck-content .image.image_resized img{width:100%}
 .ck-content .image.image_resized>figcaption{display:block}
 .ck-content .image.image-style-block-align-left,.ck-content .image.image-style-block-align-right{max-width:calc(100% - var(--ck-image-style-spacing))}
 .ck-content .image.image-style-align-left,.ck-content .image.image-style-align-right{clear:none}
 .ck-content .image.image-style-side{float:right;margin-left:var(--ck-image-style-spacing);max-width:50%}
 .ck-content .image.image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}
 .ck-content .image.image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}
 .ck-content .image.image-style-block-align-right{margin-left:auto;margin-right:0}
 .ck-content .image.image-style-block-align-left{margin-left:0;margin-right:auto}
 .ck-content .image-style-align-center{margin-left:auto;margin-right:auto}
 .ck-content .image-style-align-left{float:left;margin-right:var(--ck-image-style-spacing)}
 .ck-content .image-style-align-right{float:right;margin-left:var(--ck-image-style-spacing)}
 .ck-content p+.image.image-style-align-left,.ck-content p+.image.image-style-align-right,.ck-content p+.image.image-style-side{margin-top:0}
 .ck-content .image-inline.image-style-align-left,.ck-content .image-inline.image-style-align-right{margin-bottom:var(--ck-inline-image-style-spacing);margin-top:var(--ck-inline-image-style-spacing)}
 .ck-content .image-inline.image-style-align-left{margin-right:var(--ck-inline-image-style-spacing)}
 .ck-content .image-inline.image-style-align-right{margin-left:var(--ck-inline-image-style-spacing)}
 .ck-content .image{clear:both;display:table;margin:.9em auto;min-width:50px;text-align:center}
 .ck-content .image img{display:block;height:auto;margin:0 auto;max-width:100%;min-width:100%}
 .ck-content .image-inline{align-items:flex-start;display:inline-flex;max-width:100%}
 .ck-content .image-inline picture{display:flex}
 .ck-content .image-inline img,.ck-content .image-inline picture{flex-grow:1;flex-shrink:1;max-width:100%}
 .ck-content ol{list-style-type:decimal}
 .ck-content ol ol{list-style-type:lower-latin}
 .ck-content ol ol ol{list-style-type:lower-roman}
 .ck-content ol ol ol ol{list-style-type:upper-latin}
 .ck-content ol ol ol ol ol{list-style-type:upper-roman}
 .ck-content ul{list-style-type:disc}
 .ck-content ul ul{list-style-type:circle}
 .ck-content ul ul ul,.ck-content ul ul ul ul{list-style-type:square}
 .ck-content .todo-list{list-style:none}
 .ck-content .todo-list li{margin-bottom:5px;position:relative}
 .ck-content .todo-list li .todo-list{margin-top:5px}
 .ck-content .todo-list .todo-list__label>input{-webkit-appearance:none;border:0;display:inline-block;height:var(--ck-todo-list-checkmark-size);left:-25px;margin-left:0;margin-right:-15px;position:relative;right:0;vertical-align:middle;width:var(--ck-todo-list-checkmark-size)}
 .ck-content[dir=rtl] .todo-list .todo-list__label>input{left:0;margin-left:-15px;margin-right:0;right:-25px}
 .ck-content .todo-list .todo-list__label>input:before{border:1px solid #333;border-radius:2px;box-sizing:border-box;content:"";display:block;height:100%;position:absolute;transition:box-shadow .25s ease-in-out;width:100%}
 @media (prefers-reduced-motion:reduce){.ck-content .todo-list .todo-list__label>input:before{transition:none}
 }
 .ck-content .todo-list .todo-list__label>input:after{border-color:transparent;border-style:solid;border-width:0 calc(var(--ck-todo-list-checkmark-size)/8) calc(var(--ck-todo-list-checkmark-size)/8) 0;box-sizing:content-box;content:"";display:block;height:calc(var(--ck-todo-list-checkmark-size)/2.6);left:calc(var(--ck-todo-list-checkmark-size)/3);pointer-events:none;position:absolute;top:calc(var(--ck-todo-list-checkmark-size)/5.3);transform:rotate(45deg);width:calc(var(--ck-todo-list-checkmark-size)/5.3)}
 .ck-content .todo-list .todo-list__label>input[checked]:before{background:#26ab33;border-color:#26ab33}
 .ck-content .todo-list .todo-list__label>input[checked]:after{border-color:#fff}
 .ck-content .todo-list .todo-list__label .todo-list__label__description{vertical-align:middle}
 .ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox]{position:absolute}
 .ck-content .media{clear:both;display:block;margin:.9em 0;min-width:15em}
 .ck-content .page-break{align-items:center;clear:both;display:flex;justify-content:center;padding:5px 0;position:relative}
 .ck-content .page-break:after{border-bottom:2px dashed #c4c4c4;content:"";position:absolute;width:100%}
 .ck-content .page-break__label{background:#fff;border:1px solid #c4c4c4;border-radius:2px;box-shadow:2px 2px 1px rgba(0,0,0,.15);color:#333;display:block;font-family:Helvetica,Arial,Tahoma,Verdana,Sans-Serif;font-size:.75em;font-weight:700;padding:.3em .6em;position:relative;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}
 @media print{.ck-content .page-break{padding:0}
 .ck-content .page-break:after{display:none}
 .ck-content :has(+.page-break){margin-bottom:0}
 }
 .ck-content .table{display:table;margin:.9em auto}
 .ck-content .table table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;height:100%;width:100%}
 .ck-content .table table td,.ck-content .table table th{border:1px solid #bfbfbf;min-width:2em;padding:.4em}
 .ck-content .table table th{background:rgba(0,0,0,.05);font-weight:700}
 @media print{.ck-content .table table{height:auto}
 }
 .ck-content[dir=rtl] .table th{text-align:right}
 .ck-content[dir=ltr] .table th{text-align:left}
 :root{--ck-color-selector-caption-background:#f7f7f7;--ck-color-selector-caption-text:#333}
 .ck-content .table>figcaption{background-color:var(--ck-color-selector-caption-background);caption-side:top;color:var(--ck-color-selector-caption-text);display:table-caption;font-size:.75em;outline-offset:-1px;padding:.6em;text-align:center;word-break:break-word}
 @media (forced-colors:active){.ck-content .table>figcaption{background-color:unset;color:unset}
 }
 .ck-content .table .ck-table-resized{table-layout:fixed}
 .ck-content .table table{overflow:hidden}
 .ck-content .table td,.ck-content .table th{overflow-wrap:break-word;position:relative}
 /* CARDS */ .cardsrow{ display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:6px 0;justify-content:center;align-items:center; >*{ padding:8px; margin:0 !important; box-shadow:var(--shdow); border-radius:8px; list-style:none; background:#fff; img{border-radius:6px; height:auto; }
 ul>* { flex-grow: 1; box-shadow: none; background: rgba(0,0,0,0.04); }
 }
 &[justify],&.justify>*{flex-grow:1;}
 }
 .page_view:not(.trans) .cardsrow>*{background: var(--nav_color);color: var(--nav_txt_color);}
 /* .cardslider { position: relative; margin: 30px 0; list-style: none; min-width: 300px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
 .cardslider>li{margin: 0;min-width: 60%;height: 320px;text-align: justify;background-color: #fff;border-radius: 10px;padding: 0;overflow: hidden;transition: 0.5s;box-shadow: var(--shdow);display: flex; align-items: center; justify-content: center; flex-direction: column;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;text-align: center;align-items: center;justify-content: center;}
 .cardslider>li>*{width: 100%;height: 100%;align-items: center; display: flex; justify-content: center;}
 .cardslider img{height: auto;object-fit: cover;}
 */ /*TITLES*/ post,.page_view,.ck-content{ h1 {font-size: 2.5rem;font-weight: 700;color: var(--nav_txt_color);margin: 0 0 0.5rem 0;padding-bottom: 0.75rem;border-bottom: 2px solid var(--imp_btn_color);position: relative;border-radius:0 !important;}
 h1::after {content: '';position: absolute;bottom: -4px;right: 1em;width: 60px;height: 6px;background: var(--link_color);border-radius: 5px;}
 h2 {font-size: 1.5em;font-weight: 600;color: var(--nav_txt_color);margin: 0.5rem 0 1rem 0;padding-right: 1rem;position: relative;}
 h2::before {content: '';position: absolute;right: 0;top: 0;width: 5px;height: 100%;background: var(--link_color);transition: opacity 0.3s ease;border-radius:10px;}
 h3 {font-size: 1.3em;font-weight: 600;color: var(--nav_txt_color);margin: 1.5rem 0 0.75rem 0;padding: 0.5rem 1rem;background: var(--nav_color);border-radius: var(--border-radius);}
 h3:hover {border-right-color: var(--link_color);background: #f5f5f5;}
 h4 {font-size: 1.25rem;font-weight: 600;color: var(--nav_txt_color);margin: 1.25rem 0 0.5rem 0;position: relative;padding-right: 1.5rem;}
 h4::before {content: '●';position: absolute;right: 0;top: 0;color: var(--imp_btn_color);font-size: 1rem;}
 h5 {font-size: 1.1rem;font-weight: 600;color: var(--txt_color);margin: 1rem 0 0.5rem 0;text-transform: uppercase;letter-spacing: 0.5px;font-size: 0.9rem;padding-bottom: 0.25rem;border-bottom: 1px solid var(--progress-background-color);}
 h6 {font-size: 1rem;color: var(--txt_color);margin: 0.75rem 0 0.5rem 0;opacity: 0.8;}
 h1, h2, h3, h4, h5, h6 {transition: color 0.2s ease;}
 h2:hover {color: var(--link_color);}
 h3:hover {color: var(--link_color);}
 h4:hover {color: var(--link_color);}
 img{border-radius:10px;height: auto;}
 .image-style-align-left { float: left; margin-right: 15px; }
 .image-style-align-right { float: right; margin-left: 15px; }
 hr{width: 100%;clear:both;}
 }
 @media (max-width: 768px){ post,.page_view,.ck-content{ h1 {font-size: 2rem;}
 h2 {font-size: 1.75rem;margin: 1.5rem 0 0.75rem 0;}
 h3 {font-size: 1.35rem;padding: 0.4rem 0.75rem;}
 h4 {font-size: 1.15rem;}
 h5 {font-size: 0.85rem;}
 }
 }
 @media (max-width: 480px) { post,.page_view,.ck-content{ h1 {font-size: 1.75rem;margin: 0 0 1rem 0;}
 h2 {font-size: 1.5rem;padding-right: 0.75rem;}
 h3 {font-size: 1.25rem;padding: 0.35rem 0.5rem;}
 }
 }
 @media print { post,.page_view,.ck-content{ h1, h2, h3, h4, h5, h6 { color: #000 !important; page-break-after: avoid; page-break-inside: avoid; }
 h1::after, h2::before, h4::before { display: none; }
 }
 }
 /*bslider*/ .bslider,[bslider]{ overflow: hidden; position: relative; width: 100%; /* min-width: fit-content; */ display: flex;justify-content: space-around; align-items: center; margin: 30px 0; padding: 0; inner{ display: flex;justify-content: space-around; align-items: center; animation: marquee 15s linear infinite; min-width: 200%; }
 img{height: 120px !important;width: auto;width: auto;min-width: 100px;}
 figure.image{background: transparent;box-shadow: none;margin: 0 auto;}
 &:hover inner{animation-play-state: paused;}
 li { white-space: nowrap; display: inline-block; /*height: 100px;*/ border-radius: 12px;padding: 10px 15px;margin: 5px 15px;background: #00000007;text-align: center;}
 &::before,&::after{content: '';width: 90px; height: 250px; position: absolute; z-index: 2; filter: blur(15px);background: var(--bg_color);}
 &::before{right: -40px;}
 &::after{left: -40px;}
 }
 .ck-editor{ .bslider,[bslider]{ flex-wrap:wrap; >*{ animation-play-state: paused; left:auto !important; }
 &::before,&::after{ height:auto; position: static; right: auto; z-index: auto; filter: none; width: 100%; text-align: center; background: #eee; color: #ccc; border-radius: 10px; line-height: 1.2; font-size: 12px; }
 &::before{content: '<-- بداية الشريط المتحرك -->'; }
 &::after{content: '<-- نهاية الشريط المتحرك -->'; }
 }
 }
 @keyframes marquee { 0% { transform: translateX(0%); }
 100% { transform: translateX(50%); }
 }
