[Summary view] [Print] [Text view]

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