wp-content/themes/twentyfourteen/css/ie.css

   1 /**
   2  * Global Styles for older IE versions (previous to IE9).
   3  */
   4
   5 pre,
   6 fieldset,
   7 table,
   8 th,
   9 td,
  10 input,
  11 textarea {
  12         border: 1px solid #e5e5e5;
  13 }
  14
  15 hr {
  16         background-color: #e5e5e5;
  17 }
  18
  19 button,
  20 input,
  21 select,
  22 textarea {
  23         vertical-align: middle;
  24 }
  25
  26
  27 input:focus,
  28 textarea:focus {
  29         border: 1px solid #b2b2b2;
  30 }
  31
  32 .site-content blockquote.alignleft,
  33 .site-content blockquote.alignright {
  34         border-top: 1px solid #e5e5e5;
  35         border-bottom: 1px solid #e5e5e5;
  36 }
  37
  38 .post-thumbnail,
  39 a.post-thumbnail:hover {
  40         background: transparent;
  41 }
  42
  43 .list-view .site-content .hentry {
  44         border-top: 1px solid #e5e5e5;
  45         padding-top: 48px;
  46 }
  47
  48 .gallery-caption {
  49         background: #000;
  50         filter: alpha(opacity=0);
  51 }
  52
  53 .gallery-item:hover .gallery-caption {
  54         filter: alpha(opacity=70);
  55 }
  56
  57 .nav-links {
  58         border-top: 1px solid #e5e5e5;
  59 }
  60
  61 .post-navigation a,
  62 .image-navigation .previous-image,
  63 .image-navigation .next-image,
  64 .contributor {
  65         border-bottom: 1px solid #e5e5e5;
  66 }
  67
  68 .contributor-avatar,
  69 .comment-author .avatar {
  70         border: 1px solid #e5e5e5;
  71 }
  72
  73 .comment-list article,
  74 .comment-list .pingback,
  75 .comment-list .trackback {
  76         border-top: 1px solid #e5e5e5;
  77 }
  78
  79 .comment-list .reply {
  80         margin-top: 0;
  81 }
  82
  83 #secondary {
  84         color: #b3b3b3;
  85 }
  86
  87 .widget abbr[title] {
  88         border-color: #b3b3b3;
  89 }
  90
  91 .widget pre,
  92 .widget fieldset,
  93 .widget table,
  94 .widget th,
  95 .widget td,
  96 .widget input,
  97 .widget textarea {
  98         border-color: #4d4d4d;
  99 }
 100
 101 .widget blockquote,
 102 .widget .wp-caption,
 103 .widget_twentyfourteen_ephemera .entry-meta a {
 104         color: #b3b3b3;
 105 }
 106
 107 .widget del {
 108         color: #666;
 109 }
 110
 111 .widget hr {
 112         background-color: #4d4d4d;
 113 }
 114
 115 .widget input,
 116 .widget textarea {
 117         background-color: #1a1a1a;
 118 }
 119
 120 .widget input:focus,
 121 .widget textarea:focus {
 122         border-color: #262626;
 123 }
 124
 125 .widget_calendar thead th {
 126         background-color: #1a1a1a;
 127 }
 128
 129 .widget_twentyfourteen_ephemera > ol > li {
 130         border-bottom: 1px solid #4d4d4d;
 131 }
 132
 133 .widget_archive li,
 134 .widget_categories li,
 135 .widget_links li,
 136 .widget_meta li,
 137 .widget_nav_menu li,
 138 .widget_pages li,
 139 .widget_recent_comments li,
 140 .widget_recent_entries li,
 141 .widget_categories li ul,
 142 .widget_nav_menu li ul,
 143 .widget_pages li ul {
 144         border-top: 1px solid #4d4d4d;
 145 }
 146
 147 .content-sidebar .widget pre,
 148 .content-sidebar .widget fieldset,
 149 .content-sidebar .widget table,
 150 .content-sidebar .widget th,
 151 .content-sidebar .widget td,
 152 .content-sidebar .widget input,
 153 .content-sidebar .widget textarea,
 154 .content-sidebar .widget_archive li,
 155 .content-sidebar .widget_categories li,
 156 .content-sidebar .widget_links li,
 157 .content-sidebar .widget_meta li,
 158 .content-sidebar .widget_nav_menu li,
 159 .content-sidebar .widget_pages li,
 160 .content-sidebar .widget_recent_comments li,
 161 .content-sidebar .widget_recent_entries li,
 162 .content-sidebar .widget_categories li ul,
 163 .content-sidebar .widget_nav_menu li ul,
 164 .content-sidebar .widget_pages li ul {
 165         border-color: #e5e5e5;
 166 }
 167
 168 .content-sidebar .widget hr {
 169         background-color: #e5e5e5;
 170 }
 171
 172 .content-sidebar .widget input:focus,
 173 .content-sidebar .widget textarea:focus {
 174         border: 1px solid #b2b2b2;
 175 }
 176
 177 .content-sidebar .widget_calendar thead th {
 178         background-color: #fafafa;
 179 }
 180
 181 .content-sidebar .widget_twentyfourteen_ephemera > ol > li {
 182         border-bottom: 1px solid #e5e5e5;
 183 }
 184
 185 .site-footer,
 186 .site-info,
 187 .site-info a {
 188         color: #b3b3b3;
 189 }
 190
 191 #supplementary + .site-info {
 192         border-top: 1px solid #4d4d4d;
 193 }
 194
 195 .featured-content {
 196         background: #000;
 197 }
 198
 199
 200 /**
 201  * Internet Explorer 8
 202  */
 203
 204 .ie8 img.size-full,
 205 .ie8 img.size-large,
 206 .ie8 img.header-image,
 207 .ie8 img.wp-post-image,
 208 .ie8 img[class*="align"],
 209 .ie8 img[class*="wp-image-"],
 210 .ie8 img[class*="attachment-"] {
 211         height: auto;
 212         width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
 213 }
 214
 215 .ie8 .full-size-link:before,
 216 .ie8 .parent-post-link:before,
 217 .ie8 .site-content span + .byline:before,
 218 .ie8 .site-content span + .comments-link:before,
 219 .ie8 .site-content span + .edit-link:before,
 220 .ie8 .site-content span + .entry-date:before {
 221         content: "";
 222 }
 223
 224 .ie8 .attachment span.entry-date:before,
 225 .ie8 .entry-content .edit-link a:before,
 226 .ie8 .entry-meta .edit-link a:before,
 227 .ie8 .site-content .byline a:before,
 228 .ie8 .site-content .comments-link a:before,
 229 .ie8 .site-content .entry-date a:before,
 230 .ie8 .site-content .featured-post:before,
 231 .ie8 .site-content .full-size-link a:before,
 232 .ie8 .site-content .parent-post-link a:before,
 233 .ie8 .site-content .post-format a:before {
 234         display: inline-block;
 235         font: normal 16px/1 Genericons;
 236         text-decoration: inherit;
 237         vertical-align: text-bottom;
 238 }
 239
 240 .ie8 .site-content .entry-meta > span {
 241         margin-right: 10px;
 242 }
 243
 244 .ie8 .site-content .format-video .post-format a:before {
 245         content: "\f104";
 246 }
 247
 248 .ie8 .site-content .format-audio .post-format a:before {
 249         content: "\f109";
 250 }
 251
 252 .ie8 .site-content .format-image .post-format a:before {
 253         content: "\f473";
 254         position: relative;
 255         top: 1px;
 256 }
 257
 258 .ie8 .site-content .format-quote .post-format a:before {
 259         content: "\f106";
 260         margin-right: 2px;
 261 }
 262
 263 .ie8 .site-content .format-gallery .post-format a:before {
 264         content: "\f103";
 265         margin-right: 4px;
 266 }
 267
 268 .ie8 .site-content .format-aside .post-format a:before {
 269         content: "\f101";
 270         margin-right: 2px;
 271 }
 272
 273 .ie8 .site-content .format-link .post-format a:before {
 274         content: "\f107";
 275         position: relative;
 276         top: 1px;
 277 }
 278
 279 .ie8 .site-content .featured-post:before {
 280         content: "\f308";
 281         margin-right: 3px;
 282         position: relative;
 283         top: 1px;
 284 }
 285
 286 .ie8 .site-content .entry-date a:before,
 287 .ie8 .attachment .site-content span.entry-date:before {
 288         content: "\f303";
 289         margin-right: 1px;
 290         position: relative;
 291         top: 1px;
 292 }
 293
 294 .ie8 .site-content .byline a:before {
 295         content: "\f304";
 296 }
 297
 298 .ie8 .site-content .comments-link a:before {
 299         content: "\f300";
 300         margin-right: 2px;
 301 }
 302
 303 .ie8 .entry-content .edit-link a:before,
 304 .ie8 .entry-meta .edit-link a:before {
 305         content: "\f411";
 306 }
 307
 308 .ie8 .site-content .full-size-link a:before {
 309         content: "\f402";
 310         margin-right: 1px;
 311 }
 312
 313 .ie8 .site-content .parent-post-link a:before {
 314         content: "\f301";
 315 }
 316
 317 .ie8 .main-content {
 318         float: left;
 319 }
 320
 321 .ie8 .content-area {
 322         float: left;
 323         padding-top: 72px;
 324         width: 100%;
 325 }
 326
 327 .ie8 .site-content {
 328         margin-right: 29.04761904%;
 329         margin-left: 17.61904761%;
 330 }
 331
 332 .ie8 .search-box-wrapper,
 333 .ie8 .featured-content {
 334         padding-left: 17.61904761%;
 335 }
 336
 337 .ie8 .header-main {
 338         padding: 0 0 0 30px;
 339 }
 340
 341 .ie8 .search-toggle {
 342         margin-right: 0;
 343 }
 344
 345 .ie8 .search-box .search-field {
 346         width: 324px;
 347 }
 348
 349 .ie8 .site-navigation li .current_page_item > a,
 350 .ie8 .site-navigation li .current_page_ancestor > a,
 351 .ie8 .site-navigation li .current-menu-item > a,
 352 .ie8 .site-navigation li .current-menu-ancestor > a {
 353         background-color: #000;
 354 }
 355
 356 .ie8 .primary-navigation {
 357         float: right;
 358         font-size: 11px;
 359         margin: 0 1px 0 -10px;
 360         padding: 0;
 361         text-transform: uppercase;
 362 }
 363
 364 .ie8 .primary-navigation .menu-toggle {
 365         display: none;
 366         padding: 0;
 367 }
 368
 369 .ie8 .primary-navigation .nav-menu {
 370         border-bottom: 0;
 371         display: block;
 372 }
 373
 374 .ie8 .primary-navigation.toggled-on {
 375         border-bottom: 0;
 376         margin: 0;
 377         padding: 0;
 378 }
 379
 380 .ie8 .primary-navigation li {
 381         border: 0;
 382         display: inline-block;
 383         height: 48px;
 384         line-height: 48px;
 385         position: relative;
 386 }
 387
 388 .ie8 .primary-navigation a {
 389         display: inline-block;
 390         padding: 0 10px;
 391         white-space: nowrap;
 392 }
 393
 394 .ie8 .primary-navigation ul ul {
 395         background-color: #24890d;
 396         float: left;
 397         margin: 0;
 398         position: absolute;
 399         top: 48px;
 400         left: -999em;
 401         z-index: 99999;
 402 }
 403
 404 .ie8 .primary-navigation li li {
 405         border: 0;
 406         display: block;
 407         height: auto;
 408         line-height: 1.0909090909;
 409 }
 410
 411 .ie8 .primary-navigation ul ul ul {
 412         left: -999em;
 413         top: 0;
 414 }
 415
 416 .ie8 .primary-navigation ul ul a {
 417         padding: 18px 12px;
 418         white-space: normal;
 419         width: 176px;
 420 }
 421
 422 .ie8 .primary-navigation li:hover > a,
 423 .ie8 .primary-navigation li.focus > a {
 424         background-color: #24890d;
 425         color: #fff;
 426 }
 427
 428 .ie8 .primary-navigation ul ul a:hover,
 429 .ie8 .primary-navigation ul ul li.focus > a {
 430         background-color: #41a62a;
 431 }
 432
 433 .ie8 .primary-navigation ul li:hover > ul,
 434 .ie8 .primary-navigation ul li.focus > ul {
 435         left: auto;
 436 }
 437
 438 .ie8 .primary-navigation ul ul li:hover > ul,
 439 .ie8 .primary-navigation ul ul li.focus > ul {
 440         left: 100%;
 441 }
 442
 443 .ie8 .archive-header,
 444 .ie8 .page-header {
 445         margin: 0 auto 60px;
 446         padding: 0 10px;
 447 }
 448
 449 .ie8 .site-content .has-post-thumbnail .entry-header {
 450         margin-top: -48px;
 451 }
 452
 453 .ie8 .archive-header,
 454 .ie8 .comments-area,
 455 .ie8 .image-navigation,
 456 .ie8 .page-header,
 457 .ie8 .page-content,
 458 .ie8 .post-navigation,
 459 .ie8 .site-content .entry-header,
 460 .ie8 .site-content .entry-content,
 461 .ie8 .site-content .entry-summary,
 462 .ie8 .site-content footer.entry-meta {
 463         margin-right: 54px;
 464         padding-right: 30px;
 465         padding-left: 30px;
 466 }
 467
 468 .ie8 .list-view .site-content .hentry:first-child,
 469 .ie8 .list-view .site-content .hentry.has-post-thumbnail {
 470         border-top: 0;
 471         padding-top: 0;
 472 }
 473
 474 .ie8 .comment-list .trackback,
 475 .ie8 .comment-list .pingback,
 476 .ie8 .comment-list article {
 477         margin-bottom: 36px;
 478         padding-top: 36px;
 479 }
 480
 481 .ie8 .comment-author .avatar {
 482         height: 34px;
 483         top: 2px;
 484         width: 34px;
 485 }
 486
 487 .ie8 .comment-author,
 488 .ie8 .comment-awaiting-moderation,
 489 .ie8 .comment-content,
 490 .ie8 .comment-list .reply,
 491 .ie8 .comment-metadata {
 492         padding-left: 50px;
 493 }
 494
 495 .ie8 .comment-list .children {
 496         margin-left: 20px;
 497 }
 498
 499 .ie8 .full-width .site-content {
 500         margin-right: 0;
 501 }
 502
 503 .ie8 .full-width .archive-header,
 504 .ie8 .full-width .comments-area,
 505 .ie8 .full-width .image-navigation,
 506 .ie8 .full-width .page-header,
 507 .ie8 .full-width .page-content,
 508 .ie8 .full-width .post-navigation,
 509 .ie8 .full-width .site-content .entry-header,
 510 .ie8 .full-width .site-content .entry-content,
 511 .ie8 .full-width .site-content .entry-summary,
 512 .ie8 .full-width .site-content footer.entry-meta {
 513         padding-right: 30px;
 514         padding-left: 30px;
 515         margin-right: auto;
 516 }
 517
 518 .ie8 .full-width.singular .hentry.has-post-thumbnail,
 519 .ie8 .full-width.home .hentry.has-post-thumbnail {
 520         margin-top: -72px;
 521 }
 522
 523
 524 .ie8 .singular .hentry.has-post-thumbnail {
 525         margin-top: 0;
 526 }
 527
 528 .ie8 .error404 .page-header {
 529         margin-bottom: 24px;
 530 }
 531
 532 .ie8 .contributor-avatar {
 533         margin-left: -168px;
 534 }
 535
 536 .ie8 .contributor-summary {
 537         float: left;
 538 }
 539
 540 .ie8 .site:before {
 541         background-color: #000;
 542         content: "";
 543         display: block;
 544         height: 100%;
 545         min-height: 100%;
 546         position: absolute;
 547         top: 0;
 548         left: 0;
 549         width: 17.61904761%;
 550         z-index: 2;
 551 }
 552
 553 .ie8 #secondary {
 554         border: 0;
 555         clear: none;
 556         color: #b3b3b3;
 557         float: left;
 558         margin: 0 0 0 -100%;
 559         min-height: 100vh;
 560         padding: 0 30px;
 561         width: 12.85714285%;
 562 }
 563
 564 .ie8 .site-description {
 565         display: block;
 566         margin: -3px 0 21px;
 567 }
 568
 569 .ie8 .secondary-navigation {
 570         font-size: 11px;
 571         margin: 0 -30px 48px;
 572         width: calc(100% + 60px);
 573 }
 574
 575 .ie8 .secondary-navigation li {
 576         border-top: 1px solid #4d4d4d;
 577         position: relative;
 578 }
 579
 580 .ie8 .secondary-navigation a {
 581         padding: 10px 30px;
 582 }
 583
 584 .ie8 .secondary-navigation ul ul {
 585         background-color: #24890d;
 586         position: absolute;
 587         top: 0;
 588         left: -999em;
 589         width: 222px;
 590         z-index: 99999;
 591 }
 592
 593 .ie8 .secondary-navigation li li {
 594         border-top: 0;
 595 }
 596
 597 .ie8 .secondary-navigation li:hover > a,
 598 .ie8 .secondary-navigation li.focus > a {
 599         background-color: #24890d;
 600         color: #fff;
 601 }
 602
 603 .ie8 .secondary-navigation ul ul a:hover,
 604 .ie8 .secondary-navigation ul ul li.focus > a {
 605         background-color: #41a62a;
 606 }
 607
 608 .ie8 .secondary-navigation ul li:hover > ul,
 609 .ie8 .secondary-navigation ul li.focus > ul {
 610         left: 202px;
 611 }
 612
 613 .ie8 .content-sidebar {
 614         border: 0;
 615         float: right;
 616         margin-left: -29.04761904%;
 617         padding: 72px 30px 24px;
 618         width: 29.04761904%;
 619 }
 620
 621 .ie8 #supplementary {
 622         padding: 0;
 623 }
 624
 625 .ie8 .footer-sidebar {
 626         font-size: 12px;
 627         line-height: 1.5;
 628 }
 629
 630 .ie8 .footer-sidebar .widget,
 631 .ie8 .primary-sidebar .widget {
 632         font-size: 12px;
 633         line-height: 1.5;
 634 }
 635
 636 .ie8 .footer-sidebar .widget {
 637         -webkit-box-sizing: border-box;
 638         -moz-box-sizing:    border-box;
 639         box-sizing:         border-box;
 640         float: left;
 641         padding: 0 30px;
 642         width: 25%;
 643 }
 644
 645 .ie8 .footer-sidebar .widget h1,
 646 .ie8 .primary-sidebar .widget h1 {
 647         font-size: 20px;
 648         line-height: 1.2;
 649 }
 650
 651 .ie8 .footer-sidebar .widget h2,
 652 .ie8 .primary-sidebar .widget h2 {
 653         font-size: 18px;
 654         line-height: 1.3333333333;
 655 }
 656
 657 .ie8 .footer-sidebar .widget h3,
 658 .ie8 .primary-sidebar .widget h3 {
 659         font-size: 16px;
 660         line-height: 1.5;
 661 }
 662
 663 .ie8 .footer-sidebar .widget h4,
 664 .ie8 .primary-sidebar .widget h4 {
 665         font-size: 14px;
 666         line-height: 1.7142857142;
 667 }
 668
 669 .ie8 .footer-sidebar .widget h5,
 670 .ie8 .primary-sidebar .widget h5 {
 671         font-size: 12px;
 672         line-height: 2;
 673 }
 674
 675 .ie8 .footer-sidebar .widget h6,
 676 .ie8 .primary-sidebar .widget h6 {
 677         font-size: 11px;
 678         line-height: 2.1818181818;
 679 }
 680
 681 .ie8 .footer-sidebar .widget code,
 682 .ie8 .footer-sidebar .widget kbd,
 683 .ie8 .footer-sidebar .widget tt,
 684 .ie8 .footer-sidebar .widget var,
 685 .ie8 .footer-sidebar .widget samp,
 686 .ie8 .footer-sidebar .widget pre,
 687 .ie8 .primary-sidebar .widget code,
 688 .ie8 .primary-sidebar .widget kbd,
 689 .ie8 .primary-sidebar .widget tt,
 690 .ie8 .primary-sidebar .widget var,
 691 .ie8 .primary-sidebar .widget samp,
 692 .ie8 .primary-sidebar .widget pre {
 693         font-size: 11px;
 694         line-height: 1.6363636363;
 695 }
 696
 697 .ie8 .footer-sidebar .widget blockquote,
 698 .ie8 .primary-sidebar .widget blockquote {
 699         font-size: 14px;
 700         line-height: 1.2857142857;
 701 }
 702
 703 .ie8 .footer-sidebar .widget blockquote cite,
 704 .ie8 .primary-sidebar .widget blockquote cite {
 705         font-size: 12px;
 706         line-height: 1.5;
 707 }
 708
 709 .ie8 .footer-sidebar .widget input,
 710 .ie8 .footer-sidebar .widget textarea,
 711 .ie8 .primary-sidebar .widget input,
 712 .ie8 .primary-sidebar .widget textarea {
 713         font-size: 12px;
 714         padding: 3px 2px 4px 4px;
 715 }
 716
 717 .ie8 .footer-sidebar .widget input[type="button"],
 718 .ie8 .footer-sidebar .widget input[type="reset"],
 719 .ie8 .footer-sidebar .widget input[type="submit"],
 720 .ie8 .primary-sidebar .widget input[type="button"],
 721 .ie8 .primary-sidebar .widget input[type="reset"],
 722 .ie8 .primary-sidebar .widget input[type="submit"] {
 723         padding: 5px 15px 4px;
 724 }
 725
 726 .ie8 .footer-sidebar .widget .widget-title,
 727 .ie8 .primary-sidebar .widget .widget-title {
 728         font-size: 11px;
 729         font-weight: 700;
 730         line-height: 1.6363636363;
 731         margin-bottom: 18px;
 732 }
 733
 734 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .entry-title,
 735 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta,
 736 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
 737 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
 738 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .entry-content table,
 739 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .entry-title,
 740 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta,
 741 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
 742 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
 743 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .entry-content table {
 744         font-size: 11px;
 745         line-height: 1.6363636363;
 746 }
 747
 748 .ie8 .footer-sidebar .widget_archive li,
 749 .ie8 .footer-sidebar .widget_categories li,
 750 .ie8 .footer-sidebar .widget_links li,
 751 .ie8 .footer-sidebar .widget_meta li,
 752 .ie8 .footer-sidebar .widget_nav_menu li,
 753 .ie8 .footer-sidebar .widget_pages li,
 754 .ie8 .footer-sidebar .widget_recent_comments li,
 755 .ie8 .footer-sidebar .widget_recent_entries li,
 756 .ie8 .primary-sidebar .widget_archive li,
 757 .ie8 .primary-sidebar .widget_categories li,
 758 .ie8 .primary-sidebar .widget_links li,
 759 .ie8 .primary-sidebar .widget_meta li,
 760 .ie8 .primary-sidebar .widget_nav_menu li,
 761 .ie8 .primary-sidebar .widget_pages li,
 762 .ie8 .primary-sidebar .widget_recent_comments li,
 763 .ie8 .primary-sidebar .widget_recent_entries li {
 764         border-top: 0;
 765         padding: 0 0 6px;
 766 }
 767
 768 .ie8 .footer-sidebar .widget_categories li ul,
 769 .ie8 .footer-sidebar .widget_nav_menu li ul,
 770 .ie8 .footer-sidebar .widget_pages li ul,
 771 .ie8 .primary-sidebar .widget_categories li ul,
 772 .ie8 .primary-sidebar .widget_nav_menu li ul,
 773 .ie8 .primary-sidebar .widget_pages li ul {
 774         border-top: 0;
 775         margin-top: 0;
 776 }
 777
 778 .ie8 .grid .featured-content .entry-header {
 779         border-color: #000;
 780         border-style: solid;
 781         border-width: 12px 10px;
 782         height: 96px;
 783         padding: 0;
 784 }
 785
 786 .ie8 .featured-content {
 787         padding-left: 17.61904761%;
 788 }
 789
 790 .ie8 .grid .featured-content .hentry {
 791         float: left;
 792         width: 33.3333333%;
 793 }
 794
 795 .ie8 .grid .featured-content .hentry:nth-child( 3n+1 ) {
 796         clear: both;
 797 }
 798
 799 .ie8 .grid .featured-content .entry-header {
 800         height: 120px;
 801 }
 802
 803 .ie8 .slider .featured-content .entry-title {
 804         font-size: 33px;
 805         line-height: 1.0909090909;
 806 }
 807
 808 .ie8 .slider .featured-content .entry-header {
 809         min-height: inherit;
 810         padding: 24px 30px 48px;
 811         position: absolute;
 812         left: 0;
 813         bottom: 0;
 814         width: 50%;
 815         z-index: 3;
 816 }
 817
 818 .ie8 .slider-control-paging {
 819         background: transparent;
 820         margin-top: -48px;
 821         padding-left: 24px;
 822         width: 50%;
 823 }
 824
 825 .ie8 .slider-control-paging li {
 826         margin: 12px 12px 12px 0;
 827 }
 828
 829 .ie8 .slider-control-paging a {
 830         height: 24px;
 831         width: 24px;
 832 }
 833
 834 .ie8 .slider-control-paging a:before {
 835         top: 6px;
 836         left: 6px;
 837 }
 838
 839 .ie8 .slider-direction-nav {
 840         clear: none;
 841         float: right;
 842         margin-top: -48px;
 843         width: 98px;
 844 }
 845
 846 .ie8 .slider-direction-nav li:first-child {
 847         padding: 0 1px 0 0;
 848 }
 849
 850 .ie8 .slider-direction-nav li {
 851         border: 0;
 852         padding: 0 0 0 1px;
 853 }
 854
 855 .ie8 .slider-direction-nav a {
 856         height: 48px;
 857 }
 858
 859 .ie8 .slider-direction-nav a:before {
 860         line-height: 48px;
 861 }
 862
 863
 864 /**
 865  * Internet Explorer 7
 866  */
 867
 868 .ie7 audio,
 869 .ie7 canvas,
 870 .ie7 video {
 871         display: inline;
 872         zoom: 1;
 873 }
 874
 875 .ie7 button,
 876 .ie7 input,
 877 .ie7 select,
 878 .ie7 textarea {
 879         vertical-align: middle;
 880 }
 881
 882 .ie7 button,
 883 .ie7 input[type="button"],
 884 .ie7 input[type="reset"],
 885 .ie7 input[type="submit"] {
 886         overflow: visible;
 887 }
 888
 889 .ie7 .screen-reader-text {
 890         clip: rect(1px 1px 1px 1px);
 891 }
 892
 893 .ie7 .site,
 894 .ie7 .site-header {
 895         max-width: 100%;
 896 }
 897
 898 .ie7 .search-toggle {
 899         line-height: 45px;
 900         margin-right: 190px;
 901         padding: 0 20px;
 902         text-transform: uppercase;
 903         width: auto;
 904 }
 905
 906 .ie7 .search-toggle .screen-reader-text {
 907         color: #fff;
 908         position: relative; /* Override inherited `absolute` value set in style.css. */
 909 }
 910
 911 .ie7 .search-box {
 912         height: 24px;
 913         padding: 12px 0;
 914 }
 915
 916 .ie7 .search-box .search-field {
 917         margin: 0 10px;
 918         width: 33%;
 919 }
 920
 921 .ie7 .site-navigation li {
 922         border-top: 1px solid #4d4d4d;
 923 }
 924
 925 .ie7 .primary-navigation .nav-menu,
 926 .ie7 .secondary-navigation {
 927         border-bottom: 1px solid #4d4d4d;
 928 }
 929
 930 .ie7 .secondary-navigation {
 931         margin: 48px auto;
 932         max-width: 474px
 933 }
 934
 935 .ie7 .content-area {
 936         padding-top: 48px;
 937 }
 938
 939 .ie7 .hentry {
 940         max-width: 100%;
 941 }
 942
 943 .ie7 .menu-toggle {
 944         color: #fff;
 945         font-weight: 400;
 946         font-size: 16px;
 947         line-height: 45px;
 948         text-transform: uppercase;
 949         width: 200px;
 950 }
 951
 952 .ie7 .post-thumbnail img {
 953         display: block;
 954         margin: 0 auto;
 955 }
 956
 957 .ie7 .entry-meta .tag-links a {
 958         margin-left: 0;
 959 }
 960
 961 .ie7 .content-sidebar {
 962         padding: 48px 10px;
 963 }
 964
 965 .ie7 .singular .hentry.has-post-thumbnail {
 966         margin-top: -48px;
 967 }
 968
 969 .ie7 .entry-meta > span,
 970 .ie7 .widget_twentyfourteen_ephemera .entry-title {
 971         margin-right: 20px;
 972 }
 973
 974 .ie7 #secondary {
 975         border-bottom: 1px solid #4d4d4d;
 976 }
 977
 978 .ie7 .content-sidebar {
 979         border-top: 1px solid #e5e5e5;
 980         border-bottom: 1px solid #e5e5e5;
 981 }
 982
 983 .ie7 .widget {
 984         margin: 0 auto 48px;
 985         max-width: 474px;
 986 }
 987
 988 .ie7 .content-sidebar .widget_twentyfourteen_ephemera .widget-title {
 989         padding-top: 7px;
 990 }
 991
 992 .ie7 .slider .featured-content .hentry {
 993         display: block;
 994 }
 995
 996 .ie7 .featured-content .entry-header {
 997         min-height: 0;
 998 }
 999
1000 .ie7 .slider-control-paging a {
1001         line-height: 40px;
1002         text-indent: 0;
1003 }
1004
1005 .ie7 .slider-control-paging .slider-active {
1006         color: #41a62a;
1007 }
1008
1009 .ie7 .slider-direction-nav {
1010         border-top: 2px solid #fff;
1011 }
1012
1013 .ie7 .slider-direction-nav li {
1014         border: 0;
1015         width: 49%;
1016 }
1017
1018 .ie7 .slider-direction-nav a {
1019         font-size: 16px;
1020         line-height: 45px;
1021         text-transform: uppercase;
1022 }
1023
1024 .ie7 .slider-direction-nav a:hover {
1025         background-color: #000;
1026         color: #41a62a;
1027 }
1028
1029 .ie7 .search-toggle {
1030         line-height: 45px;
1031         margin-right: 190px;
1032 }
1033
1034 .ie7 .featured-content .post-thumbnail,
1035 .ie7 .slider .featured-content .post-thumbnail {
1036         padding-top: 0;
1037 }
1038
1039 .ie7 .featured-content .post-thumbnail img {
1040         position: relative;
1041 }
1042
1043 .ie7 .featured-content .entry-header {
1044         width: auto;
1045 }
1046
1047 .ie7 .grid .featured-content .hentry {
1048         float: left;
1049         margin: 0 auto;
1050         max-width: 672px;
1051         width: 33.333333%;
1052 }
1053
1054 .ie7 .slider .featured-content .entry-header {
1055         margin: 0 auto;
1056         max-width: 1038px;
1057 }
1058
1059 .ie7 .slider-control-paging {
1060         float: none;
1061         margin: -24px auto 0;
1062         max-width: 1038px;
1063         width: auto;
1064 }
1065
1066
1067 /**
1068  * RTL for Internet Explorer 8 & 7
1069  */
1070
1071 .rtl .attachment a,
1072 .rtl .gallery a,
1073 .rtl .wp-caption a,
1074 .rtl .widget_twentyfourteen_ephemera .entry-content a {
1075         display: inline;
1076 }
1077
1078
1079 /**
1080  * RTL overrides for Internet Explorer 8
1081  */
1082
1083 .ie8 .rtl .site-content .entry-meta > span {
1084         margin-right: auto;
1085         margin-left: 10px;
1086 }
1087
1088 .ie8 .rtl .site-content .format-quote .post-format a:before {
1089         margin-right: auto;
1090         margin-left: 2px;
1091 }
1092
1093 .ie8 .rtl .site-content .format-gallery .post-format a:before {
1094         margin-right: auto;
1095         margin-left: 4px;
1096 }
1097
1098 .ie8 .rtl .site-content .format-aside .post-format a:before {
1099         margin-right: auto;
1100         margin-left: 2px;
1101 }
1102
1103 .ie8 .rtl .site-content .featured-post:before {
1104         margin-right: auto;
1105         margin-left: 3px;
1106 }
1107
1108 .ie8 .rtl .site-content .entry-date a:before,
1109 .ie8 .rtl .attachment .site-content span.entry-date:before {
1110         margin-right: auto;
1111         margin-left: 1px;
1112 }
1113
1114 .ie8 .rtl .site-content .comments-link a:before {
1115         margin-right: auto;
1116         margin-left: 2px;
1117 }
1118
1119 .ie8 .rtl .site-content .full-size-link a:before {
1120         margin-right: auto;
1121         margin-left: 1px;
1122 }
1123
1124 .ie8 .rtl .main-content {
1125         float: right;
1126 }
1127
1128 .ie8 .rtl .content-area {
1129         float: right;
1130 }
1131
1132 .ie8 .rtl .site-content {
1133         margin-right: 17.61904761%;
1134         margin-left: 29.04761904%;
1135 }
1136
1137 .ie8 .rtl .search-box-wrapper,
1138 .ie8 .rtl .featured-content {
1139         padding-right: 17.61904761%;
1140         padding-left: 0;
1141 }
1142
1143 .ie8 .rtl .header-main {
1144         padding: 0 30px 0 0;
1145 }
1146
1147 .ie8 .rtl .search-toggle {
1148         margin-right: auto;
1149         margin-left: 0;
1150 }
1151
1152 .ie8 .rtl .primary-navigation {
1153         float: left;
1154         margin: 0 -10px 0 1px;
1155 }
1156
1157 .ie8 .rtl .primary-navigation ul ul {
1158         float: right;
1159         right: -999em;
1160         left: auto;
1161 }
1162
1163 .ie8 .rtl .primary-navigation ul ul ul {
1164         right: -999em;
1165         left: auto;
1166 }
1167
1168 .ie8 .rtl .primary-navigation ul li:hover > ul,
1169 .ie8 .rtl .primary-navigation ul li.focus > ul {
1170         right: auto;
1171         left: auto;
1172 }
1173
1174 .ie8 .rtl .primary-navigation ul ul li:hover > ul,
1175 .ie8 .rtl .primary-navigation ul ul li.focus > ul {
1176         right: 100%;
1177         left: auto;
1178 }
1179
1180 .ie8 .rtl .entry-meta .tag-links a:before {
1181         right: -8px;
1182 }
1183
1184 .ie8 .rtl .archive-header,
1185 .ie8 .rtl .comments-area,
1186 .ie8 .rtl .image-navigation,
1187 .ie8 .rtl .page-header,
1188 .ie8 .rtl .page-content,
1189 .ie8 .rtl .post-navigation,
1190 .ie8 .rtl .site-content .entry-header,
1191 .ie8 .rtl .site-content .entry-content,
1192 .ie8 .rtl .site-content .entry-summary,
1193 .ie8 .rtl .site-content footer.entry-meta {
1194         margin-right: auto;
1195         margin-left: 54px;
1196 }
1197
1198 .ie8 .rtl .comment-author,
1199 .ie8 .rtl .comment-awaiting-moderation,
1200 .ie8 .rtl .comment-content,
1201 .ie8 .rtl .comment-list .reply,
1202 .ie8 .rtl .comment-metadata {
1203         padding-right: 50px;
1204         padding-left: 0;
1205 }
1206
1207 .ie8 .rtl .comment-list .children {
1208         margin-right: 20px;
1209         margin-left: auto;
1210 }
1211
1212
1213 .ie8 .rtl.full-width .site-content {
1214         margin-left: 0;
1215 }
1216
1217 .ie8 .rtl.full-width .archive-header,
1218 .ie8 .rtl.full-width .comments-area,
1219 .ie8 .rtl.full-width .image-navigation,
1220 .ie8 .rtl.full-width .page-header,
1221 .ie8 .rtl.full-width .page-content,
1222 .ie8 .rtl.full-width .post-navigation,
1223 .ie8 .rtl.full-width .site-content .entry-header,
1224 .ie8 .rtl.full-width .site-content .entry-content,
1225 .ie8 .rtl.full-width .site-content .entry-summary,
1226 .ie8 .rtl.full-width .site-content footer.entry-meta {
1227         margin-left: auto;
1228 }
1229
1230 .ie8 .rtl .contributor-avatar {
1231         margin-right: -168px;
1232         margin-left: auto;
1233 }
1234
1235 .ie8 .rtl .contributor-summary {
1236         float: right;
1237 }
1238
1239 .ie8 .rtl .site:before {
1240         right: 0;
1241         left: auto;
1242 }
1243
1244 .ie8 .rtl #secondary {
1245         float: right;
1246         margin: 0 -100% 0 0;
1247 }
1248
1249 .ie8 .rtl .secondary-navigation ul ul {
1250         right: -999em;
1251         left: auto;
1252 }
1253
1254 .ie8 .rtl .secondary-navigation ul li:hover > ul,
1255 .ie8 .rtl .secondary-navigation ul li.focus > ul {
1256         right: 202px;
1257         left: auto;
1258 }
1259
1260 .ie8 .rtl .content-sidebar {
1261         float: left;
1262         margin-right: -29.04761904%;
1263         margin-left: auto;
1264 }
1265
1266 .ie8 .rtl .footer-sidebar .widget {
1267         float: right;
1268 }
1269
1270 .ie8 .rtl .featured-content {
1271         padding-right: 17.61904761%;
1272         padding-left: 0;
1273 }
1274
1275 .ie8 .rtl.grid .featured-content .hentry {
1276         float: right;
1277 }
1278
1279 .ie8 .rtl.slider .featured-content .entry-header {
1280         right: 0;
1281         left: auto;
1282 }
1283
1284 .ie8 .rtl .slider-control-paging {
1285         padding-right: 24px;
1286         padding-left: 0;
1287 }
1288
1289 .ie8 .rtl .slider-control-paging li {
1290         margin: 12px 0 12px 12px;
1291 }
1292
1293 .ie8 .rtl .slider-control-paging a:before {
1294         right: 6px;
1295         left: auto;
1296 }
1297
1298 .ie8 .rtl .slider-direction-nav {
1299         float: left;
1300 }
1301
1302 .ie8 .rtl .slider-direction-nav li {
1303         padding: 0 1px 0 0;
1304 }
1305
1306 .ie8 .rtl .slider-direction-nav li:first-child {
1307         padding: 0 0 0 1px;
1308 }
1309
1310
1311 /**
1312  * RTL overrides for Internet Explorer 7
1313  */
1314
1315 .ie7 .rtl.grid .featured-content .hentry {
1316         float: right;
1317 }
1318
1319 .ie7 .rtl .slider-control-paging {
1320         float: none;
1321         margin: -24px auto 0;
1322 }
1323
1324 .ie7 .rtl .entry-meta .tag-links a {
1325         margin-right: 0;
1326         margin-left: auto;
1327 }
1328
1329 .ie7 .rtl .search-toggle {
1330         margin-right: auto;
1331         margin-left: 190px;
1332 }