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