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