[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

title

Body

[close]

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

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


Generated: Sat Nov 23 20:47:33 2019 Cross-referenced by PHPXref 0.7