wp/wp-content/themes/twentyfourteen/rtl.css
changeset 5 5e2f62d02dcd
child 7 cf61fcea0001
equal deleted inserted replaced
4:346c88efed21 5:5e2f62d02dcd
       
     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 http://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 
       
   292 /**
       
   293  * 7.0 Sidebars
       
   294  * -----------------------------------------------------------------------------
       
   295  */
       
   296 
       
   297 /**
       
   298  * 7.1 Widgets
       
   299  * -----------------------------------------------------------------------------
       
   300  */
       
   301 
       
   302 .widget li > ol,
       
   303 .widget li > ul {
       
   304 	margin-right: 10px;
       
   305 	margin-left: auto;
       
   306 }
       
   307 
       
   308 .widget input,
       
   309 .widget textarea {
       
   310 	padding: 1px 4px 2px 2px;
       
   311 }
       
   312 
       
   313 .widget_calendar caption {
       
   314 	text-align: right;
       
   315 }
       
   316 
       
   317 .widget_calendar #prev {
       
   318 	padding-right: 5px;
       
   319 	padding-left: 0;
       
   320 }
       
   321 
       
   322 .widget_calendar #next {
       
   323 	padding-right: 0;
       
   324 	padding-left: 5px;
       
   325 	text-align: left;
       
   326 }
       
   327 
       
   328 .widget_twentyfourteen_ephemera .entry-content ul,
       
   329 .widget_twentyfourteen_ephemera .entry-content ol {
       
   330 	margin: 0 20px 18px 0;
       
   331 }
       
   332 
       
   333 .widget_twentyfourteen_ephemera .entry-content li > ul,
       
   334 .widget_twentyfourteen_ephemera .entry-content li > ol {
       
   335 	margin: 0 20px 0 0;
       
   336 }
       
   337 
       
   338 
       
   339 /**
       
   340  * 7.2 Content Sidebar Widgets
       
   341  * -----------------------------------------------------------------------------
       
   342  */
       
   343 
       
   344 .content-sidebar .widget li > ol,
       
   345 .content-sidebar .widget li > ul {
       
   346 	margin-right: 18px;
       
   347 	margin-left: auto;
       
   348 }
       
   349 
       
   350 .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
       
   351 	margin: -1px 0 0 18px;
       
   352 }
       
   353 
       
   354 
       
   355 /**
       
   356  * 9.0 Featured Content
       
   357  * -----------------------------------------------------------------------------
       
   358  */
       
   359 
       
   360 .featured-content .post-thumbnail img {
       
   361 	right: 0;
       
   362 	left: auto;
       
   363 }
       
   364 
       
   365 .slider-viewport {
       
   366 	direction: ltr;
       
   367 }
       
   368 
       
   369 .slider .featured-content .entry-header {
       
   370 	right: 0;
       
   371 	left: auto;
       
   372 	text-align: right;
       
   373 }
       
   374 
       
   375 .slider-control-paging {
       
   376 	float: right;
       
   377 }
       
   378 
       
   379 .slider-control-paging li {
       
   380 	float: right;
       
   381 	margin: 2px 0 2px 4px;
       
   382 }
       
   383 
       
   384 .slider-control-paging li:last-child {
       
   385 	margin-right: auto;
       
   386 	margin-left: 0;
       
   387 }
       
   388 
       
   389 .slider-control-paging a:before {
       
   390 	right: 10px;
       
   391 	left: auto;
       
   392 }
       
   393 
       
   394 .slider-direction-nav li {
       
   395 	border-width: 2px 0 0 1px;
       
   396 	float: right;
       
   397 }
       
   398 
       
   399 .slider-direction-nav li:last-child {
       
   400 	border-width: 2px 1px 0 0;
       
   401 }
       
   402 
       
   403 .slider-direction-nav a:before {
       
   404 	content: "\f429";
       
   405 }
       
   406 
       
   407 .slider-direction-nav .slider-next:before {
       
   408 	content: "\f430";
       
   409 }
       
   410 
       
   411 
       
   412 /**
       
   413  * 10.0 Media Queries
       
   414  * -----------------------------------------------------------------------------
       
   415  */
       
   416 
       
   417 @media screen and (max-width: 400px) {
       
   418 	.list-view .site-content .post-thumbnail img {
       
   419 		float: right;
       
   420 		margin: 0 0 3px 10px;
       
   421 	}
       
   422 }
       
   423 
       
   424 @media screen and (min-width: 401px) {
       
   425 	.site-content .entry-meta > span {
       
   426 		margin-right: auto;
       
   427 		margin-left: 10px;
       
   428 	}
       
   429 
       
   430 	.site-content .format-quote .post-format a:before {
       
   431 		margin-right: auto;
       
   432 		margin-left: 2px;
       
   433 	}
       
   434 
       
   435 	.site-content .format-gallery .post-format a:before {
       
   436 		margin-right: auto;
       
   437 		margin-left: 4px;
       
   438 	}
       
   439 
       
   440 	.site-content .format-aside .post-format a:before {
       
   441 		margin-right: auto;
       
   442 		margin-left: 2px;
       
   443 	}
       
   444 
       
   445 	.site-content .featured-post:before {
       
   446 		margin-right: auto;
       
   447 		margin-left: 3px;
       
   448 	}
       
   449 
       
   450 	.site-content .entry-date a:before,
       
   451 	.attachment .site-content span.entry-date:before {
       
   452 		margin-right: auto;
       
   453 		margin-left: 1px;
       
   454 	}
       
   455 
       
   456 	.site-content .comments-link a:before {
       
   457 		margin-right: auto;
       
   458 		margin-left: 2px;
       
   459 	}
       
   460 
       
   461 	.site-content .full-size-link a:before {
       
   462 		margin-right: auto;
       
   463 		margin-left: 1px;
       
   464 	}
       
   465 
       
   466 	.entry-content .edit-link a:before,
       
   467 	.entry-meta .edit-link a:before {
       
   468 		-webkit-transform: scaleX(-1);
       
   469 		-moz-transform:    scaleX(-1);
       
   470 		-ms-transform:     scaleX(-1);
       
   471 		-o-transform:      scaleX(-1);
       
   472 		transform:         scaleX(-1);
       
   473 	}
       
   474 }
       
   475 
       
   476 @media screen and (min-width: 594px) {
       
   477 	.site-content .entry-header {
       
   478 		padding-right: 30px;
       
   479 		padding-left: 30px;
       
   480 	}
       
   481 }
       
   482 
       
   483 @media screen and (min-width: 673px) {
       
   484 	.search-toggle {
       
   485 		margin-right: auto;
       
   486 		margin-left: 18px;
       
   487 	}
       
   488 
       
   489 	.content-area {
       
   490 		float: right;
       
   491 	}
       
   492 
       
   493 	.site-content {
       
   494 		margin-right: auto;
       
   495 		margin-left: 33.33333333%;
       
   496 	}
       
   497 
       
   498 	.archive-header,
       
   499 	.comments-area,
       
   500 	.image-navigation,
       
   501 	.page-header,
       
   502 	.page-content,
       
   503 	.post-navigation,
       
   504 	.site-content .entry-content,
       
   505 	.site-content .entry-summary,
       
   506 	.site-content footer.entry-meta {
       
   507 		padding-right: 30px;
       
   508 		padding-left: 30px;
       
   509 	}
       
   510 
       
   511 	.full-width .site-content {
       
   512 		margin-left: 0;
       
   513 	}
       
   514 
       
   515 	.content-sidebar {
       
   516 		float: left;
       
   517 		margin-right: -33.33333333%;
       
   518 		margin-left: auto;
       
   519 	}
       
   520 
       
   521 	.grid .featured-content .hentry {
       
   522 		float: right;
       
   523 	}
       
   524 
       
   525 	.slider-control-paging {
       
   526 		padding-right: 20px;
       
   527 		padding-left: 0;
       
   528 	}
       
   529 
       
   530 	.slider-direction-nav {
       
   531 		float: left;
       
   532 	}
       
   533 
       
   534 	.slider-direction-nav li {
       
   535 		padding: 0 0 0 1px;
       
   536 	}
       
   537 
       
   538 	.slider-direction-nav li:last-child {
       
   539 		padding: 0 1px 0 0;
       
   540 	}
       
   541 }
       
   542 
       
   543 @media screen and (min-width: 783px) {
       
   544 	.header-main {
       
   545 		padding-right: 30px;
       
   546 		padding-left: 0;
       
   547 	}
       
   548 
       
   549 	.search-toggle {
       
   550 		margin-right: auto;
       
   551 		margin-left: 0;
       
   552 	}
       
   553 
       
   554 	.primary-navigation {
       
   555 		float: left;
       
   556 		margin: 0 -12px 0 1px;
       
   557 	}
       
   558 
       
   559 	.primary-navigation ul ul {
       
   560 		float: right;
       
   561 		margin: 0;
       
   562 		right: -999em;
       
   563 		left: auto;
       
   564 	}
       
   565 
       
   566 	.primary-navigation ul ul ul {
       
   567 		right: -999em;
       
   568 		left: auto;
       
   569 	}
       
   570 
       
   571 	.primary-navigation ul li:hover > ul,
       
   572 	.primary-navigation ul li.focus > ul {
       
   573 		right: auto;
       
   574 	}
       
   575 
       
   576 	.primary-navigation ul ul li:hover > ul,
       
   577 	.primary-navigation ul ul li.focus > ul {
       
   578 		right: 100%;
       
   579 		left: auto;
       
   580 	}
       
   581 
       
   582 	.primary-navigation .menu-item-has-children > a,
       
   583 	.primary-navigation .page_item_has_children > a {
       
   584 		padding-right: 12px;
       
   585 		padding-left: 26px;
       
   586 	}
       
   587 
       
   588 	.primary-navigation .menu-item-has-children > a:after,
       
   589 	.primary-navigation .page_item_has_children > a:after {
       
   590 		right: auto;
       
   591 		left: 12px;
       
   592 	}
       
   593 
       
   594 	.primary-navigation li .menu-item-has-children > a,
       
   595 	.primary-navigation li .page_item_has_children > a {
       
   596 		padding-right: 12px;
       
   597 		padding-left: 20px;
       
   598 	}
       
   599 
       
   600 	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
       
   601 	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
       
   602 	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
       
   603 	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
       
   604 		content: "\f503";
       
   605 		right: auto;
       
   606 		left: 8px;
       
   607 	}
       
   608 }
       
   609 
       
   610 @media screen and (min-width: 810px) {
       
   611 	.attachment .entry-attachment .attachment {
       
   612 		margin-right: -168px;
       
   613 		margin-left: -168px;
       
   614 	}
       
   615 
       
   616 	.attachment .entry-attachment .attachment a {
       
   617 		display: block;
       
   618 	}
       
   619 
       
   620 	.contributor-avatar {
       
   621 		margin-right: -168px;
       
   622 		margin-left: auto;
       
   623 	}
       
   624 
       
   625 	.contributor-summary {
       
   626 		float: right;
       
   627 	}
       
   628 
       
   629 	.full-width .site-content blockquote.alignright,
       
   630 	.full-width .site-content img.size-full.alignright,
       
   631 	.full-width .site-content img.size-large.alignright,
       
   632 	.full-width .site-content img.size-medium.alignright,
       
   633 	.full-width .site-content .wp-caption.alignright {
       
   634 		margin-right: -168px;
       
   635 		margin-left: auto;
       
   636 	}
       
   637 
       
   638 	.full-width .site-content blockquote.alignleft,
       
   639 	.full-width .site-content img.size-full.alignleft,
       
   640 	.full-width .site-content img.size-large.alignleft,
       
   641 	.full-width .site-content img.size-medium.alignleft,
       
   642 	.full-width .site-content .wp-caption.alignleft {
       
   643 		margin-right: auto;
       
   644 		margin-left: -168px;
       
   645 	}
       
   646 }
       
   647 
       
   648 @media screen and (min-width: 846px) {
       
   649 	.comment-author,
       
   650 	.comment-awaiting-moderation,
       
   651 	.comment-content,
       
   652 	.comment-list .reply,
       
   653 	.comment-metadata {
       
   654 		padding-right: 50px;
       
   655 		padding-left: 0;
       
   656 	}
       
   657 
       
   658 	.comment-list .children {
       
   659 		margin-right: 20px;
       
   660 		margin-left: auto;
       
   661 	}
       
   662 }
       
   663 
       
   664 @media screen and (min-width: 1008px) {
       
   665 	.search-box-wrapper {
       
   666 		padding-right: 182px;
       
   667 		padding-left: 0;
       
   668 	}
       
   669 
       
   670 	.main-content {
       
   671 		float: right;
       
   672 	}
       
   673 
       
   674 	.site-content {
       
   675 		margin-right: 182px;
       
   676 		margin-left: 29.04761904%;
       
   677 	}
       
   678 
       
   679 	.full-width .site-content {
       
   680 		margin-right: 182px;
       
   681 	}
       
   682 
       
   683 	.content-sidebar {
       
   684 		margin-right: -29.04761904%;
       
   685 		margin-left: auto;
       
   686 	}
       
   687 
       
   688 	.site:before {
       
   689 		right: 0;
       
   690 		left: auto;
       
   691 	}
       
   692 
       
   693 	#secondary {
       
   694 		float: right;
       
   695 		margin: 0 -100% 0 0;
       
   696 	}
       
   697 
       
   698 	.secondary-navigation ul ul {
       
   699 		right: -999em;
       
   700 		left: auto;
       
   701 	}
       
   702 
       
   703 	.secondary-navigation ul li:hover > ul,
       
   704 	.secondary-navigation ul li.focus > ul {
       
   705 		right: 162px;
       
   706 		left: auto;
       
   707 	}
       
   708 
       
   709 	.secondary-navigation .menu-item-has-children > a {
       
   710 		padding-right: 30px;
       
   711 		padding-left: 38px;
       
   712 	}
       
   713 
       
   714 	.secondary-navigation .menu-item-has-children > a:after {
       
   715 		border-right-color: #fff;
       
   716 		border-left-color: transparent;
       
   717 		right: auto;
       
   718 		left: 26px;
       
   719 		content: "\f503";
       
   720 	}
       
   721 
       
   722 	.footer-sidebar .widget {
       
   723 		float: right;
       
   724 	}
       
   725 
       
   726 	.featured-content {
       
   727 		padding-right: 182px;
       
   728 		padding-left: 0;
       
   729 	}
       
   730 }
       
   731 
       
   732 @media screen and (min-width: 1040px) {
       
   733 	.archive-header,
       
   734 	.comments-area,
       
   735 	.image-navigation,
       
   736 	.page-header,
       
   737 	.page-content,
       
   738 	.post-navigation,
       
   739 	.site-content .entry-header,
       
   740 	.site-content .entry-content,
       
   741 	.site-content .entry-summary,
       
   742 	.site-content footer.entry-meta {
       
   743 		padding-right: 15px;
       
   744 		padding-left: 15px;
       
   745 	}
       
   746 
       
   747 	.full-width .archive-header,
       
   748 	.full-width .comments-area,
       
   749 	.full-width .image-navigation,
       
   750 	.full-width .page-header,
       
   751 	.full-width .page-content,
       
   752 	.full-width .post-navigation,
       
   753 	.full-width .site-content .entry-header,
       
   754 	.full-width .site-content .entry-content,
       
   755 	.full-width .site-content .entry-summary,
       
   756 	.full-width .site-content footer.entry-meta {
       
   757 		padding-right: 30px;
       
   758 		padding-left: 30px;
       
   759 	}
       
   760 }
       
   761 
       
   762 @media screen and (min-width: 1080px) {
       
   763 	.site-content {
       
   764 		margin-right: 222px;
       
   765 		margin-left: 29.04761904%;
       
   766 	}
       
   767 
       
   768 	.full-width .site-content {
       
   769 		margin-right: 222px;
       
   770 	}
       
   771 
       
   772 	.search-box-wrapper,
       
   773 	.featured-content {
       
   774 		padding-right: 222px;
       
   775 		padding-left: 0;
       
   776 	}
       
   777 
       
   778 	.secondary-navigation ul li:hover > ul,
       
   779 	.secondary-navigation ul li.focus > ul {
       
   780 		right: 202px;
       
   781 		left: auto;
       
   782 	}
       
   783 
       
   784 	.slider-control-paging {
       
   785 		padding-right: 24px;
       
   786 		padding-left: 0;
       
   787 	}
       
   788 
       
   789 	.slider-control-paging li {
       
   790 		margin: 12px 0 12px 12px;
       
   791 	}
       
   792 
       
   793 	.slider-control-paging a:before {
       
   794 		right: 6px;
       
   795 		left: auto;
       
   796 	}
       
   797 }
       
   798 
       
   799 @media screen and (min-width: 1110px) {
       
   800 	.archive-header,
       
   801 	.comments-area,
       
   802 	.image-navigation,
       
   803 	.page-header,
       
   804 	.page-content,
       
   805 	.post-navigation,
       
   806 	.site-content .entry-header,
       
   807 	.site-content .entry-content,
       
   808 	.site-content .entry-summary,
       
   809 	.site-content footer.entry-meta {
       
   810 		padding-right: 30px;
       
   811 		padding-left: 30px;
       
   812 	}
       
   813 }
       
   814 
       
   815 @media screen and (min-width: 1218px) {
       
   816 	.archive-header,
       
   817 	.comments-area,
       
   818 	.image-navigation,
       
   819 	.page-header,
       
   820 	.page-content,
       
   821 	.post-navigation,
       
   822 	.site-content .entry-header,
       
   823 	.site-content .entry-content,
       
   824 	.site-content .entry-summary,
       
   825 	.site-content footer.entry-meta {
       
   826 		margin-left: 54px;
       
   827 	}
       
   828 
       
   829 	.full-width .archive-header,
       
   830 	.full-width .comments-area,
       
   831 	.full-width .image-navigation,
       
   832 	.full-width .page-header,
       
   833 	.full-width .page-content,
       
   834 	.full-width .post-navigation,
       
   835 	.full-width .site-content .entry-header,
       
   836 	.full-width .site-content .entry-content,
       
   837 	.full-width .site-content .entry-summary,
       
   838 	.full-width .site-content footer.entry-meta {
       
   839 		margin-right: auto;
       
   840 		margin-left: auto;
       
   841 	}
       
   842 }
       
   843 
       
   844 @media screen and (min-width: 1260px) {
       
   845 	.site-content blockquote.alignright {
       
   846 		margin-right: -18%;
       
   847 		margin-left: auto;
       
   848 	}
       
   849 
       
   850 	.site-content blockquote.alignleft {
       
   851 		margin-left: -18%;
       
   852 		margin-right: auto;
       
   853 	}
       
   854 }