wp/wp-content/themes/twentyfifteen/rtl.css
changeset 8 c7c34916027a
parent 7 cf61fcea0001
child 9 177826044cd9
equal deleted inserted replaced
7:cf61fcea0001 8:c7c34916027a
     1 /*
       
     2 Theme Name: Twenty Fifteen
       
     3 Description: Adds support for languages written in a Right To Left (RTL) direction.
       
     4 It's easy, just a matter of overwriting all the horizontal positioning attributes
       
     5 of your CSS stylesheet in a separate stylesheet file named rtl.css.
       
     6 
       
     7 See: https://codex.wordpress.org/Right_to_Left_Language_Support
       
     8 */
       
     9 
       
    10 /**
       
    11  * Table of Contents:
       
    12  *
       
    13  * 1.0 - Reset
       
    14  * 2.0 - Typography
       
    15  * 3.0 - Elements
       
    16  * 4.0 - Forms
       
    17  * 5.0 - Navigations
       
    18  * 6.0 - Accessibility
       
    19  * 7.0 - Alignments
       
    20  * 8.0 - Header
       
    21  * 9.0 - Widgets
       
    22  * 10.0 - Content
       
    23  *   10.1 - Posts and pages
       
    24  *   10.2 - Comments
       
    25  * 11.0 - Media Queries
       
    26  *    11.1 - Mobile Large
       
    27  *    11.2 - Tablet Small
       
    28  *    11.3 - Tablet Large
       
    29  *    11.4 - Desktop Small
       
    30  *    11.5 - Desktop Medium
       
    31  *    11.6 - Desktop Large
       
    32  *    11.7 - Desktop X-Large
       
    33  */
       
    34 
       
    35 
       
    36 /**
       
    37  * 1.0 Reset
       
    38  */
       
    39 
       
    40 body {
       
    41 	direction: rtl;
       
    42 	unicode-bidi: embed;
       
    43 }
       
    44 
       
    45 caption,
       
    46 th,
       
    47 td {
       
    48 	text-align: right;
       
    49 }
       
    50 
       
    51 
       
    52 /**
       
    53  * 2.0 Typography
       
    54  */
       
    55 
       
    56 body,
       
    57 button,
       
    58 input[type="button"],
       
    59 input[type="reset"],
       
    60 input[type="submit"],
       
    61 input,
       
    62 select,
       
    63 textarea,
       
    64 blockquote cite,
       
    65 blockquote small,
       
    66 .post-password-form label,
       
    67 .main-navigation .menu-item-description,
       
    68 .post-navigation .meta-nav,
       
    69 .post-navigation .post-title,
       
    70 .pagination,
       
    71 .image-navigation,
       
    72 .comment-navigation,
       
    73 .site-title,
       
    74 .site-description,
       
    75 .widget-title,
       
    76 .widget_calendar caption,
       
    77 .widget_rss .rss-date,
       
    78 .widget_rss cite,
       
    79 .author-heading,
       
    80 .entry-footer,
       
    81 .page-title,
       
    82 .page-links,
       
    83 .entry-caption,
       
    84 .comments-title,
       
    85 .comment-reply-title,
       
    86 .comment-metadata,
       
    87 .pingback .edit-link,
       
    88 .comment-list .reply a,
       
    89 .comment-form label,
       
    90 .comment-notes,
       
    91 .comment-awaiting-moderation,
       
    92 .logged-in-as,
       
    93 .form-allowed-tags,
       
    94 .no-comments,
       
    95 .wp-caption-text,
       
    96 .gallery-caption {
       
    97 	font-family: Arial, Tahoma, sans-serif;
       
    98 }
       
    99 
       
   100 ::-webkit-input-placeholder {
       
   101 	font-family: Arial, Tahoma, sans-serif;
       
   102 }
       
   103 
       
   104 :-moz-placeholder {
       
   105 	font-family: Arial, Tahoma, sans-serif;
       
   106 }
       
   107 
       
   108 ::-moz-placeholder {
       
   109 	font-family: Arial, Tahoma, sans-serif;
       
   110 }
       
   111 
       
   112 :-ms-input-placeholder {
       
   113 	font-family: Arial, Tahoma, sans-serif;
       
   114 }
       
   115 
       
   116 blockquote {
       
   117 	border-right: 4px solid rgba(51, 51, 51, 0.7);
       
   118 	border-left: 0;
       
   119 	padding-right: 0.7778em;
       
   120 	padding-left: 0;
       
   121 }
       
   122 
       
   123 
       
   124 /**
       
   125  * 3.0 Elements
       
   126  */
       
   127 
       
   128 ul,
       
   129 ol {
       
   130 	margin: 0 1.3333em 1.6em 0;
       
   131 }
       
   132 
       
   133 caption,
       
   134 th,
       
   135 td {
       
   136 	text-align: right;
       
   137 }
       
   138 
       
   139 
       
   140 /**
       
   141  * 4.0 Forms
       
   142  */
       
   143 
       
   144 .post-password-form input[type="submit"] {
       
   145 	right: auto;
       
   146 	left: 0;
       
   147 }
       
   148 
       
   149 
       
   150 /**
       
   151  * 5.0 Navigations
       
   152  */
       
   153 
       
   154 .main-navigation ul ul {
       
   155 	margin-right: 0.8em;
       
   156 	margin-left: auto;
       
   157 }
       
   158 
       
   159 .main-navigation .menu-item-has-children > a {
       
   160 	padding-right: 0;
       
   161 	padding-left: 48px;
       
   162 }
       
   163 
       
   164 .dropdown-toggle {
       
   165 	right: auto;
       
   166 	left: 0;
       
   167 }
       
   168 
       
   169 .dropdown-toggle:after {
       
   170 	right: -1px;
       
   171 	left: auto;
       
   172 }
       
   173 
       
   174 .social-navigation li {
       
   175 	float: right;
       
   176 }
       
   177 
       
   178 .social-navigation a:before {
       
   179 	right: 0;
       
   180 	left: auto;
       
   181 }
       
   182 
       
   183 .secondary-toggle {
       
   184 	right: auto;
       
   185 	left: 0;
       
   186 }
       
   187 
       
   188 .post-navigation .has-post-thumbnail a:before {
       
   189 	right: 0;
       
   190 	left: auto;
       
   191 }
       
   192 
       
   193 .pagination .prev {
       
   194 	right: 0;
       
   195 	left: auto;
       
   196 }
       
   197 
       
   198 .pagination .prev:before {
       
   199 	content: "\f429";
       
   200 	right: -1px;
       
   201 	left: auto;
       
   202 }
       
   203 
       
   204 .pagination .next {
       
   205 	right: auto;
       
   206 	left: 0;
       
   207 }
       
   208 
       
   209 .pagination .next:before {
       
   210 	content: "\f430";
       
   211 	right: auto;
       
   212 	left: -1px;
       
   213 }
       
   214 
       
   215 .image-navigation .nav-previous a:before,
       
   216 .comment-navigation .nav-previous a:before {
       
   217 	content: "\f429";
       
   218 	margin-right: auto;
       
   219 	margin-left: 0.2em;
       
   220 }
       
   221 
       
   222 .image-navigation .nav-next a:after,
       
   223 .comment-navigation .nav-next a:after {
       
   224 	content: "\f430";
       
   225 	margin-right: 0.2em;
       
   226 	margin-left: auto;
       
   227 }
       
   228 
       
   229 
       
   230 /**
       
   231  * 6.0 Accessibility
       
   232  */
       
   233 
       
   234 .screen-reader-text:hover,
       
   235 .screen-reader-text:focus {
       
   236 	right: 5px;
       
   237 	left: auto;
       
   238 }
       
   239 
       
   240 
       
   241 /**
       
   242  * 7.0 Alignments
       
   243  */
       
   244 
       
   245 .alignright {
       
   246 	float: right;
       
   247 }
       
   248 
       
   249 .alignleft {
       
   250 	float: left;
       
   251 }
       
   252 
       
   253 .aligncenter {
       
   254 	margin-right: auto;
       
   255 	margin-left: auto;
       
   256 }
       
   257 
       
   258 blockquote.alignright,
       
   259 .wp-caption.alignright,
       
   260 img.alignright {
       
   261 	margin: 0.4em 0 1.6em 1.6em;
       
   262 }
       
   263 
       
   264 blockquote.alignleft,
       
   265 .wp-caption.alignleft,
       
   266 img.alignleft {
       
   267 	margin: 0.4em 1.6em 1.6em 0;
       
   268 }
       
   269 
       
   270 
       
   271 /**
       
   272  * 8.0 Header
       
   273  */
       
   274 
       
   275 .site-branding {
       
   276 	padding-right: 0;
       
   277 	padding-left: 60px;
       
   278 }
       
   279 
       
   280 
       
   281 /**
       
   282  * 9.0 Widgets
       
   283  */
       
   284 
       
   285 .widget_categories .children,
       
   286 .widget_nav_menu .sub-menu,
       
   287 .widget_pages .children {
       
   288 	margin: 0.7667em 0.8em 0 0;
       
   289 }
       
   290 
       
   291 .textwidget ul,
       
   292 .textwidget ol {
       
   293 	margin-left: 0;
       
   294 	margin-right: 1.6em;
       
   295 }
       
   296 
       
   297 /**
       
   298  * 10.0 Content
       
   299  */
       
   300 
       
   301 /**
       
   302  * 10.1 Posts and pages
       
   303  */
       
   304 
       
   305 .entry-content .more-link:after {
       
   306 	content: "\f430";
       
   307 }
       
   308 
       
   309 .author-link:after {
       
   310 	content: "\f430";
       
   311 }
       
   312 
       
   313 .author-info .avatar {
       
   314 	float: right;
       
   315 	margin: 0 0 1.6em 1.6em;
       
   316 }
       
   317 
       
   318 .posted-on:before,
       
   319 .byline:before,
       
   320 .cat-links:before,
       
   321 .tags-links:before,
       
   322 .comments-link:before,
       
   323 .entry-format:before,
       
   324 .edit-link:before,
       
   325 .full-size-link:before {
       
   326 	margin-right: auto;
       
   327 	margin-left: 2px;
       
   328 }
       
   329 
       
   330 .posted-on,
       
   331 .byline,
       
   332 .cat-links,
       
   333 .tags-links,
       
   334 .comments-link,
       
   335 .entry-format,
       
   336 .full-size-link {
       
   337 	margin-right: auto;
       
   338 	margin-left: 1em;
       
   339 }
       
   340 
       
   341 .page-links a,
       
   342 .page-links > span {
       
   343 	margin: 0 0 0.3333em 0.3333em;
       
   344 }
       
   345 
       
   346 .page-links > .page-links-title {
       
   347 	padding-right: 0;
       
   348 	padding-left: 0.5em;
       
   349 }
       
   350 
       
   351 .type-attachment .entry-header {
       
   352 	clear: left;
       
   353 }
       
   354 
       
   355 .format-link .entry-title a:after {
       
   356 	-webkit-transform: scaleX(-1);
       
   357 	-moz-transform: scaleX(-1);
       
   358 	-ms-transform: scaleX(-1);
       
   359 	-o-transform: scaleX(-1);
       
   360 	transform: scaleX(-1);
       
   361 }
       
   362 
       
   363 
       
   364 /**
       
   365  * 10.2 Comments
       
   366  */
       
   367 
       
   368 .comment-list .children > li {
       
   369 	padding-right: 0.8em;
       
   370 	padding-left: 0;
       
   371 }
       
   372 
       
   373 .comment-author .avatar {
       
   374 	float: right;
       
   375 	margin-right: 0;
       
   376 	margin-left: 0.4em;
       
   377 }
       
   378 
       
   379 .bypostauthor > article .fn:after {
       
   380 	right: 3px;
       
   381 	left: auto;
       
   382 }
       
   383 
       
   384 .comment-metadata .edit-link {
       
   385 	margin-right: 1em;
       
   386 	margin-left: auto;
       
   387 }
       
   388 
       
   389 .pingback .edit-link {
       
   390 	margin-right: 1em;
       
   391 	margin-left: auto;
       
   392 }
       
   393 
       
   394 .comment-content ul,
       
   395 .comment-content ol {
       
   396 	margin: 0 1.3333em 1.6em 0;
       
   397 }
       
   398 
       
   399 .comment-reply-title small a {
       
   400 	float: left;
       
   401 }
       
   402 
       
   403 .comment-form #wp-comment-cookies-consent {
       
   404 	margin: 0 0 0 10px;
       
   405 }
       
   406 
       
   407 /**
       
   408  * 11.0 Media Queries
       
   409  */
       
   410 
       
   411 
       
   412 /**
       
   413  * 11.1 Mobile Large 620px
       
   414  */
       
   415 
       
   416 @media screen and (min-width: 38.75em) {
       
   417 	ul,
       
   418 	ol {
       
   419 		margin-right: 0;
       
   420 		margin-left: auto;
       
   421 	}
       
   422 
       
   423 	li > ul,
       
   424 	li > ol,
       
   425 	blockquote > ul,
       
   426 	blockquote > ol {
       
   427 		margin-right: 1.3333em;
       
   428 		margin-left: auto;
       
   429 	}
       
   430 
       
   431 	blockquote {
       
   432 		margin-right: -1em;
       
   433 		margin-left: auto;
       
   434 	}
       
   435 
       
   436 	blockquote > blockquote {
       
   437 		margin-right: 0;
       
   438 		margin-left: auto;
       
   439 	}
       
   440 
       
   441 	.page-header {
       
   442 		border-color: inherit;
       
   443 		border-left: none;
       
   444 		border-style: solid;
       
   445 		border-width: 0 7px 0 0;
       
   446 	}
       
   447 
       
   448 	.page-title,
       
   449 	.taxonomy-description {
       
   450 		margin-right: -7px;
       
   451 		margin-left: auto;
       
   452 	}
       
   453 
       
   454 	.comment-content ul,
       
   455 	.comment-content ol {
       
   456 		margin-right: 0;
       
   457 		margin-left: auto;
       
   458 	}
       
   459 
       
   460 	.comment-content li > ul,
       
   461 	.comment-content li > ol,
       
   462 	.comment-content blockquote > ul,
       
   463 	.comment-content blockquote > ol {
       
   464 		margin-right: 1.3333em;
       
   465 		margin-left: auto;
       
   466 	}
       
   467 }
       
   468 
       
   469 
       
   470 /**
       
   471  * 11.2 Tablet Small 740px
       
   472  */
       
   473 
       
   474 @media screen and (min-width: 46.25em) {
       
   475 	blockquote {
       
   476 		margin-right: -1.05em;
       
   477 		margin-left: auto;
       
   478 		padding-right: 0.85em;
       
   479 		padding-left: 0;
       
   480 	}
       
   481 
       
   482 	.main-navigation ul ul {
       
   483 		margin-right: 1em;
       
   484 		margin-left: auto;
       
   485 	}
       
   486 
       
   487 	blockquote.alignright,
       
   488 	.wp-caption.alignright,
       
   489 	img.alignright {
       
   490 		margin: 0.4118em 0 1.6471em 1.6471em;
       
   491 	}
       
   492 
       
   493 	blockquote.alignleft,
       
   494 	.wp-caption.alignleft,
       
   495 	img.alignleft {
       
   496 		margin: 0.4118em 1.6471em 1.6471em 0;
       
   497 	}
       
   498 
       
   499 	.site-branding {
       
   500 		padding-right: 0;
       
   501 		padding-left: 66px;
       
   502 	}
       
   503 
       
   504 	.widget blockquote {
       
   505 		margin-right: -1.2353em;
       
   506 		margin-left: auto;
       
   507 		padding-right: 1em;
       
   508 		padding-left: 0;
       
   509 	}
       
   510 
       
   511 	.widget blockquote > blockquote {
       
   512 		margin-right: 0;
       
   513 		margin-left: auto;
       
   514 	}
       
   515 
       
   516 	.widget blockquote.alignright,
       
   517 	.widget .wp-caption.alignright,
       
   518 	.widget img.alignright {
       
   519 		margin: 0.5em 0 1.5em 1.5em;
       
   520 	}
       
   521 
       
   522 	.widget blockquote.alignleft,
       
   523 	.widget .wp-caption.alignleft,
       
   524 	.widget img.alignleft {
       
   525 		margin: 0.5em 1.5em 1.5em 0;
       
   526 	}
       
   527 
       
   528 	.widget_categories .children,
       
   529 	.widget_nav_menu .sub-menu,
       
   530 	.widget_pages .children {
       
   531 		margin: 0.9643em 1em 0 0;
       
   532 	}
       
   533 
       
   534 	.page-links a,
       
   535 	.page-links > span {
       
   536 		margin: 0 0 0.2857em 0.2857em;
       
   537 	}
       
   538 
       
   539 	.author-info .avatar {
       
   540 		margin: 0 0 1.6471em 1.6471em;
       
   541 	}
       
   542 
       
   543 	.comment-list .children > li {
       
   544 		padding-right: 1.2353em;
       
   545 		padding-left: 0;
       
   546 	}
       
   547 
       
   548 	.comment-author .avatar {
       
   549 		margin-left: 1.64705em;
       
   550 	}
       
   551 
       
   552 	.bypostauthor > article .fn:after {
       
   553 		right: 6px;
       
   554 		left: auto;
       
   555 	}
       
   556 }
       
   557 
       
   558 
       
   559 /**
       
   560  * 11.3 Tablet Large 880px
       
   561  */
       
   562 
       
   563 @media screen and (min-width: 55em) {
       
   564 	blockquote {
       
   565 		margin-right: -1.0909em;
       
   566 		margin-left: auto;
       
   567 		padding-right: 0.9091em;
       
   568 		padding-left: 0;
       
   569 	}
       
   570 
       
   571 	blockquote.alignright,
       
   572 	.wp-caption.alignright,
       
   573 	img.alignright {
       
   574 		margin: 0.4211em 0 1.6842em 1.6842em;
       
   575 	}
       
   576 
       
   577 	blockquote.alignleft,
       
   578 	.wp-caption.alignleft,
       
   579 	img.alignleft {
       
   580 		margin: 0.4211em 1.6842em 1.6842em 0;
       
   581 	}
       
   582 
       
   583 	.site-branding {
       
   584 		padding-right: 0;
       
   585 		padding-left: 74px;
       
   586 	}
       
   587 
       
   588 	.widget blockquote {
       
   589 		margin-right: -1.2632em;
       
   590 		margin-left: auto;
       
   591 		padding-right: 1.0526em;
       
   592 		padding-left: 0;
       
   593 	}
       
   594 
       
   595 	.widget_categories .children,
       
   596 	.widget_nav_menu .sub-menu,
       
   597 	.widget_pages .children {
       
   598 		margin: 0.7188em 1em 0 0;
       
   599 	}
       
   600 
       
   601 	.page-links a,
       
   602 	.page-links > span {
       
   603 		margin: 0 0 0.25em 0.25em;
       
   604 	}
       
   605 
       
   606 	.author-info .avatar {
       
   607 		margin: 0 0 1.6842em 1.6842em;
       
   608 	}
       
   609 
       
   610 	.comment-list .children > li {
       
   611 		padding-right: 1.4737em;
       
   612 		padding-left: 0;
       
   613 	}
       
   614 
       
   615 	.comment-author .avatar {
       
   616 		margin-left: 1.6842em;
       
   617 	}
       
   618 }
       
   619 
       
   620 
       
   621 /**
       
   622  * 11.4 Desktop Small 955px
       
   623  */
       
   624 
       
   625 @media screen and (min-width: 59.6875em) {
       
   626 	body:before {
       
   627 		right: 0;
       
   628 		left: auto;
       
   629 	}
       
   630 
       
   631 	.sidebar {
       
   632 		float: right;
       
   633 		margin-right: auto;
       
   634 		margin-left: -100%;
       
   635 	}
       
   636 
       
   637 	.site-content {
       
   638 		float: right;
       
   639 		margin-right: 29.4118%;
       
   640 		margin-left: auto;
       
   641 	}
       
   642 
       
   643 	blockquote {
       
   644 		margin-right: -1.3333em;
       
   645 		margin-left: auto;
       
   646 		padding-right: 1.1111em;
       
   647 		padding-left: 0;
       
   648 	}
       
   649 
       
   650 	.main-navigation .menu-item-has-children > a {
       
   651 		padding-right: 0;
       
   652 		padding-left: 30px;
       
   653 	}
       
   654 
       
   655 	blockquote.alignright,
       
   656 	.wp-caption.alignright,
       
   657 	img.alignright {
       
   658 		margin: 0.4em 0 1.6em 1.6em;
       
   659 	}
       
   660 
       
   661 	blockquote.alignleft,
       
   662 	.wp-caption.alignleft,
       
   663 	img.alignleft {
       
   664 		margin: 0.4em 1.6em 1.6em 0;
       
   665 	}
       
   666 
       
   667 	.widget blockquote {
       
   668 		margin-right: -1.5em;
       
   669 		margin-left: auto;
       
   670 		padding-right: 1.1667em;
       
   671 		padding-left: 0;
       
   672 	}
       
   673 
       
   674 	.widget_categories .children,
       
   675 	.widget_nav_menu .sub-menu,
       
   676 	.widget_pages .children {
       
   677 		margin: 0.4583em 1em 0 0;
       
   678 	}
       
   679 
       
   680 	.page-links a,
       
   681 	.page-links > span {
       
   682 		margin: 0 0 0.3333em 0.3333em;
       
   683 	}
       
   684 
       
   685 	.author-info .avatar {
       
   686 		margin: 0 0 1.5em 1.5em;
       
   687 	}
       
   688 
       
   689 	.comment-list .children > li {
       
   690 		padding-right: 0.8em;
       
   691 		padding-left: 0;
       
   692 	}
       
   693 
       
   694 	.comment-author .avatar {
       
   695 		margin-left: 0.8em;
       
   696 	}
       
   697 
       
   698 	.bypostauthor > article .fn:after {
       
   699 		right: 3px;
       
   700 		left: auto;
       
   701 	}
       
   702 
       
   703 	.site-branding {
       
   704 		padding: 0;
       
   705 	}
       
   706 
       
   707 	.site-footer {
       
   708 		float: right;
       
   709 		margin: 0 35.2941% 0 0;
       
   710 	}
       
   711 }
       
   712 
       
   713 
       
   714 /**
       
   715  * 11.5 Desktop Medium 1100px
       
   716  */
       
   717 
       
   718 @media screen and (min-width: 68.75em) {
       
   719 	blockquote {
       
   720 		margin-right: -1.05em;
       
   721 		margin-left: auto;
       
   722 		padding-right: 0.85em;
       
   723 		padding-left: 0;
       
   724 	}
       
   725 
       
   726 	.main-navigation .menu-item-has-children > a {
       
   727 		padding-right: 0;
       
   728 		padding-left: 34px;
       
   729 	}
       
   730 
       
   731 	blockquote.alignright,
       
   732 	.wp-caption.alignright,
       
   733 	img.alignright {
       
   734 		margin: 0.4118em 0 1.6471em 1.6471em;
       
   735 	}
       
   736 
       
   737 	blockquote.alignleft,
       
   738 	.wp-caption.alignleft,
       
   739 	img.alignleft {
       
   740 		margin: 0.4118em 1.6471em 1.6471em 0;
       
   741 	}
       
   742 
       
   743 	.widget blockquote {
       
   744 		padding-right: 1.2143em;
       
   745 		padding-left: 0;
       
   746 	}
       
   747 
       
   748 	.widget_categories .children,
       
   749 	.widget_nav_menu .sub-menu,
       
   750 	.widget_pages .children {
       
   751 		margin: 0.4643em 1em 0 0;
       
   752 	}
       
   753 
       
   754 	.page-links a,
       
   755 	.page-links > span {
       
   756 		margin: 0 0 0.2857em 0.2857em;
       
   757 	}
       
   758 
       
   759 	.author-info .avatar {
       
   760 		margin: 0 0 1.6471em 1.6471em;
       
   761 	}
       
   762 
       
   763 	.comment-list .children > li {
       
   764 		padding-right: 1.1667em;
       
   765 		padding-left: 0;
       
   766 	}
       
   767 
       
   768 	.comment-author .avatar {
       
   769 		margin-left: 1.64705em;
       
   770 	}
       
   771 
       
   772 	.bypostauthor > article .fn:after {
       
   773 		right: 6px;
       
   774 		left: auto;
       
   775 	}
       
   776 }
       
   777 
       
   778 
       
   779 /**
       
   780  * 11.6 Desktop Large 1240px
       
   781  */
       
   782 
       
   783 @media screen and (min-width: 77.5em) {
       
   784 	blockquote {
       
   785 		margin-right: -1.0909em;
       
   786 		margin-left: auto;
       
   787 		padding-right: 0.9091em;
       
   788 		padding-left: 0;
       
   789 	}
       
   790 
       
   791 	.main-navigation .menu-item-has-children > a {
       
   792 		padding-right: 0;
       
   793 		padding-left: 38px;
       
   794 	}
       
   795 
       
   796 	blockquote.alignright,
       
   797 	.wp-caption.alignright,
       
   798 	img.alignright {
       
   799 		margin: 0.4211em 0 1.6842em 1.6842em;
       
   800 	}
       
   801 
       
   802 	blockquote.alignleft,
       
   803 	.wp-caption.alignleft,
       
   804 	img.alignleft {
       
   805 		margin: 0.4211em 1.6842em 1.6842em 0;
       
   806 	}
       
   807 
       
   808 	.widget blockquote {
       
   809 		padding-right: 1.25em;
       
   810 		padding-left: 0;
       
   811 	}
       
   812 
       
   813 	.widget_categories .children,
       
   814 	.widget_nav_menu .sub-menu,
       
   815 	.widget_pages .children {
       
   816 		margin: 0.4688em 1em 0 0;
       
   817 	}
       
   818 
       
   819 	.page-links a,
       
   820 	.page-links > span {
       
   821 		margin: 0 0 0.25em 0.25em;
       
   822 	}
       
   823 
       
   824 	.author-info .avatar {
       
   825 		margin: 0 0 1.6842em 1.6842em;
       
   826 	}
       
   827 
       
   828 	.comment-list .children > li {
       
   829 		padding-right: 1.4737em;
       
   830 		padding-left: 0;
       
   831 	}
       
   832 
       
   833 	.comment-author .avatar {
       
   834 		margin-left: 1.64705em;
       
   835 	}
       
   836 }
       
   837 
       
   838 
       
   839 /**
       
   840  * 11.7 Desktop X-Large 1403px
       
   841  */
       
   842 
       
   843 @media screen and (min-width: 87.6875em) {
       
   844 	body:before {
       
   845 		width: -webkit-calc(50% - 289px);
       
   846 		width: calc(50% - 289px);
       
   847 	}
       
   848 }