[ Index ]

WordPress 5.4.1

[ Index ]     [ Classes ]     [ Functions ]     [ Variables ]     [ Constants ]     [ Statistics ]    

title

Body

[close]

/wp-content/themes/twentyseventeen/ -> style.css (source)

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


Generated: Tue May 19 15:51:04 2020 Cross-referenced by PHPXref 0.7.1