1/* Additional default styles for the editor */
  2
  3html {
  4	cursor: text;
  5}
  6
  7html.ios {
  8	width: 100px;
  9	min-width: 100%;
 10}
 11
 12body {
 13	font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
 14	font-size: 16px;
 15	line-height: 1.5;
 16	color: #333;
 17	margin: 9px 10px;
 18	max-width: 100%;
 19	-webkit-font-smoothing: antialiased !important;
 20	overflow-wrap: break-word;
 21	word-wrap: break-word; /* Old syntax */
 22}
 23
 24body.rtl {
 25	font-family: Tahoma, "Times New Roman", "Bitstream Charter", Times, serif;
 26}
 27
 28body.locale-he-il,
 29body.locale-vi {
 30	font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif;
 31}
 32
 33body.wp-autoresize {
 34	overflow: visible !important;
 35	/* The padding ensures margins of the children are contained in the body. */
 36	padding-top: 1px !important;
 37	padding-bottom: 1px !important;
 38	padding-left: 0 !important;
 39	padding-right: 0 !important;
 40}
 41
 42/* When font-weight is different than the default browser style,
 43Chrome and Safari replace <strong> and <b> with spans with inline styles on pasting?! */
 44body.webkit strong,
 45body.webkit b {
 46	font-weight: bold !important;
 47}
 48
 49pre {
 50	font-family: Consolas, Monaco, monospace;
 51}
 52
 53td,
 54th {
 55	font-family: inherit;
 56	font-size: inherit;
 57}
 58
 59/* For emoji replacement images */
 60img.emoji {
 61	display: inline !important;
 62	border: none !important;
 63	height: 1em !important;
 64	width: 1em !important;
 65	margin: 0 .07em !important;
 66	vertical-align: -0.1em !important;
 67	background: none !important;
 68	padding: 0 !important;
 69	-webkit-box-shadow: none !important;
 70	box-shadow: none !important;
 71}
 72
 73.mceIEcenter {
 74	text-align: center;
 75}
 76
 77img {
 78	height: auto;
 79	max-width: 100%;
 80}
 81
 82.wp-caption {
 83	margin: 0; /* browser reset */
 84	max-width: 100%;
 85}
 86
 87/* iOS does not obey max-width if width is set. */
 88.ios .wp-caption {
 89	width: auto !important;
 90}
 91
 92dl.wp-caption dt.wp-caption-dt img {
 93	display: inline-block;
 94	margin-bottom: -1ex;
 95}
 96
 97div.mceTemp {
 98	-ms-user-select: element;
 99}
100
101dl.wp-caption,
102dl.wp-caption * {
103	-webkit-user-drag: none;
104}
105
106.wp-caption-dd {
107	font-size: 14px;
108	padding-top: 0.5em;
109	margin: 0; /* browser reset */
110}
111
112.aligncenter {
113	display: block;
114	margin-left: auto;
115	margin-right: auto;
116}
117
118.alignleft {
119	float: left;
120	margin: 0.5em 1em 0.5em 0;
121}
122
123.alignright {
124	float: right;
125	margin: 0.5em 0 0.5em 1em;
126}
127
128/* Remove blue highlighting of selected images in WebKit */
129img[data-mce-selected]::selection {
130	background-color: transparent;
131}
132
133/* Styles for the WordPress plugins */
134.mce-content-body img[data-mce-placeholder] {
135	border-radius: 0;
136	padding: 0;
137}
138
139.mce-content-body img[data-wp-more] {
140	border: 0;
141	-webkit-box-shadow: none;
142	box-shadow: none;
143	width: 96%;
144	height: 16px;
145	display: block;
146	margin: 15px auto 0;
147	outline: 0;
148	cursor: default;
149}
150
151.mce-content-body img[data-mce-placeholder][data-mce-selected] {
152	outline: 1px dotted #888;
153}
154
155.mce-content-body img[data-wp-more="more"] {
156	background: transparent url( images/more.png ) repeat-y scroll center center;
157}
158
159.mce-content-body img[data-wp-more="nextpage"] {
160	background: transparent url( images/pagebreak.png ) repeat-y scroll center center;
161}
162
163.mce-object-style {
164	background-image: url( images/style.svg );
165}
166
167.mce-object-script {
168	background-image: url( images/script.svg );
169}
170
171/* Styles for formatting the boundaries of anchors and code elements */
172.mce-content-body a[data-mce-selected] {
173	padding: 0 2px;
174	margin: 0 -2px;
175	border-radius: 2px;
176	box-shadow: 0 0 0 1px #bfe6ff;
177	background: #bfe6ff;
178}
179
180.mce-content-body .wp-caption-dt a[data-mce-selected] {
181	outline: none;
182	padding: 0;
183	margin: 0;
184	box-shadow: none;
185	background: transparent;
186}
187
188.mce-content-body code {
189	padding: 2px 4px;
190	margin: 0;
191	border-radius: 2px;
192	color: #222;
193	background: #f2f4f5;
194}
195
196.mce-content-body code[data-mce-selected] {
197	background: #e9ebec;
198}
199
200/* Gallery, audio, video placeholders */
201.mce-content-body img.wp-media {
202	border: 1px solid #aaa;
203	background-color: #f2f2f2;
204	background-repeat: no-repeat;
205	background-position: center center;
206	width: 99%;
207	height: 250px;
208	outline: 0;
209	cursor: pointer;
210}
211
212.mce-content-body img.wp-media:hover {
213	background-color: #ededed;
214	border-color: #72777c;
215}
216
217.mce-content-body img.wp-media.wp-media-selected {
218	background-color: #d8d8d8;
219	border-color: #72777c;
220}
221
222.mce-content-body img.wp-media.wp-gallery {
223	background-image: url(images/gallery.png);
224}
225
226/* Image resize handles */
227.mce-content-body div.mce-resizehandle {
228	border-color: #72777c;
229	width: 7px;
230	height: 7px;
231}
232
233.mce-content-body img[data-mce-selected] {
234	outline: 1px solid #72777c;
235}
236
237.mce-content-body img[data-mce-resize="false"] {
238	outline: 0;
239}
240
241audio,
242video,
243embed {
244	display: -moz-inline-stack;
245	display: inline-block;
246}
247
248audio {
249	visibility: hidden;
250}
251
252/* Fix for proprietary Mozilla display attribute, see #38757 */
253[_moz_abspos] {
254	outline: none;
255}
256
257a[data-wplink-url-error],
258a[data-wplink-url-error]:hover,
259a[data-wplink-url-error]:focus {
260	outline: 2px dotted #dc3232;
261	position: relative;
262}
263
264a[data-wplink-url-error]:before {
265	content: "";
266	display: block;
267	position: absolute;
268	top: -2px;
269	right: -2px;
270	bottom: -2px;
271	left: -2px;
272	outline: 2px dotted #fff;
273	z-index: -1;
274}
275
276/**
277 * WP Views
278 */
279
280.wpview {
281	width: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */
282	position: relative;
283	clear: both;
284	margin-bottom: 16px;
285	border: 1px solid transparent;
286}
287
288.mce-shim {
289	position: absolute;
290	top: 0;
291	right: 0;
292	bottom: 0;
293	left: 0;
294}
295
296.wpview[data-mce-selected="2"] .mce-shim {
297	display: none;
298}
299
300.wpview .loading-placeholder {
301	border: 1px dashed #ccc;
302	padding: 10px;
303}
304
305.wpview[data-mce-selected] .loading-placeholder {
306	border-color: transparent;
307}
308
309/* A little "loading" animation, not showing in IE < 10 */
310.wpview .wpview-loading {
311	width: 60px;
312	height: 5px;
313	overflow: hidden;
314	background-color: transparent;
315	margin: 10px auto 0;
316}
317
318.wpview .wpview-loading ins {
319	background-color: #333;
320	margin: 0 0 0 -60px;
321	width: 36px;
322	height: 5px;
323	display: block;
324	-webkit-animation: wpview-loading 1.3s infinite 1s steps(36);
325	animation: wpview-loading 1.3s infinite 1s steps(36);
326}
327
328@-webkit-keyframes wpview-loading {
329	0% {
330		margin-left: -60px;
331	}
332	100% {
333		margin-left: 60px;
334	}
335}
336
337@keyframes wpview-loading {
338	0% {
339		margin-left: -60px;
340	}
341	100% {
342		margin-left: 60px;
343	}
344}
345
346.wpview .wpview-content > iframe {
347	max-width: 100%;
348	background: transparent;
349}
350
351.wpview-error {
352	border: 1px solid #ddd;
353	padding: 1em 0;
354	margin: 0;
355	word-wrap: break-word;
356}
357
358.wpview[data-mce-selected] .wpview-error {
359	border-color: transparent;
360}
361
362.wpview-error .dashicons,
363.loading-placeholder .dashicons {
364	display: block;
365	margin: 0 auto;
366	width: 32px;
367	height: 32px;
368	font-size: 32px;
369}
370
371.wpview-error p {
372	margin: 0;
373	text-align: center;
374	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
375}
376
377.wpview-type-gallery:after {
378	content: "";
379	display: table;
380	clear: both;
381}
382
383.gallery img[data-mce-selected]:focus {
384	outline: none;
385}
386
387.gallery a {
388	cursor: default;
389}
390
391.gallery {
392	margin: auto -6px;
393	padding: 6px 0;
394	line-height: 1;
395	overflow-x: hidden;
396}
397
398.ie7 .gallery,
399.ie8 .gallery {
400	margin: auto;
401}
402
403.gallery .gallery-item {
404	float: left;
405	margin: 0;
406	text-align: center;
407	padding: 6px;
408	-webkit-box-sizing: border-box;
409	-moz-box-sizing: border-box;
410	box-sizing: border-box;
411}
412
413.ie7 .gallery .gallery-item,
414.ie8 .gallery .gallery-item {
415	padding: 6px 0;
416}
417
418.gallery .gallery-caption,
419.gallery .gallery-icon {
420	margin: 0;
421}
422
423.gallery .gallery-caption {
424	font-size: 13px;
425	margin: 4px 0;
426}
427
428.gallery-columns-1 .gallery-item {
429	width: 100%;
430}
431
432.gallery-columns-2 .gallery-item {
433	width: 50%;
434}
435
436.gallery-columns-3 .gallery-item {
437	width: 33.333%;
438}
439
440.ie8 .gallery-columns-3 .gallery-item,
441.ie7 .gallery-columns-3 .gallery-item {
442	width: 33%;
443}
444
445.gallery-columns-4 .gallery-item {
446	width: 25%;
447}
448
449.gallery-columns-5 .gallery-item {
450	width: 20%;
451}
452
453.gallery-columns-6 .gallery-item {
454	width: 16.665%;
455}
456
457.gallery-columns-7 .gallery-item {
458	width: 14.285%;
459}
460
461.gallery-columns-8 .gallery-item {
462	width: 12.5%;
463}
464
465.gallery-columns-9 .gallery-item {
466	width: 11.111%;
467}
468
469.gallery img {
470	max-width: 100%;
471	height: auto;
472	border: none;
473	padding: 0;
474}
475
476img.wp-oembed {
477	border: 1px dashed #888;
478	background: #f7f5f2 url(images/embedded.png) no-repeat scroll center center;
479	width: 300px;
480	height: 250px;
481	outline: 0;
482}
483
484/* rtl */
485.rtl .gallery .gallery-item {
486	float: right;
487}
488
489@media print,
490	(-o-min-device-pixel-ratio: 5/4),
491	(-webkit-min-device-pixel-ratio: 1.25),
492	(min-resolution: 120dpi) {
493
494	.mce-content-body img.mce-wp-more {
495		background-image: url( images/more-2x.png );
496		background-size: 1900px 20px;
497	}
498
499	.mce-content-body img.mce-wp-nextpage {
500		background-image: url( images/pagebreak-2x.png );
501		background-size: 1900px 20px;
502	}
503}
504