1/*! This file is auto-generated */
2#customize-theme-controls #accordion-section-menu_locations {
3	position: relative;
4	margin-top: 30px;
5}
6
7#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
8	border-bottom-color: #dcdcde;
9	margin-top: 15px;
10}
11
12#customize-theme-controls .customize-section-title-nav_menus-heading,
13#customize-theme-controls .customize-section-title-menu_locations-heading,
14#customize-theme-controls .customize-section-title-menu_locations-description {
15	padding: 0 12px 0 12px;
16}
17
18#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
19	/* Override the default italic style for control descriptions */
20	font-style: normal;
21}
22
23.menu-in-location,
24.menu-in-locations {
25	display: block;
26	font-weight: 600;
27	font-size: 10px;
28}
29
30#customize-controls .theme-location-set,
31#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
32#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
33	color: #50575e;
34}
35
36/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
37.customize-control-nav_menu_location .edit-menu,
38.customize-control-nav_menu_location .create-menu {
39	margin-right: 6px;
40	vertical-align: middle;
41	line-height: 2.2;
42}
43
44#customize-controls .customize-control-nav_menu_name {
45	margin-bottom: 12px;
46}
47
48.customize-control-nav_menu_name p:last-of-type {
49	margin-bottom: 0;
50}
51
52#customize-new-menu-submit {
53	float: left;
54	min-width: 85px;
55}
56
57.wp-customizer .menu-item-bar .menu-item-handle,
58.wp-customizer .menu-item-settings,
59.wp-customizer .menu-item-settings .description-thin {
60	box-sizing: border-box;
61}
62
63.wp-customizer .menu-item-bar {
64	margin: 0;
65}
66
67.wp-customizer .menu-item-bar .menu-item-handle {
68	width: 100%;
69	max-width: 100%;
70	background: #fff;
71}
72
73.wp-customizer .menu-item-handle .item-title {
74	margin-left: 0;
75}
76
77.wp-customizer .menu-item-handle .item-type {
78	padding: 1px 5px 0 21px;
79	float: left;
80	text-align: left;
81}
82
83.wp-customizer .menu-item-handle:hover {
84	z-index: 8;
85}
86
87.customize-control-nav_menu_item.has-notifications .menu-item-handle {
88	border-right: 4px solid #72aee6;
89}
90
91.wp-customizer .menu-item-settings {
92	max-width: 100%;
93	overflow: hidden;
94	z-index: 8;
95	padding: 10px;
96	background: #f0f0f1;
97	border: 1px solid #8c8f94;
98	border-top: none;
99}
100
101.wp-customizer .menu-item-settings .description-thin {
102	width: 100%;
103	height: auto;
104	margin: 0 0 8px 0;
105}
106
107.wp-customizer .menu-item-settings input[type="text"] {
108	width: 100%;
109}
110
111.wp-customizer .menu-item-settings .submitbox {
112	margin: 0;
113	padding: 0;
114}
115
116.wp-customizer .menu-item-settings .link-to-original {
117	padding: 5px 0;
118	border: none;
119	font-style: normal;
120	margin: 0;
121	width: 100%;
122}
123
124.wp-customizer .menu-item .submitbox .submitdelete {
125	float: right;
126	margin: 6px 0 0;
127	padding: 0;
128	cursor: pointer;
129}
130
131
132/**
133 * Menu items reordering styles
134 */
135
136.menu-item-reorder-nav {
137	display: none;
138	background-color: #fff;
139	position: absolute;
140	top: 0;
141	left: 0;
142}
143
144.menus-move-left:before {
145	content: "\f345";
146}
147
148.menus-move-right:before {
149	content: "\f341";
150}
151
152.reordering .menu-item .item-controls,
153.reordering .menu-item .item-type {
154	display: none;
155}
156
157.reordering .menu-item-reorder-nav {
158	display: block;
159}
160
161.customize-control input.menu-name-field {
162	width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
163}
164
165.wp-customizer .menu-item .item-edit {
166	position: absolute;
167	left: -19px;
168	top: 2px;
169	display: block;
170	width: 30px;
171	height: 38px;
172	margin-left: 0 !important;
173	box-shadow: none;
174	outline: none;
175	overflow: hidden;
176	cursor: pointer;
177	text-align: center;
178}
179
180.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
181	content: "\f142";
182}
183
184.wp-customizer .menu-item-settings p.description {
185	font-style: normal;
186}
187
188.wp-customizer .menu-settings dl {
189	margin: 12px 0 0 0;
190	padding: 0;
191}
192
193.wp-customizer .menu-settings .checkbox-input {
194	margin-top: 8px;
195}
196
197.wp-customizer .menu-settings .menu-theme-locations {
198	border-top: 1px solid #c3c4c7;
199}
200
201.wp-customizer .menu-settings {
202	margin-top: 36px;
203	border-top: none;
204}
205
206.wp-customizer .menu-location-settings {
207	margin-top: 12px;
208	border-top: none;
209}
210
211.wp-customizer .control-section-nav_menu .menu-location-settings {
212	margin-top: 24px;
213	border-top: 1px solid #dcdcde;
214}
215
216.wp-customizer .control-section-nav_menu .menu-location-settings,
217.customize-control-nav_menu_auto_add {
218	padding-top: 12px;
219}
220
221.menu-location-settings .customize-control-checkbox .theme-location-set {
222	line-height: 1;
223}
224
225.customize-control-nav_menu_auto_add label {
226	vertical-align: top;
227}
228
229.menu-location-settings .new-menu-locations-widget-note {
230	display: block;
231}
232
233.customize-control-menu {
234	margin-top: 4px;
235}
236
237#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
238	color: #50575e;
239}
240
241/* Screen Options */
242.customize-screen-options-toggle {
243	background: none;
244	border: none;
245	color: #50575e;
246	cursor: pointer;
247	margin: 0;
248	padding: 20px;
249	position: absolute;
250	left: 0;
251	top: 30px;
252}
253
254#customize-controls .customize-info .customize-help-toggle {
255	padding: 20px;
256}
257
258#customize-controls .customize-info .customize-help-toggle:before {
259	padding: 4px;
260}
261
262.customize-screen-options-toggle:hover,
263.customize-screen-options-toggle:active,
264.customize-screen-options-toggle:focus,
265.active-menu-screen-options .customize-screen-options-toggle,
266#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
267#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
268#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
269	color: #2271b1;
270}
271
272.customize-screen-options-toggle:focus,
273#customize-controls .customize-info .customize-help-toggle:focus {
274	/* Only visible in Windows High Contrast mode */
275	outline: 1px solid transparent;
276}
277
278.customize-screen-options-toggle:before {
279	-moz-osx-font-smoothing: grayscale;
280	border: none;
281	content: "\f111";
282	display: block;
283	font: 18px/1 dashicons;
284	padding: 5px;
285	text-align: center;
286	text-decoration: none !important;
287	text-indent: 0;
288	right: 6px;
289	position: absolute;
290	top: 6px;
291}
292
293.customize-screen-options-toggle:focus:before,
294#customize-controls .customize-info .customize-help-toggle:focus:before {
295	border-radius: 100%;
296}
297
298.wp-customizer #screen-options-wrap {
299	display: none;
300	background: #fff;
301	border-top: 1px solid #dcdcde;
302	padding: 4px 15px 15px;
303}
304
305.wp-customizer .metabox-prefs label {
306	display: block;
307	padding-left: 0;
308	line-height: 30px;
309}
310
311/* rework the arrow indicator implementation for NVDA bug same as #32715 */
312.wp-customizer .toggle-indicator {
313	display: inline-block;
314	font-size: 20px;
315	line-height: 1;
316}
317
318.rtl .wp-customizer .toggle-indicator {
319	text-indent: 1px; /* account for the dashicon alignment */
320}
321
322.wp-customizer .menu-item .item-edit .toggle-indicator:before,
323#available-menu-items .accordion-section-title .toggle-indicator:before {
324	content: "\f140";
325	display: block;
326	padding: 1px 0px 1px 2px;
327	speak: never;
328	border-radius: 50%;
329	color: #787c82;
330	font: normal 20px/1 dashicons;
331	-webkit-font-smoothing: antialiased;
332	-moz-osx-font-smoothing: grayscale;
333	text-decoration: none !important;
334}
335
336.control-section-nav_menu .field-link-target,
337.control-section-nav_menu .field-title-attribute,
338.control-section-nav_menu .field-css-classes,
339.control-section-nav_menu .field-xfn,
340.control-section-nav_menu .field-description {
341	display: none;
342}
343
344.control-section-nav_menu.field-link-target-active .field-link-target,
345.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
346.control-section-nav_menu.field-css-classes-active .field-css-classes,
347.control-section-nav_menu.field-xfn-active .field-xfn,
348.control-section-nav_menu.field-description-active .field-description {
349	display: block;
350}
351
352/* WARNING: The 20px factor is hard-coded in JS. */
353.menu-item-depth-0  { margin-right: 0;     }
354.menu-item-depth-1  { margin-right: 20px;  }
355.menu-item-depth-2  { margin-right: 40px;  }
356.menu-item-depth-3  { margin-right: 60px;  }
357.menu-item-depth-4  { margin-right: 80px;  }
358.menu-item-depth-5  { margin-right: 100px; }
359.menu-item-depth-6  { margin-right: 120px; }
360.menu-item-depth-7  { margin-right: 140px; }
361.menu-item-depth-8  { margin-right: 160px; } /* Not likely to be used or useful beyond this depth */
362.menu-item-depth-9  { margin-right: 180px; }
363.menu-item-depth-10 { margin-right: 200px; }
364.menu-item-depth-11 { margin-right: 220px; }
365
366/* @todo handle .menu-item-settings width */
367.menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
368.menu-item-depth-1  > .menu-item-bar { margin-left: 20px;  }
369.menu-item-depth-2  > .menu-item-bar { margin-left: 40px;  }
370.menu-item-depth-3  > .menu-item-bar { margin-left: 60px;  }
371.menu-item-depth-4  > .menu-item-bar { margin-left: 80px;  }
372.menu-item-depth-5  > .menu-item-bar { margin-left: 100px; }
373.menu-item-depth-6  > .menu-item-bar { margin-left: 120px; }
374.menu-item-depth-7  > .menu-item-bar { margin-left: 140px; }
375.menu-item-depth-8  > .menu-item-bar { margin-left: 160px; }
376.menu-item-depth-9  > .menu-item-bar { margin-left: 180px; }
377.menu-item-depth-10 > .menu-item-bar { margin-left: 200px; }
378.menu-item-depth-11 > .menu-item-bar { margin-left: 220px; }
379
380/* Submenu left margin. */
381.menu-item-depth-0  .menu-item-transport { margin-right: 0;      }
382.menu-item-depth-1  .menu-item-transport { margin-right: -20px;  }
383.menu-item-depth-3  .menu-item-transport { margin-right: -60px;  }
384.menu-item-depth-4  .menu-item-transport { margin-right: -80px;  }
385.menu-item-depth-2  .menu-item-transport { margin-right: -40px;  }
386.menu-item-depth-5  .menu-item-transport { margin-right: -100px; }
387.menu-item-depth-6  .menu-item-transport { margin-right: -120px; }
388.menu-item-depth-7  .menu-item-transport { margin-right: -140px; }
389.menu-item-depth-8  .menu-item-transport { margin-right: -160px; }
390.menu-item-depth-9  .menu-item-transport { margin-right: -180px; }
391.menu-item-depth-10 .menu-item-transport { margin-right: -200px; }
392.menu-item-depth-11 .menu-item-transport { margin-right: -220px; }
393
394/* WARNING: The 20px factor is hard-coded in JS. */
395.reordering .menu-item-depth-0  { margin-right: 0;     }
396.reordering .menu-item-depth-1  { margin-right: 15px;  }
397.reordering .menu-item-depth-2  { margin-right: 30px;  }
398.reordering .menu-item-depth-3  { margin-right: 45px;  }
399.reordering .menu-item-depth-4  { margin-right: 60px;  }
400.reordering .menu-item-depth-5  { margin-right: 75px;  }
401.reordering .menu-item-depth-6  { margin-right: 90px;  }
402.reordering .menu-item-depth-7  { margin-right: 105px; }
403.reordering .menu-item-depth-8  { margin-right: 120px; } /* Not likely to be used or useful beyond this depth */
404.reordering .menu-item-depth-9  { margin-right: 135px; }
405.reordering .menu-item-depth-10 { margin-right: 150px; }
406.reordering .menu-item-depth-11 { margin-right: 165px; }
407
408.reordering .menu-item-depth-0  > .menu-item-bar { margin-left: 0;     }
409.reordering .menu-item-depth-1  > .menu-item-bar { margin-left: 15px;  }
410.reordering .menu-item-depth-2  > .menu-item-bar { margin-left: 30px;  }
411.reordering .menu-item-depth-3  > .menu-item-bar { margin-left: 45px;  }
412.reordering .menu-item-depth-4  > .menu-item-bar { margin-left: 60px;  }
413.reordering .menu-item-depth-5  > .menu-item-bar { margin-left: 75px;  }
414.reordering .menu-item-depth-6  > .menu-item-bar { margin-left: 90px;  }
415.reordering .menu-item-depth-7  > .menu-item-bar { margin-left: 105px; }
416.reordering .menu-item-depth-8  > .menu-item-bar { margin-left: 120px; }
417.reordering .menu-item-depth-9  > .menu-item-bar { margin-left: 135px; }
418.reordering .menu-item-depth-10 > .menu-item-bar { margin-left: 150px; }
419.reordering .menu-item-depth-11 > .menu-item-bar { margin-left: 165px; }
420
421.control-section-nav_menu.menu .menu-item-edit-active {
422	margin-right: 0;
423}
424
425.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
426	margin-left: 0;
427}
428
429.control-section-nav_menu.menu .sortable-placeholder {
430	margin-top: 0;
431	margin-bottom: 1px;
432	max-width: calc(100% - 2px);
433	float: right;
434	display: list-item;
435	border-color: #a7aaad;
436}
437
438.menu-item-transport li.customize-control {
439	float: none;
440}
441
442.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
443	margin-top: 0;
444}
445
446/**
447 * Add-menu-items mode
448 */
449
450.adding-menu-items .control-section {
451	opacity: .4;
452}
453
454.adding-menu-items .control-panel.control-section,
455.adding-menu-items .control-section.open {
456	opacity: 1;
457}
458
459.menu-item-bar .item-delete {
460	color: #d63638;
461	position: absolute;
462	top: 2px;
463	left: -19px;
464	width: 30px;
465	height: 38px;
466	cursor: pointer;
467	display: none;
468}
469
470.menu-item-bar .item-delete:before {
471	content: "\f335";
472	position: absolute;
473	top: 9px;
474	right: 5px;
475	border-radius: 50%;
476	font: normal 20px/1 dashicons;
477	-webkit-font-smoothing: antialiased;
478	-moz-osx-font-smoothing: grayscale;
479}
480
481.menu-item-bar .item-delete:hover,
482.menu-item-bar .item-delete:focus {
483	box-shadow: none;
484	outline: none;
485	color: #d63638;
486}
487
488.adding-menu-items .menu-item-bar .item-edit {
489	display: none;
490}
491
492.adding-menu-items .menu-item-bar .item-delete {
493	display: block;
494}
495
496/**
497 * Styles for menu-item addition panel
498 */
499
500#available-menu-items.opening {
501	overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
502}
503
504#available-menu-items #available-menu-items-search.open {
505	height: 100%;
506	border-bottom: none;
507}
508
509#available-menu-items .accordion-section-title {
510	border-right: none;
511	border-left: none;
512	background: #fff;
513	transition: background-color 0.15s;
514	/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
515	-webkit-user-select: auto;
516	user-select: auto;
517}
518
519#available-menu-items .open .accordion-section-title,
520#available-menu-items #available-menu-items-search .accordion-section-title {
521	background: #f0f0f1;
522}
523
524/* rework the arrow indicator implementation for NVDA bug see #32715 */
525#available-menu-items .accordion-section-title:after {
526	content: none !important;
527}
528
529#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
530#available-menu-items .button-link:hover .toggle-indicator:before,
531#available-menu-items .button-link:focus .toggle-indicator:before {
532	color: #1d2327;
533}
534
535#available-menu-items .open .accordion-section-title .toggle-indicator:before {
536	content: "\f142";
537	color: #1d2327;
538}
539
540#available-menu-items .available-menu-items-list {
541	overflow-y: auto;
542	max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
543	background: transparent;
544}
545
546#available-menu-items .accordion-section-title button {
547	display: block;
548	width: 28px;
549	height: 35px;
550	position: absolute;
551	top: 5px;
552	left: 5px;
553	box-shadow: none;
554	outline: none;
555	cursor: pointer;
556	text-align: center;
557}
558
559#available-menu-items .accordion-section-title .no-items,
560#available-menu-items .cannot-expand .accordion-section-title .spinner,
561#available-menu-items .cannot-expand .accordion-section-title > button {
562	display: none;
563}
564
565#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
566	display: block;
567}
568
569#available-menu-items .cannot-expand .accordion-section-title .no-items {
570	float: left;
571	color: #50575e;
572	font-weight: 400;
573	margin-right: 5px;
574}
575
576#available-menu-items .accordion-section-content {
577	max-height: 290px;
578	margin: 0;
579	padding: 0;
580	position: relative;
581	background: transparent;
582}
583
584#available-menu-items .accordion-section-content .available-menu-items-list {
585	margin: 0 0 45px 0;
586	padding: 1px 15px 15px 15px;
587}
588
589#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
590	margin-bottom: 0;
591}
592
593#new-custom-menu-item .accordion-section-content {
594	padding: 0 15px 15px 15px;
595}
596
597#available-menu-items .menu-item-tpl {
598	margin: 0;
599}
600
601#custom-menu-item-name.invalid,
602#custom-menu-item-url.invalid,
603.edit-menu-item-url.invalid,
604.menu-name-field.invalid,
605.menu-name-field.invalid:focus,
606#available-menu-items .new-content-item .create-item-input.invalid,
607#available-menu-items .new-content-item .create-item-input.invalid:focus {
608	border: 1px solid #d63638;
609}
610
611#available-menu-items .menu-item-handle .item-type {
612	padding-left: 0;
613}
614
615#available-menu-items .menu-item-handle .item-title {
616	padding-right: 20px;
617}
618
619#available-menu-items .menu-item-handle {
620	cursor: pointer;
621}
622
623#available-menu-items .menu-item-handle {
624	box-shadow: none;
625	margin-top: -1px;
626}
627
628#available-menu-items .menu-item-handle:hover {
629	z-index: 1;
630}
631
632#available-menu-items .item-title h4 {
633	padding: 0 0 5px;
634	font-size: 14px;
635}
636
637#available-menu-items .item-add {
638	position: absolute;
639	top: 1px;
640	right: 1px;
641	color: #8c8f94;
642	width: 30px;
643	height: 38px;
644	box-shadow: none;
645	outline: none;
646	cursor: pointer;
647	text-align: center;
648}
649
650#available-menu-items .menu-item-handle .item-add:focus {
651	color: #1d2327;
652}
653
654#available-menu-items .item-add:before {
655	content: "\f543";
656	position: relative;
657	right: 2px;
658	top: 3px;
659	display: inline-block;
660	height: 20px;
661	border-radius: 50%;
662	font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
663}
664
665#available-menu-items .menu-item-handle.item-added .item-type,
666#available-menu-items .menu-item-handle.item-added .item-title,
667#available-menu-items .menu-item-handle.item-added:hover .item-add,
668#available-menu-items .menu-item-handle.item-added .item-add:focus {
669	color: #8c8f94;
670}
671
672#available-menu-items .menu-item-handle.item-added .item-add:before {
673	content: "\f147";
674}
675
676#available-menu-items .accordion-section-title.loading .spinner,
677#available-menu-items-search.loading .accordion-section-title .spinner {
678	visibility: visible;
679	margin: 0 20px;
680}
681
682#available-menu-items-search .spinner {
683	position: absolute;
684	top: 20px; /* 13 container padding +1 input margin +6 ( ( 32 input height - 20 spinner height ) / 2 ) */
685	left: 21px;
686	margin: 0 !important;
687}
688
689/* search results list */
690#available-menu-items #available-menu-items-search .accordion-section-content {
691	position: absolute;
692	right: 0;
693	top: 60px; /* below title div / search input */
694	bottom: 0px; /* 100% height that still triggers lazy load */
695	max-height: none;
696	width: 100%;
697	padding: 1px 15px 15px;
698	box-sizing: border-box;
699}
700
701#available-menu-items-search .nothing-found {
702	/* Compensate the 1px top padding of the container. */
703	margin-top: -1px;
704}
705
706#available-menu-items-search .accordion-section-title:after {
707	display: none;
708}
709
710#available-menu-items-search .accordion-section-content:empty {
711	min-height: 0;
712	padding: 0;
713}
714
715#available-menu-items-search.loading .accordion-section-content div {
716	opacity: .5;
717}
718
719#available-menu-items-search.loading.loading-more .accordion-section-content div {
720	opacity: 1;
721}
722
723#customize-preview {
724	transition: all 0.2s;
725}
726
727body.adding-menu-items #available-menu-items {
728	right: 0;
729	visibility: visible;
730}
731
732body.adding-menu-items .wp-full-overlay-main {
733	right: 300px;
734}
735
736body.adding-menu-items #customize-preview {
737	opacity: 0.4;
738}
739
740body.adding-menu-items #customize-preview iframe {
741	pointer-events: none;
742}
743
744.menu-item-handle .spinner {
745	display: none;
746	float: right;
747	margin: 0 0 0 8px;
748}
749
750.nav-menu-inserted-item-loading .spinner {
751	display: block;
752}
753
754.nav-menu-inserted-item-loading .menu-item-handle .item-type {
755	padding: 0 8px 0 0;
756}
757
758.nav-menu-inserted-item-loading .menu-item-handle,
759.added-menu-item .menu-item-handle.loading {
760	padding: 10px 8px 10px 15px;
761	cursor: default;
762	opacity: .5;
763	background: #fff;
764	color: #787c82;
765}
766
767.added-menu-item .menu-item-handle {
768	transition-property: opacity, background, color;
769	transition-duration: 1.25s;
770	transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
771}
772
773/* Add/delete Menus */
774
775#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
776	border-bottom-color: #dcdcde;
777}
778
779/* @todo update selector */
780#accordion-section-add_menu {
781	margin: 15px 12px;
782}
783
784#accordion-section-add_menu h3 {
785	text-align: left;
786}
787
788#accordion-section-add_menu h3,
789#accordion-section-add_menu .customize-add-menu-button {
790	margin: 0;
791}
792
793#accordion-section-add_menu .customize-add-menu-button {
794	font-weight: 400;
795}
796
797#create-new-menu-submit {
798	float: left;
799	margin: 0 0 12px 0;
800}
801
802.menu-delete-item {
803	float: right;
804	padding: 1em 0;
805	width: 100%;
806}
807
808.assigned-menu-locations-title p {
809	margin: 0 0 8px 0;
810}
811
812li.assigned-to-menu-location .menu-delete-item {
813	display: none;
814}
815
816li.assigned-to-menu-location .add-new-menu-item {
817	margin-bottom: 1em;
818}
819
820.menu-item-handle {
821	margin-top: -1px;
822}
823.ui-sortable-disabled .menu-item-handle {
824	cursor: default;
825}
826
827.menu-item-handle:hover {
828	position: relative;
829	z-index: 10;
830	color: #2271b1;
831}
832
833.menu-item-handle:hover .item-type,
834.menu-item-handle:hover .item-edit,
835#available-menu-items .menu-item-handle:hover .item-add {
836	color: #2271b1;
837}
838
839.menu-item-edit-active .menu-item-handle {
840	border-color: #8c8f94;
841	border-bottom: none;
842}
843
844.customize-control-nav_menu_item {
845	margin-bottom: 0;
846}
847
848.customize-control-nav_menu .new-menu-item-invitation {
849	margin-top: 0;
850	margin-bottom: 0;
851}
852
853.customize-control-nav_menu .customize-control-nav_menu-buttons {
854	margin-top: 12px;
855}
856
857/**
858 * box-shadows
859 */
860
861.wp-customizer .menu-item .submitbox .submitdelete:focus,
862.customize-screen-options-toggle:focus:before,
863#customize-controls .customize-info .customize-help-toggle:focus:before,
864.wp-customizer button:focus .toggle-indicator:before,
865.menu-delete:focus,
866.menu-item-bar .item-delete:focus:before,
867#available-menu-items .item-add:focus:before {
868	box-shadow:
869		0 0 0 1px #4f94d4,
870		0 0 2px 1px rgba(79, 148, 212, 0.8);
871}
872
873
874@media screen and (max-width: 782px) {
875	#available-menu-items #available-menu-items-search .accordion-section-content {
876		top: 63px;
877	}
878}
879
880@media screen and (max-width: 640px) {
881	#available-menu-items #available-menu-items-search .accordion-section-content {
882		top: 130px;
883	}
884}
885