1/*! This file is auto-generated */
  2/* 2 column liquid layout */
  3#wpwrap {
  4	height: auto;
  5	min-height: 100%;
  6	width: 100%;
  7	position: relative;
  8	-webkit-font-smoothing: subpixel-antialiased;
  9}
 10
 11#wpcontent {
 12	height: 100%;
 13	padding-right: 20px;
 14}
 15
 16#wpcontent,
 17#wpfooter {
 18	margin-right: 160px;
 19}
 20
 21.folded #wpcontent,
 22.folded #wpfooter {
 23	margin-right: 36px;
 24}
 25
 26#wpbody-content {
 27	padding-bottom: 65px;
 28	float: right;
 29	width: 100%;
 30	overflow: visible;
 31}
 32
 33/* inner 2 column liquid layout */
 34
 35.inner-sidebar {
 36	float: left;
 37	clear: left;
 38	display: none;
 39	width: 281px;
 40	position: relative;
 41}
 42
 43.columns-2 .inner-sidebar {
 44	margin-left: auto;
 45	width: 286px;
 46	display: block;
 47}
 48
 49.inner-sidebar #side-sortables,
 50.columns-2 .inner-sidebar #side-sortables {
 51	min-height: 300px;
 52	width: 280px;
 53	padding: 0;
 54}
 55
 56.has-right-sidebar .inner-sidebar {
 57	display: block;
 58}
 59
 60.has-right-sidebar #post-body {
 61	float: right;
 62	clear: right;
 63	width: 100%;
 64	margin-left: -2000px;
 65}
 66
 67.has-right-sidebar #post-body-content {
 68	margin-left: 300px;
 69	float: none;
 70	width: auto;
 71}
 72
 73/* 2 columns main area */
 74
 75#col-left {
 76	float: right;
 77	width: 35%;
 78}
 79
 80#col-right {
 81	float: left;
 82	width: 65%;
 83}
 84
 85#col-left .col-wrap {
 86	padding: 0 0 0 6px;
 87}
 88
 89#col-right .col-wrap {
 90	padding: 0 6px 0 0;
 91}
 92
 93/* utility classes */
 94.alignleft {
 95	float: right;
 96}
 97
 98.alignright {
 99	float: left;
100}
101
102.textleft {
103	text-align: right;
104}
105
106.textright {
107	text-align: left;
108}
109
110.clear {
111	clear: both;
112}
113
114/* modern clearfix */
115.wp-clearfix:after {
116	content: "";
117	display: table;
118	clear: both;
119}
120
121/* Hide visually but not from screen readers */
122.screen-reader-text,
123.screen-reader-text span,
124.ui-helper-hidden-accessible {
125	border: 0;
126	clip-path: inset(50%);
127	height: 1px;
128	margin: -1px;
129	overflow: hidden;
130	padding: 0;
131	position: absolute;
132	width: 1px;
133	word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
134}
135
136.button .screen-reader-text {
137	height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */
138}
139
140.screen-reader-text + .dashicons-external {
141	margin-top: -1px;
142	margin-right: 2px;
143}
144
145.screen-reader-shortcut {
146	position: absolute;
147	top: -1000em;
148	right: 6px;
149	height: auto;
150	width: auto;
151	display: block;
152	font-size: 14px;
153	font-weight: 600;
154	padding: 15px 23px 14px;
155	/* Background and color set to prevent false positives in automated accessibility tests. */
156	background: #f0f0f1;
157	color: #2271b1;
158	z-index: 100000;
159	line-height: normal;
160}
161
162.screen-reader-shortcut:focus {
163	top: -25px;
164	/* Overrides a:focus in the admin. See ticket #56789. */
165	color: #2271b1;
166	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
167	text-decoration: none;
168	/* Only visible in Windows High Contrast mode */
169	outline: 2px solid transparent;
170	outline-offset: -2px;
171}
172
173.hidden,
174.js .closed .inside,
175.js .hide-if-js,
176.no-js .hide-if-no-js,
177.js.wp-core-ui .hide-if-js,
178.js .wp-core-ui .hide-if-js,
179.no-js.wp-core-ui .hide-if-no-js,
180.no-js .wp-core-ui .hide-if-no-js {
181	display: none;
182}
183
184/* @todo: Take a second look. Large chunks of shared color, from the colors.css merge */
185.widget-top,
186.menu-item-handle,
187.widget-inside,
188#menu-settings-column .accordion-container,
189#menu-management .menu-edit,
190.manage-menus,
191table.widefat,
192.stuffbox,
193p.popular-tags,
194.widgets-holder-wrap,
195.wp-editor-container,
196.popular-tags,
197.feature-filter,
198.comment-ays {
199	border: 1px solid #c3c4c7;
200	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
201}
202
203table.widefat,
204.wp-editor-container,
205.stuffbox,
206p.popular-tags,
207.widgets-holder-wrap,
208.popular-tags,
209.feature-filter,
210.comment-ays {
211	background: #fff;
212}
213
214/* general */
215html,
216body {
217	height: 100%;
218	margin: 0;
219	padding: 0;
220}
221
222body {
223	background: #f0f0f1;
224	color: #3c434a;
225	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
226	font-size: 13px;
227	line-height: 1.4em;
228	min-width: 600px;
229}
230
231body.iframe {
232	min-width: 0;
233	padding-top: 1px;
234}
235
236body.modal-open {
237	overflow: hidden;
238}
239
240body.mobile.modal-open #wpwrap {
241	overflow: hidden;
242	position: fixed;
243	height: 100%;
244}
245
246iframe,
247img {
248	border: 0;
249}
250
251td {
252	font-family: inherit;
253	font-size: inherit;
254	font-weight: inherit;
255	line-height: inherit;
256}
257
258/* Any change to the default link style must be applied to button-link too. */
259a {
260	color: #2271b1;
261	transition-property: border, background, color;
262	transition-duration: .05s;
263	transition-timing-function: ease-in-out;
264}
265
266a,
267div {
268	outline: 0;
269}
270
271a:hover,
272a:active {
273	color: #135e96;
274}
275
276a:focus,
277a:focus .media-icon img,
278a:focus .plugin-icon,
279.wp-person a:focus .gravatar {
280	color: #043959;
281	box-shadow: 0 0 0 2px #2271b1;
282	/* Only visible in Windows High Contrast mode */
283	outline: 2px solid transparent;
284}
285
286#adminmenu a:focus {
287	box-shadow: none;
288	/* Only visible in Windows High Contrast mode */
289	outline: 1px solid transparent;
290	outline-offset: -1px;
291}
292
293.screen-reader-text:focus {
294	box-shadow: none;
295	outline: none;
296}
297
298blockquote,
299q {
300	quotes: none;
301}
302
303blockquote:before,
304blockquote:after,
305q:before,
306q:after {
307	content: "";
308	content: none;
309}
310
311p,
312.wp-die-message {
313	font-size: 13px;
314	line-height: 1.5;
315	margin: 1em 0;
316}
317
318blockquote {
319	margin: 1em;
320}
321
322li,
323dd {
324	margin-bottom: 6px;
325}
326
327h1,
328h2,
329h3,
330h4,
331h5,
332h6 {
333	display: block;
334	font-weight: 600;
335}
336
337h1 {
338	color: #1d2327;
339	font-size: 2em;
340	margin: .67em 0;
341}
342
343h2,
344h3 {
345	color: #1d2327;
346	font-size: 1.3em;
347	margin: 1em 0;
348}
349
350.update-core-php h2 {
351	margin-top: 4em;
352}
353
354.update-php h2,
355.update-messages h2,
356h4 {
357	font-size: 1em;
358	margin: 1.33em 0;
359}
360
361h5 {
362	font-size: 0.83em;
363	margin: 1.67em 0;
364}
365
366h6 {
367	font-size: 0.67em;
368	margin: 2.33em 0;
369}
370
371ul,
372ol {
373	padding: 0;
374}
375
376ul {
377	list-style: none;
378}
379
380ol {
381	list-style-type: decimal;
382	margin-right: 2em;
383}
384
385ul.ul-disc {
386	list-style: disc outside;
387}
388
389ul.ul-square {
390	list-style: square outside;
391}
392
393ol.ol-decimal {
394	list-style: decimal outside;
395}
396
397ul.ul-disc,
398ul.ul-square,
399ol.ol-decimal {
400	margin-right: 1.8em;
401}
402
403ul.ul-disc > li,
404ul.ul-square > li,
405ol.ol-decimal > li {
406	margin: 0 0 0.5em;
407}
408
409/* rtl:ignore */
410.ltr {
411	direction: ltr;
412}
413
414/* rtl:ignore */
415.code,
416code {
417	font-family: Consolas, Monaco, monospace;
418	direction: ltr;
419	unicode-bidi: embed;
420}
421
422kbd,
423code {
424	padding: 3px 5px 2px;
425	margin: 0 1px;
426	background: #f0f0f1;
427	background: rgba(0, 0, 0, 0.07);
428	font-size: 13px;
429}
430
431.subsubsub {
432	list-style: none;
433	margin: 8px 0 0;
434	padding: 0;
435	font-size: 13px;
436	float: right;
437	color: #646970;
438}
439
440.subsubsub a {
441	line-height: 2;
442	padding: .2em;
443	text-decoration: none;
444}
445
446.subsubsub a .count,
447.subsubsub a.current .count {
448	color: #50575e; /* #f1f1f1 background */
449	font-weight: 400;
450}
451
452.subsubsub a.current {
453	font-weight: 600;
454	border: none;
455}
456
457.subsubsub li {
458	display: inline-block;
459	margin: 0;
460	padding: 0;
461	white-space: nowrap;
462}
463
464/* .widefat - main style for tables */
465.widefat {
466	border-spacing: 0;
467	width: 100%;
468	clear: both;
469	margin: 0;
470}
471
472.widefat * {
473	word-wrap: break-word;
474}
475
476.widefat a,
477.widefat button.button-link {
478	text-decoration: none;
479}
480
481.widefat td,
482.widefat th {
483	padding: 8px 10px;
484}
485
486.widefat thead th,
487.widefat thead td {
488	border-bottom: 1px solid #c3c4c7;
489}
490
491.widefat tfoot th,
492.widefat tfoot td {
493	border-top: 1px solid #c3c4c7;
494	border-bottom: none;
495}
496
497.widefat .no-items td {
498	border-bottom-width: 0;
499}
500
501.widefat td {
502	vertical-align: top;
503}
504
505.widefat td,
506.widefat td p,
507.widefat td ol,
508.widefat td ul {
509	font-size: 13px;
510	line-height: 1.5em;
511}
512
513.widefat th,
514.widefat thead td,
515.widefat tfoot td {
516	text-align: right;
517	line-height: 1.3em;
518	font-size: 14px;
519}
520
521.widefat th input,
522.updates-table td input,
523.widefat thead td input,
524.widefat tfoot td input {
525	margin: 0 8px 0 0;
526	padding: 0;
527	vertical-align: text-top;
528}
529
530.widefat .check-column {
531	width: 2.2em;
532	padding: 6px 0 25px;
533	vertical-align: top;
534}
535
536.widefat tbody th.check-column {
537	padding: 9px 0 22px;
538}
539
540.widefat thead td.check-column,
541.widefat tbody th.check-column,
542.updates-table tbody td.check-column,
543.widefat tfoot td.check-column {
544	padding: 11px 3px 0 0;
545}
546
547.widefat thead td.check-column,
548.widefat tfoot td.check-column {
549	padding-top: 4px;
550	vertical-align: middle;
551}
552
553.update-php div.updated,
554.update-php div.error {
555	margin-right: 0;
556}
557
558.js-update-details-toggle .dashicons {
559	text-decoration: none;
560}
561
562.js-update-details-toggle[aria-expanded="true"] .dashicons::before {
563	content: "\f142";
564	content: "\f142" / '';
565}
566
567.no-js .widefat thead .check-column input,
568.no-js .widefat tfoot .check-column input {
569	display: none;
570}
571
572.widefat .num,
573.column-comments,
574.column-links,
575.column-posts {
576	text-align: center;
577}
578
579.widefat th#comments {
580	vertical-align: middle;
581}
582
583.wrap {
584	margin: 10px 2px 0 20px;
585}
586
587.wrap > h2:first-child, /* Back-compat for pre-4.4 */
588.wrap [class$="icon32"] + h2, /* Back-compat for pre-4.4 */
589.postbox .inside h2, /* Back-compat for pre-4.4 */
590.wrap h1 {
591	font-size: 23px;
592	font-weight: 400;
593	margin: 0;
594	padding: 9px 0 4px;
595	line-height: 1.3;
596}
597
598.wrap h1.wp-heading-inline {
599	display: inline-block;
600	margin-left: 5px;
601}
602
603.wp-header-end {
604	visibility: hidden;
605	margin: -2px 0 0;
606}
607
608.subtitle {
609	margin: 0;
610	padding-right: 25px;
611	color: #50575e;
612	font-size: 14px;
613	font-weight: 400;
614	line-height: 1;
615}
616
617.subtitle strong {
618	word-break: break-all;
619}
620
621.wrap .add-new-h2, /* deprecated */
622.wrap .add-new-h2:active, /* deprecated */
623.wrap .page-title-action,
624.wrap .page-title-action:active {
625	display: inline-block;
626	position: relative;
627	box-sizing: border-box;
628	cursor: pointer;
629	white-space: nowrap;
630	text-decoration: none;
631	text-shadow: none;
632	top: -3px;
633	margin-right: 4px;
634	border: 1px solid #2271b1;
635	border-radius: 3px;
636	background: #f6f7f7;
637	font-size: 13px;
638	font-weight: 400;
639	line-height: 2.15384615;
640	color: #2271b1; /* use the standard color used for buttons */
641	padding: 0 10px;
642	min-height: 30px;
643	-webkit-appearance: none;
644
645}
646
647.wrap .wp-heading-inline + .page-title-action {
648	margin-right: 0;
649}
650
651.wrap .add-new-h2:hover, /* deprecated */
652.wrap .page-title-action:hover {
653	background: #f0f0f1;
654	border-color: #0a4b78;
655	color: #0a4b78;
656}
657
658/* lower specificity: color needs to be overridden by :hover and :active */
659.page-title-action:focus {
660	color: #0a4b78;
661}
662
663/* Dashicon for language options on General Settings and Profile screens */
664.form-table th label[for="locale"] .dashicons,
665.form-table th label[for="WPLANG"] .dashicons {
666	margin-right: 5px;
667}
668
669.wrap .page-title-action:focus {
670	border-color: #3582c4;
671	box-shadow: 0 0 0 1px #3582c4;
672	/* Only visible in Windows High Contrast mode */
673	outline: 2px solid transparent;
674}
675
676.wrap h1.long-header {
677	padding-left: 0;
678}
679
680.wp-dialog {
681	background-color: #fff;
682}
683
684.widgets-chooser ul,
685#widgets-left .widget-in-question .widget-top,
686#available-widgets .widget-top:hover,
687div#widgets-right .widget-top:hover,
688#widgets-left .widget-top:hover {
689	border-color: #8c8f94;
690	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
691}
692
693.sorthelper {
694	background-color: #c5d9ed;
695}
696
697.ac_match,
698.subsubsub a.current {
699	color: #000;
700}
701
702.striped > tbody > :nth-child(odd),
703ul.striped > :nth-child(odd),
704.alternate {
705	background-color: #f6f7f7;
706}
707
708.bar {
709	background-color: #f0f0f1;
710	border-left-color: #4f94d4;
711}
712
713/* Helper classes for plugins to leverage the active WordPress color scheme */
714
715.highlight {
716	background-color: #f0f6fc;
717	color: #3c434a;
718}
719
720.wp-ui-primary {
721	color: #fff;
722	background-color: #2c3338;
723}
724.wp-ui-text-primary {
725	color: #2c3338;
726}
727
728.wp-ui-highlight {
729	color: #fff;
730	background-color: #2271b1;
731}
732.wp-ui-text-highlight {
733	color: #2271b1;
734}
735
736.wp-ui-notification {
737	color: #fff;
738	background-color: #d63638;
739}
740.wp-ui-text-notification {
741	color: #d63638;
742}
743
744.wp-ui-text-icon {
745	color: #8c8f94; /* same as new icons */
746}
747
748/* For emoji replacement images */
749img.emoji {
750	display: inline !important;
751	border: none !important;
752	height: 1em !important;
753	width: 1em !important;
754	margin: 0 .07em !important;
755	vertical-align: -0.1em !important;
756	background: none !important;
757	padding: 0 !important;
758	box-shadow: none !important;
759}
760
761/*------------------------------------------------------------------------------
762  1.0 - Text Styles
763------------------------------------------------------------------------------*/
764
765.widget .widget-top,
766.postbox .hndle,
767.stuffbox .hndle,
768.control-section .accordion-section-title,
769.sidebar-name,
770#nav-menu-header,
771#nav-menu-footer,
772.menu-item-handle,
773.checkbox,
774.side-info,
775#your-profile #rich_editing,
776.widefat thead th,
777.widefat thead td,
778.widefat tfoot th,
779.widefat tfoot td {
780	line-height: 1.4em;
781}
782
783.widget .widget-top,
784.menu-item-handle {
785	background: #f6f7f7;
786	color: #1d2327;
787}
788
789.stuffbox .hndle {
790	border-bottom: 1px solid #c3c4c7;
791}
792
793.quicktags {
794	background-color: #c3c4c7;
795	color: #000;
796	font-size: 12px;
797}
798
799.icon32 {
800	display: none;
801}
802
803/* @todo can we combine these into a class or use an existing dashicon one? */
804.welcome-panel .welcome-panel-close:before,
805.tagchecklist .ntdelbutton .remove-tag-icon:before,
806#bulk-titles .ntdelbutton:before,
807.notice-dismiss:before {
808	background: none;
809	color: #787c82;
810	content: "\f153";
811	content: "\f153" / '';
812	display: block;
813	font: normal 16px/20px dashicons;
814	height: 20px;
815	text-align: center;
816	width: 20px;
817	-webkit-font-smoothing: antialiased;
818	-moz-osx-font-smoothing: grayscale;
819}
820
821.welcome-panel .welcome-panel-close:before {
822	margin: 0;
823}
824
825.tagchecklist .ntdelbutton .remove-tag-icon:before {
826	margin-right: 2px;
827	border-radius: 50%;
828	color: #2271b1;
829	/* vertically center the icon cross browsers */
830	line-height: 1.28;
831}
832
833.tagchecklist .ntdelbutton:focus {
834	outline: 0;
835}
836
837.tagchecklist .ntdelbutton:hover .remove-tag-icon:before,
838.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
839#bulk-titles .ntdelbutton:hover:before,
840#bulk-titles .ntdelbutton:focus:before {
841	color: #d63638;
842}
843
844.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
845	box-shadow: 0 0 0 2px #2271b1;
846	/* Only visible in Windows High Contrast mode */
847	outline: 2px solid transparent;
848}
849
850.key-labels label {
851	line-height: 24px;
852}
853
854strong, b {
855	font-weight: 600;
856}
857
858.pre {
859	/* https://developer.mozilla.org/en-US/docs/CSS/white-space */
860	white-space: pre-wrap; /* css-3 */
861	word-wrap: break-word; /* IE 5.5 - 7 */
862}
863
864.howto {
865	color: #646970;
866	display: block;
867}
868
869p.install-help {
870	margin: 8px 0;
871	font-style: italic;
872}
873
874.no-break {
875	white-space: nowrap;
876}
877
878hr {
879	border: 0;
880	border-top: 1px solid #dcdcde;
881	border-bottom: 1px solid #f6f7f7;
882}
883
884.row-actions span.delete a,
885.row-actions span.trash a,
886.row-actions span.spam a,
887.plugins a.delete,
888#all-plugins-table .plugins a.delete,
889#search-plugins-table .plugins a.delete,
890.submitbox .submitdelete,
891#media-items a.delete,
892#media-items a.delete-permanently,
893#nav-menu-footer .menu-delete,
894#delete-link a.delete,
895a#remove-post-thumbnail,
896.privacy_requests .remove-personal-data .remove-personal-data-handle {
897	color: #b32d2e;
898}
899
900abbr.required,
901span.required,
902.file-error,
903.row-actions .delete a:hover,
904.row-actions .trash a:hover,
905.row-actions .spam a:hover,
906.plugins a.delete:hover,
907#all-plugins-table .plugins a.delete:hover,
908#search-plugins-table .plugins a.delete:hover,
909.submitbox .submitdelete:hover,
910#media-items a.delete:hover,
911#media-items a.delete-permanently:hover,
912#nav-menu-footer .menu-delete:hover,
913#delete-link a.delete:hover,
914a#remove-post-thumbnail:hover,
915.privacy_requests .remove-personal-data .remove-personal-data-handle:hover {
916	color: #b32d2e;
917	border: none;
918}
919
920.application-password-display .success {
921    color: #007017;
922    margin-right: 0.5rem;
923}
924
925/*------------------------------------------------------------------------------
926  3.0 - Actions
927------------------------------------------------------------------------------*/
928
929#major-publishing-actions {
930	padding: 10px;
931	clear: both;
932	border-top: 1px solid #dcdcde;
933	background: #f6f7f7;
934}
935
936#delete-action {
937	float: right;
938	line-height: 2.30769231; /* 30px */
939}
940
941#delete-link {
942	line-height: 2.30769231; /* 30px */
943	vertical-align: middle;
944	text-align: right;
945	margin-right: 8px;
946}
947
948#delete-link a {
949	text-decoration: none;
950}
951
952#publishing-action {
953	text-align: left;
954	float: left;
955	line-height: 1.9;
956}
957
958#publishing-action .spinner {
959	float: none;
960	margin-top: 5px;
961}
962
963#misc-publishing-actions {
964	padding: 6px 0 0;
965}
966
967.misc-pub-section {
968	padding: 6px 10px 8px;
969}
970
971.word-wrap-break-word,
972.misc-pub-filename {
973	word-wrap: break-word;
974}
975
976#minor-publishing-actions {
977	padding: 10px 10px 0;
978	text-align: left;
979}
980
981#save-post {
982	float: right;
983}
984
985.preview {
986	float: left;
987}
988
989#sticky-span {
990	margin-right: 18px;
991}
992
993.approve,
994.unapproved .unapprove {
995	display: none;
996}
997
998.unapproved .approve,
999.spam .approve,
1000.trash .approve {
1001	display: inline;
1002}
1003
1004td.action-links,
1005th.action-links {
1006	text-align: left;
1007}
1008
1009#misc-publishing-actions .notice {
1010	margin-right: 10px;
1011	margin-left: 10px;
1012}
1013
1014/* Filter bar */
1015.wp-filter {
1016	display: inline-block;
1017	position: relative;
1018	box-sizing: border-box;
1019	margin: 12px 0 25px;
1020	padding: 0 10px;
1021	width: 100%;
1022	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1023	border: 1px solid #c3c4c7;
1024	background: #fff;
1025	color: #50575e;
1026	font-size: 13px;
1027}
1028
1029.wp-filter a {
1030	text-decoration: none;
1031}
1032
1033.filter-count {
1034	display: inline-block;
1035	vertical-align: middle;
1036	min-width: 4em;
1037}
1038
1039.title-count,
1040.filter-count .count {
1041	display: inline-block;
1042	position: relative;
1043	top: -1px;
1044	padding: 4px 10px;
1045	border-radius: 30px;
1046	background: #646970;
1047	color: #fff;
1048	font-size: 14px;
1049	font-weight: 600;
1050}
1051
1052/* not a part of filter bar, but derived from it, so here for now */
1053.title-count {
1054	display: inline;
1055	top: -3px;
1056	margin-right: 5px;
1057	margin-left: 20px;
1058}
1059
1060.filter-items {
1061	float: right;
1062}
1063
1064.filter-links {
1065	display: inline-block;
1066	margin: 0;
1067}
1068
1069.filter-links li {
1070	display: inline-block;
1071	margin: 0;
1072}
1073
1074.filter-links li > a {
1075	display: inline-block;
1076	margin: 0 10px;
1077	padding: 15px 0;
1078	border-bottom: 4px solid #fff;
1079	color: #646970;
1080	cursor: pointer;
1081}
1082
1083.filter-links .current {
1084	box-shadow: none;
1085	border-bottom: 4px solid #646970;
1086	color: #1d2327;
1087}
1088
1089.filter-links li > a:hover,
1090.filter-links li > a:focus,
1091.show-filters .filter-links a.current:hover,
1092.show-filters .filter-links a.current:focus {
1093	color: #135e96;
1094}
1095
1096.wp-filter .search-form {
1097	float: left;
1098	display: flex;
1099	align-items: center;
1100	column-gap: .5rem;
1101}
1102
1103.wp-filter .search-form input[type="search"] {
1104	width: 280px;
1105	max-width: 100%;
1106}
1107
1108.wp-filter .search-form select {
1109	margin: 0;
1110}
1111
1112/* Use flexbox only on the plugins install page. The `filter-links` and search form children will become flex items. */
1113.plugin-install-php .wp-filter {
1114	display: flex;
1115	flex-wrap: wrap;
1116	justify-content: space-between;
1117	align-items: center;
1118}
1119
1120.wp-filter .search-form.search-plugins select,
1121.wp-filter .search-form.search-plugins .wp-filter-search,
1122.no-js .wp-filter .search-form.search-plugins .button {
1123	display: inline-block;
1124	vertical-align: top;
1125}
1126
1127.wp-filter .button.drawer-toggle {
1128	margin: 10px 9px 0;
1129	padding: 0 6px 0 10px;
1130	border-color: transparent;
1131	background-color: transparent;
1132	color: #646970;
1133	vertical-align: baseline;
1134	box-shadow: none;
1135}
1136
1137.wp-filter .drawer-toggle:before {
1138	content: "\f111";
1139	content: "\f111" / '';
1140	margin: 0 0 0 5px;
1141	color: #646970;
1142	font: normal 16px/1 dashicons;
1143	vertical-align: text-bottom;
1144	-webkit-font-smoothing: antialiased;
1145	-moz-osx-font-smoothing: grayscale;
1146}
1147
1148.wp-filter .button.drawer-toggle:hover,
1149.wp-filter .drawer-toggle:hover:before,
1150.wp-filter .button.drawer-toggle:focus,
1151.wp-filter .drawer-toggle:focus:before {
1152	background-color: transparent;
1153	color: #135e96;
1154}
1155
1156.wp-filter .button.drawer-toggle:hover,
1157.wp-filter .button.drawer-toggle:focus:active {
1158	border-color: transparent;
1159}
1160
1161.wp-filter .button.drawer-toggle:focus {
1162	border-color: #4f94d4;
1163}
1164
1165.wp-filter .button.drawer-toggle:active {
1166	background: transparent;
1167	box-shadow: none;
1168	transform: none;
1169}
1170
1171.wp-filter .drawer-toggle.current:before {
1172	color: #fff;
1173}
1174
1175.filter-drawer,
1176.wp-filter .favorites-form {
1177	display: none;
1178	margin: 0 -20px 0 -10px;
1179	padding: 20px;
1180	border-top: 1px solid #f0f0f1;
1181	background: #f6f7f7;
1182	overflow: hidden;
1183}
1184
1185.wp-filter .favorites-form .favorites-username {
1186	display: flex;
1187	align-items: center;
1188	flex-wrap: wrap;
1189	gap: 0.5rem;
1190}
1191
1192.wp-filter .favorites-form .favorites-username input {
1193	margin: 0;
1194}
1195
1196.show-filters .filter-drawer,
1197.show-favorites-form .favorites-form {
1198	display: block;
1199}
1200
1201.show-filters .filter-links a.current {
1202	border-bottom: none;
1203}
1204
1205.show-filters .wp-filter .button.drawer-toggle {
1206	border-radius: 2px;
1207	background: #646970;
1208	color: #fff;
1209}
1210
1211.show-filters .wp-filter .drawer-toggle:hover,
1212.show-filters .wp-filter .drawer-toggle:focus {
1213	background: #2271b1;
1214}
1215
1216.show-filters .wp-filter .drawer-toggle:before {
1217	color: #fff;
1218}
1219
1220.filter-group {
1221	box-sizing: border-box;
1222	position: relative;
1223	float: right;
1224	margin: 0 0 0 1%;
1225	padding: 20px 10px 10px;
1226	width: 24%;
1227	background: #fff;
1228	border: 1px solid #dcdcde;
1229	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1230}
1231
1232.filter-group legend {
1233	position: absolute;
1234	top: 10px;
1235	display: block;
1236	margin: 0;
1237	padding: 0;
1238	font-size: 1em;
1239	font-weight: 600;
1240}
1241
1242.filter-drawer .filter-group-feature {
1243	margin: 28px 0 0;
1244	list-style-type: none;
1245	font-size: 12px;
1246}
1247
1248.filter-drawer .filter-group-feature input,
1249.filter-drawer .filter-group-feature label {
1250	line-height: 1.4;
1251}
1252
1253.filter-drawer .filter-group-feature input {
1254	position: absolute;
1255	margin: 0;
1256}
1257
1258.filter-group .filter-group-feature label {
1259	display: block;
1260	margin: 14px 23px 14px 0;
1261}
1262
1263.filter-drawer .buttons {
1264	clear: both;
1265	margin-bottom: 20px;
1266}
1267
1268.filter-drawer .filter-group + .buttons {
1269	margin-bottom: 0;
1270	padding-top: 20px;
1271}
1272
1273.filter-drawer .buttons .button span {
1274	display: inline-block;
1275	opacity: 0.8;
1276	font-size: 12px;
1277	text-indent: 10px;
1278}
1279
1280.wp-filter .button.clear-filters {
1281	display: none;
1282	margin-right: 10px;
1283}
1284
1285.wp-filter .button-link.edit-filters {
1286	padding: 0 5px;
1287	line-height: 2.2;
1288}
1289
1290.filtered-by {
1291	display: none;
1292	margin: 0;
1293}
1294
1295.filtered-by > span {
1296	font-weight: 600;
1297}
1298
1299.filtered-by a {
1300	margin-right: 10px;
1301}
1302
1303.filtered-by .tags {
1304	display: flex;
1305	align-items: flex-start;
1306	flex-wrap: wrap;
1307	gap: 8px;
1308}
1309
1310.filtered-by .tag {
1311	padding: 4px 8px;
1312	border: 1px solid #dcdcde;
1313	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1314	background: #fff;
1315	font-size: 11px;
1316}
1317
1318.filters-applied .filter-group,
1319.filters-applied .filter-drawer .buttons,
1320.filters-applied .filter-drawer br {
1321	display: none;
1322}
1323
1324.filters-applied .filtered-by {
1325	display: flex;
1326	align-items: center;
1327	flex-wrap: wrap;
1328	gap: 10px;
1329}
1330
1331.filters-applied .filter-drawer {
1332	padding: 20px;
1333}
1334
1335.show-filters .favorites-form,
1336.show-filters .content-filterable,
1337.show-filters.filters-applied.loading-content .content-filterable,
1338.loading-content .content-filterable,
1339.error .content-filterable {
1340	display: none;
1341}
1342
1343.show-filters.filters-applied .content-filterable {
1344	display: block;
1345}
1346
1347.loading-content .spinner {
1348	display: block;
1349	margin: 40px auto 0;
1350	float: none;
1351}
1352
1353@media only screen and (max-width: 1138px) {
1354	.wp-filter .search-form {
1355		margin: 11px 0;
1356	}
1357}
1358
1359@media only screen and (max-width: 1120px) {
1360	.filter-drawer {
1361		border-bottom: 1px solid #f0f0f1;
1362	}
1363
1364	.filter-group {
1365		margin-bottom: 0;
1366		margin-top: 5px;
1367		width: 100%;
1368	}
1369
1370	.filter-group li {
1371		margin: 10px 0;
1372	}
1373}
1374
1375@media only screen and (max-width: 1000px) {
1376	.filter-items {
1377		float: none;
1378	}
1379
1380	.wp-filter .media-toolbar-primary,
1381	.wp-filter .media-toolbar-secondary,
1382	.wp-filter .search-form {
1383		float: none; /* Remove float from media-views.css */
1384		position: relative;
1385		max-width: 100%;
1386	}
1387	.wp-filter .search-form {
1388		margin: 11px 0;
1389		flex-wrap: wrap;
1390		row-gap: 10px;
1391	}
1392}
1393
1394@media only screen and (max-width: 782px) {
1395	.filter-group li {
1396		padding: 0;
1397		width: 50%;
1398	}
1399}
1400
1401@media only screen and (max-width: 320px) {
1402	.filter-count {
1403		display: none;
1404	}
1405
1406	.wp-filter .drawer-toggle {
1407		margin: 10px 0;
1408	}
1409
1410	.filter-group li,
1411	.wp-filter .search-form input[type="search"] {
1412		width: 100%;
1413	}
1414}
1415
1416/*------------------------------------------------------------------------------
1417  4.0 - Notifications
1418------------------------------------------------------------------------------*/
1419
1420.notice,
1421div.updated,
1422div.error {
1423	background: #fff;
1424	border: 1px solid #c3c4c7;
1425	border-right-width: 4px;
1426	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
1427	margin: 5px 15px 2px;
1428	padding: 1px 12px;
1429}
1430
1431div[class="update-message"] { /* back-compat for pre-4.6 */
1432	padding: 0.5em 0 0.5em 12px;
1433}
1434
1435.notice p,
1436.notice-title,
1437div.updated p,
1438div.error p,
1439.form-table td .notice p {
1440	margin: 0.5em 0;
1441	padding: 2px;
1442}
1443
1444.error a {
1445	text-decoration: underline;
1446}
1447
1448.updated a {
1449	padding-bottom: 2px;
1450}
1451
1452.notice-alt {
1453	box-shadow: none;
1454}
1455
1456.notice-large {
1457	padding: 10px 20px;
1458}
1459
1460.notice-title {
1461	display: inline-block;
1462	color: #1d2327;
1463	font-size: 18px;
1464}
1465
1466.wp-core-ui .notice.is-dismissible {
1467	padding-left: 38px;
1468	position: relative;
1469}
1470
1471.notice-dismiss {
1472	position: absolute;
1473	top: 0;
1474	left: 1px;
1475	border: none;
1476	margin: 0;
1477	padding: 9px;
1478	background: none;
1479	color: #787c82;
1480	cursor: pointer;
1481}
1482
1483.notice-dismiss:hover:before,
1484.notice-dismiss:active:before,
1485.notice-dismiss:focus:before {
1486	color: #d63638;
1487}
1488
1489.notice-dismiss:focus {
1490	box-shadow: 0 0 0 2px #2271b1;
1491	/* Only visible in Windows High Contrast mode */
1492	outline: 2px solid transparent;
1493}
1494
1495.notice-success,
1496div.updated {
1497	border-right-color: #00a32a;
1498}
1499
1500.notice-success.notice-alt {
1501	background-color: #edfaef;
1502}
1503
1504.notice-warning {
1505	border-right-color: #dba617;
1506}
1507
1508.notice-warning.notice-alt {
1509	background-color: #fcf9e8;
1510}
1511
1512.notice-error,
1513div.error {
1514	border-right-color: #d63638;
1515}
1516
1517.notice-error.notice-alt {
1518	background-color: #fcf0f1;
1519}
1520
1521.notice-info {
1522	border-right-color: #72aee6;
1523}
1524
1525.notice-info.notice-alt {
1526	background-color: #f0f6fc;
1527}
1528
1529#plugin-information-footer .update-now:not(.button-disabled):before {
1530	color: #d63638;
1531	content: "\f463";
1532	content: "\f463" / '';
1533	display: inline-block;
1534	font: normal 20px/1 dashicons;
1535	margin: -3px -2px 0 5px;
1536	-webkit-font-smoothing: antialiased;
1537	-moz-osx-font-smoothing: grayscale;
1538	vertical-align: middle;
1539}
1540
1541#plugin-information-footer .notice {
1542    margin-top: -5px;
1543}
1544
1545.update-message p:before,
1546.updating-message p:before,
1547.updated-message p:before,
1548.import-php .updating-message:before,
1549.button.updating-message:before,
1550.button.updated-message:before,
1551.button.installed:before,
1552.button.installing:before,
1553.button.activating-message:before,
1554.button.activated-message:before {
1555	display: inline-block;
1556	font: normal 20px/1 'dashicons';
1557	-webkit-font-smoothing: antialiased;
1558	-moz-osx-font-smoothing: grayscale;
1559	vertical-align: top;
1560}
1561
1562.wrap .notice,
1563.wrap div.updated,
1564.wrap div.error,
1565.media-upload-form .notice,
1566.media-upload-form div.error {
1567	margin: 5px 0 15px;
1568}
1569
1570.wrap #templateside .notice {
1571	display: block;
1572	margin: 0;
1573	padding: 5px 8px;
1574	font-weight: 600;
1575	text-decoration: none;
1576}
1577
1578.wrap #templateside span.notice {
1579	margin-right: -12px;
1580}
1581
1582#templateside li.notice a {
1583	padding: 0;
1584}
1585
1586/* Update icon. */
1587.update-message p:before,
1588.updating-message p:before,
1589.import-php .updating-message:before,
1590.button.updating-message:before,
1591.button.installing:before,
1592.button.activating-message:before {
1593	color: #d63638;
1594	content: "\f463";
1595	content: "\f463" / '';
1596}
1597
1598/* Spins the update icon. */
1599.updating-message p:before,
1600.import-php .updating-message:before,
1601.button.updating-message:before,
1602.button.installing:before,
1603.button.activating-message:before,
1604.plugins .column-auto-updates .dashicons-update.spin,
1605.theme-overlay .theme-autoupdate .dashicons-update.spin {
1606	animation: rotation 2s infinite linear;
1607}
1608
1609@media (prefers-reduced-motion: reduce) {
1610	.updating-message p:before,
1611	.import-php .updating-message:before,
1612	.button.updating-message:before,
1613	.button.installing:before,
1614	.button.activating-message:before,
1615	.plugins .column-auto-updates .dashicons-update.spin,
1616	.theme-overlay .theme-autoupdate .dashicons-update.spin {
1617		animation: none;
1618	}
1619}
1620
1621.theme-overlay .theme-autoupdate .dashicons-update.spin {
1622	margin-left: 3px;
1623}
1624
1625/* Updated icon (check mark). */
1626.updated-message p:before,
1627.installed p:before,
1628.button.updated-message:before,
1629.button.activated-message:before {
1630	color: #68de7c;
1631	content: "\f147";
1632	content: "\f147" / '';
1633}
1634
1635/* Error icon. */
1636.update-message.notice-error p:before {
1637	color: #d63638;
1638	content: "\f534";
1639	content: "\f534" / '';
1640}
1641
1642.wrap .notice p:before,
1643.import-php .updating-message:before {
1644	margin-left: 6px;
1645}
1646
1647.import-php .updating-message:before {
1648	vertical-align: bottom;
1649}
1650
1651#update-nag,
1652.update-nag {
1653	display: inline-block;
1654	line-height: 1.4;
1655	padding: 11px 15px;
1656	font-size: 14px;
1657	margin: 25px 2px 0 20px;
1658}
1659
1660ul#dismissed-updates {
1661	display: none;
1662}
1663
1664#dismissed-updates li > p {
1665	margin-top: 0;
1666}
1667
1668#dismiss,
1669#undismiss {
1670	margin-right: 0.5em;
1671}
1672
1673form.upgrade {
1674	margin-top: 8px;
1675}
1676
1677form.upgrade .hint {
1678	font-style: italic;
1679	font-size: 85%;
1680	margin: -0.5em 0 2em;
1681}
1682
1683.update-php .spinner {
1684	float: none;
1685	margin: -4px 0;
1686}
1687
1688h2.wp-current-version {
1689	margin-bottom: .3em;
1690}
1691
1692p.update-last-checked {
1693	margin-top: 0;
1694}
1695
1696p.auto-update-status {
1697	margin-top: 2em;
1698	line-height: 1.8;
1699}
1700
1701#ajax-loading,
1702.ajax-loading,
1703.ajax-feedback,
1704.imgedit-wait-spin,
1705.list-ajax-loading { /* deprecated */
1706	visibility: hidden;
1707}
1708
1709#ajax-response.alignleft {
1710	margin-right: 2em;
1711}
1712
1713.button.updating-message:before,
1714.button.updated-message:before,
1715.button.installed:before,
1716.button.installing:before,
1717.button.activated-message:before,
1718.button.activating-message:before {
1719	margin: 3px -2px 0 5px;
1720}
1721
1722#plugin-information-footer .button {
1723	padding: 0 14px;
1724	line-height: 2.71428571; /* 38px */
1725	font-size: 14px;
1726	vertical-align: middle;
1727	min-height: 40px;
1728	margin-bottom: 4px;
1729}
1730
1731#plugin-information-footer .button.installed:before,
1732#plugin-information-footer .button.installing:before,
1733#plugin-information-footer .button.updating-message:before,
1734#plugin-information-footer .button.updated-message:before,
1735#plugin-information-footer .button.activated-message:before,
1736#plugin-information-footer .button.activating-message:before {
1737	margin: 9px -2px 0 5px;
1738}
1739
1740#plugin-information-footer .button.update-now.updating-message:before {
1741	margin: -3px -2px 0 5px;
1742}
1743
1744.button-primary.updating-message:before,
1745.button-primary.activating-message:before {
1746	color: #fff;
1747}
1748
1749.button-primary.updated-message:before,
1750.button-primary.activated-message:before {
1751	color: #9ec2e6;
1752}
1753
1754.button.updated-message,
1755.button.activated-message {
1756	transition-property: border, background, color;
1757	transition-duration: .05s;
1758	transition-timing-function: ease-in-out;
1759}
1760
1761
1762/* @todo: this does not need its own section anymore */
1763/*------------------------------------------------------------------------------
1764  6.0 - Admin Header
1765------------------------------------------------------------------------------*/
1766#adminmenu a,
1767#taglist a,
1768#catlist a {
1769	text-decoration: none;
1770}
1771
1772/*------------------------------------------------------------------------------
1773  6.1 - Screen Options Tabs
1774------------------------------------------------------------------------------*/
1775
1776#screen-options-wrap,
1777#contextual-help-wrap {
1778	margin: 0;
1779	padding: 8px 20px 12px;
1780	position: relative;
1781}
1782
1783#contextual-help-wrap {
1784	overflow: auto;
1785	margin-right: 0;
1786}
1787
1788#screen-meta-links {
1789	float: left;
1790	margin: 0 0 0 20px;
1791}
1792
1793/* screen options and help tabs revert */
1794#screen-meta {
1795	display: none;
1796	margin: 0 0 -1px 20px;
1797	position: relative;
1798	background-color: #fff;
1799	border: 1px solid #c3c4c7;
1800	border-top: none;
1801	box-shadow: 0 0 0 transparent;
1802}
1803
1804#screen-options-link-wrap,
1805#contextual-help-link-wrap {
1806	float: right;
1807	margin: 0 6px 0 0;
1808}
1809
1810#screen-meta-links .screen-meta-toggle {
1811	position: relative;
1812	top: 0;
1813}
1814
1815#screen-meta-links .show-settings {
1816	border: 1px solid #c3c4c7;
1817	border-top: none;
1818	height: auto;
1819	margin-bottom: 0;
1820	padding: 3px 16px 3px 6px;
1821	background: #fff;
1822	border-radius: 0 0 4px 4px;
1823	color: #646970;
1824	line-height: 1.7;
1825	box-shadow: 0 0 0 transparent;
1826	transition: box-shadow 0.1s linear;
1827}
1828
1829#screen-meta-links .show-settings:hover,
1830#screen-meta-links .show-settings:active,
1831#screen-meta-links .show-settings:focus {
1832	color: #2c3338;
1833}
1834
1835#screen-meta-links .show-settings:focus {
1836	border-color: #2271b1;
1837	box-shadow: 0 0 0 1px #2271b1;
1838	/* Only visible in Windows High Contrast mode */
1839	outline: 2px solid transparent;
1840}
1841
1842#screen-meta-links .show-settings:active {
1843	transform: none;
1844}
1845
1846#screen-meta-links .show-settings:after {
1847	left: 0;
1848	content: "\f140";
1849	content: "\f140" / '';
1850	font: normal 20px/1 dashicons;
1851	display: inline-block;
1852	padding: 0 0 0 5px;
1853	bottom: 2px;
1854	position: relative;
1855	vertical-align: bottom;
1856	-webkit-font-smoothing: antialiased;
1857	-moz-osx-font-smoothing: grayscale;
1858	text-decoration: none;
1859}
1860
1861#screen-meta-links .screen-meta-active:after {
1862	content: "\f142";
1863	content: "\f142" / '';
1864}
1865
1866/* end screen options and help tabs */
1867
1868.toggle-arrow {
1869	background-repeat: no-repeat;
1870	background-position: top right;
1871	background-color: transparent;
1872	height: 22px;
1873	line-height: 22px;
1874	display: block;
1875}
1876
1877.toggle-arrow-active {
1878	background-position: bottom right;
1879}
1880
1881#screen-options-wrap h5, /* Back-compat for old plugins */
1882#screen-options-wrap legend,
1883#contextual-help-wrap h5 {
1884	margin: 0;
1885	padding: 8px 0;
1886	font-size: 13px;
1887	font-weight: 600;
1888}
1889
1890.metabox-prefs label {
1891	display: inline-block;
1892	padding-left: 15px;
1893	line-height: 2.35;
1894}
1895
1896#number-of-columns {
1897	display: inline-block;
1898	vertical-align: middle;
1899	line-height: 30px;
1900}
1901
1902.metabox-prefs input[type=checkbox] {
1903	margin-top: 0;
1904	margin-left: 6px;
1905}
1906
1907.metabox-prefs label input,
1908.metabox-prefs label input[type=checkbox] {
1909	margin: -4px 0 0 5px;
1910}
1911
1912.metabox-prefs .columns-prefs label input {
1913	margin: -1px 0 0 2px;
1914}
1915
1916.metabox-prefs label a {
1917	display: none;
1918}
1919
1920.metabox-prefs .screen-options input,
1921.metabox-prefs .screen-options label {
1922	margin-top: 0;
1923	margin-bottom: 0;
1924	vertical-align: middle;
1925}
1926
1927.metabox-prefs .screen-options .screen-per-page {
1928	margin-left: 15px;
1929	padding-left: 0;
1930}
1931
1932.metabox-prefs .screen-options label {
1933	line-height: 2.2;
1934	padding-left: 0;
1935}
1936
1937.screen-options + .screen-options {
1938	margin-top: 10px;
1939}
1940
1941.metabox-prefs .submit {
1942	margin-top: 1em;
1943	padding: 0;
1944}
1945
1946/*------------------------------------------------------------------------------
1947  6.2 - Help Menu
1948------------------------------------------------------------------------------*/
1949
1950#contextual-help-wrap {
1951	padding: 0;
1952}
1953
1954#contextual-help-columns {
1955	position: relative;
1956}
1957
1958#contextual-help-back {
1959	position: absolute;
1960	top: 0;
1961	bottom: 0;
1962	right: 150px;
1963	left: 170px;
1964	border: 1px solid #c3c4c7;
1965	border-top: none;
1966	border-bottom: none;
1967	background: #f0f6fc;
1968}
1969
1970#contextual-help-wrap.no-sidebar #contextual-help-back {
1971	left: 0;
1972	border-left-width: 0;
1973	border-bottom-left-radius: 2px;
1974}
1975
1976.contextual-help-tabs {
1977	float: right;
1978	width: 150px;
1979	margin: 0;
1980}
1981
1982.contextual-help-tabs ul {
1983	margin: 1em 0;
1984}
1985
1986.contextual-help-tabs li {
1987	margin-bottom: 0;
1988	list-style-type: none;
1989	border-style: solid;
1990	border-width: 0 2px 0 0;
1991	border-color: transparent;
1992}
1993
1994.contextual-help-tabs a {
1995	display: block;
1996	padding: 5px 12px 5px 5px;
1997	line-height: 1.4;
1998	text-decoration: none;
1999	border: 1px solid transparent;
2000	border-left: none;
2001	border-right: none;
2002}
2003
2004.contextual-help-tabs a:hover {
2005	color: #2c3338;
2006}
2007
2008.contextual-help-tabs .active {
2009	padding: 0;
2010	margin: 0 0 0 -1px;
2011	border-right: 2px solid #72aee6;
2012	background: #f0f6fc;
2013	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
2014}
2015
2016.contextual-help-tabs .active a {
2017	border-color: #c3c4c7;
2018	color: #2c3338;
2019}
2020
2021.contextual-help-tabs-wrap {
2022	padding: 0 20px;
2023	overflow: auto;
2024}
2025
2026.help-tab-content {
2027	display: none;
2028	margin: 0 0 12px 22px;
2029	line-height: 1.6;
2030}
2031
2032.help-tab-content.active {
2033	display: block;
2034}
2035
2036.help-tab-content ul li {
2037	list-style-type: disc;
2038	margin-right: 18px;
2039}
2040
2041.contextual-help-sidebar {
2042	width: 150px;
2043	float: left;
2044	padding: 0 12px 0 8px;
2045	overflow: auto;
2046}
2047
2048/*------------------------------------------------------------------------------
2049  8.0 - Layout Blocks
2050------------------------------------------------------------------------------*/
2051
2052html.wp-toolbar {
2053	padding-top: var(--wp-admin--admin-bar--height);
2054	box-sizing: border-box;
2055	-ms-overflow-style: scrollbar; /* See ticket #48545 */
2056}
2057
2058.widefat th,
2059.widefat td {
2060	color: #50575e;
2061}
2062
2063.widefat th,
2064.widefat thead td,
2065.widefat tfoot td {
2066	font-weight: 400;
2067}
2068
2069.widefat thead tr th,
2070.widefat thead tr td,
2071.widefat tfoot tr th,
2072.widefat tfoot tr td {
2073	color: #2c3338;
2074}
2075
2076.widefat td p {
2077	margin: 2px 0 0.8em;
2078}
2079
2080.widefat p,
2081.widefat ol,
2082.widefat ul {
2083	color: #2c3338;
2084}
2085
2086.widefat .column-comment p {
2087	margin: 0.6em 0;
2088}
2089
2090.widefat .column-comment ul {
2091	list-style: initial;
2092	margin-right: 2em;
2093}
2094
2095/* Screens with postboxes */
2096.postbox-container {
2097	float: right;
2098}
2099
2100.postbox-container .meta-box-sortables {
2101	box-sizing: border-box;
2102}
2103
2104#wpbody-content .metabox-holder {
2105	padding-top: 10px;
2106}
2107
2108.metabox-holder .postbox-container .meta-box-sortables {
2109	/* The jQuery UI Sortables need some initial height to work properly. */
2110	min-height: 1px;
2111	position: relative;
2112}
2113
2114#post-body-content {
2115	width: 100%;
2116	min-width: 463px;
2117	float: right;
2118}
2119
2120#post-body.columns-2 #postbox-container-1 {
2121	float: left;
2122	margin-left: -300px;
2123	width: 280px;
2124}
2125
2126#post-body.columns-2 #side-sortables {
2127	min-height: 250px;
2128}
2129
2130/* one column on the dash */
2131@media only screen and (max-width: 799px) {
2132	#wpbody-content .metabox-holder .postbox-container .empty-container {
2133		outline: none;
2134		height: 0;
2135		min-height: 0;
2136	}
2137}
2138
2139.js .widget .widget-top,
2140.js .postbox .hndle {
2141	cursor: move;
2142}
2143
2144.js .widget .widget-top.is-non-sortable,
2145.js .postbox .hndle.is-non-sortable {
2146	cursor: auto;
2147}
2148
2149/* Configurable dashboard widgets "Configure" edit-box link. */
2150.hndle a {
2151	font-size: 12px;
2152	font-weight: 400;
2153}
2154
2155.postbox-header {
2156	display: flex;
2157	align-items: center;
2158	justify-content: space-between;
2159	border-bottom: 1px solid #c3c4c7;
2160}
2161
2162.postbox-header .hndle {
2163	flex-grow: 1;
2164	/* Handle the alignment for the configurable dashboard widgets "Configure" edit-box link. */
2165	display: flex;
2166	justify-content: space-between;
2167	align-items: center;
2168}
2169
2170.postbox-header .handle-actions {
2171	flex-shrink: 0;
2172}
2173
2174/* Post box order and toggle buttons. */
2175.postbox .handle-order-higher,
2176.postbox .handle-order-lower,
2177.postbox .handlediv {
2178	width: 1.62rem;
2179	height: 1.62rem;
2180	margin: 0;
2181	padding: 0;
2182	border: 0;
2183	background: none;
2184	cursor: pointer;
2185}
2186
2187.postbox .handle-order-higher,
2188.postbox .handle-order-lower {
2189	color: #787c82;
2190	width: 1.62rem;
2191}
2192
2193/* Post box order buttons in the block editor meta boxes area. */
2194.edit-post-meta-boxes-area .postbox .handle-order-higher,
2195.edit-post-meta-boxes-area .postbox .handle-order-lower {
2196	width: 44px;
2197	height: 44px;
2198	color: #1d2327
2199}
2200
2201.postbox .handle-order-higher[aria-disabled="true"],
2202.postbox .handle-order-lower[aria-disabled="true"] {
2203	cursor: default;
2204	color: #a7aaad;
2205}
2206
2207.sortable-placeholder {
2208	border: 1px dashed #c3c4c7;
2209	margin-bottom: 20px;
2210}
2211
2212.postbox,
2213.stuffbox {
2214	margin-bottom: 20px;
2215	padding: 0;
2216	line-height: 1;
2217}
2218
2219.postbox.closed {
2220	border-bottom: 0;
2221}
2222
2223/* user-select is not a part of the CSS standard - may change behavior in the future */
2224.postbox .hndle,
2225.stuffbox .hndle {
2226	-webkit-user-select: none;
2227	user-select: none;
2228}
2229
2230.postbox .inside {
2231	padding: 0 12px 12px;
2232	line-height: 1.4;
2233	font-size: 13px;
2234}
2235
2236.stuffbox .inside {
2237	padding: 0;
2238	line-height: 1.4;
2239	font-size: 13px;
2240	margin-top: 0;
2241}
2242
2243.postbox .inside {
2244	margin: 11px 0;
2245	position: relative;
2246}
2247
2248.postbox .inside > p:last-child,
2249.rss-widget ul li:last-child {
2250	margin-bottom: 1px !important;
2251}
2252
2253.postbox.closed h3 {
2254	border: none;
2255	box-shadow: none;
2256}
2257
2258.postbox table.form-table {
2259	margin-bottom: 0;
2260}
2261
2262.postbox table.widefat {
2263	box-shadow: none;
2264}
2265
2266.temp-border {
2267	border: 1px dotted #c3c4c7;
2268}
2269
2270.columns-prefs label {
2271	padding: 0 0 0 10px;
2272}
2273
2274/* @todo: what is this doing here */
2275#dashboard_right_now .versions .b,
2276#post-status-display,
2277#post-visibility-display,
2278#adminmenu .wp-submenu li.current,
2279#adminmenu .wp-submenu li.current a,
2280#adminmenu .wp-submenu li.current a:hover,
2281.media-item .percent,
2282.plugins .name,
2283#pass-strength-result.strong,
2284#pass-strength-result.short,
2285#ed_reply_toolbar #ed_reply_strong,
2286.item-controls .item-order a,
2287.feature-filter .feature-name,
2288#comment-status-display {
2289	font-weight: 600;
2290}
2291
2292/*------------------------------------------------------------------------------
2293  21.0 - Admin Footer
2294------------------------------------------------------------------------------*/
2295
2296#wpfooter {
2297	position: absolute;
2298	bottom: 0;
2299	right: 0;
2300	left: 0;
2301	padding: 10px 20px;
2302	color: #50575e;
2303}
2304
2305#wpfooter p {
2306	font-size: 13px;
2307	margin: 0;
2308	line-height: 1.55;
2309}
2310
2311#footer-thankyou {
2312	font-style: italic;
2313}
2314
2315/*------------------------------------------------------------------------------
2316  25.0 - Tabbed Admin Screen Interface (Experimental)
2317------------------------------------------------------------------------------*/
2318
2319.nav-tab {
2320	float: right;
2321	border: 1px solid #c3c4c7;
2322	border-bottom: none;
2323	margin-right: 0.5em; /* half the font size so set the font size properly */
2324	padding: 5px 10px;
2325	font-size: 14px;
2326	line-height: 1.71428571;
2327	font-weight: 600;
2328	background: #dcdcde;
2329	color: #50575e;
2330	text-decoration: none;
2331	white-space: nowrap;
2332}
2333
2334h3 .nav-tab, /* Back-compat for pre-4.4 */
2335.nav-tab-small .nav-tab {
2336	padding: 5px 14px;
2337	font-size: 12px;
2338	line-height: 1.33;
2339}
2340
2341.nav-tab:hover,
2342.nav-tab:focus {
2343	background-color: #fff;
2344	color: #3c434a;
2345}
2346
2347.nav-tab-active,
2348.nav-tab:focus:active {
2349	box-shadow: none;
2350}
2351
2352.nav-tab-active {
2353	margin-bottom: -1px;
2354	color: #3c434a;
2355}
2356
2357.nav-tab-active,
2358.nav-tab-active:hover,
2359.nav-tab-active:focus,
2360.nav-tab-active:focus:active {
2361	border-bottom: 1px solid #f0f0f1;
2362	background: #f0f0f1;
2363	color: #000;
2364}
2365
2366h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
2367.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
2368.nav-tab-wrapper {
2369	border-bottom: 1px solid #c3c4c7;
2370	margin: 0;
2371	padding-top: 9px;
2372	padding-bottom: 0;
2373	line-height: inherit;
2374}
2375
2376/* Back-compat for plugins. Deprecated. Use .wp-clearfix instead. */
2377.nav-tab-wrapper:not(.wp-clearfix):after {
2378	content: "";
2379	display: table;
2380	clear: both;
2381}
2382
2383/*------------------------------------------------------------------------------
2384  26.0 - Misc
2385------------------------------------------------------------------------------*/
2386
2387.spinner {
2388	background: url(../images/spinner.gif) no-repeat;
2389	background-size: 20px 20px;
2390	display: inline-block;
2391	visibility: hidden;
2392	float: left;
2393	vertical-align: middle;
2394	opacity: 0.7;
2395	filter: alpha(opacity=70);
2396	width: 20px;
2397	height: 20px;
2398	margin: 4px 10px 0;
2399}
2400
2401.spinner.is-active,
2402.loading-content .spinner {
2403	visibility: visible;
2404}
2405
2406#template > div {
2407	margin-left: 16em;
2408}
2409#template .notice {
2410	margin-top: 1em;
2411	margin-left: 3%;
2412}
2413#template .notice p {
2414	width: auto;
2415}
2416#template .submit .spinner {
2417	float: none;
2418}
2419
2420.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
2421.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
2422.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
2423.metabox-holder h2.hndle {
2424	font-size: 14px;
2425	padding: 8px 12px;
2426	margin: 0;
2427	line-height: 1.4;
2428}
2429
2430/* Back-compat for nav-menus screen */
2431.nav-menus-php .metabox-holder h3 {
2432	padding: 0;
2433}
2434
2435.accordion-container h3.accordion-section-title {
2436	padding: 0 !important;
2437}
2438
2439.accordion-section-title button.accordion-trigger,
2440.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger {
2441	background: inherit;
2442	color: #1d2327;
2443	display: block;
2444	position: relative;
2445	text-align: right;
2446	width: 100%;
2447	outline: none;
2448	border: 0;
2449	padding: 10px 14px 11px 10px;
2450	line-height: 1.5;
2451	cursor: pointer;
2452}
2453
2454.accordion-section-title button.accordion-trigger:focus,
2455.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus {
2456	box-shadow: 0 0 0 2px #2271b1;
2457	outline: 2px solid transparent;
2458}
2459
2460.accordion-section-title span.dashicons.dashicons-arrow-down,
2461.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down {
2462	position: absolute;
2463	left: 10px;
2464	right: auto;
2465	color: #787c82;
2466	border-radius: 50px;
2467	top: 50%;
2468	transform: translateY(-50%);
2469}
2470
2471.accordion-section-title:hover span.dashicons.dashicons-arrow-down,
2472.nav-menus-php .metabox-holder .accordion-section-title:hover span.dashicons.dashicons-arrow-down {
2473	color: #1d2327;
2474}
2475
2476.accordion-section-title span.dashicons.dashicons-arrow-down::before,
2477.nav-menus-php .metabox-holder .accordion-section-title span.dashicons.dashicons-arrow-down::before {
2478	position: relative;
2479	right: -1px;
2480}
2481
2482.accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down,
2483.nav-menus-php .metabox-holder .accordion-section.open .accordion-section-title span.dashicons.dashicons-arrow-down {
2484	transform: rotate(-180deg) translate(0, 50%);
2485}
2486
2487#templateside ul li a {
2488	text-decoration: none;
2489}
2490
2491.plugin-install #description,
2492.plugin-install-network #description {
2493	width: 60%;
2494}
2495
2496table .vers,
2497table .column-visible,
2498table .column-rating {
2499	text-align: right;
2500}
2501
2502.attention,
2503.error-message {
2504	color: #d63638;
2505	font-weight: 600;
2506}
2507
2508/* Scrollbar fix for bulk upgrade iframe */
2509body.iframe {
2510	height: 98%;
2511}
2512
2513/* Upgrader styles, Specific to Language Packs */
2514.lp-show-latest p {
2515	display: none;
2516}
2517.lp-show-latest p:last-child,
2518.lp-show-latest .lp-error p {
2519	display: block;
2520}
2521
2522/* - Only used once or twice in all of WP - deprecate for global style
2523------------------------------------------------------------------------------*/
2524.media-icon {
2525	width: 62px; /* icon + border */
2526	text-align: center;
2527}
2528
2529.media-icon img {
2530	border: 1px solid #dcdcde;
2531	border: 1px solid rgba(0, 0, 0, 0.07);
2532}
2533
2534#howto {
2535	font-size: 11px;
2536	margin: 0 5px;
2537	display: block;
2538}
2539
2540.importers {
2541	font-size: 16px;
2542	width: auto;
2543}
2544
2545.importers td {
2546	padding-left: 14px;
2547	line-height: 1.4;
2548}
2549
2550.importers .import-system {
2551	max-width: 250px;
2552}
2553
2554.importers td.desc {
2555	max-width: 500px;
2556}
2557
2558.importer-title,
2559.importer-desc,
2560.importer-action {
2561	display: block;
2562}
2563
2564.importer-title {
2565	color: #000;
2566	font-size: 14px;
2567	font-weight: 400;
2568	margin-bottom: .2em;
2569}
2570
2571.importer-action {
2572	line-height: 1.55; /* Same as with .updating-message */
2573	color: #50575e;
2574	margin-bottom: 1em;
2575}
2576
2577#post-body #post-body-content #namediv h3, /* Back-compat for pre-4.4 */
2578#post-body #post-body-content #namediv h2 {
2579	margin-top: 0;
2580}
2581
2582.edit-comment-author {
2583	color: #1d2327;
2584	border-bottom: 1px solid #f0f0f1;
2585}
2586
2587#namediv h3 label, /* Back-compat for pre-4.4 */
2588#namediv h2 label {
2589	vertical-align: baseline;
2590}
2591
2592#namediv table {
2593	width: 100%;
2594}
2595
2596#namediv td.first {
2597	width: 10px;
2598	white-space: nowrap;
2599}
2600
2601#namediv input {
2602	width: 100%;
2603}
2604
2605#namediv p {
2606	margin: 10px 0;
2607}
2608
2609/* - Used - but could/should be deprecated with a CSS reset
2610------------------------------------------------------------------------------*/
2611.zerosize {
2612	height: 0;
2613	width: 0;
2614	margin: 0;
2615	border: 0;
2616	padding: 0;
2617	overflow: hidden;
2618	position: absolute;
2619}
2620
2621br.clear {
2622	height: 2px;
2623	line-height: 0.15;
2624}
2625
2626.checkbox {
2627	border: none;
2628	margin: 0;
2629	padding: 0;
2630}
2631
2632fieldset {
2633	border: 0;
2634	padding: 0;
2635	margin: 0;
2636}
2637
2638.post-categories {
2639	display: inline;
2640	margin: 0;
2641	padding: 0;
2642}
2643
2644.post-categories li {
2645	display: inline;
2646}
2647
2648/* Star Ratings - Back-compat for pre-3.8 */
2649div.star-holder {
2650	position: relative;
2651	height: 17px;
2652	width: 100px;
2653	background: url(../images/stars.png?ver=20121108) repeat-x bottom right;
2654}
2655
2656div.star-holder .star-rating {
2657	background: url(../images/stars.png?ver=20121108) repeat-x top right;
2658	height: 17px;
2659	float: right;
2660}
2661
2662/* Star Ratings */
2663.star-rating {
2664	white-space: nowrap;
2665}
2666.star-rating .star {
2667	display: inline-block;
2668	width: 20px;
2669	height: 20px;
2670	-webkit-font-smoothing: antialiased;
2671	font-size: 20px;
2672	line-height: 1;
2673	font-family: dashicons;
2674	text-decoration: inherit;
2675	font-weight: 400;
2676	font-style: normal;
2677	vertical-align: top;
2678	transition: color .1s ease-in;
2679	text-align: center;
2680	color: #dba617;
2681}
2682
2683.star-rating .star-full:before {
2684	content: "\f155";
2685	content: "\f155" / '';
2686}
2687
2688.star-rating .star-half:before {
2689	content: "\f459";
2690	content: "\f459" / '';
2691}
2692
2693.rtl .star-rating .star-half {
2694	transform: rotateY(-180deg);
2695}
2696
2697.star-rating .star-empty:before {
2698	content: "\f154";
2699	content: "\f154" / '';
2700}
2701
2702div.action-links {
2703	font-weight: 400;
2704	margin: 6px 0 0;
2705}
2706
2707/* Plugin install thickbox */
2708#plugin-information {
2709	background: #fff;
2710	position: fixed;
2711	top: 0;
2712	left: 0;
2713	bottom: 0;
2714	right: 0;
2715	height: 100%;
2716	padding: 0;
2717}
2718
2719#plugin-information-scrollable {
2720	overflow: auto;
2721	-webkit-overflow-scrolling: touch;
2722	height: 100%;
2723}
2724
2725#plugin-information-title {
2726	padding: 0 26px;
2727	background: #f6f7f7;
2728	font-size: 22px;
2729	font-weight: 600;
2730	line-height: 2.4;
2731	position: relative;
2732	height: 56px;
2733}
2734
2735#plugin-information-title.with-banner {
2736	margin-left: 0;
2737	height: 250px;
2738	background-size: cover;
2739}
2740
2741#plugin-information-title h2 {
2742	font-size: 1em;
2743	font-weight: 600;
2744	padding: 0;
2745	margin: 0;
2746	overflow: hidden;
2747	text-overflow: ellipsis;
2748	white-space: nowrap;
2749}
2750
2751#plugin-information-title.with-banner h2 {
2752	position: relative;
2753	font-family: "Helvetica Neue", sans-serif;
2754	display: inline-block;
2755	font-size: 30px;
2756	line-height: 1.68;
2757	box-sizing: border-box;
2758	max-width: 100%;
2759	padding: 0 15px;
2760	margin-top: 174px;
2761	color: #fff;
2762	background: rgba(29, 35, 39, 0.9);
2763	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
2764	box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
2765	border-radius: 8px;
2766}
2767
2768#plugin-information-title div.vignette {
2769	display: none;
2770}
2771
2772#plugin-information-title.with-banner div.vignette {
2773	position: absolute;
2774	display: block;
2775	top: 0;
2776	right: 0;
2777	height: 250px;
2778	width: 100%;
2779	background: transparent;
2780	box-shadow: inset 0 0 50px 4px rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
2781}
2782
2783#plugin-information-tabs {
2784	padding: 0 16px;
2785	position: relative;
2786	left: 0;
2787	right: 0;
2788	min-height: 36px;
2789	font-size: 0;
2790	z-index: 1;
2791	border-bottom: 1px solid #dcdcde;
2792	background: #f6f7f7;
2793}
2794
2795#plugin-information-tabs a {
2796	position: relative;
2797	display: inline-block;
2798	padding: 9px 10px;
2799	margin: 0;
2800	height: 18px;
2801	line-height: 1.3;
2802	font-size: 14px;
2803	text-decoration: none;
2804	transition: none;
2805}
2806
2807#plugin-information-tabs a.current {
2808	margin: 0 -1px -1px;
2809	background: #fff;
2810	border: 1px solid #dcdcde;
2811	border-bottom-color: #fff;
2812	padding-top: 8px;
2813	color: #2c3338;
2814}
2815
2816#plugin-information-tabs.with-banner a.current {
2817	border-top: none;
2818	padding-top: 9px;
2819}
2820
2821#plugin-information-tabs a:active,
2822#plugin-information-tabs a:focus {
2823	outline: none;
2824}
2825
2826#plugin-information-content {
2827	overflow: hidden; /* equal height column trick */
2828	background: #fff;
2829	position: relative;
2830	top: 0;
2831	left: 0;
2832	right: 0;
2833	min-height: 100%;
2834	/* Height of title + tabs + install now */
2835	min-height: calc( 100% - 152px );
2836}
2837
2838#plugin-information-content.with-banner {
2839	/* Height of banner + tabs + install now */
2840	min-height: calc( 100% - 346px );
2841}
2842
2843#section-holder {
2844	position: relative;
2845	top: 0;
2846	left: 250px;
2847	bottom: 0;
2848	right: 0;
2849	margin-top: 10px;
2850	margin-left: 250px; /* FYI box */
2851	padding: 10px 26px 99999px; /* equal height column trick */
2852	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
2853}
2854
2855#section-holder .notice {
2856	margin: 5px 0 15px;
2857}
2858
2859#section-holder .updated {
2860	margin: 16px 0;
2861}
2862
2863#plugin-information .fyi {
2864	float: left;
2865	position: relative;
2866	top: 0;
2867	left: 0;
2868	padding: 16px 16px 99999px; /* equal height column trick */
2869	margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
2870	width: 217px;
2871	border-right: 1px solid #dcdcde;
2872	background: #f6f7f7;
2873	color: #646970;
2874}
2875
2876#plugin-information .fyi strong {
2877	color: #3c434a;
2878}
2879
2880#plugin-information .fyi h3 {
2881	font-weight: 600;
2882	text-transform: uppercase;
2883	font-size: 12px;
2884	color: #646970;
2885	margin: 24px 0 8px;
2886}
2887
2888#plugin-information .fyi h2 {
2889	font-size: 0.9em;
2890	margin-bottom: 0;
2891	margin-left: 0;
2892}
2893
2894#plugin-information .fyi ul {
2895	padding: 0;
2896	margin: 0;
2897	list-style: none;
2898}
2899
2900#plugin-information .fyi li {
2901	margin: 0 0 10px;
2902}
2903
2904#plugin-information .fyi-description {
2905	margin-top: 0;
2906}
2907
2908#plugin-information .counter-container {
2909	margin: 3px 0;
2910}
2911
2912#plugin-information .counter-label {
2913	float: right;
2914	margin-left: 5px;
2915	min-width: 55px;
2916}
2917
2918#plugin-information .counter-back {
2919	height: 17px;
2920	width: 92px;
2921	background-color: #dcdcde;
2922	float: right;
2923}
2924
2925#plugin-information .counter-bar {
2926	height: 17px;
2927	background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
2928	float: right;
2929}
2930
2931#plugin-information .counter-count {
2932	margin-right: 5px;
2933}
2934
2935#plugin-information .fyi ul.contributors {
2936	margin-top: 10px;
2937}
2938
2939#plugin-information .fyi ul.contributors li {
2940	display: inline-block;
2941	margin-left: 8px;
2942	vertical-align: middle;
2943}
2944
2945#plugin-information .fyi ul.contributors li {
2946	display: inline-block;
2947	margin-left: 8px;
2948	vertical-align: middle;
2949}
2950
2951#plugin-information .fyi ul.contributors li img {
2952	vertical-align: middle;
2953	margin-left: 4px;
2954}
2955
2956#plugin-information-footer {
2957	padding: 13px 16px;
2958	position: absolute;
2959	left: 0;
2960	bottom: 0;
2961	right: 0;
2962	height: 40px; /* actual height: 40+13+13+1=67 */
2963	border-top: 1px solid #dcdcde;
2964	background: #f6f7f7;
2965}
2966
2967/* rtl:ignore */
2968#plugin-information .section {
2969	direction: ltr;
2970}
2971
2972/* rtl:ignore */
2973#plugin-information .section ul,
2974#plugin-information .section ol {
2975	list-style-type: disc;
2976	margin-left: 24px;
2977}
2978
2979#plugin-information .section,
2980#plugin-information .section p {
2981	font-size: 14px;
2982	line-height: 1.7;
2983}
2984
2985#plugin-information #section-screenshots ol {
2986	list-style: none;
2987	margin: 0;
2988}
2989
2990#plugin-information #section-screenshots li img {
2991	vertical-align: text-top;
2992	margin-top: 16px;
2993	max-width: 100%;
2994	width: auto;
2995	height: auto;
2996	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
2997}
2998
2999/* rtl:ignore */
3000#plugin-information #section-screenshots li p {
3001	font-style: italic;
3002	padding-left: 20px;
3003}
3004
3005#plugin-information pre {
3006	padding: 7px;
3007	overflow: auto;
3008	border: 1px solid #c3c4c7;
3009}
3010
3011#plugin-information blockquote {
3012	border-right: 2px solid #dcdcde;
3013	color: #646970;
3014	font-style: italic;
3015	margin: 1em 0;
3016	padding: 0 1em 0 0;
3017}
3018
3019/* rtl:ignore */
3020#plugin-information .review {
3021	overflow: hidden; /* clearfix */
3022	width: 100%;
3023	margin-bottom: 20px;
3024	border-bottom: 1px solid #dcdcde;
3025}
3026
3027#plugin-information .review-title-section {
3028	overflow: hidden; /* clearfix */
3029}
3030
3031/* rtl:ignore */
3032#plugin-information .review-title-section h4 {
3033	display: inline-block;
3034	float: left;
3035	margin: 0 6px 0 0;
3036}
3037
3038#plugin-information .reviewer-info p {
3039	clear: both;
3040	margin: 0;
3041	padding-top: 2px;
3042}
3043
3044/* rtl:ignore */
3045#plugin-information .reviewer-info .avatar {
3046	float: left;
3047	margin: 4px 6px 0 0;
3048}
3049
3050/* rtl:ignore */
3051#plugin-information .reviewer-info .star-rating {
3052	float: left;
3053}
3054
3055/* rtl:ignore */
3056#plugin-information .review-meta {
3057	float: left;
3058	margin-left: 0.75em;
3059}
3060
3061/* rtl:ignore */
3062#plugin-information .review-body {
3063	float: left;
3064	width: 100%;
3065}
3066
3067.plugin-version-author-uri {
3068	font-size: 13px;
3069}
3070
3071/* For non-js plugin installation screen ticket #36430. */
3072.update-php .button.button-primary {
3073	margin-left: 1em;
3074}
3075
3076@media screen and (max-width: 771px) {
3077	#plugin-information-title.with-banner {
3078		height: 100px;
3079	}
3080
3081	#plugin-information-title.with-banner h2 {
3082		margin-top: 30px;
3083		font-size: 20px;
3084		line-height: 2;
3085		max-width: 85%;
3086	}
3087
3088	#plugin-information-title.with-banner div.vignette {
3089		height: 100px;
3090	}
3091
3092	#plugin-information-tabs {
3093		overflow: hidden; /* clearfix */
3094		padding: 0;
3095		height: auto; /* let tabs wrap */
3096	}
3097
3098	#plugin-information-tabs a.current {
3099		margin-bottom: 0;
3100		border-bottom: none;
3101	}
3102
3103	#plugin-information .fyi {
3104		float: none;
3105		border: 1px solid #dcdcde;
3106		position: static;
3107		width: auto;
3108		margin: 26px 26px 0;
3109		padding-bottom: 0; /* reset from the two column height fix */
3110	}
3111
3112	#section-holder {
3113		position: static;
3114		margin: 0;
3115		padding-bottom: 70px; /* reset from the two column height fix, plus accommodate footer */
3116	}
3117
3118	#plugin-information .fyi h3,
3119	#plugin-information .fyi small {
3120		display: none;
3121	}
3122
3123	#plugin-information-footer {
3124		padding: 12px 16px 0;
3125		height: 46px;
3126	}
3127}
3128
3129/* Thickbox for the Plugin details modal. */
3130#TB_window.plugin-details-modal {
3131	background: #fff;
3132}
3133
3134#TB_window.plugin-details-modal.thickbox-loading:before {
3135	content: "";
3136	display: block;
3137	width: 20px;
3138	height: 20px;
3139	position: absolute;
3140	right: 50%;
3141	top: 50%;
3142	z-index: -1;
3143	margin: -10px -10px 0 0;
3144	background: #fff url(../images/spinner.gif) no-repeat center;
3145	background-size: 20px 20px;
3146	transform: translateZ(0);
3147}
3148
3149@media print,
3150	(min-resolution: 120dpi) {
3151
3152	#TB_window.plugin-details-modal.thickbox-loading:before {
3153		background-image: url(../images/spinner-2x.gif);
3154	}
3155}
3156
3157.plugin-details-modal #TB_title {
3158	float: right;
3159	height: 1px;
3160}
3161
3162.plugin-details-modal #TB_ajaxWindowTitle {
3163	display: none;
3164}
3165
3166.plugin-details-modal #TB_closeWindowButton {
3167	right: auto;
3168	left: -30px;
3169	color: #f0f0f1;
3170}
3171
3172.plugin-details-modal #TB_closeWindowButton:hover,
3173.plugin-details-modal #TB_closeWindowButton:focus {
3174	outline: none;
3175	box-shadow: none;
3176}
3177
3178.plugin-details-modal #TB_closeWindowButton:hover::after,
3179.plugin-details-modal #TB_closeWindowButton:focus::after {
3180	outline: 2px solid;
3181	outline-offset: -4px;
3182	border-radius: 4px;
3183}
3184
3185.plugin-details-modal .tb-close-icon {
3186	display: none;
3187}
3188
3189.plugin-details-modal #TB_closeWindowButton:after {
3190	content: "\f335";
3191	content: "\f335" / '';
3192	font: normal 32px/29px 'dashicons';
3193	-webkit-font-smoothing: antialiased;
3194	-moz-osx-font-smoothing: grayscale;
3195}
3196
3197/* move plugin install close icon to top on narrow screens */
3198@media screen and (max-width: 830px) {
3199	.plugin-details-modal #TB_closeWindowButton {
3200		left: 0;
3201		top: -30px;
3202	}
3203}
3204
3205/* @todo: move this. */
3206img {
3207	border: none;
3208}
3209
3210/* Metabox collapse arrow indicators */
3211.sidebar-name .toggle-indicator::before,
3212.meta-box-sortables .postbox .toggle-indicator::before,
3213.meta-box-sortables .postbox .order-higher-indicator::before,
3214.meta-box-sortables .postbox .order-lower-indicator::before,
3215.bulk-action-notice .toggle-indicator::before,
3216.privacy-text-box .toggle-indicator::before {
3217	content: "\f142";
3218	content: "\f142" / '';
3219	display: inline-block;
3220	font: normal 20px/1 dashicons;
3221	-webkit-font-smoothing: antialiased;
3222	-moz-osx-font-smoothing: grayscale;
3223	text-decoration: none;
3224}
3225
3226.js .widgets-holder-wrap.closed .toggle-indicator::before,
3227.meta-box-sortables .postbox.closed .handlediv .toggle-indicator::before,
3228.bulk-action-notice .bulk-action-errors-collapsed .toggle-indicator::before,
3229.privacy-text-box.closed .toggle-indicator::before {
3230	content: "\f140";
3231	content: "\f140" / '';
3232}
3233
3234.postbox .handle-order-higher .order-higher-indicator::before {
3235	content: "\f343";
3236	content: "\f343" / '';
3237	color: inherit;
3238}
3239
3240.postbox .handle-order-lower .order-lower-indicator::before {
3241	content: "\f347";
3242	content: "\f347" / '';
3243	color: inherit;
3244}
3245
3246.postbox .handle-order-higher .order-higher-indicator::before,
3247.postbox .handle-order-lower .order-lower-indicator::before {
3248	position: relative;
3249    top: 0.11rem;
3250	width: 20px;
3251	height: 20px;
3252}
3253
3254.postbox .handlediv .toggle-indicator::before {
3255	width: 20px;
3256	border-radius: 50%;
3257}
3258
3259.postbox .handlediv .toggle-indicator::before {
3260	position: relative;
3261	top: 0.05rem;
3262	text-indent: -1px; /* account for the dashicon glyph uneven horizontal alignment */
3263}
3264
3265.rtl .postbox .handlediv .toggle-indicator::before {
3266	text-indent: 1px; /* account for the dashicon glyph uneven horizontal alignment */
3267}
3268
3269.bulk-action-notice .toggle-indicator::before {
3270	line-height: 16px;
3271	vertical-align: top;
3272	color: #787c82;
3273}
3274
3275.postbox .handle-order-higher:focus,
3276.postbox .handle-order-lower:focus,
3277.postbox .handlediv:focus {
3278	box-shadow: inset 0 0 0 2px #2271b1;
3279	border-radius: 50%;
3280	/* Only visible in Windows High Contrast mode */
3281	outline: 2px solid transparent;
3282}
3283
3284.postbox .handle-order-higher:focus .order-higher-indicator::before,
3285.postbox .handle-order-lower:focus .order-lower-indicator::before,
3286.postbox .handlediv:focus .toggle-indicator::before {
3287	box-shadow: none;
3288	/* Only visible in Windows High Contrast mode */
3289	outline: 1px solid transparent;
3290}
3291
3292/* @todo: appears to be Press This only and overridden */
3293#photo-add-url-div input[type="text"] {
3294	width: 300px;
3295}
3296
3297/* Theme/Plugin file editor */
3298.alignleft h2 {
3299	margin: 0;
3300}
3301
3302#template textarea {
3303	font-family: Consolas, Monaco, monospace;
3304	font-size: 13px;
3305	background: #f6f7f7;
3306	tab-size: 4;
3307}
3308
3309#template textarea,
3310#template .CodeMirror {
3311	width: 100%;
3312	min-height: 60vh;
3313	height: calc( 100vh - 295px );
3314	border: 1px solid #dcdcde;
3315	box-sizing: border-box;
3316}
3317
3318#templateside > h2 {
3319	padding-top: 6px;
3320	padding-bottom: 7px;
3321	margin: 0;
3322}
3323
3324#templateside ol,
3325#templateside ul {
3326	margin: 0;
3327	padding: 0;
3328}
3329#templateside > ul {
3330	box-sizing: border-box;
3331	margin-top: 0;
3332	overflow: auto;
3333	padding: 0;
3334	min-height: 60vh;
3335	height: calc(100vh - 295px);
3336	background-color: #f6f7f7;
3337	border: 1px solid #dcdcde;
3338	border-right: none;
3339}
3340#templateside ul ul {
3341	padding-right: 12px;
3342}
3343#templateside > ul > li > ul[role=group] {
3344	padding-right: 0;
3345}
3346
3347/*
3348 * Styles for Theme and Plugin file editors.
3349 */
3350
3351/* Hide collapsed items. */
3352[role="treeitem"][aria-expanded="false"] > ul {
3353	display: none;
3354}
3355
3356/* Use arrow dashicons for folder states, but hide from screen readers. */
3357[role="treeitem"] span[aria-hidden] {
3358	display: inline;
3359	font-family: dashicons;
3360	font-size: 20px;
3361	position: absolute;
3362	pointer-events: none;
3363}
3364[role="treeitem"][aria-expanded="false"] > .folder-label .icon:after {
3365	content: "\f141";
3366	content: "\f139" / '';
3367}
3368[role="treeitem"][aria-expanded="true"] > .folder-label .icon:after {
3369	content: "\f140";
3370	content: "\f140" / '';
3371}
3372[role="treeitem"] .folder-label {
3373	display: block;
3374	padding: 3px 12px 3px 3px;
3375	cursor: pointer;
3376}
3377
3378/* Remove outline, and create our own focus and hover styles */
3379[role="treeitem"] {
3380	outline: 0;
3381}
3382
3383[role="treeitem"] a:focus,
3384[role="treeitem"] .folder-label.focus {
3385	color: #043959;
3386	/* Reset default focus style. */
3387	box-shadow: none;
3388	/* Use an inset outline instead, so it's visible also over the current file item. */
3389	outline: 2px solid #2271b1;
3390	outline-offset: -2px;
3391}
3392
3393[role="treeitem"].hover,
3394[role="treeitem"] .folder-label.hover {
3395	background-color: #f0f0f1;
3396}
3397
3398.tree-folder {
3399	margin: 0;
3400	position: relative;
3401}
3402[role="treeitem"] li {
3403	position: relative;
3404}
3405
3406/* Styles for folder indicators/depth */
3407.tree-folder .tree-folder::after {
3408	content: "";
3409	display: block;
3410	position: absolute;
3411	right: 2px;
3412	border-right: 1px solid #c3c4c7;
3413	top: -13px;
3414	bottom: 10px;
3415}
3416.tree-folder > li::before {
3417	content: "";
3418	position: absolute;
3419	display: block;
3420	border-right: 1px solid #c3c4c7;
3421	right: 2px;
3422	top: -5px;
3423	height: 18px;
3424	width: 7px;
3425	border-bottom: 1px solid #c3c4c7;
3426}
3427.tree-folder > li::after {
3428	content: "";
3429	position: absolute;
3430	display: block;
3431	border-right: 1px solid #c3c4c7;
3432	right: 2px;
3433	bottom: -7px;
3434	top: 0;
3435}
3436
3437/* current-file needs to adjustment for .notice styles */
3438#templateside .current-file {
3439	margin: -4px 0 -2px;
3440}
3441.tree-folder > .current-file::before {
3442	right: 4px;
3443	height: 15px;
3444	width: 0;
3445	border-right: none;
3446	top: 3px;
3447}
3448.tree-folder > .current-file::after {
3449	bottom: -4px;
3450	height: 7px;
3451	right: 2px;
3452	top: auto;
3453}
3454
3455/* Lines shouldn't continue on last item */
3456.tree-folder > li:last-child::after,
3457.tree-folder li:last-child > .tree-folder::after {
3458	display: none;
3459}
3460
3461#theme-plugin-editor-selector,
3462#theme-plugin-editor-label,
3463#documentation label {
3464	font-weight: 600;
3465}
3466
3467#theme-plugin-editor-label {
3468	display: inline-block;
3469	margin-bottom: 1em;
3470}
3471
3472/* rtl:ignore */
3473#template textarea,
3474#docs-list {
3475	direction: ltr;
3476}
3477
3478.fileedit-sub #theme,
3479.fileedit-sub #plugin {
3480	max-width: 40%;
3481}
3482.fileedit-sub .alignright {
3483	text-align: left;
3484}
3485
3486#template p {
3487	width: 97%;
3488}
3489
3490#file-editor-linting-error {
3491	margin-top: 1em;
3492	margin-bottom: 1em;
3493}
3494#file-editor-linting-error > .notice {
3495	margin: 0;
3496	display: inline-block;
3497}
3498#file-editor-linting-error > .notice > p {
3499	width: auto;
3500}
3501#template .submit {
3502	margin-top: 1em;
3503	padding: 0;
3504}
3505
3506#template .submit input[type=submit][disabled] {
3507	cursor: not-allowed;
3508}
3509#templateside {
3510	float: left;
3511	width: 16em;
3512	word-wrap: break-word;
3513}
3514
3515#postcustomstuff p.submit {
3516	margin: 0;
3517}
3518
3519#templateside h4 {
3520	margin: 1em 0 0;
3521}
3522
3523#templateside li {
3524	margin: 4px 0;
3525}
3526
3527#templateside li:not(.howto) a,
3528.theme-editor-php .highlight {
3529	display: block;
3530	padding: 3px 12px 3px 0;
3531	text-decoration: none;
3532}
3533
3534#templateside li.current-file > a {
3535	padding-bottom: 0;
3536}
3537
3538#templateside li:not(.howto) > a:first-of-type {
3539	padding-top: 0;
3540}
3541
3542#templateside li.howto {
3543	padding: 6px 12px 12px;
3544}
3545
3546.theme-editor-php .highlight {
3547	margin: -3px -12px -3px 3px;
3548}
3549
3550#templateside .highlight {
3551	border: none;
3552	font-weight: 600;
3553}
3554
3555.nonessential {
3556	color: #646970;
3557	font-size: 11px;
3558	font-style: italic;
3559	padding-right: 12px;
3560}
3561
3562#documentation {
3563	margin-top: 10px;
3564}
3565
3566#documentation label {
3567	line-height: 1.8;
3568	vertical-align: baseline;
3569}
3570
3571.fileedit-sub {
3572	padding: 10px 0 8px;
3573	line-height: 180%;
3574}
3575
3576#file-editor-warning .file-editor-warning-content {
3577	margin: 25px;
3578}
3579
3580/* @todo: can we use a common class for these? */
3581.nav-menus-php .item-edit:before,
3582.wp-customizer .control-section .accordion-section-title:after,
3583.wp-customizer .accordion-section-title:after,
3584.widget-top .widget-action .toggle-indicator:before {
3585	content: "\f140";
3586	content: "\f140" / '';
3587	font: normal 20px/1 dashicons;
3588	display: block;
3589	-webkit-font-smoothing: antialiased;
3590	-moz-osx-font-smoothing: grayscale;
3591	text-decoration: none;
3592}
3593
3594.widget-top .widget-action .toggle-indicator:before {
3595	padding: 1px 0 1px 2px;
3596	border-radius: 50%;
3597}
3598
3599.handlediv,
3600.postbox .handlediv.button-link,
3601.item-edit,
3602.toggle-indicator {
3603	color: #787c82;
3604}
3605
3606.widget-action {
3607	color: #50575e; /* #fafafa background in the Widgets screen */
3608}
3609
3610.widget-top:hover .widget-action,
3611.widget-action:focus,
3612.handlediv:hover,
3613.handlediv:focus,
3614.postbox .handlediv.button-link:hover,
3615.postbox .handlediv.button-link:focus,
3616.item-edit:hover,
3617.item-edit:focus,
3618.sidebar-name:hover .toggle-indicator {
3619	color: #1d2327;
3620	/* Only visible in Windows High Contrast mode */
3621	outline: 2px solid transparent;
3622}
3623
3624.widget-top .widget-action:focus .toggle-indicator:before {
3625	box-shadow: 0 0 0 2px #2271b1;
3626	/* Only visible in Windows High Contrast mode */
3627	outline: 2px solid transparent;
3628}
3629
3630#customize-info.open .accordion-section-title:after,
3631.nav-menus-php .menu-item-edit-active .item-edit:before,
3632.widget.open .widget-top .widget-action .toggle-indicator:before,
3633.widget.widget-in-question .widget-top .widget-action .toggle-indicator:before {
3634	content: "\f142";
3635	content: "\f142" / '';
3636}
3637
3638/*!
3639 * jQuery UI Draggable/Sortable 1.11.4
3640 * http://jqueryui.com
3641 *
3642 * Copyright jQuery Foundation and other contributors
3643 * Released under the MIT license.
3644 * http://jquery.org/license
3645 */
3646.ui-draggable-handle,
3647.ui-sortable-handle {
3648	touch-action: none;
3649}
3650
3651/* Accordion */
3652.accordion-section {
3653	border-bottom: 1px solid #dcdcde;
3654	margin: 0;
3655}
3656
3657.accordion-section.open .accordion-section-content,
3658.no-js .accordion-section .accordion-section-content {
3659	display: block;
3660}
3661
3662.accordion-section.open:hover {
3663	border-bottom-color: #dcdcde;
3664}
3665
3666.accordion-section-content {
3667	display: none;
3668	padding: 10px 20px 15px;
3669	overflow: hidden;
3670	background: #fff;
3671}
3672
3673.accordion-section-title {
3674	margin: 0;
3675	position: relative;
3676	border-right: 1px solid #dcdcde;
3677	border-left: 1px solid #dcdcde;
3678	-webkit-user-select: none;
3679	user-select: none;
3680}
3681
3682.js .accordion-section-title {
3683	cursor: pointer;
3684}
3685
3686.js .accordion-section-title:after {
3687	position: absolute;
3688	top: 12px;
3689	left: 10px;
3690	z-index: 1;
3691}
3692
3693.accordion-section-title:focus {
3694	/* Only visible in Windows High Contrast mode */
3695	outline: 1px solid transparent;
3696}
3697
3698.accordion-section-title:hover:after,
3699.accordion-section-title:focus:after {
3700	border-color: #a7aaad transparent;
3701	/* Only visible in Windows High Contrast mode */
3702	outline: 1px solid transparent;
3703}
3704
3705.cannot-expand .accordion-section-title {
3706	cursor: auto;
3707}
3708
3709.cannot-expand .accordion-section-title:after {
3710	display: none;
3711}
3712
3713.control-section .accordion-section-title,
3714.customize-pane-child .accordion-section-title {
3715	border-right: none;
3716	border-left: none;
3717	padding: 10px 14px 11px 10px;
3718	line-height: 1.55;
3719	background: #fff;
3720}
3721
3722.control-section .accordion-section-title:after,
3723.customize-pane-child .accordion-section-title:after {
3724	top: calc(50% - 10px); /* Arrow height is 20px, so use half of that to vertically center */
3725}
3726
3727.js .control-section:hover .accordion-section-title,
3728.js .control-section .accordion-section-title:hover,
3729.js .control-section.open .accordion-section-title,
3730.js .control-section .accordion-section-title:focus {
3731	color: #1d2327;
3732	background: #f6f7f7;
3733}
3734
3735.control-section.open .accordion-section-title {
3736	/* When expanded */
3737	border-bottom: 1px solid #dcdcde;
3738}
3739
3740/* Edit Site */
3741.network-admin .edit-site-actions {
3742	margin-top: 0;
3743}
3744
3745/* My Sites */
3746.my-sites {
3747	display: block;
3748	overflow: auto;
3749	zoom: 1;
3750}
3751
3752.my-sites li {
3753	display: block;
3754	padding: 8px 3%;
3755	min-height: 130px;
3756	margin: 0;
3757}
3758
3759@media only screen and (max-width: 599px) {
3760	.my-sites li {
3761		min-height: 0;
3762	}
3763}
3764
3765@media only screen and (min-width: 600px) {
3766	.my-sites.striped li {
3767		background-color: #fff;
3768		position: relative;
3769	}
3770	.my-sites.striped li:after {
3771		content: "";
3772		width: 1px;
3773		height: 100%;
3774		position: absolute;
3775		top: 0;
3776		left: 0;
3777		background: #c3c4c7;
3778	}
3779
3780}
3781@media only screen and (min-width: 600px) and (max-width: 699px) {
3782	.my-sites li{
3783		float: right;
3784		width: 44%;
3785	}
3786	.my-sites.striped li {
3787		background-color: #fff;
3788	}
3789	.my-sites.striped li:nth-of-type(2n+1) {
3790		clear: right;
3791	}
3792	.my-sites.striped li:nth-of-type(2n+2):after {
3793		content: none;
3794	}
3795	.my-sites li:nth-of-type(4n+1),
3796	.my-sites li:nth-of-type(4n+2) {
3797		background-color: #f6f7f7;
3798	}
3799
3800}
3801
3802@media only screen and (min-width: 700px) and (max-width: 1199px) {
3803	.my-sites li {
3804		float: right;
3805		width: 27.333333%;
3806		background-color: #fff;
3807	}
3808	.my-sites.striped li:nth-of-type(3n+3):after {
3809		content: none;
3810	}
3811	.my-sites li:nth-of-type(6n+1),
3812	.my-sites li:nth-of-type(6n+2),
3813	.my-sites li:nth-of-type(6n+3) {
3814		background-color: #f6f7f7;
3815	}
3816}
3817
3818@media only screen and (min-width: 1200px) and (max-width: 1399px) {
3819	.my-sites li {
3820		float: right;
3821		width: 21%;
3822		padding: 8px 2%;
3823		background-color: #fff;
3824	}
3825	.my-sites.striped li:nth-of-type(4n+1) {
3826		clear: right;
3827	}
3828	.my-sites.striped li:nth-of-type(4n+4):after {
3829		content: none;
3830	}
3831	.my-sites li:nth-of-type(8n+1),
3832	.my-sites li:nth-of-type(8n+2),
3833	.my-sites li:nth-of-type(8n+3),
3834	.my-sites li:nth-of-type(8n+4) {
3835		background-color: #f6f7f7;
3836	}
3837}
3838
3839@media only screen and (min-width: 1400px) and (max-width: 1599px) {
3840	.my-sites li {
3841		float: right;
3842		width: 16%;
3843		padding: 8px 2%;
3844		background-color: #fff;
3845	}
3846	.my-sites.striped li:nth-of-type(5n+1) {
3847		clear: right;
3848	}
3849	.my-sites.striped li:nth-of-type(5n+5):after {
3850		content: none;
3851	}
3852	.my-sites li:nth-of-type(10n+1),
3853	.my-sites li:nth-of-type(10n+2),
3854	.my-sites li:nth-of-type(10n+3),
3855	.my-sites li:nth-of-type(10n+4),
3856	.my-sites li:nth-of-type(10n+5) {
3857		background-color: #f6f7f7;
3858	}
3859}
3860
3861@media only screen and (min-width: 1600px) {
3862	.my-sites li {
3863		float: right;
3864		width: 12.666666%;
3865		padding: 8px 2%;
3866		background-color: #fff;
3867	}
3868	.my-sites.striped li:nth-of-type(6n+1) {
3869		clear: right;
3870	}
3871	.my-sites.striped li:nth-of-type(6n+6):after {
3872		content: none;
3873	}
3874	.my-sites li:nth-of-type(12n+1),
3875	.my-sites li:nth-of-type(12n+2),
3876	.my-sites li:nth-of-type(12n+3),
3877	.my-sites li:nth-of-type(12n+4),
3878	.my-sites li:nth-of-type(12n+5),
3879	.my-sites li:nth-of-type(12n+6) {
3880		background-color: #f6f7f7;
3881	}
3882}
3883
3884.my-sites li a {
3885	text-decoration: none;
3886}
3887
3888/* =Media Queries
3889-------------------------------------------------------------- */
3890
3891/**
3892 * HiDPI Displays
3893 */
3894@media print,
3895  (min-resolution: 120dpi) {
3896	/* Back-compat for pre-3.8 */
3897	div.star-holder,
3898	div.star-holder .star-rating {
3899		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom right;
3900		background-size: 21px 37px;
3901	}
3902
3903	.spinner {
3904		background-image: url(../images/spinner-2x.gif);
3905	}
3906
3907}
3908
3909@media screen and (max-width: 782px) {
3910	html.wp-toolbar {
3911		padding-top: var(--wp-admin--admin-bar--height);
3912	}
3913
3914	.screen-reader-shortcut:focus {
3915		top: -39px;
3916	}
3917
3918	.block-editor-page .screen-reader-shortcut:focus {
3919		top: 7px;
3920	}
3921
3922	.screen-reader-shortcut[href="#wp-toolbar"] {
3923		display: none;
3924	}
3925
3926	body {
3927		min-width: 240px;
3928		overflow-x: hidden;
3929	}
3930
3931	body * {
3932		-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
3933	}
3934
3935	#wpcontent {
3936		position: relative;
3937		margin-right: 0;
3938		padding-right: 10px;
3939	}
3940
3941	#wpbody-content {
3942		padding-bottom: 100px;
3943	}
3944
3945	.wrap {
3946		clear: both;
3947		margin-left: 12px;
3948		margin-right: 0;
3949	}
3950
3951	/* categories */
3952	#col-left,
3953	#col-right {
3954		float: none;
3955		width: auto;
3956	}
3957
3958	#col-left .col-wrap,
3959	#col-right .col-wrap {
3960		padding: 0;
3961	}
3962
3963	/* Hidden Elements */
3964	#collapse-menu,
3965	.post-format-select {
3966		display: none !important;
3967	}
3968
3969	.wrap h1.wp-heading-inline {
3970		margin-bottom: 0.5em;
3971	}
3972
3973	.wrap .add-new-h2, /* deprecated */
3974	.wrap .add-new-h2:active, /* deprecated */
3975	.wrap .page-title-action,
3976	.wrap .page-title-action:active {
3977		padding: 0 14px;
3978		font-size: 14px;
3979		white-space: nowrap;
3980		min-height: 40px;
3981		line-height: 2.71428571;
3982		vertical-align: middle;
3983	}
3984
3985	/* Feedback Messages */
3986	.notice,
3987	.wrap div.updated,
3988	.wrap div.error,
3989	.media-upload-form div.error {
3990		margin: 20px 0 10px;
3991		padding: 5px 10px;
3992		font-size: 14px;
3993		line-height: 175%;
3994	}
3995
3996	.wp-core-ui .notice.is-dismissible {
3997		padding-left: 46px;
3998	}
3999
4000	.notice-dismiss {
4001		padding: 13px;
4002	}
4003
4004	.wrap .icon32 + h2 {
4005		margin-top: -2px;
4006	}
4007
4008	.wp-responsive-open #wpbody {
4009		left: -16em;
4010	}
4011
4012	code {
4013		word-wrap: break-word;
4014		word-wrap: anywhere; /* Firefox. Allow breaking long words anywhere */
4015		word-break: break-word; /* Webkit: Treated similarly to word-wrap: break-word */
4016	}
4017
4018	/* General Metabox */
4019	.postbox {
4020		font-size: 14px;
4021	}
4022
4023	.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
4024	.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
4025	.metabox-holder .postbox > h3, /* Back-compat for pre-4.4 */
4026	.metabox-holder h2 {
4027		padding: 12px;
4028	}
4029
4030	.nav-menus-php .metabox-holder h3 {
4031		padding: 0;
4032	}
4033
4034	.postbox .handlediv {
4035		margin-top: 3px;
4036	}
4037
4038	/* Subsubsub Nav */
4039	.subsubsub {
4040		font-size: 16px;
4041		text-align: center;
4042		margin-bottom: 15px;
4043	}
4044
4045	/* Theme/Plugin File Editor */
4046
4047	#template textarea,
4048	#template .CodeMirror {
4049		box-sizing: border-box;
4050	}
4051
4052	#templateside {
4053		float: none;
4054		width: auto;
4055	}
4056
4057	#templateside > ul {
4058		border-right: 1px solid #dcdcde;
4059	}
4060
4061	#templateside li {
4062		margin: 0;
4063	}
4064
4065	#templateside li:not(.howto) a {
4066		display: block;
4067		padding: 5px;
4068	}
4069	#templateside li.howto {
4070		padding: 12px;
4071	}
4072
4073	#templateside .highlight {
4074		padding: 5px;
4075		margin-right: -5px;
4076		margin-top: -5px;
4077	}
4078
4079	#template > div,
4080	#template .notice {
4081		float: none;
4082		margin: 1em 0;
4083		width: auto;
4084	}
4085
4086	#template .CodeMirror,
4087	#template textarea {
4088		width: 100%;
4089	}
4090
4091	#templateside ul ul {
4092		padding-right: 1.5em;
4093	}
4094	[role="treeitem"] .folder-label {
4095		display: block;
4096		padding: 5px;
4097	}
4098	.tree-folder > li::before,
4099	.tree-folder > li::after,
4100	.tree-folder .tree-folder::after {
4101		right: -8px;
4102	}
4103	.tree-folder > li::before {
4104		top: 0;
4105		height: 13px;
4106	}
4107	.tree-folder > .current-file::before {
4108		right: -5px;
4109		top: 7px;
4110		width: 4px;
4111	}
4112	.tree-folder > .current-file::after {
4113		height: 9px;
4114		right: -8px;
4115	}
4116	.wrap #templateside span.notice {
4117		margin-right: -5px;
4118		width: 100%;
4119	}
4120
4121	.fileedit-sub .alignright {
4122		float: right;
4123		margin-top: 15px;
4124		width: 100%;
4125		text-align: right;
4126	}
4127
4128	.fileedit-sub .alignright label {
4129		display: block;
4130	}
4131
4132	.fileedit-sub #theme,
4133	.fileedit-sub #plugin {
4134		margin-right: 0;
4135		max-width: 70%;
4136	}
4137
4138	.fileedit-sub input[type="submit"] {
4139		margin-bottom: 0;
4140	}
4141
4142	#documentation label[for="docs-list"] {
4143		display: block;
4144	}
4145
4146	#documentation select[name="docs-list"] {
4147		margin-right: 0;
4148		max-width: 60%;
4149	}
4150
4151	#documentation input[type="button"] {
4152		margin-bottom: 0;
4153	}
4154
4155	#wpfooter {
4156		display: none;
4157	}
4158
4159	#comments-form .checkforspam {
4160		display: none;
4161	}
4162
4163	.edit-comment-author {
4164		margin: 2px 0 0;
4165	}
4166
4167	.filter-drawer .filter-group-feature input,
4168	.filter-drawer .filter-group-feature label {
4169		line-height: 2.1;
4170	}
4171
4172	.filter-drawer .filter-group-feature label {
4173		margin-right: 32px;
4174	}
4175
4176	.wp-filter .button.drawer-toggle {
4177		font-size: 13px;
4178		line-height: 2;
4179		height: 28px;
4180	}
4181
4182	/* Fix help tab columns for smaller screens */
4183	#screen-meta #contextual-help-wrap {
4184		overflow: visible;
4185	}
4186
4187	#screen-meta #contextual-help-back,
4188	#screen-meta .contextual-help-sidebar {
4189		display: none;
4190	}
4191
4192	#screen-meta .contextual-help-tabs {
4193		clear: both;
4194		width: 100%;
4195		float: none;
4196	}
4197
4198	#screen-meta .contextual-help-tabs ul {
4199		margin: 0 0 1em;
4200		padding: 1em 0 0;
4201	}
4202
4203	#screen-meta .contextual-help-tabs .active {
4204		margin: 0;
4205	}
4206
4207	#screen-meta .contextual-help-tabs-wrap {
4208		clear: both;
4209		max-width: 100%;
4210		float: none;
4211	}
4212
4213	#screen-meta,
4214	#screen-meta-links {
4215		margin-left: 10px;
4216	}
4217
4218	#screen-meta-links {
4219		margin-bottom: 20px; /* Add margins beneath links for better spacing between boxes and elements */
4220	}
4221
4222	.wp-filter .search-form input[type="search"] {
4223		font-size: 1rem;
4224	}
4225
4226	.wp-filter .search-form.search-plugins {
4227		/* This element is a flex item. */
4228		min-width: 100%;
4229	}
4230}
4231
4232/* Smartphone */
4233@media screen and (max-width: 600px) {
4234	/* Disable horizontal scroll when responsive menu is open
4235	   since we push the main content off to the right. */
4236	#wpwrap.wp-responsive-open {
4237		overflow-x: hidden;
4238	}
4239
4240	html.wp-toolbar {
4241		padding-top: 0;
4242	}
4243
4244	.screen-reader-shortcut:focus {
4245		top: 7px;
4246	}
4247
4248	#wpbody {
4249		padding-top: 46px;
4250	}
4251
4252	/* Keep full-width boxes on Edit Post page from causing horizontal scroll */
4253	div#post-body.metabox-holder.columns-1 {
4254		overflow-x: hidden;
4255	}
4256
4257	h1.nav-tab-wrapper,
4258	.wrap h2.nav-tab-wrapper,
4259	.nav-tab-wrapper {
4260		border-bottom: 0;
4261	}
4262
4263	h1 .nav-tab,
4264	h2 .nav-tab,
4265	h3 .nav-tab,
4266	nav .nav-tab {
4267		margin: 10px 0 0 10px;
4268		border-bottom: 1px solid #c3c4c7;
4269	}
4270
4271	.nav-tab-active:hover,
4272	.nav-tab-active:focus,
4273	.nav-tab-active:focus:active {
4274		border-bottom: 1px solid #c3c4c7;
4275	}
4276
4277	.wp-filter .search-form.search-plugins label {
4278		width: 100%;
4279	}
4280}
4281
4282@media screen and (max-width: 480px) {
4283	.metabox-prefs-container {
4284		display: grid;
4285	}
4286
4287	.metabox-prefs-container > * {
4288		display: inline-block;
4289		padding: 2px;
4290	}
4291}
4292
4293@media screen and (max-width: 320px) {
4294	/* Prevent default center alignment and larger font for the Right Now widget when
4295	   the network dashboard is viewed on a small mobile device. */
4296	#network_dashboard_right_now .subsubsub {
4297		font-size: 14px;
4298		text-align: right;
4299	}
4300}
4301