wp/wp-content/themes/twentyfourteen/rtl.css
changeset 8 c7c34916027a
parent 7 cf61fcea0001
child 9 177826044cd9
equal deleted inserted replaced
7:cf61fcea0001 8:c7c34916027a
     1 /*
       
     2 Theme Name: Twenty Fourteen
       
     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 - Repeatable Patterns
       
    15  * 4.0 - Header
       
    16  * 5.0 - Navigation
       
    17  * 6.0 - Content
       
    18  *   6.3 - Entry Meta
       
    19  *   6.4 - Entry Content
       
    20  *   6.5 - Galleries
       
    21  *   6.7 - Post/Image/Paging Navigation
       
    22  *   6.10 - Contributor Page
       
    23  *   6.14 - Comments
       
    24  * 7.0 - Sidebar
       
    25  *   7.1 - Widgets
       
    26  *   7.2 - Content Sidebar Widgets
       
    27  * 9.0 - Featured Content
       
    28  * 10.0 - Media Queries
       
    29  * -----------------------------------------------------------------------------
       
    30  */
       
    31 
       
    32 
       
    33 /**
       
    34  * 1.0 Reset
       
    35  * -----------------------------------------------------------------------------
       
    36  */
       
    37 
       
    38 body {
       
    39 	direction: rtl;
       
    40 	unicode-bidi: embed;
       
    41 }
       
    42 
       
    43 a {
       
    44 	display: inline-block;
       
    45 }
       
    46 
       
    47 ul,
       
    48 ol {
       
    49 	margin: 0 20px 24px 0;
       
    50 }
       
    51 
       
    52 li > ul,
       
    53 li > ol {
       
    54 	margin: 0 20px 0 0;
       
    55 }
       
    56 
       
    57 caption,
       
    58 th,
       
    59 td {
       
    60 	text-align: right;
       
    61 }
       
    62 
       
    63 
       
    64 /**
       
    65  * 2.0 Repeatable Patterns
       
    66  * -----------------------------------------------------------------------------
       
    67  */
       
    68 
       
    69 .wp-caption-text {
       
    70 	padding-left: 10px;
       
    71 	padding-right: 0;
       
    72 }
       
    73 
       
    74 .screen-reader-text:focus {
       
    75 	right: 5px;
       
    76 	left: auto;
       
    77 }
       
    78 
       
    79 
       
    80 /**
       
    81  * 4.0 Header
       
    82  * -----------------------------------------------------------------------------
       
    83  */
       
    84 
       
    85 .site-title {
       
    86 	float: right;
       
    87 }
       
    88 
       
    89 .search-toggle {
       
    90 	float: left;
       
    91 	margin-left: 38px;
       
    92 	margin-right: auto;
       
    93 }
       
    94 
       
    95 .search-box .search-field {
       
    96 	float: left;
       
    97 	padding: 1px 6px 2px 2px;
       
    98 }
       
    99 
       
   100 .search-toggle .screen-reader-text {
       
   101 	right: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
       
   102 	left: auto;
       
   103 }
       
   104 
       
   105 
       
   106 /**
       
   107  * 5.0 Navigation
       
   108  * -----------------------------------------------------------------------------
       
   109  */
       
   110 
       
   111 .site-navigation ul ul {
       
   112 	margin-right: 20px;
       
   113 	margin-left: auto;
       
   114 }
       
   115 
       
   116 .menu-toggle {
       
   117 	right: auto;
       
   118 	left: 0;
       
   119 }
       
   120 
       
   121 
       
   122 /**
       
   123  * 6.0 Content
       
   124  * -----------------------------------------------------------------------------
       
   125  */
       
   126 
       
   127 /**
       
   128  * 6.3 Entry Meta
       
   129  * -----------------------------------------------------------------------------
       
   130  */
       
   131 
       
   132 .entry-meta .tag-links a {
       
   133 	margin: 0 10px 4px 4px;
       
   134 }
       
   135 
       
   136 .entry-meta .tag-links a:before {
       
   137 	border-right: 0;
       
   138 	border-left: 8px solid #767676;
       
   139 	right: -7px;
       
   140 	left: auto;
       
   141 }
       
   142 
       
   143 .entry-meta .tag-links a:hover:before,
       
   144 .entry-meta .tag-links a:focus:before {
       
   145 	border-left-color: #41a62a;
       
   146 }
       
   147 
       
   148 .entry-meta .tag-links a:after {
       
   149 	right: -2px;
       
   150 	left: auto;
       
   151 }
       
   152 
       
   153 
       
   154 /**
       
   155  * 6.4 Entry Content
       
   156  * -----------------------------------------------------------------------------
       
   157  */
       
   158 
       
   159 .page-links a,
       
   160 .page-links > span {
       
   161 	margin: 0 0 2px 1px;
       
   162 }
       
   163 
       
   164 .page-links > .page-links-title {
       
   165 	padding-right: 0;
       
   166 	padding-left: 7px;
       
   167 }
       
   168 
       
   169 
       
   170 /**
       
   171  * 6.5 Galleries
       
   172  * -----------------------------------------------------------------------------
       
   173  */
       
   174 
       
   175 .gallery-item {
       
   176 	float: right;
       
   177 	margin: 0 0 4px 4px;
       
   178 }
       
   179 
       
   180 .gallery-columns-1 .gallery-item:nth-of-type(1n),
       
   181 .gallery-columns-2 .gallery-item:nth-of-type(2n),
       
   182 .gallery-columns-3 .gallery-item:nth-of-type(3n),
       
   183 .gallery-columns-4 .gallery-item:nth-of-type(4n),
       
   184 .gallery-columns-5 .gallery-item:nth-of-type(5n),
       
   185 .gallery-columns-6 .gallery-item:nth-of-type(6n),
       
   186 .gallery-columns-7 .gallery-item:nth-of-type(7n),
       
   187 .gallery-columns-8 .gallery-item:nth-of-type(8n),
       
   188 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
       
   189 	margin-right: auto;
       
   190 	margin-left: 0;
       
   191 }
       
   192 
       
   193 .gallery-caption {
       
   194 	padding: 6px 8px;
       
   195 	right: 0;
       
   196 	left: auto;
       
   197 	text-align: right;
       
   198 }
       
   199 
       
   200 .gallery-caption:before {
       
   201 	right: 0;
       
   202 	left: auto;
       
   203 }
       
   204 
       
   205 
       
   206 /**
       
   207  * 6.7 Post/Image/Paging Navigation
       
   208  * -----------------------------------------------------------------------------
       
   209  */
       
   210 
       
   211 .paging-navigation .page-numbers {
       
   212 	margin-right: auto;
       
   213 	margin-left: 1px;
       
   214 }
       
   215 
       
   216 
       
   217 /**
       
   218  * 6.10 Contributor Page
       
   219  * -----------------------------------------------------------------------------
       
   220  */
       
   221 
       
   222 .contributor-avatar {
       
   223 	float: right;
       
   224 	margin: 0 0 20px 30px;
       
   225 }
       
   226 
       
   227 
       
   228 /**
       
   229  * 6.14 Comments
       
   230  * -----------------------------------------------------------------------------
       
   231  */
       
   232 
       
   233 .comment-author .avatar {
       
   234 	right: 0;
       
   235 	left: auto;
       
   236 }
       
   237 
       
   238 .bypostauthor > article .fn:before {
       
   239 	margin: 0 -2px 0 2px;
       
   240 }
       
   241 
       
   242 .comment-author,
       
   243 .comment-awaiting-moderation,
       
   244 .comment-content,
       
   245 .comment-list .reply,
       
   246 .comment-metadata {
       
   247 	padding-right: 30px;
       
   248 	padding-left: 0;
       
   249 }
       
   250 
       
   251 .comment-edit-link {
       
   252 	margin-right: 10px;
       
   253 	margin-left: auto;
       
   254 }
       
   255 
       
   256 .comment-reply-link:before,
       
   257 .comment-reply-login:before {
       
   258 	margin-left: auto;
       
   259 	margin-right: 2px;
       
   260 }
       
   261 
       
   262 .comment-reply-link:before,
       
   263 .comment-reply-login:before,
       
   264 .comment-edit-link:before {
       
   265 	-webkit-transform: scaleX(-1);
       
   266 	-moz-transform:    scaleX(-1);
       
   267 	-ms-transform:     scaleX(-1);
       
   268 	-o-transform:      scaleX(-1);
       
   269 	transform:         scaleX(-1);
       
   270 }
       
   271 
       
   272 .comment-content ul,
       
   273 .comment-content ol {
       
   274 	margin: 0 22px 24px 0;
       
   275 }
       
   276 
       
   277 .comment-list .children {
       
   278 	margin-right: 15px;
       
   279 	margin-left: auto;
       
   280 }
       
   281 
       
   282 .comment-reply-title small a {
       
   283 	float: left;
       
   284 }
       
   285 
       
   286 .comment-navigation .nav-previous a {
       
   287 	margin-right: auto;
       
   288 	margin-left: 10px;
       
   289 }
       
   290 
       
   291 .comment-form #wp-comment-cookies-consent {
       
   292 	margin: 0 0 0 10px;
       
   293 }
       
   294 
       
   295 /**
       
   296  * 7.0 Sidebars
       
   297  * -----------------------------------------------------------------------------
       
   298  */
       
   299 
       
   300 /**
       
   301  * 7.1 Widgets
       
   302  * -----------------------------------------------------------------------------
       
   303  */
       
   304 
       
   305 .widget li > ol,
       
   306 .widget li > ul {
       
   307 	margin-right: 10px;
       
   308 	margin-left: auto;
       
   309 }
       
   310 
       
   311 .widget input,
       
   312 .widget textarea {
       
   313 	padding: 1px 4px 2px 2px;
       
   314 }
       
   315 
       
   316 .widget_calendar caption {
       
   317 	text-align: right;
       
   318 }
       
   319 
       
   320 .widget_calendar #prev {
       
   321 	padding-right: 5px;
       
   322 	padding-left: 0;
       
   323 }
       
   324 
       
   325 .widget_calendar #next {
       
   326 	padding-right: 0;
       
   327 	padding-left: 5px;
       
   328 	text-align: left;
       
   329 }
       
   330 
       
   331 .widget_twentyfourteen_ephemera .entry-content ul,
       
   332 .widget_twentyfourteen_ephemera .entry-content ol {
       
   333 	margin: 0 20px 18px 0;
       
   334 }
       
   335 
       
   336 .widget_twentyfourteen_ephemera .entry-content li > ul,
       
   337 .widget_twentyfourteen_ephemera .entry-content li > ol {
       
   338 	margin: 0 20px 0 0;
       
   339 }
       
   340 
       
   341 .widget_text ul,
       
   342 .widget_text ol {
       
   343 	margin: 0 10px 12px 0;
       
   344 }
       
   345 
       
   346 /**
       
   347  * 7.2 Content Sidebar Widgets
       
   348  * -----------------------------------------------------------------------------
       
   349  */
       
   350 
       
   351 .content-sidebar .widget li > ol,
       
   352 .content-sidebar .widget li > ul {
       
   353 	margin-right: 18px;
       
   354 	margin-left: auto;
       
   355 }
       
   356 
       
   357 .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
       
   358 	margin: -1px 0 0 18px;
       
   359 }
       
   360 
       
   361 /**
       
   362  * 8.0 Footer
       
   363  * -----------------------------------------------------------------------------
       
   364  */
       
   365 
       
   366 .site-info span[role=separator] {
       
   367 	padding: 0 0.5em;
       
   368 }
       
   369 
       
   370 /**
       
   371  * 9.0 Featured Content
       
   372  * -----------------------------------------------------------------------------
       
   373  */
       
   374 
       
   375 .featured-content .post-thumbnail img {
       
   376 	right: 0;
       
   377 	left: auto;
       
   378 }
       
   379 
       
   380 .slider-viewport {
       
   381 	direction: ltr;
       
   382 }
       
   383 
       
   384 .slider .featured-content .entry-header {
       
   385 	right: 0;
       
   386 	left: auto;
       
   387 	text-align: right;
       
   388 }
       
   389 
       
   390 .slider-control-paging {
       
   391 	float: right;
       
   392 }
       
   393 
       
   394 .slider-control-paging li {
       
   395 	float: right;
       
   396 	margin: 2px 0 2px 4px;
       
   397 }
       
   398 
       
   399 .slider-control-paging li:last-child {
       
   400 	margin-right: auto;
       
   401 	margin-left: 0;
       
   402 }
       
   403 
       
   404 .slider-control-paging a:before {
       
   405 	right: 10px;
       
   406 	left: auto;
       
   407 }
       
   408 
       
   409 .slider-direction-nav li {
       
   410 	border-width: 2px 0 0 1px;
       
   411 	float: right;
       
   412 }
       
   413 
       
   414 .slider-direction-nav li:last-child {
       
   415 	border-width: 2px 1px 0 0;
       
   416 }
       
   417 
       
   418 .slider-direction-nav a:before {
       
   419 	content: "\f429";
       
   420 }
       
   421 
       
   422 .slider-direction-nav .slider-next:before {
       
   423 	content: "\f430";
       
   424 }
       
   425 
       
   426 
       
   427 /**
       
   428  * 10.0 Media Queries
       
   429  * -----------------------------------------------------------------------------
       
   430  */
       
   431 
       
   432 @media screen and (max-width: 400px) {
       
   433 	.list-view .site-content .post-thumbnail img {
       
   434 		float: right;
       
   435 		margin: 0 0 3px 10px;
       
   436 	}
       
   437 }
       
   438 
       
   439 @media screen and (min-width: 401px) {
       
   440 	.site-content .entry-meta > span {
       
   441 		margin-right: auto;
       
   442 		margin-left: 10px;
       
   443 	}
       
   444 
       
   445 	.site-content .format-quote .post-format a:before {
       
   446 		margin-right: auto;
       
   447 		margin-left: 2px;
       
   448 	}
       
   449 
       
   450 	.site-content .format-gallery .post-format a:before {
       
   451 		margin-right: auto;
       
   452 		margin-left: 4px;
       
   453 	}
       
   454 
       
   455 	.site-content .format-aside .post-format a:before {
       
   456 		margin-right: auto;
       
   457 		margin-left: 2px;
       
   458 	}
       
   459 
       
   460 	.site-content .featured-post:before {
       
   461 		margin-right: auto;
       
   462 		margin-left: 3px;
       
   463 	}
       
   464 
       
   465 	.site-content .entry-date a:before,
       
   466 	.attachment .site-content span.entry-date:before {
       
   467 		margin-right: auto;
       
   468 		margin-left: 1px;
       
   469 	}
       
   470 
       
   471 	.site-content .comments-link a:before {
       
   472 		margin-right: auto;
       
   473 		margin-left: 2px;
       
   474 	}
       
   475 
       
   476 	.site-content .full-size-link a:before {
       
   477 		margin-right: auto;
       
   478 		margin-left: 1px;
       
   479 	}
       
   480 
       
   481 	.entry-content .edit-link a:before,
       
   482 	.entry-meta .edit-link a:before {
       
   483 		-webkit-transform: scaleX(-1);
       
   484 		-moz-transform:    scaleX(-1);
       
   485 		-ms-transform:     scaleX(-1);
       
   486 		-o-transform:      scaleX(-1);
       
   487 		transform:         scaleX(-1);
       
   488 	}
       
   489 }
       
   490 
       
   491 @media screen and (min-width: 594px) {
       
   492 	.site-content .entry-header {
       
   493 		padding-right: 30px;
       
   494 		padding-left: 30px;
       
   495 	}
       
   496 }
       
   497 
       
   498 @media screen and (min-width: 673px) {
       
   499 	.search-toggle {
       
   500 		margin-right: auto;
       
   501 		margin-left: 18px;
       
   502 	}
       
   503 
       
   504 	.content-area {
       
   505 		float: right;
       
   506 	}
       
   507 
       
   508 	.site-content {
       
   509 		margin-right: auto;
       
   510 		margin-left: 33.33333333%;
       
   511 	}
       
   512 
       
   513 	.archive-header,
       
   514 	.comments-area,
       
   515 	.image-navigation,
       
   516 	.page-header,
       
   517 	.page-content,
       
   518 	.post-navigation,
       
   519 	.site-content .entry-content,
       
   520 	.site-content .entry-summary,
       
   521 	.site-content footer.entry-meta {
       
   522 		padding-right: 30px;
       
   523 		padding-left: 30px;
       
   524 	}
       
   525 
       
   526 	.full-width .site-content {
       
   527 		margin-left: 0;
       
   528 	}
       
   529 
       
   530 	.content-sidebar {
       
   531 		float: left;
       
   532 		margin-right: -33.33333333%;
       
   533 		margin-left: auto;
       
   534 	}
       
   535 
       
   536 	.grid .featured-content .hentry {
       
   537 		float: right;
       
   538 	}
       
   539 
       
   540 	.slider-control-paging {
       
   541 		padding-right: 20px;
       
   542 		padding-left: 0;
       
   543 	}
       
   544 
       
   545 	.slider-direction-nav {
       
   546 		float: left;
       
   547 	}
       
   548 
       
   549 	.slider-direction-nav li {
       
   550 		padding: 0 0 0 1px;
       
   551 	}
       
   552 
       
   553 	.slider-direction-nav li:last-child {
       
   554 		padding: 0 1px 0 0;
       
   555 	}
       
   556 }
       
   557 
       
   558 @media screen and (min-width: 783px) {
       
   559 	.header-main {
       
   560 		padding-right: 30px;
       
   561 		padding-left: 0;
       
   562 	}
       
   563 
       
   564 	.search-toggle {
       
   565 		margin-right: auto;
       
   566 		margin-left: 0;
       
   567 	}
       
   568 
       
   569 	.primary-navigation {
       
   570 		float: left;
       
   571 		margin: 0 -12px 0 1px;
       
   572 	}
       
   573 
       
   574 	.primary-navigation ul ul {
       
   575 		float: right;
       
   576 		margin: 0;
       
   577 		right: -999em;
       
   578 		left: auto;
       
   579 	}
       
   580 
       
   581 	.primary-navigation ul ul ul {
       
   582 		right: -999em;
       
   583 		left: auto;
       
   584 	}
       
   585 
       
   586 	.primary-navigation ul li:hover > ul,
       
   587 	.primary-navigation ul li.focus > ul {
       
   588 		right: auto;
       
   589 	}
       
   590 
       
   591 	.primary-navigation ul ul li:hover > ul,
       
   592 	.primary-navigation ul ul li.focus > ul {
       
   593 		right: 100%;
       
   594 		left: auto;
       
   595 	}
       
   596 
       
   597 	.primary-navigation .menu-item-has-children > a,
       
   598 	.primary-navigation .page_item_has_children > a {
       
   599 		padding-right: 12px;
       
   600 		padding-left: 26px;
       
   601 	}
       
   602 
       
   603 	.primary-navigation .menu-item-has-children > a:after,
       
   604 	.primary-navigation .page_item_has_children > a:after {
       
   605 		right: auto;
       
   606 		left: 12px;
       
   607 	}
       
   608 
       
   609 	.primary-navigation li .menu-item-has-children > a,
       
   610 	.primary-navigation li .page_item_has_children > a {
       
   611 		padding-right: 12px;
       
   612 		padding-left: 20px;
       
   613 	}
       
   614 
       
   615 	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
       
   616 	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
       
   617 	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
       
   618 	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
       
   619 		content: "\f503";
       
   620 		right: auto;
       
   621 		left: 8px;
       
   622 	}
       
   623 }
       
   624 
       
   625 @media screen and (min-width: 810px) {
       
   626 	.attachment .entry-attachment .attachment {
       
   627 		margin-right: -168px;
       
   628 		margin-left: -168px;
       
   629 	}
       
   630 
       
   631 	.attachment .entry-attachment .attachment a {
       
   632 		display: block;
       
   633 	}
       
   634 
       
   635 	.contributor-avatar {
       
   636 		margin-right: -168px;
       
   637 		margin-left: auto;
       
   638 	}
       
   639 
       
   640 	.contributor-summary {
       
   641 		float: right;
       
   642 	}
       
   643 
       
   644 	.full-width .site-content blockquote.alignright,
       
   645 	.full-width .site-content img.size-full.alignright,
       
   646 	.full-width .site-content img.size-large.alignright,
       
   647 	.full-width .site-content img.size-medium.alignright,
       
   648 	.full-width .site-content .wp-caption.alignright {
       
   649 		margin-right: -168px;
       
   650 		margin-left: auto;
       
   651 	}
       
   652 
       
   653 	.full-width .site-content blockquote.alignleft,
       
   654 	.full-width .site-content img.size-full.alignleft,
       
   655 	.full-width .site-content img.size-large.alignleft,
       
   656 	.full-width .site-content img.size-medium.alignleft,
       
   657 	.full-width .site-content .wp-caption.alignleft {
       
   658 		margin-right: auto;
       
   659 		margin-left: -168px;
       
   660 	}
       
   661 }
       
   662 
       
   663 @media screen and (min-width: 846px) {
       
   664 	.comment-author,
       
   665 	.comment-awaiting-moderation,
       
   666 	.comment-content,
       
   667 	.comment-list .reply,
       
   668 	.comment-metadata {
       
   669 		padding-right: 50px;
       
   670 		padding-left: 0;
       
   671 	}
       
   672 
       
   673 	.comment-list .children {
       
   674 		margin-right: 20px;
       
   675 		margin-left: auto;
       
   676 	}
       
   677 }
       
   678 
       
   679 @media screen and (min-width: 1008px) {
       
   680 	.search-box-wrapper {
       
   681 		padding-right: 182px;
       
   682 		padding-left: 0;
       
   683 	}
       
   684 
       
   685 	.main-content {
       
   686 		float: right;
       
   687 	}
       
   688 
       
   689 	.site-content {
       
   690 		margin-right: 182px;
       
   691 		margin-left: 29.04761904%;
       
   692 	}
       
   693 
       
   694 	.full-width .site-content {
       
   695 		margin-right: 182px;
       
   696 	}
       
   697 
       
   698 	.content-sidebar {
       
   699 		margin-right: -29.04761904%;
       
   700 		margin-left: auto;
       
   701 	}
       
   702 
       
   703 	.site:before {
       
   704 		right: 0;
       
   705 		left: auto;
       
   706 	}
       
   707 
       
   708 	#secondary {
       
   709 		float: right;
       
   710 		margin: 0 -100% 0 0;
       
   711 	}
       
   712 
       
   713 	.secondary-navigation ul ul {
       
   714 		right: -999em;
       
   715 		left: auto;
       
   716 	}
       
   717 
       
   718 	.secondary-navigation ul li:hover > ul,
       
   719 	.secondary-navigation ul li.focus > ul {
       
   720 		right: 162px;
       
   721 		left: auto;
       
   722 	}
       
   723 
       
   724 	.secondary-navigation .menu-item-has-children > a {
       
   725 		padding-right: 30px;
       
   726 		padding-left: 38px;
       
   727 	}
       
   728 
       
   729 	.secondary-navigation .menu-item-has-children > a:after {
       
   730 		border-right-color: #fff;
       
   731 		border-left-color: transparent;
       
   732 		right: auto;
       
   733 		left: 26px;
       
   734 		content: "\f503";
       
   735 	}
       
   736 
       
   737 	.footer-sidebar .widget {
       
   738 		float: right;
       
   739 	}
       
   740 
       
   741 	.featured-content {
       
   742 		padding-right: 182px;
       
   743 		padding-left: 0;
       
   744 	}
       
   745 }
       
   746 
       
   747 @media screen and (min-width: 1040px) {
       
   748 	.archive-header,
       
   749 	.comments-area,
       
   750 	.image-navigation,
       
   751 	.page-header,
       
   752 	.page-content,
       
   753 	.post-navigation,
       
   754 	.site-content .entry-header,
       
   755 	.site-content .entry-content,
       
   756 	.site-content .entry-summary,
       
   757 	.site-content footer.entry-meta {
       
   758 		padding-right: 15px;
       
   759 		padding-left: 15px;
       
   760 	}
       
   761 
       
   762 	.full-width .archive-header,
       
   763 	.full-width .comments-area,
       
   764 	.full-width .image-navigation,
       
   765 	.full-width .page-header,
       
   766 	.full-width .page-content,
       
   767 	.full-width .post-navigation,
       
   768 	.full-width .site-content .entry-header,
       
   769 	.full-width .site-content .entry-content,
       
   770 	.full-width .site-content .entry-summary,
       
   771 	.full-width .site-content footer.entry-meta {
       
   772 		padding-right: 30px;
       
   773 		padding-left: 30px;
       
   774 	}
       
   775 }
       
   776 
       
   777 @media screen and (min-width: 1080px) {
       
   778 	.site-content {
       
   779 		margin-right: 222px;
       
   780 		margin-left: 29.04761904%;
       
   781 	}
       
   782 
       
   783 	.full-width .site-content {
       
   784 		margin-right: 222px;
       
   785 	}
       
   786 
       
   787 	.search-box-wrapper,
       
   788 	.featured-content {
       
   789 		padding-right: 222px;
       
   790 		padding-left: 0;
       
   791 	}
       
   792 
       
   793 	.secondary-navigation ul li:hover > ul,
       
   794 	.secondary-navigation ul li.focus > ul {
       
   795 		right: 202px;
       
   796 		left: auto;
       
   797 	}
       
   798 
       
   799 	.slider-control-paging {
       
   800 		padding-right: 24px;
       
   801 		padding-left: 0;
       
   802 	}
       
   803 
       
   804 	.slider-control-paging li {
       
   805 		margin: 12px 0 12px 12px;
       
   806 	}
       
   807 
       
   808 	.slider-control-paging a:before {
       
   809 		right: 6px;
       
   810 		left: auto;
       
   811 	}
       
   812 }
       
   813 
       
   814 @media screen and (min-width: 1110px) {
       
   815 	.archive-header,
       
   816 	.comments-area,
       
   817 	.image-navigation,
       
   818 	.page-header,
       
   819 	.page-content,
       
   820 	.post-navigation,
       
   821 	.site-content .entry-header,
       
   822 	.site-content .entry-content,
       
   823 	.site-content .entry-summary,
       
   824 	.site-content footer.entry-meta {
       
   825 		padding-right: 30px;
       
   826 		padding-left: 30px;
       
   827 	}
       
   828 }
       
   829 
       
   830 @media screen and (min-width: 1218px) {
       
   831 	.archive-header,
       
   832 	.comments-area,
       
   833 	.image-navigation,
       
   834 	.page-header,
       
   835 	.page-content,
       
   836 	.post-navigation,
       
   837 	.site-content .entry-header,
       
   838 	.site-content .entry-content,
       
   839 	.site-content .entry-summary,
       
   840 	.site-content footer.entry-meta {
       
   841 		margin-left: 54px;
       
   842 	}
       
   843 
       
   844 	.full-width .archive-header,
       
   845 	.full-width .comments-area,
       
   846 	.full-width .image-navigation,
       
   847 	.full-width .page-header,
       
   848 	.full-width .page-content,
       
   849 	.full-width .post-navigation,
       
   850 	.full-width .site-content .entry-header,
       
   851 	.full-width .site-content .entry-content,
       
   852 	.full-width .site-content .entry-summary,
       
   853 	.full-width .site-content footer.entry-meta {
       
   854 		margin-right: auto;
       
   855 		margin-left: auto;
       
   856 	}
       
   857 }
       
   858 
       
   859 @media screen and (min-width: 1260px) {
       
   860 	.site-content blockquote.alignright {
       
   861 		margin-right: -18%;
       
   862 		margin-left: auto;
       
   863 	}
       
   864 
       
   865 	.site-content blockquote.alignleft {
       
   866 		margin-left: -18%;
       
   867 		margin-right: auto;
       
   868 	}
       
   869 }