[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Sixteen
   3  Theme URI: https://wordpress.org/themes/twentysixteen/
   4  Author: the WordPress team
   5  Author URI: https://wordpress.org/
   6  Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
   7  Version: 3.8
   8  Tested up to: 7.0
   9  Requires at least: 4.4
  10  Requires PHP: 5.2.4
  11  License: GNU General Public License v2 or later
  12  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13  Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, block-patterns
  14  Text Domain: twentysixteen
  15  
  16  This theme, like WordPress, is licensed under the GPL.
  17  Use it to make something cool, have fun, and share what you've learned with others.
  18  */
  19  
  20  
  21  /**
  22   * Table of Contents
  23   *
  24   * 1.0 - Normalize
  25   * 2.0 - Genericons
  26   * 3.0 - Typography
  27   * 4.0 - Elements
  28   * 5.0 - Forms
  29   * 6.0 - Navigation
  30   *   6.1 - Links
  31   *   6.2 - Menus
  32   * 7.0 - Accessibility
  33   * 8.0 - Alignments
  34   * 9.0 - Clearings
  35   * 10.0 - Widgets
  36   * 11.0 - Content
  37   *    11.1 - Header
  38   *    11.2 - Posts and pages
  39   *    11.3 - Post Formats
  40   *    11.4 - Comments
  41   *    11.5 - Sidebar
  42   *    11.6 - Footer
  43   * 12.0 - Media
  44   *    12.1 - Captions
  45   *    12.2 - Galleries
  46   * 13.0 - Multisite
  47   * 14.0 - Media Queries
  48   *    14.1 - >= 710px
  49   *    14.2 - >= 783px
  50   *    14.3 - >= 910px
  51   *    14.4 - >= 985px
  52   *    14.5 - >= 1200px
  53   * 15.0 - Print
  54   */
  55  
  56  
  57  /**
  58   * 1.0 - Normalize
  59   *
  60   * Normalizing styles have been helped along thanks to the fine work of
  61   * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
  62   */
  63  
  64  html {
  65      font-family: sans-serif;
  66      -webkit-text-size-adjust: 100%;
  67      -ms-text-size-adjust: 100%;
  68  }
  69  
  70  body {
  71      margin: 0;
  72  }
  73  
  74  article,
  75  aside,
  76  details,
  77  figcaption,
  78  figure,
  79  footer,
  80  header,
  81  main,
  82  menu,
  83  nav,
  84  section,
  85  summary {
  86      display: block;
  87  }
  88  
  89  audio,
  90  canvas,
  91  progress,
  92  video {
  93      display: inline-block;
  94      vertical-align: baseline;
  95  }
  96  
  97  audio:not([controls]) {
  98      display: none;
  99      height: 0;
 100  }
 101  
 102  [hidden],
 103  template {
 104      display: none;
 105  }
 106  
 107  a {
 108      background-color: transparent;
 109  }
 110  
 111  abbr[title] {
 112      border-bottom: 1px dotted;
 113  }
 114  
 115  b,
 116  strong {
 117      font-weight: 700;
 118  }
 119  
 120  small {
 121      font-size: 80%;
 122  }
 123  
 124  sub,
 125  sup {
 126      font-size: 75%;
 127      line-height: 0;
 128      position: relative;
 129      vertical-align: baseline;
 130  }
 131  
 132  sup {
 133      top: -0.5em;
 134  }
 135  
 136  sub {
 137      bottom: -0.25em;
 138  }
 139  
 140  img {
 141      border: 0;
 142  }
 143  
 144  svg:not(:root) {
 145      overflow: hidden;
 146  }
 147  
 148  figure {
 149      margin: 0;
 150  }
 151  
 152  hr {
 153      -webkit-box-sizing: content-box;
 154      -moz-box-sizing: content-box;
 155      box-sizing: content-box;
 156  }
 157  
 158  code,
 159  kbd,
 160  pre,
 161  samp {
 162      font-size: 1em;
 163  }
 164  
 165  button,
 166  input,
 167  optgroup,
 168  select,
 169  textarea {
 170      color: inherit;
 171      font: inherit;
 172      margin: 0;
 173  }
 174  
 175  select {
 176      text-transform: none;
 177  }
 178  
 179  button {
 180      overflow: visible;
 181  }
 182  
 183  button,
 184  input,
 185  select,
 186  textarea {
 187      max-width: 100%;
 188  }
 189  
 190  button,
 191  html input[type="button"],
 192  input[type="reset"],
 193  input[type="submit"] {
 194      -webkit-appearance: button;
 195      cursor: pointer;
 196  }
 197  
 198  button[disabled],
 199  html input[disabled] {
 200      cursor: default;
 201      opacity: .5;
 202  }
 203  
 204  button::-moz-focus-inner,
 205  input::-moz-focus-inner {
 206      border: 0;
 207      padding: 0;
 208  }
 209  
 210  input[type="checkbox"],
 211  input[type="radio"] {
 212      -webkit-box-sizing: border-box;
 213      -moz-box-sizing: border-box;
 214      box-sizing: border-box;
 215      margin-right: 0.4375em;
 216      padding: 0;
 217  }
 218  
 219  input[type="date"]::-webkit-inner-spin-button,
 220  input[type="date"]::-webkit-outer-spin-button,
 221  input[type="time"]::-webkit-inner-spin-button,
 222  input[type="time"]::-webkit-outer-spin-button,
 223  input[type="datetime-local"]::-webkit-inner-spin-button,
 224  input[type="datetime-local"]::-webkit-outer-spin-button,
 225  input[type="week"]::-webkit-inner-spin-button,
 226  input[type="week"]::-webkit-outer-spin-button,
 227  input[type="month"]::-webkit-inner-spin-button,
 228  input[type="month"]::-webkit-outer-spin-button,
 229  input[type="number"]::-webkit-inner-spin-button,
 230  input[type="number"]::-webkit-outer-spin-button {
 231      height: auto;
 232  }
 233  
 234  input[type="search"] {
 235      -webkit-appearance: textfield;
 236  }
 237  
 238  input[type="search"]::-webkit-search-cancel-button,
 239  input[type="search"]::-webkit-search-decoration {
 240      -webkit-appearance: none;
 241  }
 242  
 243  fieldset {
 244      border: 1px solid #d1d1d1;
 245      margin: 0 0 1.75em;
 246      min-width: inherit;
 247      padding: 0.875em;
 248  }
 249  
 250  fieldset > :last-child {
 251      margin-bottom: 0;
 252  }
 253  
 254  legend {
 255      border: 0;
 256      padding: 0;
 257  }
 258  
 259  textarea {
 260      overflow: auto;
 261      vertical-align: top;
 262  }
 263  
 264  optgroup {
 265      font-weight: bold;
 266  }
 267  
 268  
 269  /**
 270   * 2.0 - Genericons
 271   */
 272  
 273  .menu-item-has-children a:after,
 274  .social-navigation a:before,
 275  .dropdown-toggle:after,
 276  .bypostauthor > article .fn:after,
 277  .comment-reply-title small a:before,
 278  .pagination .prev:before,
 279  .pagination .next:before,
 280  .pagination .nav-links:before,
 281  .pagination .nav-links:after,
 282  .search-submit:before {
 283      -moz-osx-font-smoothing: grayscale;
 284      -webkit-font-smoothing: antialiased;
 285      display: inline-block;
 286      font-family: "Genericons";
 287      font-size: 16px;
 288      font-style: normal;
 289      font-variant: normal;
 290      font-weight: normal;
 291      line-height: 1;
 292      speak: never;
 293      text-align: center;
 294      text-decoration: inherit;
 295      text-transform: none;
 296      vertical-align: top;
 297  }
 298  
 299  
 300  /**
 301   * 3.0 - Typography
 302   */
 303  
 304  body,
 305  button,
 306  input,
 307  select,
 308  textarea {
 309      color: #1a1a1a;
 310      font-family: Merriweather, Georgia, serif;
 311      font-size: 16px;
 312      font-size: 1rem;
 313      line-height: 1.75;
 314  }
 315  
 316  h1,
 317  h2,
 318  h3,
 319  h4,
 320  h5,
 321  h6 {
 322      clear: both;
 323      font-weight: 700;
 324      margin: 0;
 325      text-rendering: optimizeLegibility;
 326  }
 327  
 328  p {
 329      margin: 0 0 1.75em;
 330  }
 331  
 332  dfn,
 333  cite,
 334  em,
 335  i {
 336      font-style: italic;
 337  }
 338  
 339  blockquote {
 340      border: 0 solid #1a1a1a;
 341      border-left-width: 4px;
 342      color: #686868;
 343      font-size: 19px;
 344      font-size: 1.1875rem;
 345      font-style: italic;
 346      line-height: 1.4736842105;
 347      margin: 0 0 1.4736842105em;
 348      overflow: hidden;
 349      padding: 0 0 0 1.263157895em;
 350  }
 351  
 352  blockquote,
 353  q {
 354      quotes: none;
 355  }
 356  
 357  blockquote:before,
 358  blockquote:after,
 359  q:before,
 360  q:after {
 361      content: "";
 362  }
 363  
 364  blockquote p {
 365      margin-bottom: 1.4736842105em;
 366  }
 367  
 368  blockquote cite,
 369  blockquote small {
 370      color: #1a1a1a;
 371      display: block;
 372      font-size: 16px;
 373      font-size: 1rem;
 374      line-height: 1.75;
 375  }
 376  
 377  blockquote cite:before,
 378  blockquote small:before {
 379      content: "\2014\00a0";
 380  }
 381  
 382  blockquote em,
 383  blockquote i,
 384  blockquote cite {
 385      font-style: normal;
 386  }
 387  
 388  blockquote :where(cite) em,
 389  blockquote :where(cite) i {
 390      font-style: italic;
 391  }
 392  
 393  blockquote strong,
 394  blockquote b {
 395      font-weight: 400;
 396  }
 397  
 398  blockquote > :last-child {
 399      margin-bottom: 0;
 400  }
 401  
 402  address {
 403      font-style: italic;
 404      margin: 0 0 1.75em;
 405  }
 406  
 407  code,
 408  kbd,
 409  tt,
 410  var,
 411  samp,
 412  pre {
 413      font-family: Inconsolata, monospace;
 414  }
 415  
 416  pre {
 417      border: 1px solid #d1d1d1;
 418      font-size: 16px;
 419      font-size: 1rem;
 420      line-height: 1.3125;
 421      margin: 0 0 1.75em;
 422      max-width: 100%;
 423      overflow: auto;
 424      padding: 1.75em;
 425      white-space: pre;
 426      white-space: pre-wrap;
 427      word-wrap: break-word;
 428  }
 429  
 430  code {
 431      background-color: #d1d1d1;
 432      padding: 0.125em 0.25em;
 433  }
 434  
 435  abbr,
 436  acronym {
 437      border-bottom: 1px dotted #d1d1d1;
 438      cursor: help;
 439  }
 440  
 441  mark,
 442  ins {
 443      background: #007acc;
 444      color: #fff;
 445      padding: 0.125em 0.25em;
 446      text-decoration: none;
 447  }
 448  
 449  big {
 450      font-size: 125%;
 451  }
 452  
 453  
 454  /**
 455   * 4.0 - Elements
 456   */
 457  
 458  html {
 459      -webkit-box-sizing: border-box;
 460      -moz-box-sizing: border-box;
 461      box-sizing: border-box;
 462  }
 463  
 464  *,
 465  *:before,
 466  *:after {
 467      /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
 468      -webkit-box-sizing: inherit;
 469      -moz-box-sizing: inherit;
 470      box-sizing: inherit;
 471  }
 472  
 473  body {
 474      background: #1a1a1a;
 475      /* Fallback for when there is no custom background color defined. */
 476  }
 477  
 478  hr {
 479      background-color: #d1d1d1;
 480      border: 0;
 481      height: 1px;
 482      margin: 0 0 1.75em;
 483  }
 484  
 485  ul,
 486  ol {
 487      margin: 0 0 1.75em 1.25em;
 488      padding: 0;
 489  }
 490  
 491  ul {
 492      list-style: disc;
 493  }
 494  
 495  ol {
 496      list-style: decimal;
 497      margin-left: 1.5em;
 498  }
 499  
 500  li > ul,
 501  li > ol {
 502      margin-bottom: 0;
 503  }
 504  
 505  dl {
 506      margin: 0 0 1.75em;
 507  }
 508  
 509  dt {
 510      font-weight: 700;
 511  }
 512  
 513  dd {
 514      margin: 0 0 1.75em;
 515  }
 516  
 517  img {
 518      height: auto;
 519      /* Make sure images are scaled correctly. */
 520      max-width: 100%;
 521      /* Adhere to container width. */
 522      vertical-align: middle;
 523  }
 524  
 525  del {
 526      opacity: 0.8;
 527  }
 528  
 529  table,
 530  th,
 531  td {
 532      border: 1px solid #d1d1d1;
 533  }
 534  
 535  table {
 536      border-collapse: separate;
 537      border-spacing: 0;
 538      border-width: 1px 0 0 1px;
 539      margin: 0 0 1.75em;
 540      table-layout: fixed;
 541      /* Prevents HTML tables from becoming too wide */
 542      width: 100%;
 543  }
 544  
 545  caption,
 546  th,
 547  td {
 548      font-weight: normal;
 549      text-align: left;
 550  }
 551  
 552  th {
 553      border-width: 0 1px 1px 0;
 554      font-weight: 700;
 555  }
 556  
 557  td {
 558      border-width: 0 1px 1px 0;
 559  }
 560  
 561  th,
 562  td {
 563      padding: 0.4375em;
 564  }
 565  
 566  /* Placeholder text color -- selectors need to be separate to work. */
 567  ::-webkit-input-placeholder {
 568      color: #686868;
 569      font-family: Montserrat, "Helvetica Neue", sans-serif;
 570  }
 571  
 572  :-moz-placeholder {
 573      color: #686868;
 574      font-family: Montserrat, "Helvetica Neue", sans-serif;
 575  }
 576  
 577  ::-moz-placeholder {
 578      color: #686868;
 579      font-family: Montserrat, "Helvetica Neue", sans-serif;
 580      opacity: 1;
 581      /* Since FF19 lowers the opacity of the placeholder by default */
 582  }
 583  
 584  :-ms-input-placeholder {
 585      color: #686868;
 586      font-family: Montserrat, "Helvetica Neue", sans-serif;
 587  }
 588  
 589  
 590  /**
 591   * 5.0 - Forms
 592   */
 593  
 594  input {
 595      line-height: normal;
 596  }
 597  
 598  button,
 599  button[disabled]:hover,
 600  button[disabled]:focus,
 601  input[type="button"],
 602  input[type="button"][disabled]:hover,
 603  input[type="button"][disabled]:focus,
 604  input[type="reset"],
 605  input[type="reset"][disabled]:hover,
 606  input[type="reset"][disabled]:focus,
 607  input[type="submit"],
 608  input[type="submit"][disabled]:hover,
 609  input[type="submit"][disabled]:focus {
 610      background: #1a1a1a;
 611      border: 0;
 612      border-radius: 2px;
 613      color: #fff;
 614      font-family: Montserrat, "Helvetica Neue", sans-serif;
 615      font-weight: 700;
 616      letter-spacing: 0.046875em;
 617      line-height: 1;
 618      padding: 0.84375em 0.875em 0.78125em;
 619      text-transform: uppercase;
 620  }
 621  
 622  button:hover,
 623  button:focus,
 624  input[type="button"]:hover,
 625  input[type="button"]:focus,
 626  input[type="reset"]:hover,
 627  input[type="reset"]:focus,
 628  input[type="submit"]:hover,
 629  input[type="submit"]:focus {
 630      background: #007acc;
 631  }
 632  
 633  button:focus,
 634  input[type="button"]:focus,
 635  input[type="reset"]:focus,
 636  input[type="submit"]:focus {
 637      outline: thin dotted;
 638      outline-offset: -4px;
 639  }
 640  
 641  input[type="date"],
 642  input[type="time"],
 643  input[type="datetime-local"],
 644  input[type="week"],
 645  input[type="month"],
 646  input[type="text"],
 647  input[type="email"],
 648  input[type="url"],
 649  input[type="password"],
 650  input[type="search"],
 651  input[type="tel"],
 652  input[type="number"],
 653  textarea {
 654      background: #f7f7f7;
 655      background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
 656      border: 1px solid #d1d1d1;
 657      border-radius: 2px;
 658      color: #686868;
 659      padding: 0.625em 0.4375em;
 660      width: 100%;
 661  }
 662  
 663  input[type="date"]:focus,
 664  input[type="time"]:focus,
 665  input[type="datetime-local"]:focus,
 666  input[type="week"]:focus,
 667  input[type="month"]:focus,
 668  input[type="text"]:focus,
 669  input[type="email"]:focus,
 670  input[type="url"]:focus,
 671  input[type="password"]:focus,
 672  input[type="search"]:focus,
 673  input[type="tel"]:focus,
 674  input[type="number"]:focus,
 675  textarea:focus {
 676      background-color: #fff;
 677      border-color: #007acc;
 678      color: #1a1a1a;
 679      outline: 0;
 680  }
 681  
 682  .post-password-form {
 683      margin-bottom: 1.75em;
 684  }
 685  
 686  .post-password-form label {
 687      color: #686868;
 688      display: block;
 689      font-family: Montserrat, "Helvetica Neue", sans-serif;
 690      font-size: 13px;
 691      font-size: 0.8125rem;
 692      letter-spacing: 0.076923077em;
 693      line-height: 1.6153846154;
 694      margin-bottom: 1.75em;
 695      text-transform: uppercase;
 696  }
 697  
 698  .post-password-form input[type="password"] {
 699      margin-top: 0.4375em;
 700  }
 701  
 702  .post-password-form > :last-child {
 703      margin-bottom: 0;
 704  }
 705  
 706  .search-form {
 707      position: relative;
 708  }
 709  
 710  input[type="search"].search-field {
 711      border-radius: 2px 0 0 2px;
 712      width: -webkit-calc(100% - 42px);
 713      width: calc(100% - 42px);
 714  }
 715  
 716  .search-submit:before {
 717      content: "\f400";
 718      font-size: 24px;
 719      left: 2px;
 720      line-height: 42px;
 721      position: relative;
 722      width: 40px;
 723  }
 724  
 725  .search-submit {
 726      border-radius: 0 2px 2px 0;
 727      bottom: 0;
 728      overflow: hidden;
 729      padding: 0;
 730      position: absolute;
 731      right: 0;
 732      top: 0;
 733      width: 42px;
 734  }
 735  
 736  
 737  /**
 738   * 6.0 - Navigation
 739   */
 740  
 741  /**
 742   * 6.1 - Links
 743   */
 744  
 745  a {
 746      color: #007acc;
 747      text-decoration: none;
 748  }
 749  
 750  a:hover,
 751  a:focus,
 752  a:active {
 753      color: #686868;
 754  }
 755  
 756  a:focus {
 757      outline: thin dotted;
 758  }
 759  
 760  a:hover,
 761  a:active {
 762      outline: 0;
 763  }
 764  
 765  .entry-content a,
 766  .entry-summary a,
 767  .taxonomy-description a,
 768  .logged-in-as a,
 769  .comment-content a,
 770  .pingback .comment-body > a,
 771  .textwidget a,
 772  .entry-footer a:hover,
 773  .site-info a:hover {
 774      box-shadow: 0 1px 0 0 currentColor;
 775  }
 776  
 777  .entry-content a:hover,
 778  .entry-content a:focus,
 779  .entry-summary a:hover,
 780  .entry-summary a:focus,
 781  .taxonomy-description a:hover,
 782  .taxonomy-description a:focus,
 783  .logged-in-as a:hover,
 784  .logged-in-as a:focus,
 785  .comment-content a:hover,
 786  .comment-content a:focus,
 787  .pingback .comment-body > a:hover,
 788  .pingback .comment-body > a:focus,
 789  .textwidget a:hover,
 790  .textwidget a:focus {
 791      box-shadow: none;
 792  }
 793  
 794  
 795  /**
 796   * 6.2 - Menus
 797   */
 798  
 799  .site-header-menu {
 800      display: none;
 801      -webkit-flex: 0 1 100%;
 802      -ms-flex: 0 1 100%;
 803      flex: 0 1 100%;
 804      margin: 0.875em 0;
 805  }
 806  
 807  .site-header-menu.toggled-on,
 808  .no-js .site-header-menu {
 809      display: block;
 810  }
 811  
 812  .main-navigation {
 813      font-family: Montserrat, "Helvetica Neue", sans-serif;
 814  }
 815  
 816  .site-footer .main-navigation {
 817      margin-bottom: 1.75em;
 818  }
 819  
 820  .main-navigation ul {
 821      list-style: none;
 822      margin: 0;
 823  }
 824  
 825  .main-navigation li {
 826      border-top: 1px solid #d1d1d1;
 827      position: relative;
 828  }
 829  
 830  .main-navigation a {
 831      color: #1a1a1a;
 832      display: block;
 833      line-height: 1.3125;
 834      outline-offset: -1px;
 835      padding: 0.84375em 0;
 836  }
 837  
 838  .main-navigation a:hover,
 839  .main-navigation a:focus {
 840      color: #007acc;
 841  }
 842  
 843  .main-navigation .current-menu-item > a,
 844  .main-navigation .current-menu-ancestor > a {
 845      font-weight: 700;
 846  }
 847  
 848  .main-navigation ul ul {
 849      display: none;
 850      margin-left: 0.875em;
 851  }
 852  
 853  .no-js .main-navigation ul ul {
 854      display: block;
 855  }
 856  
 857  .main-navigation ul .toggled-on {
 858      display: block;
 859  }
 860  
 861  .main-navigation .primary-menu {
 862      border-bottom: 1px solid #d1d1d1;
 863  }
 864  
 865  .main-navigation .menu-item-has-children > a {
 866      margin-right: 56px;
 867  }
 868  
 869  .dropdown-toggle {
 870      background-color: transparent;
 871      border: 0;
 872      border-radius: 0;
 873      color: #1a1a1a;
 874      content: "";
 875      height: 48px;
 876      padding: 0;
 877      position: absolute;
 878      right: 0;
 879      text-transform: none;
 880      top: 0;
 881      width: 48px;
 882  }
 883  
 884  .dropdown-toggle:after {
 885      border: 0 solid #d1d1d1;
 886      border-left-width: 1px;
 887      content: "\f431";
 888      font-size: 24px;
 889      left: 1px;
 890      position: relative;
 891      width: 48px;
 892  }
 893  
 894  .dropdown-toggle:hover,
 895  .dropdown-toggle:focus {
 896      background-color: transparent;
 897      color: #007acc;
 898  }
 899  
 900  .dropdown-toggle:focus {
 901      outline: thin dotted;
 902      outline-offset: -1px;
 903  }
 904  
 905  .dropdown-toggle:focus:after {
 906      border-color: transparent;
 907  }
 908  
 909  .dropdown-toggle.toggled-on:after {
 910      content: "\f432";
 911  }
 912  
 913  .site-header .main-navigation + .social-navigation {
 914      margin-top: 1.75em;
 915  }
 916  
 917  .site-footer .social-navigation {
 918      margin-bottom: 1.75em;
 919  }
 920  
 921  .social-navigation ul {
 922      list-style: none;
 923      margin: 0 0 -0.4375em;
 924  }
 925  
 926  .social-navigation li {
 927      float: left;
 928      margin: 0 0.4375em 0.4375em 0;
 929  }
 930  
 931  .social-navigation a {
 932      border: 1px solid #d1d1d1;
 933      border-radius: 50%;
 934      color: #1a1a1a;
 935      display: block;
 936      height: 35px;
 937      position: relative;
 938      width: 35px;
 939  }
 940  
 941  .social-navigation a:before {
 942      content: "\f415";
 943      height: 33px;
 944      line-height: 33px;
 945      text-align: center;
 946      width: 33px;
 947  }
 948  
 949  .social-navigation a:hover:before,
 950  .social-navigation a:focus:before {
 951      color: #007acc;
 952  }
 953  
 954  .social-navigation a[href*="codepen.io"]:before {
 955      content: "\f216";
 956  }
 957  
 958  .social-navigation a[href*="digg.com"]:before {
 959      content: "\f221";
 960  }
 961  
 962  .social-navigation a[href*="dribbble.com"]:before {
 963      content: "\f201";
 964  }
 965  
 966  .social-navigation a[href*="dropbox.com"]:before {
 967      content: "\f225";
 968  }
 969  
 970  .social-navigation a[href*="facebook.com"]:before {
 971      content: "\f203";
 972  }
 973  
 974  .social-navigation a[href*="flickr.com"]:before {
 975      content: "\f211";
 976  }
 977  
 978  .social-navigation a[href*="foursquare.com"]:before {
 979      content: "\f226";
 980  }
 981  
 982  .social-navigation a[href*="plus.google.com"]:before {
 983      content: "\f206";
 984  }
 985  
 986  .social-navigation a[href*="github.com"]:before {
 987      content: "\f200";
 988  }
 989  
 990  .social-navigation a[href*="instagram.com"]:before {
 991      content: "\f215";
 992  }
 993  
 994  .social-navigation a[href*="linkedin.com"]:before {
 995      content: "\f208";
 996  }
 997  
 998  .social-navigation a[href*="path.com"]:before {
 999      content: "\f219";
1000  }
1001  
1002  .social-navigation a[href*="pinterest.com"]:before {
1003      content: "\f210";
1004  }
1005  
1006  .social-navigation a[href*="getpocket.com"]:before {
1007      content: "\f224";
1008  }
1009  
1010  .social-navigation a[href*="polldaddy.com"]:before {
1011      content: "\f217";
1012  }
1013  
1014  .social-navigation a[href*="reddit.com"]:before {
1015      content: "\f222";
1016  }
1017  
1018  .social-navigation a[href*="skype.com"]:before {
1019      content: "\f220";
1020  }
1021  
1022  .social-navigation a[href*="stumbleupon.com"]:before {
1023      content: "\f223";
1024  }
1025  
1026  .social-navigation a[href*="tumblr.com"]:before {
1027      content: "\f214";
1028  }
1029  
1030  .social-navigation a[href*="twitter.com"]:before {
1031      content: "\f202";
1032  }
1033  
1034  .social-navigation a[href*="vimeo.com"]:before {
1035      content: "\f212";
1036  }
1037  
1038  .social-navigation a[href*="wordpress.com"]:before,
1039  .social-navigation a[href*="wordpress.org"]:before {
1040      content: "\f205";
1041  }
1042  
1043  .social-navigation a[href*="youtube.com"]:before {
1044      content: "\f213";
1045  }
1046  
1047  .social-navigation a[href^="mailto:"]:before {
1048      content: "\f410";
1049  }
1050  
1051  .social-navigation a[href*="spotify.com"]:before {
1052      content: "\f515";
1053  }
1054  
1055  .social-navigation a[href*="twitch.tv"]:before {
1056      content: "\f516";
1057  }
1058  
1059  .social-navigation a[href$="/feed/"]:before {
1060      content: "\f413";
1061  }
1062  
1063  .post-navigation {
1064      border-top: 4px solid #1a1a1a;
1065      border-bottom: 4px solid #1a1a1a;
1066      clear: both;
1067      font-family: Montserrat, "Helvetica Neue", sans-serif;
1068      margin: 0 7.6923% 3.5em;
1069  }
1070  
1071  .post-navigation a {
1072      color: #1a1a1a;
1073      display: block;
1074      padding: 1.75em 0;
1075  }
1076  
1077  .post-navigation span {
1078      display: block;
1079  }
1080  
1081  .post-navigation .meta-nav {
1082      color: #686868;
1083      font-size: 13px;
1084      font-size: 0.8125rem;
1085      letter-spacing: 0.076923077em;
1086      line-height: 1.6153846154;
1087      margin-bottom: 0.5384615385em;
1088      text-transform: uppercase;
1089  }
1090  
1091  .post-navigation .post-title {
1092      display: inline;
1093      font-family: Montserrat, "Helvetica Neue", sans-serif;
1094      font-size: 23px;
1095      font-size: 1.4375rem;
1096      font-weight: 700;
1097      line-height: 1.2173913043;
1098      text-rendering: optimizeLegibility;
1099  }
1100  
1101  .post-navigation a:hover .post-title,
1102  .post-navigation a:focus .post-title {
1103      color: #007acc;
1104  }
1105  
1106  .post-navigation div + div {
1107      border-top: 4px solid #1a1a1a;
1108  }
1109  
1110  .pagination {
1111      border-top: 4px solid #1a1a1a;
1112      font-family: Montserrat, "Helvetica Neue", sans-serif;
1113      font-size: 19px;
1114      font-size: 1.1875rem;
1115      margin: 0 7.6923% 2.947368421em;
1116      min-height: 56px;
1117      position: relative;
1118  }
1119  
1120  .pagination:before,
1121  .pagination:after {
1122      background-color: #1a1a1a;
1123      content: "";
1124      height: 52px;
1125      position: absolute;
1126      top:0;
1127      width: 52px;
1128      z-index: 0;
1129  }
1130  
1131  .pagination:before {
1132      right: 0;
1133  }
1134  
1135  .pagination:after {
1136      right: 54px;
1137  }
1138  
1139  .pagination a:hover,
1140  .pagination a:focus {
1141      color: #1a1a1a;
1142  }
1143  
1144  .pagination .nav-links {
1145      padding-right: 106px;
1146      position: relative;
1147  }
1148  
1149  .pagination .nav-links:before,
1150  .pagination .nav-links:after {
1151      color: #fff;
1152      font-size: 32px;
1153      line-height: 51px;
1154      opacity: 0.3;
1155      position: absolute;
1156      width: 52px;
1157      z-index: 1;
1158  }
1159  
1160  .pagination .nav-links:before {
1161      content: "\f429";
1162      right: -1px;
1163  }
1164  
1165  .pagination .nav-links:after {
1166      content: "\f430";
1167      right: 55px;
1168  }
1169  
1170  /* reset screen-reader-text */
1171  .pagination .current .screen-reader-text {
1172      position: static !important;
1173  }
1174  
1175  .pagination .page-numbers {
1176      display: none;
1177      letter-spacing: 0.013157895em;
1178      line-height: 1;
1179      margin: 0 0.7368421053em 0 -0.7368421053em;
1180      padding: 0.8157894737em 0.7368421053em 0.3947368421em;
1181      text-transform: uppercase;
1182  }
1183  
1184  .pagination .current {
1185      display: inline-block;
1186      font-weight: 700;
1187  }
1188  
1189  .pagination .prev,
1190  .pagination .next {
1191      background-color: #1a1a1a;
1192      color: #fff;
1193      display: inline-block;
1194      height: 52px;
1195      margin: 0;
1196      overflow: hidden;
1197      padding: 0;
1198      position: absolute;
1199      top: 0;
1200      width: 52px;
1201      z-index: 2;
1202  }
1203  
1204  .pagination .prev:before,
1205  .pagination .next:before {
1206      font-size: 32px;
1207      height: 53px;
1208      line-height: 52px;
1209      position: relative;
1210      width: 53px;
1211  }
1212  
1213  .pagination .prev:hover,
1214  .pagination .prev:focus,
1215  .pagination .next:hover,
1216  .pagination .next:focus {
1217      background-color: #007acc;
1218      color: #fff;
1219  }
1220  
1221  .pagination .prev:focus,
1222  .pagination .next:focus {
1223      outline: 0;
1224  }
1225  
1226  .pagination .prev {
1227      right: 54px;
1228  }
1229  
1230  .pagination .prev:before {
1231      content: "\f430";
1232      left: -1px;
1233      top: -1px;
1234  }
1235  
1236  .pagination .next {
1237      right: 0;
1238  }
1239  
1240  .pagination .next:before {
1241      content: "\f429";
1242      right: -1px;
1243      top: -1px;
1244  }
1245  
1246  .image-navigation,
1247  .comment-navigation {
1248      border-top: 1px solid #d1d1d1;
1249      border-bottom: 1px solid #d1d1d1;
1250      color: #686868;
1251      font-family: Montserrat, "Helvetica Neue", sans-serif;
1252      font-size: 13px;
1253      font-size: 0.8125rem;
1254      line-height: 1.6153846154;
1255      margin: 0 7.6923% 2.1538461538em;
1256      padding: 1.0769230769em 0;
1257  }
1258  
1259  .comment-navigation {
1260      margin-right: 0;
1261      margin-left: 0;
1262  }
1263  
1264  .comments-title + .comment-navigation {
1265      border-bottom: 0;
1266      margin-bottom: 0;
1267  }
1268  
1269  .image-navigation .nav-previous:not(:empty),
1270  .image-navigation .nav-next:not(:empty),
1271  .comment-navigation .nav-previous:not(:empty),
1272  .comment-navigation .nav-next:not(:empty) {
1273      display: inline-block;
1274  }
1275  
1276  .image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
1277  .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
1278      content: "\002f";
1279      display: inline-block;
1280      opacity: 0.7;
1281      padding: 0 0.538461538em;
1282  }
1283  
1284  
1285  /**
1286   * 7.0 - Accessibility
1287   */
1288  
1289  /* Text meant only for screen readers */
1290  .says,
1291  .screen-reader-text {
1292      clip-path: inset(50%);
1293      height: 1px;
1294      overflow: hidden;
1295      position: absolute !important;
1296      width: 1px;
1297      /* Many screen reader and browser combinations announce broken words as they would appear visually. */
1298      word-wrap: normal !important;
1299      word-break: normal !important;
1300  }
1301  
1302  /* must have higher specificity than alternative color schemes inline styles */
1303  .site .skip-link {
1304      background-color: #f1f1f1;
1305      box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
1306      color: #21759b;
1307      display: block;
1308      font-family: Montserrat, "Helvetica Neue", sans-serif;
1309      font-size: 14px;
1310      font-weight: 700;
1311      left: -9999em;
1312      outline: none;
1313      padding: 15px 23px 14px;
1314      text-decoration: none;
1315      text-transform: none;
1316      top: -9999em;
1317  }
1318  
1319  .logged-in .site .skip-link {
1320      box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
1321      font-family: "Open Sans", sans-serif;
1322  }
1323  
1324  .site .skip-link:focus {
1325      clip-path: none;
1326      height: auto;
1327      left: 6px;
1328      top: 7px;
1329      width: auto;
1330      z-index: 100000;
1331  }
1332  
1333  
1334  /**
1335   * 8.0 - Alignments
1336   */
1337  
1338  .alignleft {
1339      float: left;
1340      margin: 0.375em 1.75em 1.75em 0;
1341  }
1342  
1343  .alignright {
1344      float: right;
1345      margin: 0.375em 0 1.75em 1.75em;
1346  }
1347  
1348  .aligncenter {
1349      clear: both;
1350      display: block;
1351      margin: 0 auto 1.75em;
1352  }
1353  
1354  blockquote.alignleft {
1355      margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
1356  }
1357  
1358  blockquote.alignright {
1359      margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
1360  }
1361  
1362  blockquote.aligncenter {
1363      margin-bottom: 1.473684211em;
1364  }
1365  
1366  
1367  /**
1368   * 9.0 - Clearings
1369   */
1370  
1371  .clear:before,
1372  .clear:after,
1373  blockquote:before,
1374  blockquote:after,
1375  .entry-content:before,
1376  .entry-content:after,
1377  .entry-summary:before,
1378  .entry-summary:after,
1379  .comment-content:before,
1380  .comment-content:after,
1381  .site-content:before,
1382  .site-content:after,
1383  .site-main > article:before,
1384  .site-main > article:after,
1385  .primary-menu:before,
1386  .primary-menu:after,
1387  .social-links-menu:before,
1388  .social-links-menu:after,
1389  .textwidget:before,
1390  .textwidget:after,
1391  .content-bottom-widgets:before,
1392  .content-bottom-widgets:after {
1393      content: "";
1394      display: table;
1395  }
1396  
1397  .clear:after,
1398  blockquote:after,
1399  .entry-content:after,
1400  .entry-summary:after,
1401  .comment-content:after,
1402  .site-content:after,
1403  .site-main > article:after,
1404  .primary-menu:after,
1405  .social-links-menu:after,
1406  .textwidget:after,
1407  .content-bottom-widgets:after {
1408      clear: both;
1409  }
1410  
1411  
1412  /**
1413   * 10.0 - Widgets
1414   */
1415  
1416  .widget {
1417      border-top: 4px solid #1a1a1a;
1418      margin-bottom: 3.5em;
1419      padding-top: 1.75em;
1420  }
1421  
1422  .widget-area > :last-child,
1423  .widget > :last-child,
1424  .widget > nav > :last-child {
1425      margin-bottom: 0;
1426  }
1427  
1428  .widget .widget-title {
1429      font-family: Montserrat, "Helvetica Neue", sans-serif;
1430      font-size: 16px;
1431      font-size: 1rem;
1432      letter-spacing: 0.046875em;
1433      line-height: 1.3125;
1434      margin: 0 0 1.75em;
1435      text-transform: uppercase;
1436  }
1437  
1438  .widget .widget-title:empty {
1439      margin-bottom: 0;
1440  }
1441  
1442  .widget-title a {
1443      color: #1a1a1a;
1444  }
1445  
1446  /* Calendar widget */
1447  .widget.widget_calendar table {
1448      margin: 0;
1449  }
1450  
1451  .widget_calendar .wp-calendar-nav {
1452      display: table;
1453      width: 100%;
1454  }
1455  
1456  .widget_calendar .wp-calendar-nav span {
1457      display: table-cell;
1458  }
1459  
1460  .widget_calendar .wp-calendar-nav-prev,
1461  .widget_calendar .wp-calendar-nav-next {
1462      width: 40%;
1463  }
1464  
1465  .widget_calendar td,
1466  .widget_calendar th,
1467  .widget_calendar .wp-calendar-nav span {
1468      line-height: 2.5625;
1469      padding: 0;
1470      text-align: center;
1471  }
1472  
1473  .widget_calendar caption {
1474      font-weight: 900;
1475      margin-bottom: 1.75em;
1476  }
1477  
1478  .widget_calendar tbody a {
1479      background-color: #007acc;
1480      color: #fff;
1481      display: block;
1482      font-weight: 700;
1483  }
1484  
1485  .widget_calendar tbody a:hover,
1486  .widget_calendar tbody a:focus {
1487      background-color: #686868;
1488      color: #fff;
1489  }
1490  
1491  /* Recent Posts widget */
1492  .widget_recent_entries .post-date {
1493      color: #686868;
1494      display: block;
1495      font-family: Montserrat, "Helvetica Neue", sans-serif;
1496      font-size: 13px;
1497      font-size: 0.8125rem;
1498      line-height: 1.615384615;
1499      margin-bottom: 0.538461538em;
1500  }
1501  
1502  .widget_recent_entries li:last-child .post-date {
1503      margin-bottom: 0;
1504  }
1505  
1506  /* RSS widget */
1507  .widget_rss .rsswidget img {
1508      margin-top: -0.375em;
1509  }
1510  
1511  .widget_rss .rss-date,
1512  .widget_rss cite {
1513      color: #686868;
1514      display: block;
1515      font-family: Montserrat, "Helvetica Neue", sans-serif;
1516      font-size: 13px;
1517      font-size: 0.8125rem;
1518      font-style: normal;
1519      line-height: 1.615384615;
1520      margin-bottom: 0.538461538em;
1521  }
1522  
1523  .widget_rss .rssSummary:last-child {
1524      margin-bottom: 2.1538461538em;
1525  }
1526  
1527  .widget_rss li:last-child :last-child {
1528      margin-bottom: 0;
1529  }
1530  
1531  /* Tag Cloud widget */
1532  .tagcloud a {
1533      border: 1px solid #d1d1d1;
1534      border-radius: 2px;
1535      display: inline-block;
1536      font-family: Montserrat, "Helvetica Neue", sans-serif;
1537      line-height: 1;
1538      margin: 0 0.1875em 0.4375em 0;
1539      padding: 0.5625em 0.4375em 0.5em;
1540  }
1541  
1542  .tagcloud ul {
1543      list-style-type: none;
1544      margin-left: 0;
1545  }
1546  
1547  .tagcloud ul li {
1548      display: inline-block;
1549  }
1550  
1551  .tagcloud a:hover,
1552  .tagcloud a:focus {
1553      border-color: #007acc;
1554      color: #007acc;
1555      outline: 0;
1556  }
1557  
1558  
1559  /**
1560   * 11.0 - Content
1561   */
1562  
1563  .site {
1564      background-color: #fff;
1565  }
1566  
1567  .site-inner {
1568      margin: 0 auto;
1569      max-width: 1320px;
1570      position: relative;
1571  }
1572  
1573  .site-content {
1574      word-wrap: break-word;
1575  }
1576  
1577  /* Do not show the outline on the skip link target. */
1578  #content[tabindex="-1"]:focus {
1579      outline: 0;
1580  }
1581  
1582  .site-main {
1583      margin-bottom: 3.5em;
1584  }
1585  
1586  .site-main > :last-child {
1587      margin-bottom: 0;
1588  }
1589  
1590  
1591  /**
1592   * 11.1 - Header
1593   */
1594  
1595  .site-header {
1596      padding: 2.625em 7.6923%;
1597  }
1598  
1599  .site-header-main {
1600      -webkit-align-items: center;
1601      -ms-flex-align: center;
1602      align-items: center;
1603      display: -webkit-flex;
1604      display: -ms-flexbox;
1605      display: flex;
1606      -webkit-flex-wrap: wrap;
1607      -ms-flex-wrap: wrap;
1608      flex-wrap: wrap;
1609  }
1610  
1611  .site-branding {
1612      margin: 0.875em auto 0.875em 0;
1613      /* Avoid overflowing wide custom logo in small screens in Firefox and IEs */
1614      max-width: 100%;
1615      min-width: 0;
1616      overflow: hidden;
1617  }
1618  
1619  .custom-logo-link {
1620      display: block;
1621  }
1622  
1623  .custom-logo {
1624      max-width: 180px;
1625  }
1626  
1627  .site-title {
1628      font-family: Montserrat, "Helvetica Neue", sans-serif;
1629      font-size: 23px;
1630      font-size: 1.4375rem;
1631      font-weight: 700;
1632      line-height: 1.2173913043;
1633      margin: 0;
1634  }
1635  
1636  .site-branding .site-title a {
1637      color: #1a1a1a;
1638  }
1639  
1640  .site-branding .site-title a:hover,
1641  .site-branding .site-title a:focus {
1642      color: #007acc;
1643  }
1644  
1645  .wp-custom-logo .site-title {
1646      margin-top: 0.608695652em;
1647  }
1648  
1649  .site-description {
1650      color: #686868;
1651      display: none;
1652      font-size: 13px;
1653      font-size: 0.8125rem;
1654      font-weight: 400;
1655      line-height: 1.0769230769;
1656      margin: 0.538461538em 0 0;
1657  }
1658  
1659  .menu-toggle {
1660      background-color: transparent;
1661      border: 1px solid #d1d1d1;
1662      color: #1a1a1a;
1663      font-size: 13px;
1664      font-size: 0.8125rem;
1665      margin: 1.076923077em 0;
1666      padding: 0.769230769em;
1667  }
1668  
1669  .no-js .menu-toggle {
1670      display: none;
1671  }
1672  
1673  .menu-toggle:hover,
1674  .menu-toggle:focus {
1675      background-color: transparent;
1676      border-color: #007acc;
1677      color: #007acc;
1678  }
1679  
1680  .menu-toggle.toggled-on,
1681  .menu-toggle.toggled-on:hover,
1682  .menu-toggle.toggled-on:focus {
1683      background-color: #1a1a1a;
1684      border-color: #1a1a1a;
1685      color: #fff;
1686  }
1687  
1688  .menu-toggle:focus {
1689      outline: 0;
1690  }
1691  
1692  .menu-toggle.toggled-on:focus {
1693      outline: thin dotted;
1694  }
1695  
1696  .header-image {
1697      clear: both;
1698      margin: 0.875em 0;
1699  }
1700  
1701  .header-image a {
1702      display: block;
1703  }
1704  
1705  .header-image a:hover img,
1706  .header-image a:focus img {
1707      opacity: 0.85;
1708  }
1709  
1710  /**
1711   * 11.2 - Posts and pages
1712   */
1713  
1714  .site-main > article {
1715      margin-bottom: 3.5em;
1716      position: relative;
1717  }
1718  
1719  .entry-header,
1720  .entry-summary,
1721  .entry-content,
1722  .entry-footer,
1723  .page-content {
1724      margin-right: 7.6923%;
1725      margin-left: 7.6923%;
1726  }
1727  
1728  .entry-title {
1729      font-family: Montserrat, "Helvetica Neue", sans-serif;
1730      font-size: 28px;
1731      font-size: 1.75rem;
1732      font-weight: 700;
1733      line-height: 1.25;
1734      margin-bottom: 1em;
1735  }
1736  
1737  .entry-title a {
1738      color: #1a1a1a;
1739  }
1740  
1741  .entry-title a:hover,
1742  .entry-title a:focus {
1743      color: #007acc;
1744  }
1745  
1746  .post-thumbnail {
1747      display: block;
1748      margin: 0 7.6923% 1.75em;
1749  }
1750  
1751  .post-thumbnail img {
1752      display: block;
1753  }
1754  
1755  .no-sidebar .post-thumbnail img {
1756      margin: 0 auto;
1757  }
1758  
1759  a.post-thumbnail:hover,
1760  a.post-thumbnail:focus {
1761      opacity: 0.85;
1762  }
1763  
1764  .entry-content,
1765  .entry-summary {
1766      border-color: #d1d1d1;
1767  }
1768  
1769  .entry-content h1,
1770  .entry-summary h1,
1771  .comment-content h1,
1772  .textwidget h1 {
1773      font-size: 28px;
1774      font-size: 1.75rem;
1775      line-height: 1.25;
1776      margin-top: 2em;
1777      margin-bottom: 1em;
1778  }
1779  
1780  .entry-content h2,
1781  .entry-summary h2,
1782  .comment-content h2,
1783  .textwidget h2 {
1784      font-size: 23px;
1785      font-size: 1.4375rem;
1786      line-height: 1.2173913043;
1787      margin-top: 2.4347826087em;
1788      margin-bottom: 1.2173913043em;
1789  }
1790  
1791  .entry-content h3,
1792  .entry-summary h3,
1793  .comment-content h3,
1794  .textwidget h3 {
1795      font-size: 19px;
1796      font-size: 1.1875rem;
1797      line-height: 1.1052631579;
1798      margin-top: 2.9473684211em;
1799      margin-bottom: 1.4736842105em;
1800  }
1801  
1802  .entry-content h4,
1803  .entry-content h5,
1804  .entry-content h6,
1805  .entry-summary h4,
1806  .entry-summary h5,
1807  .entry-summary h6,
1808  .comment-content h4,
1809  .comment-content h5,
1810  .comment-content h6,
1811  .textwidget h4,
1812  .textwidget h5,
1813  .textwidget h6 {
1814      font-size: 16px;
1815      font-size: 1rem;
1816      line-height: 1.3125;
1817      margin-top: 3.5em;
1818      margin-bottom: 1.75em;
1819  }
1820  
1821  .entry-content h4,
1822  .entry-summary h4,
1823  .comment-content h4,
1824  .textwidget h4 {
1825      letter-spacing: 0.140625em;
1826      text-transform: uppercase;
1827  }
1828  
1829  .entry-content h6,
1830  .entry-summary h6,
1831  .comment-content h6,
1832  .textwidget h6 {
1833      font-style: italic;
1834  }
1835  
1836  .entry-content h1,
1837  .entry-content h2,
1838  .entry-content h3,
1839  .entry-content h4,
1840  .entry-content h5,
1841  .entry-content h6,
1842  .entry-summary h1,
1843  .entry-summary h2,
1844  .entry-summary h3,
1845  .entry-summary h4,
1846  .entry-summary h5,
1847  .entry-summary h6,
1848  .comment-content h1,
1849  .comment-content h2,
1850  .comment-content h3,
1851  .comment-content h4,
1852  .comment-content h5,
1853  .comment-content h6,
1854  .textwidget h1,
1855  .textwidget h2,
1856  .textwidget h3,
1857  .textwidget h4,
1858  .textwidget h5,
1859  .textwidget h6 {
1860      font-weight: 900;
1861  }
1862  
1863  .entry-content h1:first-child,
1864  .entry-content h2:first-child,
1865  .entry-content h3:first-child,
1866  .entry-content h4:first-child,
1867  .entry-content h5:first-child,
1868  .entry-content h6:first-child,
1869  .entry-summary h1:first-child,
1870  .entry-summary h2:first-child,
1871  .entry-summary h3:first-child,
1872  .entry-summary h4:first-child,
1873  .entry-summary h5:first-child,
1874  .entry-summary h6:first-child,
1875  .comment-content h1:first-child,
1876  .comment-content h2:first-child,
1877  .comment-content h3:first-child,
1878  .comment-content h4:first-child,
1879  .comment-content h5:first-child,
1880  .comment-content h6:first-child,
1881  .textwidget h1:first-child,
1882  .textwidget h2:first-child,
1883  .textwidget h3:first-child,
1884  .textwidget h4:first-child,
1885  .textwidget h5:first-child,
1886  .textwidget h6:first-child {
1887      margin-top: 0;
1888  }
1889  
1890  .post-navigation .post-title,
1891  .entry-title,
1892  .comments-title {
1893      -webkit-hyphens: auto;
1894      -moz-hyphens: auto;
1895      -ms-hyphens: auto;
1896      hyphens: auto;
1897  }
1898  
1899  body:not(.search-results) .entry-summary {
1900      color: #686868;
1901      font-size: 19px;
1902      font-size: 1.1875rem;
1903      line-height: 1.4736842105;
1904      margin-bottom: 1.4736842105em;
1905  }
1906  
1907  body:not(.search-results) .entry-header + .entry-summary {
1908      margin-top: -0.736842105em;
1909  }
1910  
1911  body:not(.search-results) .entry-summary p,
1912  body:not(.search-results) .entry-summary address,
1913  body:not(.search-results) .entry-summary hr,
1914  body:not(.search-results) .entry-summary ul,
1915  body:not(.search-results) .entry-summary ol,
1916  body:not(.search-results) .entry-summary dl,
1917  body:not(.search-results) .entry-summary dd,
1918  body:not(.search-results) .entry-summary table {
1919      margin-bottom: 1.4736842105em;
1920  }
1921  
1922  body:not(.search-results) .entry-summary li > ul,
1923  body:not(.search-results) .entry-summary li > ol {
1924      margin-bottom: 0;
1925  }
1926  
1927  body:not(.search-results) .entry-summary th,
1928  body:not(.search-results) .entry-summary td {
1929      padding: 0.3684210526em;
1930  }
1931  
1932  body:not(.search-results) .entry-summary fieldset {
1933      margin-bottom: 1.4736842105em;
1934      padding: 0.3684210526em;
1935  }
1936  
1937  body:not(.search-results) .entry-summary blockquote {
1938      border-color: currentColor;
1939  }
1940  
1941  body:not(.search-results) .entry-summary blockquote > :last-child {
1942      margin-bottom: 0;
1943  }
1944  
1945  body:not(.search-results) .entry-summary .alignleft {
1946      margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
1947  }
1948  
1949  body:not(.search-results) .entry-summary .alignright {
1950      margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
1951  }
1952  
1953  body:not(.search-results) .entry-summary .aligncenter {
1954      margin-bottom: 1.4736842105em;
1955  }
1956  
1957  .entry-content > :last-child,
1958  .entry-summary > :last-child,
1959  body:not(.search-results) .entry-summary > :last-child,
1960  .page-content > :last-child,
1961  .comment-content > :last-child,
1962  .textwidget > :last-child {
1963      margin-bottom: 0;
1964  }
1965  
1966  .more-link {
1967      white-space: nowrap;
1968  }
1969  
1970  .author-info {
1971      border-color: inherit;
1972      border-style: solid;
1973      border-width: 1px 0 1px 0;
1974      clear: both;
1975      padding-top: 1.75em;
1976      padding-bottom: 1.75em;
1977  }
1978  
1979  .author-avatar .avatar {
1980      float: left;
1981      height: 42px;
1982      margin: 0 1.75em 1.75em 0;
1983      width: 42px;
1984  }
1985  
1986  .author-description > :last-child {
1987      margin-bottom: 0;
1988  }
1989  
1990  .entry-content .author-title {
1991      clear: none;
1992      font-size: 16px;
1993      font-size: 1rem;
1994      font-weight: 900;
1995      line-height: 1.75;
1996      margin: 0;
1997  }
1998  
1999  .author-bio {
2000      color: #686868;
2001      font-size: 13px;
2002      font-size: 0.8125rem;
2003      line-height: 1.6153846154;
2004      margin-bottom: 1.6153846154em;
2005      overflow: hidden;
2006  }
2007  
2008  .author-link {
2009      white-space: nowrap;
2010  }
2011  
2012  .entry-footer {
2013      color: #686868;
2014      font-family: Montserrat, "Helvetica Neue", sans-serif;
2015      font-size: 13px;
2016      font-size: 0.8125rem;
2017      line-height: 1.6153846154;
2018      margin-top: 2.1538461538em;
2019  }
2020  
2021  .entry-footer:empty {
2022      margin: 0;
2023  }
2024  
2025  .entry-footer a {
2026      color: #686868;
2027  }
2028  
2029  .entry-footer a:hover,
2030  .entry-footer a:focus {
2031      color: #007acc;
2032  }
2033  
2034  .entry-footer > span:not(:last-child):after {
2035      content: "\002f";
2036      display: inline-block;
2037      opacity: 0.7;
2038      padding: 0 0.538461538em;
2039  }
2040  
2041  .entry-footer .avatar {
2042      height: 21px;
2043      margin: -0.1538461538em 0.5384615385em 0 0;
2044      width: 21px;
2045  }
2046  
2047  .sticky-post {
2048      color: #686868;
2049      display: block;
2050      font-family: Montserrat, "Helvetica Neue", sans-serif;
2051      font-size: 13px;
2052      font-size: 0.8125rem;
2053      letter-spacing: 0.076923077em;
2054      line-height: 1.6153846154;
2055      margin-bottom: 0.5384615385em;
2056      text-transform: uppercase;
2057  }
2058  
2059  /**
2060   * IE8 and earlier will drop any block with CSS3 selectors.
2061   * Do not combine these styles with the next block.
2062   */
2063  .updated:not(.published) {
2064      display: none;
2065  }
2066  
2067  .sticky .posted-on,
2068  .byline {
2069      display: none;
2070  }
2071  
2072  .single .byline,
2073  .group-blog .byline {
2074      display: inline;
2075  }
2076  
2077  .page-header {
2078      border-top: 4px solid #1a1a1a;
2079      margin: 0 7.6923% 3.5em;
2080      padding-top: 1.75em;
2081  }
2082  
2083  body.error404 .page-header,
2084  body.search-no-results .page-header {
2085      border-top: 0;
2086      padding-top: 0;
2087  }
2088  
2089  .page-title {
2090      font-family: Montserrat, "Helvetica Neue", sans-serif;
2091      font-size: 23px;
2092      font-size: 1.4375rem;
2093      line-height: 1.2173913043;
2094  }
2095  
2096  .taxonomy-description {
2097      color: #686868;
2098      font-size: 13px;
2099      font-size: 0.8125rem;
2100      line-height: 1.6153846154;
2101  }
2102  
2103  .taxonomy-description p {
2104      margin: 0.5384615385em 0 1.6153846154em;
2105  }
2106  
2107  .taxonomy-description > :last-child {
2108      margin-bottom: 0;
2109  }
2110  
2111  .page-links {
2112      clear: both;
2113      font-family: Montserrat, "Helvetica Neue", sans-serif;
2114      margin: 0 0 1.75em;
2115  }
2116  
2117  .page-links a,
2118  .page-links > span {
2119      border: 1px solid #d1d1d1;
2120      border-radius: 2px;
2121      display: inline-block;
2122      font-size: 13px;
2123      font-size: 0.8125rem;
2124      height: 1.8461538462em;
2125      line-height: 1.6923076923em;
2126      margin-right: 0.3076923077em;
2127      text-align: center;
2128      width: 1.8461538462em;
2129  }
2130  
2131  .page-links a {
2132      background-color: #1a1a1a;
2133      border-color: #1a1a1a;
2134      color: #fff;
2135  }
2136  
2137  .page-links a:hover,
2138  .page-links a:focus {
2139      background-color: #007acc;
2140      border-color: transparent;
2141      color: #fff;
2142  }
2143  
2144  .page-links > .page-links-title {
2145      border: 0;
2146      color: #1a1a1a;
2147      height: auto;
2148      margin: 0;
2149      padding-right: 0.6153846154em;
2150      width: auto;
2151  }
2152  
2153  .entry-attachment {
2154      margin-bottom: 1.75em;
2155  }
2156  
2157  .entry-caption {
2158      color: #686868;
2159      font-size: 13px;
2160      font-size: 0.8125rem;
2161      font-style: italic;
2162      line-height: 1.6153846154;
2163      padding-top: 1.0769230769em;
2164  }
2165  
2166  .entry-caption > :last-child {
2167      margin-bottom: 0;
2168  }
2169  
2170  .content-bottom-widgets {
2171      margin: 0 7.6923%;
2172  }
2173  
2174  .content-bottom-widgets .widget-area {
2175      margin-bottom: 3.5em;
2176  }
2177  
2178  
2179  /**
2180   * 11.3 - Post Formats
2181   */
2182  
2183  .format-aside .entry-title,
2184  .format-image .entry-title,
2185  .format-video .entry-title,
2186  .format-quote .entry-title,
2187  .format-gallery .entry-title,
2188  .format-status .entry-title,
2189  .format-link .entry-title,
2190  .format-audio .entry-title,
2191  .format-chat .entry-title {
2192      font-size: 19px;
2193      font-size: 1.1875rem;
2194      line-height: 1.473684211;
2195      margin-bottom: 1.473684211em;
2196  }
2197  
2198  .blog .format-status .entry-title,
2199  .archive .format-status .entry-title {
2200      display: none;
2201  }
2202  
2203  
2204  /**
2205   * 11.4 - Comments
2206   */
2207  
2208  .comments-area {
2209      margin: 0 7.6923% 3.5em;
2210  }
2211  
2212  .comment-list + .comment-respond,
2213  .comment-navigation + .comment-respond {
2214      padding-top: 1.75em;
2215  }
2216  
2217  .comments-title,
2218  .comment-reply-title {
2219      border-top: 4px solid #1a1a1a;
2220      font-family: Montserrat, "Helvetica Neue", sans-serif;
2221      font-size: 23px;
2222      font-size: 1.4375rem;
2223      font-weight: 700;
2224      line-height: 1.3125;
2225      padding-top: 1.217391304em;
2226  }
2227  
2228  .comments-title {
2229      margin-bottom: 1.217391304em;
2230  }
2231  
2232  .comment-list {
2233      list-style: none;
2234      margin: 0;
2235  }
2236  
2237  .comment-list article,
2238  .comment-list .pingback,
2239  .comment-list .trackback {
2240      border-top: 1px solid #d1d1d1;
2241      padding: 1.75em 0;
2242  }
2243  
2244  .comment-list .children {
2245      list-style: none;
2246      margin: 0;
2247  }
2248  
2249  .comment-list .children > li {
2250      padding-left: 0.875em;
2251  }
2252  
2253  .comment-author {
2254      color: #1a1a1a;
2255      margin-bottom: 0.4375em;
2256  }
2257  
2258  .comment-author .avatar {
2259      float: left;
2260      height: 28px;
2261      margin-right: 0.875em;
2262      position: relative;
2263      width: 28px;
2264  }
2265  
2266  .bypostauthor > article .fn:after {
2267      content: "\f304";
2268      left: 3px;
2269      position: relative;
2270      top: 5px;
2271  }
2272  
2273  .comment-metadata,
2274  .pingback .edit-link {
2275      color: #686868;
2276      font-family: Montserrat, "Helvetica Neue", sans-serif;
2277      font-size: 13px;
2278      font-size: 0.8125rem;
2279      line-height: 1.6153846154;
2280  }
2281  
2282  .comment-metadata {
2283      margin-bottom: 2.1538461538em;
2284  }
2285  
2286  .comment-metadata a,
2287  .pingback .comment-edit-link {
2288      color: #686868;
2289  }
2290  
2291  .comment-metadata a:hover,
2292  .comment-metadata a:focus,
2293  .pingback .comment-edit-link:hover,
2294  .pingback .comment-edit-link:focus {
2295      color: #007acc;
2296  }
2297  
2298  .comment-metadata .edit-link,
2299  .pingback .edit-link {
2300      display: inline-block;
2301  }
2302  
2303  .comment-metadata .edit-link:before,
2304  .pingback .edit-link:before {
2305      content: "\002f";
2306      display: inline-block;
2307      opacity: 0.7;
2308      padding: 0 0.538461538em;
2309  }
2310  
2311  .comment-content ul,
2312  .comment-content ol {
2313      margin: 0 0 1.5em 1.25em;
2314  }
2315  
2316  .comment-content li > ul,
2317  .comment-content li > ol {
2318      margin-bottom: 0;
2319  }
2320  
2321  .comment-reply-link {
2322      border: 1px solid #d1d1d1;
2323      border-radius: 2px;
2324      color: #007acc;
2325      display: inline-block;
2326      font-family: Montserrat, "Helvetica Neue", sans-serif;
2327      font-size: 13px;
2328      font-size: 0.8125rem;
2329      line-height: 1;
2330      margin-top: 2.1538461538em;
2331      padding: 0.5384615385em 0.5384615385em 0.4615384615em;
2332  }
2333  
2334  .comment-reply-link:hover,
2335  .comment-reply-link:focus {
2336      border-color: currentColor;
2337      color: #007acc;
2338      outline: 0;
2339  }
2340  
2341  .comment-form {
2342      padding-top: 1.75em;
2343  }
2344  
2345  .comment-form label {
2346      color: #686868;
2347      display: block;
2348      font-family: Montserrat, "Helvetica Neue", sans-serif;
2349      font-size: 13px;
2350      font-size: 0.8125rem;
2351      letter-spacing: 0.076923077em;
2352      line-height: 1.6153846154;
2353      margin-bottom: 0.5384615385em;
2354      text-transform: uppercase;
2355  }
2356  
2357  .comment-list .comment-form {
2358      padding-bottom: 1.75em;
2359  }
2360  
2361  .comment-notes,
2362  .comment-awaiting-moderation,
2363  .logged-in-as,
2364  .form-allowed-tags {
2365      color: #686868;
2366      font-size: 13px;
2367      font-size: 0.8125rem;
2368      line-height: 1.6153846154;
2369      margin-bottom: 2.1538461538em;
2370  }
2371  
2372  .no-comments {
2373      border-top: 1px solid #d1d1d1;
2374      font-family: Montserrat, "Helvetica Neue", sans-serif;
2375      font-weight: 700;
2376      margin: 0;
2377      padding-top: 1.75em;
2378  }
2379  
2380  .comment-navigation + .no-comments {
2381      border-top: 0;
2382      padding-top: 0;
2383  }
2384  
2385  .form-allowed-tags code {
2386      font-family: Inconsolata, monospace;
2387  }
2388  
2389  .form-submit {
2390      margin-bottom: 0;
2391  }
2392  
2393  .required {
2394      color: #007acc;
2395      font-family: Merriweather, Georgia, serif;
2396  }
2397  
2398  .comment-reply-title small {
2399      font-size: 100%;
2400  }
2401  
2402  .comment-reply-title small a {
2403      border: 0;
2404      float: right;
2405      height: 32px;
2406      overflow: hidden;
2407      width: 26px;
2408  }
2409  
2410  .comment-reply-title small a:hover,
2411  .comment-reply-title small a:focus {
2412      color: #1a1a1a;
2413  }
2414  
2415  .comment-reply-title small a:before {
2416      content: "\f405";
2417      font-size: 32px;
2418      position: relative;
2419      top: -5px;
2420  }
2421  
2422  .comment-form #wp-comment-cookies-consent {
2423      margin: 0 10px 0 0;
2424  }
2425  
2426  .comment-form .comment-form-cookies-consent label {
2427      display: inline;
2428      font-family: Merriweather, Georgia, serif;
2429      letter-spacing: 0;
2430      text-transform: none;
2431  }
2432  
2433  /**
2434   * 11.5 - Sidebar
2435   */
2436  
2437  .sidebar {
2438      margin-bottom: 3.5em;
2439      padding: 0 7.6923%;
2440  }
2441  
2442  
2443  /**
2444   * 11.6 - Footer
2445   */
2446  
2447  .site-footer {
2448      padding: 0 7.6923% 1.75em;
2449  }
2450  
2451  .site-info {
2452      color: #686868;
2453      font-size: 13px;
2454      font-size: 0.8125rem;
2455      line-height: 1.6153846154;
2456  }
2457  
2458  .site-info a {
2459      color: #686868;
2460  }
2461  
2462  .site-info a:hover,
2463  .site-info a:focus {
2464      color: #007acc;
2465  }
2466  
2467  .site-footer .site-title {
2468      font-family: inherit;
2469      font-size: inherit;
2470      font-weight: 400;
2471  }
2472  
2473  .site-footer .site-title:after {
2474      content: "\002f";
2475      display: inline-block;
2476      font-family: Montserrat, sans-serif;
2477      opacity: 0.7;
2478      padding: 0 0.307692308em 0 0.538461538em;
2479  }
2480  
2481  .site-footer span[role=separator] {
2482      font-family: Montserrat, sans-serif;
2483      opacity: 0.7;
2484      padding: 0 0.307692308em 0 0.538461538em;
2485  }
2486  
2487  .site-footer span[role=separator]::before {
2488      content: '\002f';
2489  }
2490  
2491  
2492  /**
2493   * 12.0 - Media
2494   */
2495  
2496  .site .avatar {
2497      border-radius: 50%;
2498  }
2499  
2500  .entry-content .wp-smiley,
2501  .entry-summary .wp-smiley,
2502  .comment-content .wp-smiley,
2503  .textwidget .wp-smiley {
2504      border: none;
2505      margin-top: 0;
2506      margin-bottom: 0;
2507      padding: 0;
2508  }
2509  
2510  .entry-content a img,
2511  .entry-summary a img,
2512  .comment-content a img,
2513  .textwidget a img {
2514      display: block;
2515  }
2516  
2517  /* Make sure embeds and iframes fit their containers. */
2518  embed,
2519  iframe,
2520  object,
2521  video {
2522      margin-bottom: 1.75em;
2523      max-width: 100%;
2524      vertical-align: middle;
2525  }
2526  
2527  p > embed,
2528  p > iframe,
2529  p > object,
2530  p > video {
2531      margin-bottom: 0;
2532  }
2533  
2534  .entry-content .wp-audio-shortcode a,
2535  .entry-content .wp-playlist a {
2536      box-shadow: none;
2537  }
2538  
2539  .wp-audio-shortcode,
2540  .wp-video,
2541  .wp-playlist.wp-audio-playlist {
2542      margin-top: 0;
2543      margin-bottom: 1.75em;
2544  }
2545  
2546  .wp-playlist.wp-audio-playlist {
2547      padding-bottom: 0;
2548  }
2549  
2550  .wp-playlist .wp-playlist-tracks {
2551      margin-top: 0;
2552  }
2553  
2554  .wp-playlist-item .wp-playlist-caption {
2555      border-bottom: 0;
2556      padding: 0.7142857143em 0;
2557  }
2558  
2559  .wp-playlist-item .wp-playlist-item-length {
2560      top: 0.7142857143em;
2561  }
2562  
2563  
2564  /**
2565   * 12.1 - Captions
2566   */
2567  
2568  .wp-caption {
2569      margin-bottom: 1.75em;
2570      max-width: 100%;
2571  }
2572  
2573  .wp-caption img[class*="wp-image-"] {
2574      display: block;
2575      margin: 0;
2576  }
2577  
2578  .wp-caption .wp-caption-text {
2579      color: #686868;
2580      font-size: 13px;
2581      font-size: 0.8125rem;
2582      font-style: italic;
2583      line-height: 1.6153846154;
2584      padding-top: 0.5384615385em;
2585  }
2586  
2587  
2588  /**
2589   * 12.2 - Galleries
2590   */
2591  
2592  .gallery {
2593      margin: 0 -1.1666667% 1.75em;
2594  }
2595  
2596  .gallery-item {
2597      display: inline-block;
2598      max-width: 33.33%;
2599      padding: 0 1.1400652% 2.2801304%;
2600      text-align: center;
2601      vertical-align: top;
2602      width: 100%;
2603  }
2604  
2605  .gallery-columns-1 .gallery-item {
2606      max-width: 100%;
2607  }
2608  
2609  .gallery-columns-2 .gallery-item {
2610      max-width: 50%;
2611  }
2612  
2613  .gallery-columns-4 .gallery-item {
2614      max-width: 25%;
2615  }
2616  
2617  .gallery-columns-5 .gallery-item {
2618      max-width: 20%;
2619  }
2620  
2621  .gallery-columns-6 .gallery-item {
2622      max-width: 16.66%;
2623  }
2624  
2625  .gallery-columns-7 .gallery-item {
2626      max-width: 14.28%;
2627  }
2628  
2629  .gallery-columns-8 .gallery-item {
2630      max-width: 12.5%;
2631  }
2632  
2633  .gallery-columns-9 .gallery-item {
2634      max-width: 11.11%;
2635  }
2636  
2637  .gallery-icon img {
2638      margin: 0 auto;
2639  }
2640  
2641  .gallery-caption {
2642      color: #686868;
2643      display: block;
2644      font-size: 13px;
2645      font-size: 0.8125rem;
2646      font-style: italic;
2647      line-height: 1.6153846154;
2648      padding-top: 0.5384615385em;
2649  }
2650  
2651  .gallery-columns-6 .gallery-caption,
2652  .gallery-columns-7 .gallery-caption,
2653  .gallery-columns-8 .gallery-caption,
2654  .gallery-columns-9 .gallery-caption {
2655      display: none;
2656  }
2657  
2658  
2659  /**
2660   * 13.0 - Multisites
2661   */
2662  
2663  .widecolumn {
2664      margin-bottom: 3.5em;
2665      padding: 0 7.6923%;
2666  }
2667  
2668  .widecolumn .mu_register {
2669      width: auto;
2670  }
2671  
2672  .widecolumn .mu_register .mu_alert {
2673      background: transparent;
2674      border-color: #d1d1d1;
2675      color: inherit;
2676      margin-bottom: 3.5em;
2677      padding: 1.75em;
2678  }
2679  
2680  .widecolumn form,
2681  .widecolumn .mu_register form {
2682      margin-top: 0;
2683  }
2684  
2685  .widecolumn h2 {
2686      font-size: 23px;
2687      font-size: 1.4375rem;
2688      font-weight: 900;
2689      line-height: 1.2173913043;
2690      margin-bottom: 1.2173913043em;
2691  }
2692  
2693  .widecolumn p {
2694      margin: 1.75em 0;
2695  }
2696  
2697  .widecolumn p + h2 {
2698      margin-top: 2.4347826087em;
2699  }
2700  
2701  .widecolumn label,
2702  .widecolumn .mu_register label {
2703      color: #686868;
2704      font-family: Montserrat, "Helvetica Neue", sans-serif;
2705      font-size: 13px;
2706      font-size: 0.8125rem;
2707      font-weight: 400;
2708      letter-spacing: 0.076923077em;
2709      line-height: 1.6153846154;
2710      text-transform: uppercase;
2711  }
2712  
2713  .widecolumn .mu_register label {
2714      margin: 2.1538461538em 0.7692307692em 0.5384615385em 0;
2715  }
2716  
2717  .widecolumn .mu_register label strong {
2718      font-weight: 400;
2719  }
2720  
2721  .widecolumn #key,
2722  .widecolumn .mu_register #blog_title,
2723  .widecolumn .mu_register #user_email,
2724  .widecolumn .mu_register #blogname,
2725  .widecolumn .mu_register #user_name {
2726      font-size: 16px;
2727      font-size: 1rem;
2728      width: 100%;
2729  }
2730  
2731  .widecolumn .mu_register #blogname {
2732      margin: 0;
2733  }
2734  
2735  .widecolumn .mu_register #blog_title,
2736  .widecolumn .mu_register #user_email,
2737  .widecolumn .mu_register #user_name {
2738      margin: 0 0 0.375em;
2739  }
2740  
2741  .widecolumn #submit,
2742  .widecolumn .mu_register input[type="submit"] {
2743      font-size: 16px;
2744      font-size: 1rem;
2745      margin: 0;
2746      width: auto;
2747  }
2748  
2749  .widecolumn .mu_register .prefix_address,
2750  .widecolumn .mu_register .suffix_address {
2751      font-size: inherit;
2752  }
2753  
2754  .widecolumn .mu_register > :last-child,
2755  .widecolumn form > :last-child {
2756      margin-bottom: 0;
2757  }
2758  
2759  
2760  /**
2761   * 14.0 - Media Queries
2762   */
2763  
2764  /**
2765   * Does the same thing as <meta name="viewport" content="width=device-width">,
2766   * but in the future W3C standard way. -ms- prefix is required for IE10+ to
2767   * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
2768   * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
2769   */
2770  @-ms-viewport {
2771      width: device-width;
2772  }
2773  
2774  @viewport {
2775      width: device-width;
2776  }
2777  
2778  
2779  /**
2780   * 14.1 - >= 710px
2781   */
2782  
2783  @media screen and (min-width: 44.375em) {
2784      html {
2785          scroll-padding-top: calc( var(--wp-admin--admin-bar--height, 0px) + 21px );
2786      }
2787  
2788      body:not(.custom-background-image):before,
2789      body:not(.custom-background-image):after {
2790          background: inherit;
2791          content: "";
2792          display: block;
2793          height: 21px;
2794          left: 0;
2795          position: fixed;
2796          width: 100%;
2797          z-index: 99;
2798      }
2799  
2800      body:not(.custom-background-image):before {
2801          top: 0;
2802      }
2803  
2804      body:not(.custom-background-image).admin-bar:before {
2805          top: 46px;
2806      }
2807  
2808      body:not(.custom-background-image):after {
2809          bottom: 0;
2810      }
2811  
2812      .site {
2813          margin: 21px;
2814      }
2815  
2816      .site-main {
2817          margin-bottom: 5.25em;
2818      }
2819  
2820      .site-header {
2821          padding: 3.9375em 7.6923%;
2822      }
2823  
2824      .site-branding {
2825          margin-top: 1.3125em;
2826          margin-bottom: 1.3125em;
2827      }
2828  
2829      .custom-logo {
2830          max-width: 210px;
2831      }
2832  
2833      .site-title {
2834          font-size: 28px;
2835          font-size: 1.75rem;
2836          line-height: 1.25;
2837      }
2838  
2839      .wp-custom-logo .site-title {
2840          margin-top: 0.5em;
2841      }
2842  
2843      .site-description {
2844          display: block;
2845      }
2846  
2847      .menu-toggle {
2848          font-size: 16px;
2849          font-size: 1.0rem;
2850          margin: 1.3125em 0;
2851          padding: 0.8125em 0.875em 0.6875em;
2852      }
2853  
2854      .site-header-menu {
2855          margin: 1.3125em 0;
2856      }
2857  
2858      .site-header .main-navigation + .social-navigation {
2859          margin-top: 2.625em;
2860      }
2861  
2862      .header-image {
2863          margin: 1.3125em 0;
2864      }
2865  
2866      .pagination {
2867          margin: 0 23.0769% 4.421052632em 7.6923%
2868      }
2869  
2870      .post-navigation {
2871          margin-bottom: 5.25em;
2872      }
2873  
2874      .post-navigation .post-title {
2875          font-size: 28px;
2876          font-size: 1.75rem;
2877          line-height: 1.25;
2878      }
2879  
2880      /* restore screen-reader-text */
2881      .pagination .current .screen-reader-text {
2882          position: absolute !important;
2883      }
2884  
2885      .pagination .page-numbers {
2886          display: inline-block;
2887      }
2888  
2889      .site-main > article {
2890          margin-bottom: 5.25em;
2891      }
2892  
2893      .entry-header,
2894      .post-thumbnail,
2895      .entry-content,
2896      .entry-summary,
2897      .entry-footer,
2898      .comments-area,
2899      .image-navigation,
2900      .post-navigation,
2901      .page-header,
2902      .page-content,
2903      .content-bottom-widgets {
2904          margin-right: 23.0769%;
2905      }
2906  
2907      .entry-title {
2908          font-size: 33px;
2909          font-size: 2.0625rem;
2910          line-height: 1.2727272727;
2911          margin-bottom: 0.8484848485em;
2912      }
2913  
2914      .entry-content blockquote.alignleft,
2915      .entry-content blockquote.alignright {
2916          border-width: 4px 0 0 0;
2917          padding: 0.9473684211em 0 0;
2918          width: -webkit-calc(50% - 0.736842105em);
2919          width: calc(50% - 0.736842105em);
2920      }
2921  
2922      .entry-content blockquote:not(.alignleft):not(.alignright),
2923      .entry-summary blockquote,
2924      .comment-content blockquote {
2925          margin-left: -1.473684211em;
2926      }
2927  
2928      .entry-content blockquote blockquote:not(.alignleft):not(.alignright),
2929      .entry-summary blockquote blockquote,
2930      .comment-content blockquote blockquote {
2931          margin-left: 0;
2932      }
2933  
2934      .entry-content ul,
2935      .entry-summary ul,
2936      .comment-content ul,
2937      .entry-content ol,
2938      .entry-summary ol,
2939      .comment-content ol {
2940          margin-left: 0;
2941      }
2942  
2943      .entry-content li > ul,
2944      .entry-summary li > ul,
2945      .comment-content li > ul,
2946      .entry-content blockquote > ul,
2947      .entry-summary blockquote > ul,
2948      .comment-content blockquote > ul {
2949          margin-left: 1.25em;
2950      }
2951  
2952      .entry-content li > ol,
2953      .entry-summary li > ol,
2954      .comment-content li > ol,
2955      .entry-content blockquote > ol,
2956      .entry-summary blockquote > ol,
2957      .comment-content blockquote > ol {
2958          margin-left: 1.5em;
2959      }
2960  
2961      .comment-author {
2962          margin-bottom: 0;
2963      }
2964  
2965      .comment-author .avatar {
2966          height: 42px;
2967          position: relative;
2968          top: 0.25em;
2969          width: 42px;
2970      }
2971  
2972      .comment-list .children > li {
2973          padding-left: 1.75em;
2974      }
2975  
2976      .comment-list + .comment-respond,
2977      .comment-navigation + .comment-respond {
2978          padding-top: 3.5em;
2979      }
2980  
2981      .comments-area,
2982      .widget,
2983      .content-bottom-widgets .widget-area {
2984          margin-bottom: 5.25em;
2985      }
2986  
2987      .sidebar,
2988      .widecolumn {
2989          margin-bottom: 5.25em;
2990          padding-right: 23.0769%;
2991      }
2992  
2993      body:not(.search-results) .entry-summary li > ul,
2994      body:not(.search-results) .entry-summary blockquote > ul {
2995          margin-left: 1.157894737em;
2996      }
2997  
2998      body:not(.search-results) .entry-summary li > ol,
2999      body:not(.search-results) .entry-summary blockquote > ol {
3000          margin-left: 1.473684211em;
3001      }
3002  }
3003  
3004  
3005  /**
3006   * 14.2 - >= 783px
3007   */
3008  
3009  @media screen and (min-width: 48.9375em) {
3010      body:not(.custom-background-image).admin-bar:before {
3011          top: 32px;
3012      }
3013  }
3014  
3015  
3016  /**
3017   * 14.3 - >= 910px
3018   */
3019  
3020  @media screen and (min-width: 56.875em) {
3021      .site-header {
3022          padding-right: 4.5455%;
3023          padding-left: 4.5455%;
3024      }
3025  
3026      .site-header-main {
3027          -webkit-align-items: flex-start;
3028          -ms-flex-align: start;
3029          align-items: flex-start;
3030      }
3031  
3032      .wp-custom-logo .site-header-main {
3033          -webkit-align-items: center;
3034          -ms-flex-align: center;
3035          align-items: center;
3036      }
3037  
3038      .site-header-menu {
3039          display: block;
3040          -webkit-flex: 0 1 auto;
3041          -ms-flex: 0 1 auto;
3042          flex: 0 1 auto;
3043      }
3044  
3045      .main-navigation {
3046          margin: 0 -0.875em;
3047      }
3048  
3049      .main-navigation .primary-menu,
3050      .main-navigation .primary-menu > li {
3051          border: 0;
3052      }
3053  
3054      .main-navigation .primary-menu > li {
3055          float: left;
3056      }
3057  
3058      .main-navigation a {
3059          outline-offset: -8px;
3060          padding: 0.65625em 0.875em;
3061          white-space: nowrap;
3062      }
3063  
3064      .main-navigation li:hover > a,
3065      .main-navigation li.focus > a {
3066          color: #007acc;
3067      }
3068  
3069      .main-navigation ul ul {
3070          border-bottom: 1px solid #d1d1d1;
3071          display: block;
3072          left: -999em;
3073          margin: 0;
3074          position: absolute;
3075          z-index: 99999;
3076      }
3077  
3078      .main-navigation ul ul ul {
3079          top: -1px;
3080      }
3081  
3082      .main-navigation ul ul ul:before,
3083      .main-navigation ul ul ul:after {
3084          border: 0;
3085      }
3086  
3087      .main-navigation ul ul li {
3088          background-color: #fff;
3089          border: 1px solid #d1d1d1;
3090          border-bottom-width: 0;
3091      }
3092  
3093      .main-navigation ul ul a {
3094          white-space: normal;
3095          width: 12.6875em;
3096      }
3097  
3098      .main-navigation ul ul:before,
3099      .main-navigation ul ul:after {
3100          border-style: solid;
3101          content: "";
3102          position: absolute;
3103      }
3104  
3105      .main-navigation ul ul:before {
3106          border-color: #d1d1d1 transparent;
3107          border-width: 0 10px 10px;
3108          right: 9px;
3109          top: -9px;
3110      }
3111  
3112      .main-navigation ul ul:after {
3113          border-color: #fff transparent;
3114          border-width: 0 8px 8px;
3115          right: 11px;
3116          top: -7px;
3117      }
3118  
3119      .main-navigation li:hover > ul,
3120      .main-navigation li.focus > ul {
3121          left: auto;
3122          right: 0;
3123      }
3124  
3125      .main-navigation ul ul li:hover > ul,
3126      .main-navigation ul ul li.focus > ul {
3127          left: auto;
3128          right: 100%;
3129      }
3130  
3131      .main-navigation .menu-item-has-children > a {
3132          margin: 0;
3133          padding-right: 2.25em;
3134      }
3135  
3136      .main-navigation .menu-item-has-children > a:after {
3137          content: "\f431";
3138          position: absolute;
3139          right: 0.625em;
3140          top: 0.8125em;
3141      }
3142  
3143      .main-navigation ul ul .menu-item-has-children > a {
3144          padding-right: 2.0625em;
3145      }
3146  
3147      .main-navigation ul ul .menu-item-has-children > a:after {
3148          right: 0.5625em;
3149          top: 0.875em;
3150          -webkit-transform: rotate(90deg);
3151          -moz-transform: rotate(90deg);
3152          -ms-transform: rotate(90deg);
3153          transform: rotate(90deg);
3154      }
3155  
3156      .dropdown-toggle,
3157      .main-navigation ul .dropdown-toggle.toggled-on,
3158      .menu-toggle,
3159      .site-header .social-navigation,
3160      .site-footer .main-navigation {
3161          display: none;
3162      }
3163  
3164      .site-content {
3165          padding: 0 4.5455%;
3166      }
3167  
3168      .content-area {
3169          float: left;
3170          margin-right: -100%;
3171          width: 70%;
3172      }
3173  
3174      .entry-header,
3175      .post-thumbnail,
3176      .entry-content,
3177      .entry-summary,
3178      .entry-footer,
3179      .comments-area,
3180      .image-navigation,
3181      .post-navigation,
3182      .pagination,
3183      .page-header,
3184      .page-content,
3185      .content-bottom-widgets {
3186          margin-right: 0;
3187          margin-left: 0;
3188      }
3189  
3190      .sidebar {
3191          float: left;
3192          margin-left: 75%;
3193          padding: 0;
3194          width: 25%;
3195      }
3196  
3197      .widget {
3198          font-size: 13px;
3199          font-size: 0.8125rem;
3200          line-height: 1.6153846154;
3201          margin-bottom: 3.230769231em;
3202          padding-top: 1.615384615em;
3203      }
3204  
3205      .widget .widget-title {
3206          margin-bottom: 1.3125em;
3207      }
3208  
3209      .widget p,
3210      .widget address,
3211      .widget hr,
3212      .widget ul,
3213      .widget ol,
3214      .widget dl,
3215      .widget dd,
3216      .widget table {
3217          margin-bottom: 1.6153846154em;
3218      }
3219  
3220      .widget li > ul,
3221      .widget li > ol {
3222          margin-bottom: 0;
3223      }
3224  
3225      .widget blockquote {
3226          font-size: 16px;
3227          font-size: 1rem;
3228          line-height: 1.3125;
3229          margin-bottom: 1.3125em;
3230          padding-left: 1.0625em;
3231      }
3232  
3233      .widget blockquote cite,
3234      .widget blockquote small {
3235          font-size: 13px;
3236          font-size: 0.8125rem;
3237          line-height: 1.6153846154;
3238      }
3239  
3240      .widget th,
3241      .widget td {
3242          padding: 0.5384615385em;
3243      }
3244  
3245      .widget pre {
3246          font-size: 13px;
3247          font-size: 0.8125rem;
3248          line-height: 1.6153846154;
3249          margin-bottom: 1.6153846154em;
3250          padding: 0.5384615385em;
3251      }
3252  
3253      .widget fieldset {
3254          margin-bottom: 1.6153846154em;
3255          padding: 0.5384615385em;
3256      }
3257  
3258      .widget button,
3259      .widget input,
3260      .widget select,
3261      .widget textarea {
3262          font-size: 13px;
3263          font-size: 0.8125rem;
3264          line-height: 1.6153846154;
3265      }
3266  
3267      .widget button,
3268      .widget input[type="button"],
3269      .widget input[type="reset"],
3270      .widget input[type="submit"] {
3271          line-height: 1;
3272          padding: 0.846153846em;
3273      }
3274  
3275      .widget input[type="date"],
3276      .widget input[type="time"],
3277      .widget input[type="datetime-local"],
3278      .widget input[type="week"],
3279      .widget input[type="month"],
3280      .widget input[type="text"],
3281      .widget input[type="email"],
3282      .widget input[type="url"],
3283      .widget input[type="password"],
3284      .widget input[type="search"],
3285      .widget input[type="tel"],
3286      .widget input[type="number"],
3287      .widget textarea {
3288          padding: 0.4615384615em 0.5384615385em;
3289      }
3290  
3291      .widget h1 {
3292          font-size: 23px;
3293          font-size: 1.4375rem;
3294          line-height: 1.2173913043;
3295          margin-bottom: 0.9130434783em;
3296      }
3297  
3298      .widget h2 {
3299          font-size: 19px;
3300          font-size: 1.1875rem;
3301          line-height: 1.1052631579;
3302          margin-bottom: 1.1052631579em;
3303      }
3304  
3305      .widget h3 {
3306          font-size: 16px;
3307          font-size: 1rem;
3308          line-height: 1.3125;
3309          margin-bottom: 1.3125em;
3310      }
3311  
3312      .widget h4,
3313      .widget h5,
3314      .widget h6 {
3315          font-size: 13px;
3316          font-size: 0.8125rem;
3317          line-height: 1.6153846154;
3318          margin-bottom: 0.9130434783em;
3319      }
3320  
3321      .widget .alignleft {
3322          margin: 0.2307692308em 1.6153846154em 1.6153846154em 0;
3323      }
3324  
3325      .widget .alignright {
3326          margin: 0.2307692308em 0 1.6153846154em 1.6153846154em;
3327      }
3328  
3329      .widget .aligncenter {
3330          margin-bottom: 1.6153846154em;
3331      }
3332  
3333      .widget_calendar td,
3334      .widget_calendar th,
3335      .widget_calendar .wp-calendar-nav span {
3336          line-height: 2.6923076923;
3337          padding: 0;
3338      }
3339  
3340      .widget_rss .rssSummary:last-child {
3341          margin-bottom: 1.615384615em;
3342      }
3343  
3344      .widget input[type="search"].search-field {
3345          width: -webkit-calc(100% - 35px);
3346          width: calc(100% - 35px);
3347      }
3348  
3349      .widget .search-submit:before {
3350          font-size: 16px;
3351          left: 1px;
3352          line-height: 35px;
3353          width: 34px;
3354      }
3355  
3356      .widget button.search-submit {
3357          padding: 0;
3358          width: 35px;
3359      }
3360  
3361      .tagcloud a {
3362          margin: 0 0.2307692308em 0.5384615385em 0;
3363          padding: 0.5384615385em 0.4615384615em 0.4615384615em;
3364      }
3365  
3366      .textwidget h1 {
3367          margin-top: 1.8260869565em;
3368      }
3369  
3370      .textwidget h2 {
3371          margin-top: 2.2105263158em;
3372      }
3373  
3374      .textwidget h3 {
3375          margin-top: 2.625em;
3376      }
3377  
3378      .textwidget h4 {
3379          letter-spacing: 0.153846154em;
3380      }
3381  
3382      .textwidget h4,
3383      .textwidget h5,
3384      .textwidget h6 {
3385          margin-top: 3.2307692308em;
3386      }
3387  
3388      .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2),
3389      .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1) {
3390          float: left;
3391          margin-right: 7.1428571%;
3392          width: 46.42857145%;
3393      }
3394  
3395      .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1):last-of-type {
3396          margin-right: 0;
3397      }
3398  
3399      .site-footer {
3400          -webkit-align-items: center;
3401          -ms-flex-align: center;
3402          align-items: center;
3403          display: -webkit-flex;
3404          display: -ms-flexbox;
3405          display: flex;
3406          -webkit-flex-wrap: wrap;
3407          -ms-flex-wrap: wrap;
3408          flex-wrap: wrap;
3409          padding: 0 4.5455% 3.5em;
3410      }
3411  
3412      .site-footer .social-navigation {
3413          width: 100%;
3414      }
3415  
3416      .no-sidebar .content-area {
3417          float: none;
3418          margin: 0;
3419          width: 100%;
3420      }
3421  
3422      .no-sidebar .entry-header,
3423      .no-sidebar .entry-content,
3424      .no-sidebar .entry-summary,
3425      .no-sidebar .entry-footer,
3426      .no-sidebar .comments-area,
3427      .no-sidebar .image-navigation,
3428      .no-sidebar .post-navigation,
3429      .no-sidebar .pagination,
3430      .no-sidebar .page-header,
3431      .no-sidebar .page-content,
3432      .no-sidebar .content-bottom-widgets {
3433          margin-right: 15%;
3434          margin-left: 15%;
3435      }
3436  
3437      .widecolumn {
3438          padding-right: 15%;
3439          padding-left: 15%;
3440      }
3441  }
3442  
3443  
3444  /**
3445   * 14.4 - >= 985px
3446   */
3447  
3448  @media screen and (min-width: 61.5625em) {
3449      .site-main {
3450          margin-bottom: 7.0em;
3451      }
3452  
3453      .site-header {
3454          padding: 5.25em 4.5455%;
3455      }
3456  
3457      .site-branding,
3458      .site-header-menu,
3459      .header-image {
3460          margin-top: 1.75em;
3461          margin-bottom: 1.75em;
3462      }
3463  
3464      .custom-logo {
3465          max-width: 240px;
3466      }
3467  
3468      .image-navigation {
3469          margin-bottom: 3.230769231em;
3470      }
3471  
3472      .post-navigation {
3473          margin-bottom: 7.0em;
3474      }
3475  
3476      .pagination {
3477          margin-bottom: 5.894736842em;
3478      }
3479  
3480      .widget {
3481          margin-bottom: 4.307692308em;
3482      }
3483  
3484      .site-main > article {
3485          margin-bottom: 7.0em;
3486      }
3487  
3488      .entry-title {
3489          font-size: 40px;
3490          font-size: 2.5rem;
3491          line-height: 1.225;
3492          margin-bottom: 1.05em;
3493      }
3494  
3495      .format-aside .entry-title,
3496      .format-image .entry-title,
3497      .format-video .entry-title,
3498      .format-quote .entry-title,
3499      .format-gallery .entry-title,
3500      .format-status .entry-title,
3501      .format-link .entry-title,
3502      .format-audio .entry-title,
3503      .format-chat .entry-title {
3504          font-size: 23px;
3505          font-size: 1.4375em;
3506          line-height: 1.304347826;
3507          margin-bottom: 1.826086957em;
3508      }
3509  
3510      .post-thumbnail {
3511          margin-bottom: 2.625em;
3512      }
3513  
3514      .entry-content h1,
3515      .entry-summary h1,
3516      .comment-content h1 {
3517          font-size: 33px;
3518          font-size: 2.0625rem;
3519          line-height: 1.2727272727;
3520          margin-top: 1.696969697em;
3521          margin-bottom: 0.8484848485em;
3522      }
3523  
3524      .entry-content h2,
3525      .entry-summary h2,
3526      .comment-content h2 {
3527          font-size: 28px;
3528          font-size: 1.75rem;
3529          line-height: 1.25;
3530          margin-top: 2em;
3531          margin-bottom: 1em;
3532      }
3533  
3534      .entry-content h3,
3535      .entry-summary h3,
3536      .comment-content h3 {
3537          font-size: 23px;
3538          font-size: 1.4375rem;
3539          line-height: 1.2173913043;
3540          margin-top: 2.4347826087em;
3541          margin-bottom: 1.2173913043em;
3542      }
3543  
3544      .entry-content h4,
3545      .entry-summary h4,
3546      .entry-intro h4,
3547      .comment-content h4 {
3548          letter-spacing: 0.131578947em;
3549      }
3550  
3551      .entry-content h4,
3552      .entry-content h5,
3553      .entry-content h6,
3554      .entry-summary h4,
3555      .entry-summary h5,
3556      .entry-summary h6,
3557      .comment-content h4,
3558      .comment-content h5,
3559      .comment-content h6 {
3560          font-size: 19px;
3561          font-size: 1.1875rem;
3562          line-height: 1.1052631579;
3563          margin-top: 2.9473684211em;
3564          margin-bottom: 1.473684211em;
3565      }
3566  
3567      .author-info {
3568          border-bottom-width: 0;
3569          padding-bottom: 0;
3570      }
3571  
3572      .comment-list + .comment-respond,
3573      .comment-navigation + .comment-respond {
3574          padding-top: 5.25em;
3575      }
3576  
3577      .comments-area,
3578      .sidebar,
3579      .content-bottom-widgets .widget-area,
3580      .widecolumn {
3581          margin-bottom: 7.0em;
3582      }
3583  
3584      body:not(.search-results) .entry-summary {
3585          margin-bottom: 2.210526316em;
3586      }
3587  
3588      body:not(.search-results) .entry-header + .entry-summary {
3589          margin-top: -1.105263158em;
3590      }
3591  
3592      body:not(.search-results) article:not(.type-page) .entry-content {
3593          float: right;
3594          width: 71.42857144%;
3595      }
3596  
3597      body:not(.search-results) article:not(.type-page) .entry-content > blockquote.alignleft.below-entry-meta {
3598          margin-left: -40%;
3599          width: -webkit-calc(60% - 1.4736842105em);
3600          width: calc(60% - 1.4736842105em);
3601      }
3602  
3603      body:not(.search-results) article:not(.type-page) img.below-entry-meta,
3604      body:not(.search-results) article:not(.type-page) figure.below-entry-meta {
3605          clear: both;
3606          display: block;
3607          float: none;
3608          margin-right: 0;
3609          margin-left: -40%;
3610          max-width: 140%;
3611      }
3612  
3613      body:not(.search-results) article:not(.type-page) .gallery-item img.below-entry-meta,
3614      body:not(.search-results) article:not(.type-page) figure.below-entry-meta img.below-entry-meta,
3615      body:not(.search-results) article:not(.type-page) table figure.below-entry-meta,
3616      body:not(.search-results) article:not(.type-page) table img.below-entry-meta {
3617          margin: 0;
3618          max-width: 100%;
3619      }
3620  
3621      body:not(.search-results) article:not(.type-page) .entry-footer {
3622          float: left;
3623          margin-top: 0.1538461538em;
3624          width: 21.42857143%;
3625      }
3626  
3627      body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
3628          display: none;
3629      }
3630  
3631      .single .byline,
3632      .full-size-link,
3633      body:not(.search-results).group-blog .byline,
3634      body:not(.search-results) .entry-format,
3635      body:not(.search-results) .cat-links,
3636      body:not(.search-results) .tags-links,
3637      body:not(.search-results) article:not(.sticky) .posted-on,
3638      body:not(.search-results) article:not(.type-page) .comments-link,
3639      body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
3640          display: block;
3641          margin-bottom: 0.5384615385em;
3642      }
3643  
3644      body:not(.search-results) article:not(.type-page) .entry-footer > span:last-child {
3645          margin-bottom: 0;
3646      }
3647  
3648      body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
3649          display: block;
3650          height: auto;
3651          margin: 0 0 0.5384615385em;
3652          width: 49px;
3653      }
3654  
3655      body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
3656          float: left;
3657          margin-right: -100%;
3658          margin-left: 34.99999999%;
3659          width: 50.00000001%;
3660      }
3661  
3662      body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
3663          margin-right: -100%;
3664          margin-left: 15%;
3665          width: 15%;
3666      }
3667  }
3668  
3669  
3670  /**
3671   * 14.5 - >= 1200px
3672   */
3673  
3674  @media screen and (min-width: 75em) {
3675      body:not(.search-results) .entry-summary {
3676          font-size: 23px;
3677          font-size: 1.4375rem;
3678          line-height: 1.5217391304;
3679          margin-bottom: 1.826086957em;
3680      }
3681  
3682      body:not(.search-results) .entry-header + .entry-summary {
3683          margin-top: -0.913043478em;
3684      }
3685  
3686      body:not(.search-results) .entry-summary p,
3687      body:not(.search-results) .entry-summary address,
3688      body:not(.search-results) .entry-summary hr,
3689      body:not(.search-results) .entry-summary ul,
3690      body:not(.search-results) .entry-summary ol,
3691      body:not(.search-results) .entry-summary dl,
3692      body:not(.search-results) .entry-summary dd,
3693      body:not(.search-results) .entry-summary table {
3694          margin-bottom: 1.5217391304em;
3695      }
3696  
3697      body:not(.search-results) .entry-summary li > ul,
3698      body:not(.search-results) .entry-summary blockquote > ul {
3699          margin-left: 0.956521739em;
3700      }
3701  
3702      body:not(.search-results) .entry-summary li > ol,
3703      body:not(.search-results) .entry-summary blockquote > ol {
3704          margin-left: 1.52173913em;
3705      }
3706  
3707      body:not(.search-results) .entry-summary blockquote {
3708          font-size: 23px;
3709          font-size: 1.4375rem;
3710          line-height: 1.5217391304;
3711          margin: 0 0 1.5217391304em;
3712          padding-left: 1.347826087em;
3713      }
3714  
3715      body:not(.search-results) .entry-summary blockquote:not(.alignleft):not(.alignright) {
3716          margin-left: -1.52173913em;
3717      }
3718  
3719      body:not(.search-results) .entry-summary blockquote blockquote:not(.alignleft):not(.alignright) {
3720          margin-left: 0;
3721      }
3722  
3723      body:not(.search-results) .entry-summary blockquote cite,
3724      body:not(.search-results) .entry-summary blockquote small {
3725          font-size: 19px;
3726          font-size: 1.1875rem;
3727          line-height: 1.8421052632;
3728      }
3729  
3730      body:not(.search-results) .entry-summary th,
3731      body:not(.search-results) .entry-summary td {
3732          padding: 0.3043478261em;
3733      }
3734  
3735      body:not(.search-results) .entry-summary pre {
3736          font-size: 16px;
3737          font-size: 1rem;
3738          line-height: 1.75;
3739          margin-bottom: 1.75em;
3740          padding: 1.75em;
3741      }
3742  
3743      body:not(.search-results) .entry-summary fieldset {
3744          margin-bottom: 1.5217391304em;
3745          padding: 0.3043478261em;
3746      }
3747  
3748      body:not(.search-results) .entry-summary h1 {
3749          margin-top: 2.121212121em;
3750          margin-bottom: 1.060606061em;
3751      }
3752  
3753      body:not(.search-results) .entry-summary h2 {
3754          margin-top: 2.5em;
3755          margin-bottom: 1.25em;
3756      }
3757  
3758      body:not(.search-results) .entry-summary h3 {
3759          margin-top: 3.043478261em;
3760          margin-bottom: 1.52173913em;
3761      }
3762  
3763      body:not(.search-results) .entry-summary h4,
3764      body:not(.search-results) .entry-summary h5,
3765      body:not(.search-results) .entry-summary h6 {
3766          margin-top: 3.684210526em;
3767          margin-bottom: 1.842105263em;
3768      }
3769  
3770      body:not(.search-results) .entry-summary h1:first-child,
3771      body:not(.search-results) .entry-summary h2:first-child,
3772      body:not(.search-results) .entry-summary h3:first-child,
3773      body:not(.search-results) .entry-summary h4:first-child,
3774      body:not(.search-results) .entry-summary h5:first-child,
3775      body:not(.search-results) .entry-summary h6:first-child {
3776          margin-top: 0;
3777      }
3778  
3779      body:not(.search-results) .entry-summary .alignleft {
3780          margin: 0.2608695652em 1.5217391304em 1.5217391304em 0;
3781      }
3782  
3783      body:not(.search-results) .entry-summary .alignright {
3784          margin: 0.2608695652em 0 1.5217391304em 1.5217391304em;
3785      }
3786  
3787      body:not(.search-results) .entry-summary .aligncenter {
3788          margin-bottom: 1.5217391304em;
3789      }
3790  }
3791  
3792  
3793  /**
3794   * 15.0 - Print
3795   */
3796  
3797  @media print {
3798      form,
3799      button,
3800      input,
3801      select,
3802      textarea,
3803      .navigation,
3804      .main-navigation,
3805      .social-navigation,
3806      .sidebar,
3807      .content-bottom-widgets,
3808      .header-image,
3809      .page-links,
3810      .edit-link,
3811      .comment-respond,
3812      .comment-edit-link,
3813      .comment-reply-link,
3814      .comment-metadata .edit-link,
3815      .pingback .edit-link {
3816          display: none;
3817      }
3818  
3819      body,
3820      blockquote cite,
3821      blockquote small,
3822      pre,
3823      .entry-content h4,
3824      .entry-content h5,
3825      .entry-content h6,
3826      .entry-summary h4,
3827      .entry-summary h5,
3828      .entry-summary h6,
3829      .comment-content h4,
3830      .comment-content h5,
3831      .comment-content h6,
3832      .entry-content .author-title {
3833          font-size: 12pt;
3834      }
3835  
3836      blockquote {
3837          font-size: 14.25pt;
3838      }
3839  
3840      .site-title,
3841      .page-title,
3842      .comments-title,
3843      .entry-content h2,
3844      .entry-summary h2,
3845      .comment-content h2,
3846      .widecolumn h2 {
3847          font-size: 17.25pt;
3848      }
3849  
3850      .site-description {
3851          display: block;
3852      }
3853  
3854      .entry-title {
3855          font-size: 24.75pt;
3856          line-height: 1.2727272727;
3857          margin-bottom: 1.696969697em;
3858      }
3859  
3860      .format-aside .entry-title,
3861      .format-image .entry-title,
3862      .format-video .entry-title,
3863      .format-quote .entry-title,
3864      .format-gallery .entry-title,
3865      .format-status .entry-title,
3866      .format-link .entry-title,
3867      .format-audio .entry-title,
3868      .format-chat .entry-title {
3869          font-size: 17.25pt;
3870          line-height: 1.304347826;
3871          margin-bottom: 1.826086957em;
3872      }
3873  
3874      .entry-content h1,
3875      .entry-summary h1,
3876      .comment-content h1 {
3877          font-size: 21pt;
3878      }
3879  
3880      .entry-content h3,
3881      .entry-summary h3,
3882      .comment-content h3,
3883      body:not(.search-results) .entry-summary {
3884          font-size: 14.25pt;
3885      }
3886  
3887      .site-description,
3888      .author-bio,
3889      .entry-footer,
3890      .sticky-post,
3891      .taxonomy-description,
3892      .entry-caption,
3893      .comment-metadata,
3894      .comment-notes,
3895      .comment-awaiting-moderation,
3896      .site-info,
3897      .wp-caption .wp-caption-text,
3898      .gallery-caption {
3899          font-size: 9.75pt;
3900      }
3901  
3902      body,
3903      .site {
3904          background: none !important; /* Brute force since user agents all print differently. */
3905      }
3906  
3907      body,
3908      blockquote cite,
3909      blockquote small,
3910      .site-branding .site-title a,
3911      .entry-title a,
3912      .comment-author {
3913          color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
3914      }
3915  
3916      blockquote,
3917      .page-header,
3918      .comments-title {
3919          border-color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
3920      }
3921  
3922      blockquote,
3923      .site-description,
3924      body:not(.search-results) .entry-summary,
3925      body:not(.search-results) .entry-summary blockquote,
3926      .author-bio,
3927      .entry-footer,
3928      .entry-footer a,
3929      .sticky-post,
3930      .taxonomy-description,
3931      .entry-caption,
3932      .comment-author,
3933      .comment-metadata a,
3934      .comment-notes,
3935      .comment-awaiting-moderation,
3936      .site-info,
3937      .site-info a,
3938      .wp-caption .wp-caption-text,
3939      .gallery-caption {
3940          color: #686868 !important; /* Make sure color schemes don't affect to print */
3941      }
3942  
3943      code,
3944      hr {
3945          background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
3946      }
3947  
3948      pre,
3949      abbr,
3950      acronym,
3951      table,
3952      th,
3953      td,
3954      .author-info,
3955      .comment-list article,
3956      .comment-list .pingback,
3957      .comment-list .trackback,
3958      .no-comments {
3959          border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
3960      }
3961  
3962      a {
3963          color: #007acc !important; /* Make sure color schemes don't affect to print */
3964      }
3965  
3966      .entry-content a,
3967      .entry-summary a,
3968      .taxonomy-description a,
3969      .comment-content a,
3970      .pingback .comment-body > a {
3971          box-shadow: none;
3972          border-bottom: 1px solid #007acc !important; /* Make sure color schemes don't affect to print */
3973      }
3974  
3975      .site {
3976          margin: 5%;
3977      }
3978  
3979      .site-inner {
3980          max-width: none;
3981      }
3982  
3983      .site-header {
3984          padding: 0 0 1.75em;
3985      }
3986  
3987      .site-branding {
3988          margin-top: 0;
3989          margin-bottom: 1.75em;
3990      }
3991  
3992      .site-main {
3993          margin-bottom: 3.5em;
3994      }
3995  
3996      .entry-header,
3997      .entry-footer,
3998      .page-header,
3999      .page-content,
4000      .entry-content,
4001      .entry-summary,
4002      .post-thumbnail,
4003      .comments-area {
4004          margin-right: 0;
4005          margin-left: 0;
4006      }
4007  
4008      .post-thumbnail,
4009      .site-main > article {
4010          margin-bottom: 3.5em;
4011      }
4012  
4013      .entry-content blockquote.alignleft,
4014      .entry-content blockquote.alignright {
4015          border-width: 4px 0 0 0;
4016          padding: 0.9473684211em 0 0;
4017          width: -webkit-calc(50% - 0.736842105em);
4018          width: calc(50% - 0.736842105em);
4019      }
4020  
4021      body:not(.search-results) .entry-header + .entry-summary {
4022          margin-top: -1.473684211em;
4023      }
4024  
4025      .site-footer,
4026      .widecolumn {
4027          padding: 0;
4028      }
4029  }