[Summary view] [Print] [Text view]

   1  /*! This file is auto-generated */
   2  /**
   3   * TinyMCE and Quicklinks toolbars
   4   */
   5  
   6  /* TinyMCE widgets/containers */
   7  
   8  .mce-tinymce {
   9      box-shadow: none;
  10  }
  11  
  12  .mce-container,
  13  .mce-container *,
  14  .mce-widget,
  15  .mce-widget * {
  16      color: inherit;
  17      font-family: inherit;
  18  }
  19  
  20  .mce-container .mce-monospace,
  21  .mce-widget .mce-monospace {
  22      font-family: Consolas, Monaco, monospace;
  23      font-size: 13px;
  24      line-height: 1.5;
  25  }
  26  
  27  /* TinyMCE windows */
  28  #mce-modal-block,
  29  #mce-modal-block.mce-fade {
  30      opacity: 0.7;
  31      filter: alpha(opacity=70);
  32      transition: none;
  33      background: #000;
  34  }
  35  
  36  .mce-window {
  37      border-radius: 0;
  38      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  39      -webkit-font-smoothing: subpixel-antialiased;
  40      transition: none;
  41  }
  42  
  43  .mce-window .mce-container-body.mce-abs-layout {
  44      overflow: visible;
  45  }
  46  
  47  .mce-window .mce-window-head {
  48      background: #fff;
  49      border-bottom: 1px solid #dcdcde;
  50      padding: 0;
  51      min-height: 36px;
  52  }
  53  
  54  .mce-window .mce-window-head .mce-title {
  55      color: #3c434a;
  56      font-size: 18px;
  57      font-weight: 600;
  58      line-height: 2;
  59      margin: 0;
  60      padding: 0 16px 0 36px;
  61  }
  62  
  63  .mce-window .mce-window-head .mce-close,
  64  .mce-window-head .mce-close .mce-i-remove {
  65      color: transparent;
  66      top: 0;
  67      left: 0;
  68      width: 36px;
  69      height: 36px;
  70      padding: 0;
  71      /* stylelint-disable-next-line declaration-property-unit-allowed-list -- Used for an icon. */
  72      line-height: 36px;
  73      text-align: center;
  74  }
  75  
  76  .mce-window-head .mce-close .mce-i-remove::before {
  77      font: 400 20px/36px dashicons;
  78      text-align: center;
  79      color: #646970;
  80      width: 36px;
  81      height: 36px;
  82      display: block;
  83  }
  84  
  85  .mce-window-head .mce-close:hover .mce-i-remove::before,
  86  .mce-window-head .mce-close:focus .mce-i-remove::before {
  87      color: #135e96;
  88  }
  89  
  90  .mce-window-head .mce-close:focus .mce-i-remove,
  91  div.mce-tab:focus {
  92      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
  93      /* Only visible in Windows High Contrast mode */
  94      outline: 2px solid transparent;
  95  }
  96  
  97  .mce-window .mce-window-head .mce-dragh {
  98      width: calc(100% - 36px);
  99  }
 100  
 101  .mce-window .mce-foot {
 102      border-top: 1px solid #dcdcde;
 103  }
 104  
 105  .mce-textbox,
 106  .mce-checkbox i.mce-i-checkbox,
 107  #wp-link .query-results {
 108      border: 1px solid #dcdcde;
 109      border-radius: 0;
 110      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
 111      transition: 0.05s all ease-in-out;
 112  }
 113  
 114  .mce-textbox:focus,
 115  .mce-textbox.mce-focus,
 116  .mce-checkbox:focus i.mce-i-checkbox,
 117  #wp-link .query-results:focus {
 118      border-color: var(--wp-admin-theme-color-darker-10, #2145e6);
 119      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 120      /* Only visible in Windows High Contrast mode */
 121      outline: 2px solid transparent;
 122  }
 123  
 124  .mce-window .mce-wp-help {
 125      height: 360px;
 126      width: 460px;
 127      overflow: auto;
 128  }
 129  
 130  .mce-window .mce-wp-help * {
 131      box-sizing: border-box;
 132  }
 133  
 134  .mce-window .mce-wp-help > .mce-container-body {
 135      width: auto !important;
 136  }
 137  
 138  .mce-window .wp-editor-help {
 139      padding: 10px 20px 0 10px;
 140  }
 141  
 142  .mce-window .wp-editor-help h2,
 143  .mce-window .wp-editor-help p {
 144      margin: 8px 0;
 145      white-space: normal;
 146      font-size: 14px;
 147      font-weight: 400;
 148  }
 149  
 150  .mce-window .wp-editor-help table {
 151      width: 100%;
 152      margin-bottom: 20px;
 153  }
 154  
 155  .mce-window .wp-editor-help table.wp-help-single {
 156      margin: 0 8px 20px;
 157  }
 158  
 159  .mce-window .wp-editor-help table.fixed {
 160      table-layout: fixed;
 161  }
 162  
 163  .mce-window .wp-editor-help table.fixed th:nth-child(odd),
 164  .mce-window .wp-editor-help table.fixed td:nth-child(odd) {
 165      width: 12%;
 166  }
 167  
 168  .mce-window .wp-editor-help table.fixed th:nth-child(even),
 169  .mce-window .wp-editor-help table.fixed td:nth-child(even) {
 170      width: 38%;
 171  }
 172  
 173  .mce-window .wp-editor-help table.fixed th:nth-child(odd) {
 174      padding: 5px 0 0;
 175  }
 176  
 177  .mce-window .wp-editor-help td,
 178  .mce-window .wp-editor-help th {
 179      font-size: 13px;
 180      padding: 5px;
 181      vertical-align: middle;
 182      word-wrap: break-word;
 183      white-space: normal;
 184  }
 185  
 186  .mce-window .wp-editor-help th {
 187      font-weight: 600;
 188      padding-bottom: 0;
 189  }
 190  
 191  .mce-window .wp-editor-help kbd {
 192      font-family: monospace;
 193      padding: 2px 7px 3px;
 194      font-weight: 600;
 195      margin: 0;
 196      background: #f0f0f1;
 197      background: rgba(0, 0, 0, 0.08);
 198  }
 199  
 200  .mce-window .wp-help-th-center td:nth-child(odd),
 201  .mce-window .wp-help-th-center th:nth-child(odd) {
 202      text-align: center;
 203  }
 204  
 205  /* TinyMCE menus */
 206  .mce-menu,
 207  .mce-floatpanel.mce-popover {
 208      border-color: rgba(0, 0, 0, 0.15);
 209      border-radius: 0;
 210      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
 211  }
 212  
 213  .mce-menu,
 214  .mce-floatpanel.mce-popover.mce-bottom {
 215      margin-top: 2px;
 216  }
 217  
 218  .mce-floatpanel .mce-arrow {
 219      display: none;
 220  }
 221  
 222  .mce-menu .mce-container-body {
 223      min-width: 160px;
 224  }
 225  
 226  .mce-menu-item {
 227      border: none;
 228      margin-bottom: 2px;
 229      padding: 6px 12px 6px 15px;
 230  }
 231  
 232  .mce-menu-has-icons i.mce-ico {
 233      /* stylelint-disable-next-line declaration-property-unit-allowed-list -- Used for an icon. */
 234      line-height: 20px;
 235  }
 236  
 237  /* TinyMCE panel */
 238  div.mce-panel {
 239      border: 0;
 240      background: #fff;
 241  }
 242  
 243  .mce-panel.mce-menu {
 244      border: 1px solid #dcdcde;
 245  }
 246  
 247  div.mce-tab {
 248      /* stylelint-disable-next-line declaration-property-unit-allowed-list -- Unknown usage in TinyMCE. */
 249      line-height: 13px;
 250  }
 251  
 252  /* TinyMCE toolbars */
 253  div.mce-toolbar-grp {
 254      border-bottom: 1px solid #dcdcde;
 255      background: #f6f7f7;
 256      padding: 0;
 257      position: relative;
 258  }
 259  
 260  div.mce-inline-toolbar-grp {
 261      border: 1px solid #a7aaad;
 262      border-radius: 2px;
 263      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
 264      box-sizing: border-box;
 265      margin-bottom: 8px;
 266      position: absolute;
 267      -webkit-user-select: none;
 268      user-select: none;
 269      max-width: 98%;
 270      z-index: 100100; /* Same as the other TinyMCE "panels" */
 271  }
 272  
 273  div.mce-inline-toolbar-grp > div.mce-stack-layout {
 274      padding: 1px;
 275  }
 276  
 277  div.mce-inline-toolbar-grp.mce-arrow-up {
 278      margin-bottom: 0;
 279      margin-top: 8px;
 280  }
 281  
 282  div.mce-inline-toolbar-grp::before,
 283  div.mce-inline-toolbar-grp::after {
 284      position: absolute;
 285      right: 50%;
 286      display: block;
 287      width: 0;
 288      height: 0;
 289      border-style: solid;
 290      border-color: transparent;
 291      content: "";
 292  }
 293  
 294  div.mce-inline-toolbar-grp.mce-arrow-up::before {
 295      top: -9px;
 296      border-bottom-color: #a7aaad;
 297      border-width: 0 9px 9px;
 298      margin-right: -9px;
 299  }
 300  
 301  div.mce-inline-toolbar-grp.mce-arrow-down::before {
 302      bottom: -9px;
 303      border-top-color: #a7aaad;
 304      border-width: 9px 9px 0;
 305      margin-right: -9px;
 306  }
 307  
 308  div.mce-inline-toolbar-grp.mce-arrow-up::after {
 309      top: -8px;
 310      border-bottom-color: #f6f7f7;
 311      border-width: 0 8px 8px;
 312      margin-right: -8px;
 313  }
 314  
 315  div.mce-inline-toolbar-grp.mce-arrow-down::after {
 316      bottom: -8px;
 317      border-top-color: #f6f7f7;
 318      border-width: 8px 8px 0;
 319      margin-right: -8px;
 320  }
 321  
 322  div.mce-inline-toolbar-grp.mce-arrow-left::before,
 323  div.mce-inline-toolbar-grp.mce-arrow-left::after {
 324      margin: 0;
 325  }
 326  
 327  div.mce-inline-toolbar-grp.mce-arrow-left::before {
 328      right: 20px;
 329  }
 330  
 331  div.mce-inline-toolbar-grp.mce-arrow-left::after {
 332      right: 21px;
 333  }
 334  
 335  div.mce-inline-toolbar-grp.mce-arrow-right::before,
 336  div.mce-inline-toolbar-grp.mce-arrow-right::after {
 337      right: auto;
 338      margin: 0;
 339  }
 340  
 341  div.mce-inline-toolbar-grp.mce-arrow-right::before {
 342      left: 20px;
 343  }
 344  
 345  div.mce-inline-toolbar-grp.mce-arrow-right::after {
 346      left: 21px;
 347  }
 348  
 349  div.mce-inline-toolbar-grp.mce-arrow-full {
 350      left: 0;
 351  }
 352  
 353  div.mce-inline-toolbar-grp.mce-arrow-full > div {
 354      width: 100%;
 355      overflow-x: auto;
 356  }
 357  
 358  div.mce-toolbar-grp > div {
 359      padding: 3px;
 360  }
 361  
 362  .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
 363      padding-left: 32px;
 364  }
 365  
 366  .mce-toolbar .mce-btn-group {
 367      margin: 0;
 368  }
 369  
 370  /* Classic block hide/show toolbars */
 371  .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
 372      display: none;
 373  }
 374  
 375  .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
 376      display: block;
 377  }
 378  
 379  div.mce-statusbar {
 380      border-top: 1px solid #dcdcde;
 381  }
 382  
 383  div.mce-path {
 384      padding: 2px 10px;
 385      margin: 0;
 386  }
 387  
 388  .mce-path,
 389  .mce-path-item,
 390  .mce-path .mce-divider {
 391      font-size: 12px;
 392  }
 393  
 394  .mce-toolbar .mce-btn,
 395  .qt-dfw {
 396      border-color: transparent;
 397      background: transparent;
 398      box-shadow: none;
 399      text-shadow: none;
 400      cursor: pointer;
 401  }
 402  
 403  .mce-btn .mce-txt {
 404      direction: inherit;
 405      text-align: inherit;
 406  }
 407  
 408  .mce-toolbar .mce-btn-group .mce-btn,
 409  .qt-dfw {
 410      border: 1px solid transparent;
 411      margin: 2px;
 412      border-radius: 2px;
 413  }
 414  
 415  .mce-toolbar .mce-btn-group .mce-btn:hover,
 416  .mce-toolbar .mce-btn-group .mce-btn:focus,
 417  .qt-dfw:hover,
 418  .qt-dfw:focus {
 419      background: #f6f7f7;
 420      color: #1d2327;
 421      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 422      /* Only visible in Windows High Contrast mode */
 423      outline: 2px solid transparent;
 424  }
 425  
 426  .mce-toolbar .mce-btn-group .mce-btn.mce-active,
 427  .mce-toolbar .mce-btn-group .mce-btn:active,
 428  .qt-dfw.active {
 429      background: #f0f0f1;
 430      border-color: #50575e;
 431  }
 432  
 433  /*
 434   * TinyMCE appends its skin stylesheet when the editor initializes. The skin may
 435   * be parsed after this stylesheet. The extra `mce-toolbar` class gives these
 436   * selectors a higher specificity than the skin's white active state, so that
 437   * the styling no longer depend on source order.
 438   */
 439  .mce-toolbar .mce-btn.mce-active,
 440  .mce-toolbar .mce-btn.mce-active button,
 441  .mce-toolbar .mce-btn.mce-active:hover button,
 442  .mce-toolbar .mce-btn.mce-active i,
 443  .mce-toolbar .mce-btn.mce-active:hover i {
 444      color: inherit;
 445  }
 446  
 447  .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
 448  .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
 449      border-color: #1d2327;
 450  }
 451  
 452  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
 453  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
 454      color: #a7aaad;
 455      background: none;
 456      border-color: #dcdcde;
 457      text-shadow: 0 1px 0 #fff;
 458      box-shadow: none;
 459  }
 460  
 461  .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
 462      border-color: #50575e;
 463  }
 464  
 465  .mce-toolbar .mce-btn-group .mce-first,
 466  .mce-toolbar .mce-btn-group .mce-last {
 467      border-color: transparent;
 468  }
 469  
 470  .mce-toolbar .mce-btn button,
 471  .qt-dfw {
 472      padding: 2px 3px;
 473      line-height: normal;
 474  }
 475  
 476  .mce-toolbar .mce-listbox button {
 477      font-size: 13px;
 478      line-height: 1.53846153;
 479      padding-right: 6px;
 480      padding-left: 20px;
 481  }
 482  
 483  .mce-toolbar .mce-btn i {
 484      text-shadow: none;
 485  }
 486  
 487  .mce-toolbar .mce-btn-group > div {
 488      white-space: normal;
 489  }
 490  
 491  .mce-toolbar .mce-colorbutton .mce-open {
 492      border-left: 0;
 493  }
 494  
 495  .mce-toolbar .mce-colorbutton .mce-preview {
 496      margin: 0;
 497      padding: 0;
 498      top: auto;
 499      bottom: 2px;
 500      right: 3px;
 501      height: 3px;
 502      width: 20px;
 503      background: #50575e;
 504  }
 505  
 506  .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
 507      min-width: 0;
 508      background: #3582c4;
 509      border-color: #2271b1 #135e96 #135e96;
 510      box-shadow: 0 1px 0 #135e96;
 511      color: #fff;
 512      text-decoration: none;
 513      text-shadow: none;
 514  }
 515  
 516  /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
 517  .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
 518      padding: 2px 3px 1px;
 519  }
 520  
 521  .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
 522      color: #fff;
 523  }
 524  
 525  .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
 526  .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
 527      background: #4f94d4;
 528      border-color: #135e96;
 529      color: #fff;
 530  }
 531  
 532  .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
 533      box-shadow: 0 0 1px 1px #72aee6;
 534  }
 535  
 536  .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
 537      background: #2271b1;
 538      border-color: #135e96;
 539      box-shadow: inset 0 2px 0 #135e96;
 540  }
 541  
 542  /* mce listbox */
 543  .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
 544      border-radius: 0;
 545      direction: rtl;
 546      background: #fff;
 547      border: 1px solid #dcdcde;
 548  }
 549  
 550  .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
 551  .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
 552      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 553      /* Only visible in Windows High Contrast mode */
 554      outline: 2px solid transparent;
 555  }
 556  
 557  .mce-panel .mce-btn i.mce-caret {
 558      border-top: 6px solid #50575e;
 559      margin-right: 2px;
 560      margin-left: 2px;
 561  }
 562  
 563  .mce-listbox i.mce-caret {
 564      left: 4px;
 565  }
 566  
 567  .mce-panel .mce-btn:hover i.mce-caret,
 568  .mce-panel .mce-btn:focus i.mce-caret {
 569      border-top-color: #1d2327;
 570  }
 571  
 572  .mce-panel .mce-active i.mce-caret {
 573      border-top: 0;
 574      border-bottom: 6px solid #1d2327;
 575      margin-top: 7px;
 576  }
 577  
 578  .mce-listbox.mce-active i.mce-caret {
 579      margin-top: -3px;
 580  }
 581  
 582  .mce-toolbar .mce-splitbtn:hover .mce-open {
 583      border-left-color: transparent;
 584  }
 585  
 586  .mce-toolbar .mce-splitbtn .mce-open.mce-active {
 587      background: transparent;
 588      outline: none;
 589  }
 590  
 591  .mce-menu .mce-menu-item:hover,
 592  .mce-menu .mce-menu-item.mce-selected,
 593  .mce-menu .mce-menu-item:focus,
 594  .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
 595  .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
 596      background: #2271b1; /* See color scheme. */
 597      color: #fff;
 598  }
 599  
 600  .mce-menu .mce-menu-item:hover .mce-caret,
 601  .mce-menu .mce-menu-item:focus .mce-caret,
 602  .mce-menu .mce-menu-item.mce-selected .mce-caret {
 603      border-right-color: #fff;
 604  }
 605  
 606  /* rtl:ignore */
 607  .rtl .mce-menu .mce-menu-item:hover .mce-caret,
 608  .rtl .mce-menu .mce-menu-item:focus .mce-caret,
 609  .rtl .mce-menu .mce-menu-item.mce-selected .mce-caret {
 610      border-left-color: inherit;
 611      border-right-color: #fff;
 612  }
 613  
 614  .mce-menu .mce-menu-item:hover .mce-text,
 615  .mce-menu .mce-menu-item:focus .mce-text,
 616  .mce-menu .mce-menu-item:hover .mce-ico,
 617  .mce-menu .mce-menu-item:focus .mce-ico,
 618  .mce-menu .mce-menu-item.mce-selected .mce-text,
 619  .mce-menu .mce-menu-item.mce-selected .mce-ico,
 620  .mce-menu .mce-menu-item:hover .mce-menu-shortcut,
 621  .mce-menu .mce-menu-item:focus .mce-menu-shortcut,
 622  .mce-menu .mce-menu-item.mce-active .mce-menu-shortcut,
 623  .mce-menu .mce-menu-item.mce-disabled:hover .mce-text,
 624  .mce-menu .mce-menu-item.mce-disabled:hover .mce-ico {
 625      color: inherit;
 626  }
 627  
 628  .mce-menu .mce-menu-item.mce-disabled {
 629      cursor: default;
 630  }
 631  
 632  .mce-menu .mce-menu-item.mce-disabled:hover {
 633      background: #c3c4c7;
 634  }
 635  
 636  /* Menubar */
 637  div.mce-menubar {
 638      border-color: #dcdcde;
 639      background: #fff;
 640      border-width: 0 0 1px;
 641  }
 642  
 643  .mce-menubar .mce-menubtn:hover,
 644  .mce-menubar .mce-menubtn.mce-active,
 645  .mce-menubar .mce-menubtn:focus {
 646      border-color: transparent;
 647      background: transparent;
 648  }
 649  
 650  .mce-menubar .mce-menubtn:focus {
 651      color: #043959;
 652      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
 653      /* Only visible in Windows High Contrast mode */
 654      outline: 2px solid transparent;
 655  }
 656  
 657  div.mce-menu .mce-menu-item-sep,
 658  .mce-menu-item-sep:hover {
 659      border-bottom: 1px solid #dcdcde;
 660      height: 0;
 661      margin: 5px 0;
 662  }
 663  
 664  .mce-menubtn span {
 665      margin-left: 0;
 666      padding-right: 3px;
 667  }
 668  
 669  .mce-menu-has-icons i.mce-ico::before {
 670      margin-right: -2px;
 671  }
 672  
 673  /* Keyboard shortcuts position */
 674  .mce-menu.mce-menu-align .mce-menu-item-normal {
 675      position: relative;
 676  }
 677  
 678  .mce-menu.mce-menu-align .mce-menu-shortcut {
 679      bottom: 0.6em;
 680      font-size: 0.9em;
 681  }
 682  
 683  /* Buttons in modals */
 684  .mce-primary button,
 685  .mce-primary button i {
 686      text-align: center;
 687      color: #fff;
 688      text-shadow: none;
 689      padding: 0;
 690      line-height: 1.85714285;
 691  }
 692  
 693  .mce-window .mce-btn {
 694      color: #50575e;
 695      background: #f6f7f7;
 696      text-decoration: none;
 697      font-size: 13px;
 698      line-height: 2;
 699      height: 28px;
 700      margin: 0;
 701      padding: 0;
 702      cursor: pointer;
 703      border: 1px solid #c3c4c7;
 704      -webkit-appearance: none;
 705      border-radius: 3px;
 706      white-space: nowrap;
 707      box-shadow: 0 1px 0 #c3c4c7;
 708  }
 709  
 710  /* Remove the dotted border on :focus and the extra padding in Firefox */
 711  .mce-window .mce-btn::-moz-focus-inner {
 712      border-width: 0;
 713      border-style: none;
 714      padding: 0;
 715  }
 716  
 717  .mce-window .mce-btn:hover,
 718  .mce-window .mce-btn:focus {
 719      background: #f6f7f7;
 720      border-color: #8c8f94;
 721      color: #1d2327;
 722  }
 723  
 724  .mce-window .mce-btn:focus {
 725      border-color: #4f94d4;
 726      box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
 727  }
 728  
 729  .mce-window .mce-btn:active {
 730      background: #f0f0f1;
 731      border-color: #8c8f94;
 732      box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 733      transform: translateY(1px);
 734  }
 735  
 736  .mce-window .mce-btn.mce-disabled {
 737      color: #a7aaad !important;
 738      border-color: #dcdcde !important;
 739      background: #f6f7f7 !important;
 740      box-shadow: none !important;
 741      text-shadow: 0 1px 0 #fff !important;
 742      cursor: default;
 743      transform: none !important;
 744  }
 745  
 746  .mce-window .mce-btn.mce-primary {
 747      background: #3582c4;
 748      border-color: #2271b1 #135e96 #135e96;
 749      box-shadow: 0 1px 0 #135e96;
 750      color: #fff;
 751      text-decoration: none;
 752      text-shadow:
 753          0 -1px 1px #135e96,
 754          -1px 0 1px #135e96,
 755          0 1px 1px #135e96,
 756          1px 0 1px #135e96;
 757  }
 758  
 759  .mce-window .mce-btn.mce-primary:hover,
 760  .mce-window .mce-btn.mce-primary:focus {
 761      background: #4f94d4;
 762      border-color: #135e96;
 763      color: #fff;
 764  }
 765  
 766  .mce-window .mce-btn.mce-primary:focus {
 767      box-shadow:
 768          0 1px 0 #2271b1,
 769          0 0 2px 1px #72aee6;
 770  }
 771  
 772  .mce-window .mce-btn.mce-primary:active {
 773      background: #2271b1;
 774      border-color: #135e96;
 775      box-shadow: inset 0 2px 0 #135e96;
 776      vertical-align: top;
 777  }
 778  
 779  .mce-window .mce-btn.mce-primary.mce-disabled {
 780      color: #9ec2e6 !important;
 781      background: #4f94d4 !important;
 782      border-color: #3582c4 !important;
 783      box-shadow: none !important;
 784      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
 785      cursor: default;
 786  }
 787  
 788  .mce-menubtn.mce-fixed-width span {
 789      overflow-x: hidden;
 790      text-overflow: ellipsis;
 791      width: 82px;
 792  }
 793  
 794  /* Charmap modal */
 795  .mce-charmap {
 796      margin: 3px;
 797  }
 798  
 799  .mce-charmap td {
 800      padding: 0;
 801      border-color: #dcdcde;
 802      cursor: pointer;
 803  }
 804  
 805  .mce-charmap td:hover {
 806      background: #f6f7f7;
 807  }
 808  
 809  .mce-charmap td div {
 810      width: 18px;
 811      height: 22px;
 812      line-height: 1.57142857;
 813  }
 814  
 815  /* TinyMCE tooltips */
 816  .mce-tooltip {
 817      margin-top: 2px;
 818  }
 819  
 820  .mce-tooltip-inner {
 821      border-radius: 3px;
 822      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
 823      color: #fff;
 824      font-size: 12px;
 825  }
 826  
 827  /* TinyMCE icons */
 828  .mce-ico {
 829      /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- Font for the TinyMCE icons. */
 830      font-family: tinymce, Arial;
 831  }
 832  
 833  .mce-btn-small .mce-ico {
 834      /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- Font for the TinyMCE icons. */
 835      font-family: tinymce-small, Arial;
 836  }
 837  
 838  .mce-toolbar .mce-ico {
 839      color: #50575e;
 840      line-height: 1;
 841      width: 20px;
 842      height: 20px;
 843      text-align: center;
 844      text-shadow: none;
 845      margin: 0;
 846      padding: 0;
 847  }
 848  
 849  .qt-dfw {
 850      color: #50575e;
 851      width: 28px;
 852      height: 26px;
 853      margin: 5px 0 0 5px;
 854      text-align: center;
 855      text-shadow: none;
 856      font: 400 20px/1 dashicons;
 857      vertical-align: top;
 858      -webkit-font-smoothing: antialiased;
 859      -moz-osx-font-smoothing: grayscale;
 860  }
 861  
 862  .mce-toolbar .mce-btn .mce-open {
 863      /* stylelint-disable-next-line declaration-property-unit-allowed-list -- Used for an icon. */
 864      line-height: 20px;
 865  }
 866  
 867  .mce-toolbar .mce-btn:hover .mce-open,
 868  .mce-toolbar .mce-btn:focus .mce-open,
 869  .mce-toolbar .mce-btn.mce-active .mce-open {
 870      border-right-color: #1d2327;
 871  }
 872  
 873  div.mce-notification {
 874      right: 10% !important;
 875      left: 10%;
 876  }
 877  
 878  .mce-notification button.mce-close {
 879      left: 6px;
 880      top: 3px;
 881      font-weight: 400;
 882      color: #50575e;
 883  }
 884  
 885  .mce-notification button.mce-close:hover,
 886  .mce-notification button.mce-close:focus {
 887      color: #000;
 888  }
 889  
 890  i.mce-i-bold,
 891  i.mce-i-italic,
 892  i.mce-i-bullist,
 893  i.mce-i-numlist,
 894  i.mce-i-blockquote,
 895  i.mce-i-alignleft,
 896  i.mce-i-aligncenter,
 897  i.mce-i-alignright,
 898  i.mce-i-link,
 899  i.mce-i-unlink,
 900  i.mce-i-wp_more,
 901  i.mce-i-strikethrough,
 902  i.mce-i-spellchecker,
 903  i.mce-i-fullscreen,
 904  i.mce-i-wp_fullscreen,
 905  i.mce-i-dfw,
 906  i.mce-i-wp_adv,
 907  i.mce-i-underline,
 908  i.mce-i-alignjustify,
 909  i.mce-i-forecolor,
 910  i.mce-i-backcolor,
 911  i.mce-i-pastetext,
 912  i.mce-i-pasteword,
 913  i.mce-i-removeformat,
 914  i.mce-i-charmap,
 915  i.mce-i-outdent,
 916  i.mce-i-indent,
 917  i.mce-i-undo,
 918  i.mce-i-redo,
 919  i.mce-i-help,
 920  i.mce-i-wp_help,
 921  i.mce-i-wp-media-library,
 922  i.mce-i-ltr,
 923  i.mce-i-wp_page,
 924  i.mce-i-hr,
 925  i.mce-i-wp_code,
 926  i.mce-i-dashicon,
 927  i.mce-i-remove {
 928      font: 400 20px/1 dashicons;
 929      padding: 0;
 930      vertical-align: top;
 931      -webkit-font-smoothing: antialiased;
 932      -moz-osx-font-smoothing: grayscale;
 933      margin-right: -2px;
 934      padding-left: 2px;
 935  }
 936  
 937  i.mce-i-bold::before {
 938      content: "\f200";
 939      content: "\f200" / "";
 940  }
 941  
 942  i.mce-i-italic::before {
 943      content: "\f201";
 944      content: "\f201" / "";
 945  }
 946  
 947  i.mce-i-bullist::before {
 948      content: "\f203";
 949      content: "\f203" / "";
 950  }
 951  
 952  i.mce-i-numlist::before {
 953      content: "\f204";
 954      content: "\f204" / "";
 955  }
 956  
 957  i.mce-i-blockquote::before {
 958      content: "\f205";
 959      content: "\f205" / "";
 960  }
 961  
 962  i.mce-i-alignleft::before {
 963      content: "\f206";
 964      content: "\f206" / "";
 965  }
 966  
 967  i.mce-i-aligncenter::before {
 968      content: "\f207";
 969      content: "\f207" / "";
 970  }
 971  
 972  i.mce-i-alignright::before {
 973      content: "\f208";
 974      content: "\f208" / "";
 975  }
 976  
 977  i.mce-i-link::before {
 978      content: "\f103";
 979      content: "\f103" / "";
 980  }
 981  
 982  i.mce-i-unlink::before {
 983      content: "\f225";
 984      content: "\f225" / "";
 985  }
 986  
 987  i.mce-i-wp_more::before {
 988      content: "\f209";
 989      content: "\f209" / "";
 990  }
 991  
 992  i.mce-i-strikethrough::before {
 993      content: "\f224";
 994      content: "\f224" / "";
 995  }
 996  
 997  i.mce-i-spellchecker::before {
 998      content: "\f210";
 999      content: "\f210" / "";
1000  }
1001  
1002  i.mce-i-fullscreen::before,
1003  i.mce-i-wp_fullscreen::before,
1004  i.mce-i-dfw::before,
1005  .qt-dfw::before {
1006      content: "\f211";
1007      content: "\f211" / "";
1008  }
1009  
1010  i.mce-i-wp_adv::before {
1011      content: "\f212";
1012      content: "\f212" / "";
1013  }
1014  
1015  i.mce-i-underline::before {
1016      content: "\f213";
1017      content: "\f213" / "";
1018  }
1019  
1020  i.mce-i-alignjustify::before {
1021      content: "\f214";
1022      content: "\f214" / "";
1023  }
1024  
1025  i.mce-i-forecolor::before,
1026  i.mce-i-backcolor::before {
1027      content: "\f215";
1028      content: "\f215" / "";
1029  }
1030  
1031  i.mce-i-pastetext::before {
1032      content: "\f217";
1033      content: "\f217" / "";
1034  }
1035  
1036  i.mce-i-removeformat::before {
1037      content: "\f218";
1038      content: "\f218" / "";
1039  }
1040  
1041  i.mce-i-charmap::before {
1042      content: "\f220";
1043      content: "\f220" / "";
1044  }
1045  
1046  i.mce-i-outdent::before {
1047      content: "\f221";
1048      content: "\f221" / "";
1049  }
1050  
1051  i.mce-i-indent::before {
1052      content: "\f222";
1053      content: "\f222" / "";
1054  }
1055  
1056  i.mce-i-undo::before {
1057      content: "\f171";
1058      content: "\f171" / "";
1059  }
1060  
1061  i.mce-i-redo::before {
1062      content: "\f172";
1063      content: "\f172" / "";
1064  }
1065  
1066  i.mce-i-help::before,
1067  i.mce-i-wp_help::before {
1068      content: "\f223";
1069      content: "\f223" / "";
1070  }
1071  
1072  i.mce-i-wp-media-library::before {
1073      content: "\f104";
1074      content: "\f104" / "";
1075  }
1076  
1077  i.mce-i-ltr::before {
1078      content: "\f320";
1079      content: "\f320" / "";
1080  }
1081  
1082  i.mce-i-wp_page::before {
1083      content: "\f105";
1084      content: "\f105" / "";
1085  }
1086  
1087  i.mce-i-hr::before {
1088      content: "\f460";
1089      content: "\f460" / "";
1090  }
1091  
1092  i.mce-i-remove::before {
1093      content: "\f158";
1094      content: "\f158" / "";
1095  }
1096  
1097  i.mce-i-wp_code::before {
1098      content: "\f475";
1099      content: "\f475" / "";
1100  }
1101  
1102  /* RTL button icons */
1103  .rtl i.mce-i-outdent::before {
1104      content: "\f222";
1105      content: "\f222" / "";
1106  }
1107  
1108  .rtl i.mce-i-indent::before {
1109      content: "\f221";
1110      content: "\f221" / "";
1111  }
1112  
1113  /* Editors */
1114  .wp-editor-wrap {
1115      position: relative;
1116  }
1117  
1118  .wp-editor-tools {
1119      position: relative;
1120      z-index: 1;
1121  }
1122  
1123  .wp-editor-tools::after {
1124      clear: both;
1125      content: "";
1126      display: table;
1127  }
1128  
1129  .wp-editor-container {
1130      clear: both;
1131      border: 1px solid #dcdcde;
1132  }
1133  
1134  .wp-editor-area {
1135      font-family: Consolas, Monaco, monospace;
1136      font-size: 13px;
1137      padding: 10px;
1138      margin: 1px 0 0;
1139      line-height: 1.5;
1140      border: 0;
1141      outline: none;
1142      display: block;
1143      resize: vertical;
1144      box-sizing: border-box;
1145  }
1146  
1147  .rtl .wp-editor-area {
1148      font-family: Tahoma, Monaco, monospace;
1149  }
1150  
1151  .locale-he-il .wp-editor-area {
1152      font-family: Arial, Monaco, monospace;
1153  }
1154  
1155  .wp-editor-container textarea.wp-editor-area {
1156      width: 100%;
1157      margin: 0;
1158      box-shadow: none;
1159  }
1160  
1161  .wp-editor-tabs {
1162      float: left;
1163  }
1164  
1165  .wp-switch-editor {
1166      float: right;
1167      box-sizing: content-box;
1168      position: relative;
1169      top: 1px;
1170      background: #f0f0f1;
1171      color: #646970;
1172      cursor: pointer;
1173      font-size: 13px;
1174      line-height: 1.46153846;
1175      height: 20px;
1176      margin: 15px 5px 0 0;
1177      padding: 3px 8px 4px;
1178      border: 1px solid #dcdcde;
1179  }
1180  
1181  .wp-switch-editor:focus {
1182      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
1183      /* Only visible in Windows High Contrast mode */
1184      outline: 2px solid transparent;
1185      color: #1d2327;
1186  }
1187  
1188  .wp-switch-editor:active {
1189      background-color: #f6f7f7;
1190      box-shadow: none;
1191  }
1192  
1193  .js .tmce-active .wp-editor-area {
1194      color: #fff;
1195  }
1196  
1197  .tmce-active .quicktags-toolbar {
1198      display: none;
1199  }
1200  
1201  .tmce-active .switch-tmce,
1202  .html-active .switch-html {
1203      background: #f6f7f7;
1204      color: #50575e;
1205      border-bottom-color: #f6f7f7;
1206  }
1207  
1208  .wp-media-buttons {
1209      float: right;
1210  }
1211  
1212  .wp-media-buttons .button {
1213      margin-left: 5px;
1214      margin-bottom: 4px;
1215      padding-right: 7px;
1216      padding-left: 7px;
1217  }
1218  
1219  .wp-media-buttons .button:active {
1220      position: relative;
1221      top: 1px;
1222      margin-top: -1px;
1223      margin-bottom: 1px;
1224  }
1225  
1226  .wp-media-buttons .insert-media {
1227      padding-right: 5px;
1228  }
1229  
1230  .wp-media-buttons a {
1231      text-decoration: none;
1232      color: #3c434a;
1233      font-size: 12px;
1234  }
1235  
1236  .wp-media-buttons img {
1237      padding: 0 4px;
1238      vertical-align: middle;
1239  }
1240  
1241  .wp-media-buttons span.wp-media-buttons-icon {
1242      display: inline-block;
1243      width: 20px;
1244      height: 20px;
1245      line-height: 1;
1246      vertical-align: middle;
1247      margin: 0 2px;
1248  }
1249  
1250  .wp-media-buttons .add_media span.wp-media-buttons-icon {
1251      background: none;
1252  }
1253  
1254  .wp-media-buttons .add_media span.wp-media-buttons-icon::before {
1255      font: 400 18px/1 dashicons;
1256      -webkit-font-smoothing: antialiased;
1257      -moz-osx-font-smoothing: grayscale;
1258      content: "\f104";
1259      content: "\f104" / "";
1260  }
1261  
1262  .mce-content-body dl.wp-caption {
1263      max-width: 100%;
1264  }
1265  
1266  /* Quicktags */
1267  .quicktags-toolbar {
1268      padding: 3px;
1269      position: relative;
1270      border-bottom: 1px solid #dcdcde;
1271      background: #f6f7f7;
1272      min-height: 30px;
1273  }
1274  
1275  .has-dfw .quicktags-toolbar {
1276      padding-left: 35px;
1277  }
1278  
1279  .wp-core-ui .quicktags-toolbar input.button.button-small {
1280      margin: 2px;
1281  }
1282  
1283  .quicktags-toolbar input[value="link"] {
1284      text-decoration: underline;
1285  }
1286  
1287  .quicktags-toolbar input[value="del"] {
1288      text-decoration: line-through;
1289  }
1290  
1291  .quicktags-toolbar input[value="i"] {
1292      font-style: italic;
1293  }
1294  
1295  .quicktags-toolbar input[value="b"] {
1296      font-weight: 600;
1297  }
1298  
1299  .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
1300  .qt-dfw {
1301      position: absolute;
1302      top: 0;
1303      left: 0;
1304  }
1305  
1306  .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
1307      margin: 7px 0 0 7px;
1308  }
1309  
1310  .qt-fullscreen {
1311      position: static;
1312      margin: 2px;
1313  }
1314  
1315  @media screen and (max-width: 782px) {
1316      .mce-toolbar .mce-btn button,
1317      .qt-dfw {
1318          padding: 6px 7px;
1319      }
1320  
1321      /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
1322      .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
1323          padding: 6px 7px 5px;
1324      }
1325  
1326      .mce-toolbar .mce-btn-group .mce-btn {
1327          margin: 1px;
1328      }
1329  
1330      .qt-dfw {
1331          width: 36px;
1332          height: 34px;
1333      }
1334  
1335      .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
1336          margin: 4px 0 0 4px;
1337      }
1338  
1339      .mce-toolbar .mce-colorbutton .mce-preview {
1340          right: 8px;
1341          bottom: 6px;
1342      }
1343  
1344      .mce-window .mce-btn {
1345          padding: 2px 0;
1346      }
1347  
1348      .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
1349      .has-dfw .quicktags-toolbar {
1350          padding-left: 40px;
1351      }
1352  }
1353  
1354  @media screen and (min-width: 782px) {
1355      .wp-core-ui .quicktags-toolbar input.button.button-small {
1356          /* .button-small is normally 11px, but a bit too small for these buttons. */
1357          font-size: 12px;
1358          min-height: 26px;
1359          line-height: 2;
1360      }
1361  }
1362  
1363  #wp_editbtns,
1364  #wp_gallerybtns {
1365      padding: 2px;
1366      position: absolute;
1367      display: none;
1368      z-index: 100020;
1369  }
1370  
1371  #wp_editimgbtn,
1372  #wp_delimgbtn,
1373  #wp_editgallery,
1374  #wp_delgallery {
1375      background-color: #f0f0f1;
1376      margin: 2px;
1377      padding: 2px;
1378      border: 1px solid #8c8f94;
1379      border-radius: 3px;
1380  }
1381  
1382  #wp_editimgbtn:hover,
1383  #wp_delimgbtn:hover,
1384  #wp_editgallery:hover,
1385  #wp_delgallery:hover {
1386      border-color: #50575e;
1387      background-color: #c3c4c7;
1388  }
1389  
1390  /**
1391   * wp-link
1392   */
1393  
1394  #wp-link-wrap {
1395      display: none;
1396      background-color: #fff;
1397      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
1398      width: 500px;
1399      height: 600px;
1400      overflow: hidden;
1401      margin-top: -300px;
1402      margin-right: -250px;
1403      position: fixed;
1404      top: 50%;
1405      right: 50%;
1406      z-index: 100105;
1407      transition: height 0.2s, margin-top 0.2s;
1408  }
1409  
1410  #wp-link-backdrop {
1411      display: none;
1412      position: fixed;
1413      top: 0;
1414      right: 0;
1415      left: 0;
1416      bottom: 0;
1417      min-height: 360px;
1418      background: #000;
1419      opacity: 0.7;
1420      filter: alpha(opacity=70);
1421      z-index: 100100;
1422  }
1423  
1424  #wp-link {
1425      position: relative;
1426      height: 100%;
1427  }
1428  
1429  #wp-link-wrap .wp-link-text-field {
1430      display: none;
1431  }
1432  
1433  #wp-link-wrap.has-text-field .wp-link-text-field {
1434      display: block;
1435  }
1436  
1437  #link-modal-title {
1438      background: #fff;
1439      border-bottom: 1px solid #dcdcde;
1440      font-size: 18px;
1441      font-weight: 600;
1442      line-height: 2;
1443      margin: 0;
1444      padding: 0 16px 0 36px;
1445  }
1446  
1447  #wp-link-close {
1448      color: #646970;
1449      padding: 0;
1450      position: absolute;
1451      top: 0;
1452      left: 0;
1453      width: 36px;
1454      height: 36px;
1455      text-align: center;
1456      background: none;
1457      border: none;
1458      cursor: pointer;
1459  }
1460  
1461  #wp-link-close::before {
1462      font: 400 20px/36px dashicons;
1463      vertical-align: top;
1464      -webkit-font-smoothing: antialiased;
1465      -moz-osx-font-smoothing: grayscale;
1466      width: 36px;
1467      height: 36px;
1468      content: "\f158";
1469      content: "\f158" / "";
1470  }
1471  
1472  #wp-link-close:hover,
1473  #wp-link-close:focus {
1474      color: var(--wp-admin-theme-color-darker-20, #183ad6);
1475  }
1476  
1477  #wp-link-close:focus {
1478      box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
1479      /* Only visible in Windows High Contrast mode */
1480      outline: 2px solid transparent;
1481      outline-offset: -2px;
1482  }
1483  
1484  #wp-link-wrap #link-selector {
1485      -webkit-overflow-scrolling: touch;
1486      padding: 0 16px;
1487      position: absolute;
1488      top: calc(2.15384615em + 16px);
1489      right: 0;
1490      left: 0;
1491      bottom: calc(2.15384615em + 19px);
1492      display: flex;
1493      flex-direction: column;
1494      overflow: auto;
1495  }
1496  
1497  #wp-link ol,
1498  #wp-link ul {
1499      list-style: none;
1500      margin: 0;
1501      padding: 0;
1502  }
1503  
1504  #wp-link input[type="text"] {
1505      box-sizing: border-box;
1506  }
1507  
1508  #wp-link #link-options {
1509      padding: 8px 0 12px;
1510  }
1511  
1512  #wp-link p.howto {
1513      margin: 3px 0;
1514  }
1515  
1516  #wp-link p.howto a {
1517      text-decoration: none;
1518      color: inherit;
1519  }
1520  
1521  #wp-link label input[type="text"] {
1522      margin-top: 5px;
1523      width: 70%;
1524  }
1525  
1526  #wp-link #link-options label span,
1527  #wp-link #search-panel label span.search-label {
1528      display: inline-block;
1529      width: 120px;
1530      text-align: left;
1531      padding-left: 5px;
1532      max-width: 24%;
1533      vertical-align: middle;
1534      word-wrap: break-word;
1535  }
1536  
1537  #wp-link .link-search-field {
1538      width: 250px;
1539      max-width: 70%;
1540  }
1541  
1542  #wp-link .link-search-wrapper {
1543      margin: 5px 0 9px;
1544      display: block;
1545  }
1546  
1547  #wp-link .query-results {
1548      position: absolute;
1549      width: calc(100% - 32px);
1550      border: 1px #dcdcde solid;
1551      margin: 0 0 12px;
1552      background: #fff;
1553      overflow: auto;
1554      max-height: 290px;
1555  }
1556  
1557  #wp-link .link-search-wrapper .spinner {
1558      float: none;
1559      margin: -3px 4px 0 0;
1560  }
1561  
1562  #wp-link .link-target {
1563      padding: 3px 0 0;
1564  }
1565  
1566  #wp-link .link-target label {
1567      max-width: 70%;
1568  }
1569  
1570  #wp-link li {
1571      clear: both;
1572      margin-bottom: 0;
1573      border-bottom: 1px solid #f0f0f1;
1574      color: #2c3338;
1575      padding: 4px 10px 4px 6px;
1576      cursor: pointer;
1577      position: relative;
1578  }
1579  
1580  #wp-link .query-notice {
1581      padding: 0;
1582      border-bottom: 1px solid #dcdcde;
1583      background-color: #fff;
1584      color: #000;
1585  }
1586  
1587  #wp-link .query-notice .query-notice-default,
1588  #wp-link .query-notice .query-notice-hint {
1589      display: block;
1590      padding: 6px;
1591      border-right: 4px solid #72aee6;
1592  }
1593  
1594  #wp-link .unselectable.no-matches-found {
1595      padding: 0;
1596      border-bottom: 1px solid #dcdcde;
1597      background-color: #f6f7f7;
1598  }
1599  
1600  #wp-link .no-matches-found .item-title {
1601      display: block;
1602      padding: 6px;
1603      border-right: 4px solid #d63638;
1604  }
1605  
1606  #wp-link .query-results em {
1607      font-style: normal;
1608  }
1609  
1610  #wp-link li:hover {
1611      background: #f0f6fc;
1612      color: #101517;
1613  }
1614  
1615  #wp-link li.unselectable {
1616      border-bottom: 1px solid #dcdcde;
1617  }
1618  
1619  #wp-link li.unselectable:hover {
1620      background: #fff;
1621      cursor: auto;
1622      color: #2c3338;
1623  }
1624  
1625  #wp-link li.selected {
1626      background: #dcdcde;
1627      color: #2c3338;
1628  }
1629  
1630  #wp-link li.selected .item-title {
1631      font-weight: 600;
1632  }
1633  
1634  #wp-link li:last-child {
1635      border: none;
1636  }
1637  
1638  #wp-link .item-title {
1639      display: inline-block;
1640      width: 80%;
1641      width: calc(100% - 68px);
1642      word-wrap: break-word;
1643  }
1644  
1645  #wp-link .item-info {
1646      text-transform: uppercase;
1647      color: #646970;
1648      font-size: 11px;
1649      position: absolute;
1650      left: 5px;
1651      top: 5px;
1652  }
1653  
1654  #wp-link .river-waiting {
1655      display: none;
1656      padding: 10px 0;
1657  }
1658  
1659  #wp-link .submitbox {
1660      padding: 8px 16px;
1661      background: #fff;
1662      border-top: 1px solid #dcdcde;
1663      position: absolute;
1664      bottom: 0;
1665      right: 0;
1666      left: 0;
1667  }
1668  
1669  #wp-link-cancel {
1670      line-height: 1.92307692;
1671      float: right;
1672  }
1673  
1674  #wp-link-update {
1675      line-height: 1.76923076;
1676      float: left;
1677  }
1678  
1679  #wp-link-submit {
1680      float: left;
1681  }
1682  
1683  @media screen and (max-width: 782px) {
1684      #link-selector {
1685          padding: 0 16px 60px;
1686      }
1687  
1688      #wp-link-wrap #link-selector {
1689          bottom: calc(2.71428571em + 23px);
1690      }
1691  
1692      #wp-link-cancel {
1693          line-height: 2.46153846;
1694      }
1695  
1696      #wp-link .link-target {
1697          padding-top: 10px;
1698      }
1699  
1700      #wp-link .submitbox .button {
1701          margin-bottom: 0;
1702      }
1703  }
1704  
1705  @media screen and (max-width: 520px) {
1706      #wp-link-wrap {
1707          width: auto;
1708          margin-right: 0;
1709          right: 10px;
1710          left: 10px;
1711          max-width: 500px;
1712      }
1713  }
1714  
1715  @media screen and (max-height: 620px) {
1716      #wp-link-wrap {
1717          transition: none;
1718          height: auto;
1719          margin-top: 0;
1720          top: 10px;
1721          bottom: 10px;
1722      }
1723  
1724      #link-selector {
1725          overflow: auto;
1726      }
1727  }
1728  
1729  @media screen and (max-height: 290px) {
1730      #wp-link-wrap {
1731          height: auto;
1732          margin-top: 0;
1733          top: 10px;
1734          bottom: 10px;
1735      }
1736  
1737      #link-selector {
1738          overflow: auto;
1739          height: calc(100% - 92px);
1740          padding-bottom: 2px;
1741      }
1742  }
1743  
1744  div.wp-link-preview {
1745      float: right;
1746      margin: 5px;
1747      max-width: 694px;
1748      overflow: hidden;
1749      text-overflow: ellipsis;
1750  }
1751  
1752  div.wp-link-preview a {
1753      color: #2271b1;
1754      text-decoration: underline;
1755      transition-property: border, background, color;
1756      transition-duration: 0.05s;
1757      transition-timing-function: ease-in-out;
1758      cursor: pointer;
1759  }
1760  
1761  div.wp-link-preview a.wplink-url-error {
1762      color: #d63638;
1763  }
1764  
1765  .mce-inline-toolbar-grp div.mce-flow-layout-item > div {
1766      display: flex;
1767      align-items: flex-end;
1768  }
1769  
1770  div.wp-link-input {
1771      float: right;
1772      margin: 2px;
1773      max-width: 694px;
1774  }
1775  
1776  div.wp-link-input label {
1777      margin-bottom: 4px;
1778      display: block;
1779  }
1780  
1781  div.wp-link-input input {
1782      width: 300px;
1783      padding: 3px;
1784      box-sizing: border-box;
1785      line-height: 1.28571429; /* 18px */
1786      /* Override value inherited from default input fields. */
1787      min-height: 26px;
1788  }
1789  
1790  .mce-toolbar div.wp-link-preview ~ .mce-btn,
1791  .mce-toolbar div.wp-link-input ~ .mce-btn {
1792      margin: 2px 1px;
1793  }
1794  
1795  .mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
1796      margin-left: 2px;
1797  }
1798  
1799  .ui-autocomplete.wplink-autocomplete {
1800      z-index: 100110;
1801      max-height: 200px;
1802      overflow-y: auto;
1803      padding: 0;
1804      margin: 0;
1805      list-style: none;
1806      position: absolute;
1807      border: 1px solid #4f94d4;
1808      box-shadow: 0 1px 2px rgba(79, 148, 212, 0.8);
1809      background-color: #fff;
1810  }
1811  
1812  .ui-autocomplete.wplink-autocomplete li {
1813      margin-bottom: 0;
1814      padding: 4px 10px;
1815      clear: both;
1816      white-space: normal;
1817      text-align: right;
1818  }
1819  
1820  .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
1821      float: left;
1822  }
1823  
1824  .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
1825      background-color: #dcdcde;
1826      cursor: pointer;
1827  }
1828  
1829  @media screen and (max-width: 782px) {
1830      div.wp-link-preview,
1831      div.wp-link-input {
1832          max-width: 70%;
1833          max-width: calc(100% - 86px);
1834      }
1835  
1836      div.wp-link-preview {
1837          margin: 8px 5px 8px 0;
1838      }
1839  
1840      div.wp-link-input {
1841          width: 300px;
1842      }
1843  
1844      div.wp-link-input input {
1845          width: 100%;
1846          font-size: 16px;
1847          padding: 5px;
1848      }
1849  }
1850  
1851  .mce-fullscreen {
1852      z-index: 100010;
1853  }
1854  
1855  .rtl .wp-switch-editor,
1856  .rtl .quicktags-toolbar input {
1857      font-family: Tahoma, sans-serif;
1858  }
1859  
1860  /* rtl:ignore */
1861  .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
1862      direction: rtl;
1863  }
1864  
1865  /* rtl:ignore */
1866  .mce-rtl .mce-listbox i.mce-caret {
1867      left: 6px;
1868  }
1869  
1870  html:lang(he-il) .rtl .wp-switch-editor,
1871  html:lang(he-il) .rtl .quicktags-toolbar input {
1872      font-family: Arial, sans-serif;
1873  }
1874  
1875  /* HiDPI */
1876  @media print,
1877      (min-resolution: 120dpi) {
1878      .wp-media-buttons .add_media span.wp-media-buttons-icon {
1879          background: none;
1880      }
1881  }