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         margin-top: -72px;
 520 }
 521
 522
 523 .ie8 .singular .hentry.has-post-thumbnail {
 524         margin-top: 0;
 525 }
 526
 527 .ie8 .error404 .page-header {
 528         margin-bottom: 24px;
 529 }
 530
 531 .ie8 .contributor-avatar {
 532         margin-left: -168px;
 533 }
 534
 535 .ie8 .contributor-summary {
 536         float: left;
 537 }
 538
 539 .ie8 .site:before {
 540         background-color: #000;
 541         content: "";
 542         display: block;
 543         height: 100%;
 544         min-height: 100%;
 545         position: absolute;
 546         top: 0;
 547         left: 0;
 548         width: 17.61904761%;
 549         z-index: 2;
 550 }
 551
 552 .ie8 #secondary {
 553         border: 0;
 554         clear: none;
 555         color: #b3b3b3;
 556         float: left;
 557         margin: 0 0 0 -100%;
 558         min-height: 100vh;
 559         padding: 0 30px;
 560         width: 12.85714285%;
 561 }
 562
 563 .ie8 .site-description {
 564         display: block;
 565         margin: -3px 0 21px;
 566 }
 567
 568 .ie8 .secondary-navigation {
 569         font-size: 11px;
 570         margin: 0 -30px 48px;
 571         width: calc(100% + 60px);
 572 }
 573
 574 .ie8 .secondary-navigation li {
 575         border-top: 1px solid #4d4d4d;
 576         position: relative;
 577 }
 578
 579 .ie8 .secondary-navigation a {
 580         padding: 10px 30px;
 581 }
 582
 583 .ie8 .secondary-navigation ul ul {
 584         background-color: #24890d;
 585         position: absolute;
 586         top: 0;
 587         left: -999em;
 588         width: 222px;
 589         z-index: 99999;
 590 }
 591
 592 .ie8 .secondary-navigation li li {
 593         border-top: 0;
 594 }
 595
 596 .ie8 .secondary-navigation li:hover > a,
 597 .ie8 .secondary-navigation li.focus > a {
 598         background-color: #24890d;
 599         color: #fff;
 600 }
 601
 602 .ie8 .secondary-navigation ul ul a:hover,
 603 .ie8 .secondary-navigation ul ul li.focus > a {
 604         background-color: #41a62a;
 605 }
 606
 607 .ie8 .secondary-navigation ul li:hover > ul,
 608 .ie8 .secondary-navigation ul li.focus > ul {
 609         left: 202px;
 610 }
 611
 612 .ie8 .content-sidebar {
 613         border: 0;
 614         float: right;
 615         margin-left: -29.04761904%;
 616         padding: 72px 30px 24px;
 617         width: 29.04761904%;
 618 }
 619
 620 .ie8 #supplementary {
 621         padding: 0;
 622 }
 623
 624 .ie8 .footer-sidebar {
 625         font-size: 12px;
 626         line-height: 1.5;
 627 }
 628
 629 .ie8 .footer-sidebar .widget,
 630 .ie8 .primary-sidebar .widget {
 631         font-size: 12px;
 632         line-height: 1.5;
 633 }
 634
 635 .ie8 .footer-sidebar .widget {
 636         -webkit-box-sizing: border-box;
 637         -moz-box-sizing:    border-box;
 638         box-sizing:         border-box;
 639         float: left;
 640         padding: 0 30px;
 641         width: 25%;
 642 }
 643
 644 .ie8 .footer-sidebar .widget h1,
 645 .ie8 .primary-sidebar .widget h1 {
 646         font-size: 20px;
 647         line-height: 1.2;
 648 }
 649
 650 .ie8 .footer-sidebar .widget h2,
 651 .ie8 .primary-sidebar .widget h2 {
 652         font-size: 18px;
 653         line-height: 1.3333333333;
 654 }
 655
 656 .ie8 .footer-sidebar .widget h3,
 657 .ie8 .primary-sidebar .widget h3 {
 658         font-size: 16px;
 659         line-height: 1.5;
 660 }
 661
 662 .ie8 .footer-sidebar .widget h4,
 663 .ie8 .primary-sidebar .widget h4 {
 664         font-size: 14px;
 665         line-height: 1.7142857142;
 666 }
 667
 668 .ie8 .footer-sidebar .widget h5,
 669 .ie8 .primary-sidebar .widget h5 {
 670         font-size: 12px;
 671         line-height: 2;
 672 }
 673
 674 .ie8 .footer-sidebar .widget h6,
 675 .ie8 .primary-sidebar .widget h6 {
 676         font-size: 11px;
 677         line-height: 2.1818181818;
 678 }
 679
 680 .ie8 .footer-sidebar .widget code,
 681 .ie8 .footer-sidebar .widget kbd,
 682 .ie8 .footer-sidebar .widget tt,
 683 .ie8 .footer-sidebar .widget var,
 684 .ie8 .footer-sidebar .widget samp,
 685 .ie8 .footer-sidebar .widget pre,
 686 .ie8 .primary-sidebar .widget code,
 687 .ie8 .primary-sidebar .widget kbd,
 688 .ie8 .primary-sidebar .widget tt,
 689 .ie8 .primary-sidebar .widget var,
 690 .ie8 .primary-sidebar .widget samp,
 691 .ie8 .primary-sidebar .widget pre {
 692         font-size: 11px;
 693         line-height: 1.6363636363;
 694 }
 695
 696 .ie8 .footer-sidebar .widget blockquote,
 697 .ie8 .primary-sidebar .widget blockquote {
 698         font-size: 14px;
 699         line-height: 1.2857142857;
 700 }
 701
 702 .ie8 .footer-sidebar .widget blockquote cite,
 703 .ie8 .primary-sidebar .widget blockquote cite {
 704         font-size: 12px;
 705         line-height: 1.5;
 706 }
 707
 708 .ie8 .footer-sidebar .widget input,
 709 .ie8 .footer-sidebar .widget textarea,
 710 .ie8 .primary-sidebar .widget input,
 711 .ie8 .primary-sidebar .widget textarea {
 712         font-size: 12px;
 713         padding: 3px 2px 4px 4px;
 714 }
 715
 716 .ie8 .footer-sidebar .widget input[type="button"],
 717 .ie8 .footer-sidebar .widget input[type="reset"],
 718 .ie8 .footer-sidebar .widget input[type="submit"],
 719 .ie8 .primary-sidebar .widget input[type="button"],
 720 .ie8 .primary-sidebar .widget input[type="reset"],
 721 .ie8 .primary-sidebar .widget input[type="submit"] {
 722         padding: 5px 15px 4px;
 723 }
 724
 725 .ie8 .footer-sidebar .widget .widget-title,
 726 .ie8 .primary-sidebar .widget .widget-title {
 727         font-size: 11px;
 728         font-weight: 700;
 729         line-height: 1.6363636363;
 730         margin-bottom: 18px;
 731 }
 732
 733 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .entry-title,
 734 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta,
 735 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
 736 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
 737 .ie8 .footer-sidebar .widget_twentyfourteen_ephemera .entry-content table,
 738 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .entry-title,
 739 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta,
 740 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
 741 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
 742 .ie8 .primary-sidebar .widget_twentyfourteen_ephemera .entry-content table {
 743         font-size: 11px;
 744         line-height: 1.6363636363;
 745 }
 746
 747 .ie8 .footer-sidebar .widget_archive li,
 748 .ie8 .footer-sidebar .widget_categories li,
 749 .ie8 .footer-sidebar .widget_links li,
 750 .ie8 .footer-sidebar .widget_meta li,
 751 .ie8 .footer-sidebar .widget_nav_menu li,
 752 .ie8 .footer-sidebar .widget_pages li,
 753 .ie8 .footer-sidebar .widget_recent_comments li,
 754 .ie8 .footer-sidebar .widget_recent_entries li,
 755 .ie8 .primary-sidebar .widget_archive li,
 756 .ie8 .primary-sidebar .widget_categories li,
 757 .ie8 .primary-sidebar .widget_links li,
 758 .ie8 .primary-sidebar .widget_meta li,
 759 .ie8 .primary-sidebar .widget_nav_menu li,
 760 .ie8 .primary-sidebar .widget_pages li,
 761 .ie8 .primary-sidebar .widget_recent_comments li,
 762 .ie8 .primary-sidebar .widget_recent_entries li {
 763         border-top: 0;
 764         padding: 0 0 6px;
 765 }
 766
 767 .ie8 .footer-sidebar .widget_categories li ul,
 768 .ie8 .footer-sidebar .widget_nav_menu li ul,
 769 .ie8 .footer-sidebar .widget_pages li ul,
 770 .ie8 .primary-sidebar .widget_categories li ul,
 771 .ie8 .primary-sidebar .widget_nav_menu li ul,
 772 .ie8 .primary-sidebar .widget_pages li ul {
 773         border-top: 0;
 774         margin-top: 0;
 775 }
 776
 777 .ie8 .grid .featured-content .entry-header {
 778         border-color: #000;
 779         border-style: solid;
 780         border-width: 12px 10px;
 781         height: 96px;
 782         padding: 0;
 783 }
 784
 785 .ie8 .featured-content {
 786         padding-left: 17.61904761%;
 787 }
 788
 789 .ie8 .grid .featured-content .hentry {
 790         float: left;
 791         width: 33.3333333%;
 792 }
 793
 794 .ie8 .grid .featured-content .hentry:nth-child( 3n+1 ) {
 795         clear: both;
 796 }
 797
 798 .ie8 .grid .featured-content .entry-header {
 799         height: 120px;
 800 }
 801
 802 .ie8 .slider .featured-content .entry-title {
 803         font-size: 33px;
 804         line-height: 1.0909090909;
 805 }
 806
 807 .ie8 .slider .featured-content .entry-header {
 808         min-height: inherit;
 809         padding: 24px 30px 48px;
 810         position: absolute;
 811         left: 0;
 812         bottom: 0;
 813         width: 50%;
 814         z-index: 3;
 815 }
 816
 817 .ie8 .slider-control-paging {
 818         background: transparent;
 819         margin-top: -48px;
 820         padding-left: 24px;
 821         width: 50%;
 822 }
 823
 824 .ie8 .slider-control-paging li {
 825         margin: 12px 12px 12px 0;
 826 }
 827
 828 .ie8 .slider-control-paging a {
 829         height: 24px;
 830         width: 24px;
 831 }
 832
 833 .ie8 .slider-control-paging a:before {
 834         top: 6px;
 835         left: 6px;
 836 }
 837
 838 .ie8 .slider-direction-nav {
 839         clear: none;
 840         float: right;
 841         margin-top: -48px;
 842         width: 98px;
 843 }
 844
 845 .ie8 .slider-direction-nav li:first-child {
 846         padding: 0 1px 0 0;
 847 }
 848
 849 .ie8 .slider-direction-nav li {
 850         border: 0;
 851         padding: 0 0 0 1px;
 852 }
 853
 854 .ie8 .slider-direction-nav a {
 855         height: 48px;
 856 }
 857
 858 .ie8 .slider-direction-nav a:before {
 859         line-height: 48px;
 860 }
 861
 862
 863 /**
 864  * Internet Explorer 7
 865  */
 866
 867 .ie7 audio,
 868 .ie7 canvas,
 869 .ie7 video {
 870         display: inline;
 871         zoom: 1;
 872 }
 873
 874 .ie7 button,
 875 .ie7 input,
 876 .ie7 select,
 877 .ie7 textarea {
 878         vertical-align: middle;
 879 }
 880
 881 .ie7 button,
 882 .ie7 input[type="button"],
 883 .ie7 input[type="reset"],
 884 .ie7 input[type="submit"] {
 885         overflow: visible;
 886 }
 887
 888 .ie7 .screen-reader-text {
 889         clip: rect(1px 1px 1px 1px);
 890 }
 891
 892 .ie7 .site,
 893 .ie7 .site-header {
 894         max-width: 100%;
 895 }
 896
 897 .ie7 .search-toggle {
 898         line-height: 45px;
 899         margin-right: 190px;
 900         padding: 0 20px;
 901         text-transform: uppercase;
 902         width: auto;
 903 }
 904
 905 .ie7 .search-toggle .screen-reader-text {
 906         color: #fff;
 907         position: relative; /* Override inherited `absolute` value set in style.css. */
 908 }
 909
 910 .ie7 .search-box {
 911         height: 24px;
 912         padding: 12px 0;
 913 }
 914
 915 .ie7 .search-box .search-field {
 916         margin: 0 10px;
 917         width: 33%;
 918 }
 919
 920 .ie7 .site-navigation li {
 921         border-top: 1px solid #4d4d4d;
 922 }
 923
 924 .ie7 .primary-navigation .nav-menu,
 925 .ie7 .secondary-navigation {
 926         border-bottom: 1px solid #4d4d4d;
 927 }
 928
 929 .ie7 .secondary-navigation {
 930         margin: 48px auto;
 931         max-width: 474px
 932 }
 933
 934 .ie7 .content-area {
 935         padding-top: 48px;
 936 }
 937
 938 .ie7 .hentry {
 939         max-width: 100%;
 940 }
 941
 942 .ie7 .menu-toggle {
 943         color: #fff;
 944         font-weight: 400;
 945         font-size: 16px;
 946         line-height: 45px;
 947         text-transform: uppercase;
 948         width: 200px;
 949 }
 950
 951 .ie7 .post-thumbnail img {
 952         display: block;
 953         margin: 0 auto;
 954 }
 955
 956 .ie7 .entry-meta .tag-links a {
 957         margin-left: 0;
 958 }
 959
 960 .ie7 .content-sidebar {
 961         padding: 48px 10px;
 962 }
 963
 964 .ie7 .singular .hentry.has-post-thumbnail {
 965         margin-top: -48px;
 966 }
 967
 968 .ie7 .entry-meta > span,
 969 .ie7 .widget_twentyfourteen_ephemera .entry-title {
 970         margin-right: 20px;
 971 }
 972
 973 .ie7 #secondary {
 974         border-bottom: 1px solid #4d4d4d;
 975 }
 976
 977 .ie7 .content-sidebar {
 978         border-top: 1px solid #e5e5e5;
 979         border-bottom: 1px solid #e5e5e5;
 980 }
 981
 982 .ie7 .widget {
 983         margin: 0 auto 48px;
 984         max-width: 474px;
 985 }
 986
 987 .ie7 .content-sidebar .widget_twentyfourteen_ephemera .widget-title {
 988         padding-top: 7px;
 989 }
 990
 991 .ie7 .slider .featured-content .hentry {
 992         display: block;
 993 }
 994
 995 .ie7 .featured-content .entry-header {
 996         min-height: 0;
 997 }
 998
 999 .ie7 .slider-control-paging a {
1000         line-height: 40px;
1001         text-indent: 0;
1002 }
1003
1004 .ie7 .slider-control-paging .slider-active {
1005         color: #41a62a;
1006 }
1007
1008 .ie7 .slider-direction-nav {
1009         border-top: 2px solid #fff;
1010 }
1011
1012 .ie7 .slider-direction-nav li {
1013         border: 0;
1014         width: 49%;
1015 }
1016
1017 .ie7 .slider-direction-nav a {
1018         font-size: 16px;
1019         line-height: 45px;
1020         text-transform: uppercase;
1021 }
1022
1023 .ie7 .slider-direction-nav a:hover {
1024         background-color: #000;
1025         color: #41a62a;
1026 }
1027
1028 .ie7 .search-toggle {
1029         line-height: 45px;
1030         margin-right: 190px;
1031 }
1032
1033 .ie7 .featured-content .post-thumbnail,
1034 .ie7 .slider .featured-content .post-thumbnail {
1035         padding-top: 0;
1036 }
1037
1038 .ie7 .featured-content .post-thumbnail img {
1039         position: relative;
1040 }
1041
1042 .ie7 .featured-content .entry-header {
1043         width: auto;
1044 }
1045
1046 .ie7 .grid .featured-content .hentry {
1047         float: left;
1048         margin: 0 auto;
1049         max-width: 672px;
1050         width: 33.333333%;
1051 }
1052
1053 .ie7 .slider .featured-content .entry-header {
1054         margin: 0 auto;
1055         max-width: 1038px;
1056 }
1057
1058 .ie7 .slider-control-paging {
1059         float: none;
1060         margin: -24px auto 0;
1061         max-width: 1038px;
1062         width: auto;
1063 }
1064
1065
1066 /**
1067  * RTL for Internet Explorer 8 & 7
1068  */
1069
1070 .rtl .attachment a,
1071 .rtl .gallery a,
1072 .rtl .wp-caption a,
1073 .rtl .widget_twentyfourteen_ephemera .entry-content a {
1074         display: inline;
1075 }
1076
1077
1078 /**
1079  * RTL overrides for Internet Explorer 8
1080  */
1081
1082 .ie8 .rtl .site-content .entry-meta > span {
1083         margin-right: auto;
1084         margin-left: 10px;
1085 }
1086
1087 .ie8 .rtl .site-content .format-quote .post-format a:before {
1088         margin-right: auto;
1089         margin-left: 2px;
1090 }
1091
1092 .ie8 .rtl .site-content .format-gallery .post-format a:before {
1093         margin-right: auto;
1094         margin-left: 4px;
1095 }
1096
1097 .ie8 .rtl .site-content .format-aside .post-format a:before {
1098         margin-right: auto;
1099         margin-left: 2px;
1100 }
1101
1102 .ie8 .rtl .site-content .featured-post:before {
1103         margin-right: auto;
1104         margin-left: 3px;
1105 }
1106
1107 .ie8 .rtl .site-content .entry-date a:before,
1108 .ie8 .rtl .attachment .site-content span.entry-date:before {
1109         margin-right: auto;
1110         margin-left: 1px;
1111 }
1112
1113 .ie8 .rtl .site-content .comments-link a:before {
1114         margin-right: auto;
1115         margin-left: 2px;
1116 }
1117
1118 .ie8 .rtl .site-content .full-size-link a:before {
1119         margin-right: auto;
1120         margin-left: 1px;
1121 }
1122
1123 .ie8 .rtl .main-content {
1124         float: right;
1125 }
1126
1127 .ie8 .rtl .content-area {
1128         float: right;
1129 }
1130
1131 .ie8 .rtl .site-content {
1132         margin-right: 17.61904761%;
1133         margin-left: 29.04761904%;
1134 }
1135
1136 .ie8 .rtl .search-box-wrapper,
1137 .ie8 .rtl .featured-content {
1138         padding-right: 17.61904761%;
1139         padding-left: 0;
1140 }
1141
1142 .ie8 .rtl .header-main {
1143         padding: 0 30px 0 0;
1144 }
1145
1146 .ie8 .rtl .search-toggle {
1147         margin-right: auto;
1148         margin-left: 0;
1149 }
1150
1151 .ie8 .rtl .primary-navigation {
1152         float: left;
1153         margin: 0 -10px 0 1px;
1154 }
1155
1156 .ie8 .rtl .primary-navigation ul ul {
1157         float: right;
1158         right: -999em;
1159         left: auto;
1160 }
1161
1162 .ie8 .rtl .primary-navigation ul ul ul {
1163         right: -999em;
1164         left: auto;
1165 }
1166
1167 .ie8 .rtl .primary-navigation ul li:hover > ul,
1168 .ie8 .rtl .primary-navigation ul li.focus > ul {
1169         right: auto;
1170         left: auto;
1171 }
1172
1173 .ie8 .rtl .primary-navigation ul ul li:hover > ul,
1174 .ie8 .rtl .primary-navigation ul ul li.focus > ul {
1175         right: 100%;
1176         left: auto;
1177 }
1178
1179 .ie8 .rtl .entry-meta .tag-links a:before {
1180         right: -8px;
1181 }
1182
1183 .ie8 .rtl .archive-header,
1184 .ie8 .rtl .comments-area,
1185 .ie8 .rtl .image-navigation,
1186 .ie8 .rtl .page-header,
1187 .ie8 .rtl .page-content,
1188 .ie8 .rtl .post-navigation,
1189 .ie8 .rtl .site-content .entry-header,
1190 .ie8 .rtl .site-content .entry-content,
1191 .ie8 .rtl .site-content .entry-summary,
1192 .ie8 .rtl .site-content footer.entry-meta {
1193         margin-right: auto;
1194         margin-left: 54px;
1195 }
1196
1197 .ie8 .rtl .comment-author,
1198 .ie8 .rtl .comment-awaiting-moderation,
1199 .ie8 .rtl .comment-content,
1200 .ie8 .rtl .comment-list .reply,
1201 .ie8 .rtl .comment-metadata {
1202         padding-right: 50px;
1203         padding-left: 0;
1204 }
1205
1206 .ie8 .rtl .comment-list .children {
1207         margin-right: 20px;
1208         margin-left: auto;
1209 }
1210
1211
1212 .ie8 .rtl.full-width .site-content {
1213         margin-left: 0;
1214 }
1215
1216 .ie8 .rtl.full-width .archive-header,
1217 .ie8 .rtl.full-width .comments-area,
1218 .ie8 .rtl.full-width .image-navigation,
1219 .ie8 .rtl.full-width .page-header,
1220 .ie8 .rtl.full-width .page-content,
1221 .ie8 .rtl.full-width .post-navigation,
1222 .ie8 .rtl.full-width .site-content .entry-header,
1223 .ie8 .rtl.full-width .site-content .entry-content,
1224 .ie8 .rtl.full-width .site-content .entry-summary,
1225 .ie8 .rtl.full-width .site-content footer.entry-meta {
1226         margin-left: auto;
1227 }
1228
1229 .ie8 .rtl .contributor-avatar {
1230         margin-right: -168px;
1231         margin-left: auto;
1232 }
1233
1234 .ie8 .rtl .contributor-summary {
1235         float: right;
1236 }
1237
1238 .ie8 .rtl .site:before {
1239         right: 0;
1240         left: auto;
1241 }
1242
1243 .ie8 .rtl #secondary {
1244         float: right;
1245         margin: 0 -100% 0 0;
1246 }
1247
1248 .ie8 .rtl .secondary-navigation ul ul {
1249         right: -999em;
1250         left: auto;
1251 }
1252
1253 .ie8 .rtl .secondary-navigation ul li:hover > ul,
1254 .ie8 .rtl .secondary-navigation ul li.focus > ul {
1255         right: 202px;
1256         left: auto;
1257 }
1258
1259 .ie8 .rtl .content-sidebar {
1260         float: left;
1261         margin-right: -29.04761904%;
1262         margin-left: auto;
1263 }
1264
1265 .ie8 .rtl .footer-sidebar .widget {
1266         float: right;
1267 }
1268
1269 .ie8 .rtl .featured-content {
1270         padding-right: 17.61904761%;
1271         padding-left: 0;
1272 }
1273
1274 .ie8 .rtl.grid .featured-content .hentry {
1275         float: right;
1276 }
1277
1278 .ie8 .rtl.slider .featured-content .entry-header {
1279         right: 0;
1280         left: auto;
1281 }
1282
1283 .ie8 .rtl .slider-control-paging {
1284         padding-right: 24px;
1285         padding-left: 0;
1286 }
1287
1288 .ie8 .rtl .slider-control-paging li {
1289         margin: 12px 0 12px 12px;
1290 }
1291
1292 .ie8 .rtl .slider-control-paging a:before {
1293         right: 6px;
1294         left: auto;
1295 }
1296
1297 .ie8 .rtl .slider-direction-nav {
1298         float: left;
1299 }
1300
1301 .ie8 .rtl .slider-direction-nav li {
1302         padding: 0 1px 0 0;
1303 }
1304
1305 .ie8 .rtl .slider-direction-nav li:first-child {
1306         padding: 0 0 0 1px;
1307 }
1308
1309
1310 /**
1311  * RTL overrides for Internet Explorer 7
1312  */
1313
1314 .ie7 .rtl.grid .featured-content .hentry {
1315         float: right;
1316 }
1317
1318 .ie7 .rtl .slider-control-paging {
1319         float: none;
1320         margin: -24px auto 0;
1321 }
1322
1323 .ie7 .rtl .entry-meta .tag-links a {
1324         margin-right: 0;
1325         margin-left: auto;
1326 }
1327
1328 .ie7 .rtl .search-toggle {
1329         margin-right: auto;
1330         margin-left: 190px;
1331 }