[Summary view] [Print] [Text view]

   1  /*
   2  Theme Name: Twenty Ten
   3  Theme URI: https://wordpress.org/themes/twentyten/
   4  Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
   5  Author: the WordPress team
   6  Author URI: https://wordpress.org/
   7  Version: 4.3
   8  Tested up to: 6.7
   9  Requires at least: 3.0
  10  Requires PHP: 5.2.4
  11  License: GNU General Public License v2 or later
  12  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13  Tags: blog, two-columns, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header, featured-images, footer-widgets, featured-image-header, block-patterns
  14  Text Domain: twentyten
  15  */
  16  
  17  
  18  /* =Reset default browser CSS. Based on work by Eric Meyer.
  19  -------------------------------------------------------------- */
  20  
  21  html, body, div, span, applet, object, iframe,
  22  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  23  a, abbr, acronym, address, big, cite, code,
  24  del, dfn, em, font, img, ins, kbd, q, s, samp,
  25  small, strike, strong, sub, sup, tt, var,
  26  b, u, i, center,
  27  dl, dt, dd, ol, ul, li,
  28  fieldset, form, label, legend,
  29  table, caption, tbody, tfoot, thead, tr, th, td {
  30      background: transparent;
  31      border: 0;
  32      margin: 0;
  33      padding: 0;
  34      vertical-align: baseline;
  35  }
  36  body {
  37      line-height: 1;
  38  }
  39  h1, h2, h3, h4, h5, h6 {
  40      clear: both;
  41      font-weight: normal;
  42  }
  43  ol, ul {
  44      list-style: none;
  45  }
  46  blockquote {
  47      quotes: none;
  48  }
  49  blockquote:before, blockquote:after {
  50      content: '';
  51      content: none;
  52  }
  53  del {
  54      text-decoration: line-through;
  55  }
  56  /* tables still need 'cellspacing="0"' in the markup */
  57  table {
  58      border-collapse: collapse;
  59      border-spacing: 0;
  60  }
  61  a img {
  62      border: none;
  63  }
  64  
  65  /* =Layout
  66  -------------------------------------------------------------- */
  67  
  68  /*
  69  LAYOUT: Two columns
  70  DESCRIPTION: Two-column fixed layout with one sidebar right of content
  71  */
  72  
  73  #container {
  74      float: left;
  75      margin: 0 -240px 0 0;
  76      width: 100%;
  77  }
  78  #content {
  79      margin: 0 280px 0 20px;
  80  }
  81  #primary,
  82  #secondary {
  83      float: right;
  84      overflow: hidden;
  85      width: 220px;
  86  }
  87  #secondary {
  88      clear: right;
  89  }
  90  #footer {
  91      clear: both;
  92      width: 100%;
  93  }
  94  
  95  /*
  96  LAYOUT: One column, no sidebar
  97  DESCRIPTION: One centered column with no sidebar
  98  */
  99  
 100  .one-column #content {
 101      margin: 0 auto;
 102      width: 640px;
 103  }
 104  
 105  /*
 106  LAYOUT: Full width, no sidebar
 107  DESCRIPTION: Full width content with no sidebar; used for attachment pages
 108  */
 109  
 110  .single-attachment #content {
 111      margin: 0 auto;
 112      width: 900px;
 113  }
 114  
 115  
 116  /* =Fonts
 117  -------------------------------------------------------------- */
 118  body,
 119  input,
 120  textarea,
 121  .page-title span,
 122  .pingback a.url {
 123      font-family: Georgia, "Bitstream Charter", serif;
 124  }
 125  h3#comments-title,
 126  h3#reply-title,
 127  #access .menu,
 128  #access div.menu ul,
 129  #cancel-comment-reply-link,
 130  .form-allowed-tags,
 131  #site-info,
 132  #site-title,
 133  #wp-calendar,
 134  .calendar_wrap,
 135  .comment-meta,
 136  .comment-body tr th,
 137  .comment-body thead th,
 138  .entry-content label,
 139  .entry-content tr th,
 140  .entry-content thead th,
 141  .entry-meta,
 142  .entry-title,
 143  .entry-utility,
 144  #respond label,
 145  .navigation,
 146  .page-title,
 147  .pingback p,
 148  .reply,
 149  .widget-title,
 150  .wp-caption-text {
 151      font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
 152  }
 153  input[type="submit"] {
 154      font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
 155  }
 156  pre {
 157      font-family: "Courier 10 Pitch", Courier, monospace;
 158  }
 159  code {
 160      font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
 161  }
 162  
 163  
 164  /* =Structure
 165  -------------------------------------------------------------- */
 166  
 167  /* The main theme structure */
 168  #access .menu-header,
 169  div.menu,
 170  #colophon,
 171  #branding,
 172  #main,
 173  #wrapper {
 174      margin: 0 auto;
 175      width: 940px;
 176  }
 177  #wrapper {
 178      background: #fff;
 179      margin-top: 20px;
 180      padding: 0 20px;
 181  }
 182  
 183  /* Structure the footer area */
 184  #footer-widget-area {
 185      overflow: hidden;
 186  }
 187  #footer-widget-area .widget-area {
 188      float: left;
 189      margin-right: 20px;
 190      width: 220px;
 191  }
 192  #footer-widget-area #fourth {
 193      margin-right: 0;
 194  }
 195  #site-info {
 196      float: left;
 197      font-size: 14px;
 198      font-weight: bold;
 199      width: 700px;
 200  }
 201  #site-generator {
 202      float: right;
 203      width: 220px;
 204  }
 205  
 206  
 207  /* =Global Elements
 208  -------------------------------------------------------------- */
 209  
 210  /* Main global 'theme' and typographic styles */
 211  body {
 212      background: #f1f1f1;
 213  }
 214  body,
 215  input,
 216  textarea {
 217      color: #666;
 218      font-size: 12px;
 219      line-height: 18px;
 220  }
 221  hr {
 222      background-color: #e7e7e7;
 223      border: 0;
 224      clear: both;
 225      height: 1px;
 226      margin-bottom: 18px;
 227  }
 228  
 229  /* Text elements */
 230  p {
 231      margin-bottom: 18px;
 232  }
 233  ul {
 234      list-style: square;
 235      margin: 0 0 18px 1.5em;
 236  }
 237  ol {
 238      list-style: decimal;
 239      margin: 0 0 18px 1.5em;
 240  }
 241  ol ol {
 242      list-style: upper-alpha;
 243  }
 244  ol ol ol {
 245      list-style: lower-roman;
 246  }
 247  ol ol ol ol {
 248      list-style: lower-alpha;
 249  }
 250  ul ul,
 251  ol ol,
 252  ul ol,
 253  ol ul {
 254      margin-bottom: 0;
 255  }
 256  dl {
 257      margin: 0 0 24px 0;
 258  }
 259  dt {
 260      font-weight: bold;
 261  }
 262  dd {
 263      margin-bottom: 18px;
 264  }
 265  strong {
 266      font-weight: bold;
 267  }
 268  cite,
 269  em,
 270  i {
 271      font-style: italic;
 272  }
 273  big {
 274      font-size: 131.25%;
 275  }
 276  ins {
 277      background: #ffc;
 278      text-decoration: none;
 279  }
 280  blockquote {
 281      font-style: italic;
 282      padding: 0 3em;
 283  }
 284  blockquote cite,
 285  blockquote em,
 286  blockquote i {
 287      font-style: normal;
 288  }
 289  pre {
 290      background: #f7f7f7;
 291      color: #222;
 292      line-height: 18px;
 293      margin-bottom: 18px;
 294      overflow: auto;
 295      padding: 1.5em;
 296  }
 297  abbr,
 298  acronym {
 299      border-bottom: 1px dotted #666;
 300      cursor: help;
 301  }
 302  sup,
 303  sub {
 304      height: 0;
 305      line-height: 1;
 306      position: relative;
 307      vertical-align: baseline;
 308  }
 309  sup {
 310      bottom: 1ex;
 311  }
 312  sub {
 313      top: .5ex;
 314  }
 315  small {
 316      font-size: smaller;
 317  }
 318  input[type="text"],
 319  input[type="password"],
 320  input[type="email"],
 321  input[type="url"],
 322  input[type="number"],
 323  textarea {
 324      background: #f9f9f9;
 325      border: 1px solid #ccc;
 326      -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 327      -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 328      box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
 329      padding: 2px;
 330  }
 331  a:link {
 332      color: #0066cc;
 333  }
 334  a:visited {
 335      color: #743399;
 336  }
 337  a:active,
 338  a:hover {
 339      color: #ff4b33;
 340  }
 341  
 342  /* Text meant only for screen readers */
 343  .screen-reader-text {
 344      clip: rect(1px, 1px, 1px, 1px);
 345      overflow: hidden;
 346      position: absolute !important;
 347      height: 1px;
 348      width: 1px;
 349  }
 350  
 351  
 352  /* =Header
 353  -------------------------------------------------------------- */
 354  
 355  #header {
 356      padding: 30px 0 0 0;
 357  }
 358  #site-title {
 359      float: left;
 360      font-size: 30px;
 361      line-height: 36px;
 362      margin: 0 0 18px 0;
 363      width: 700px;
 364  }
 365  #site-title a {
 366      color: #000;
 367      font-weight: bold;
 368      text-decoration: none;
 369  }
 370  #site-description {
 371      clear: right;
 372      float: right;
 373      font-style: italic;
 374      margin: 15px 0 18px 0;
 375      width: 220px;
 376  }
 377  
 378  /* This is the custom header image */
 379  #branding img {
 380      border-top: 4px solid #000;
 381      border-bottom: 1px solid #000;
 382      display: block;
 383      float: left;
 384  }
 385  
 386  
 387  /* =Menu
 388  -------------------------------------------------------------- */
 389  
 390  #access {
 391      background: #000;
 392      display: block;
 393      float: left;
 394      margin: 0 auto;
 395      width: 940px;
 396  }
 397  #access .menu-header,
 398  div.menu {
 399      font-size: 13px;
 400      margin-left: 12px;
 401      width: 928px;
 402  }
 403  #access .menu-header ul,
 404  div.menu ul {
 405      list-style: none;
 406      margin: 0;
 407  }
 408  #access .menu-header li,
 409  div.menu li {
 410      float: left;
 411      position: relative;
 412  }
 413  #access a {
 414      color: #aaa;
 415      display: block;
 416      line-height: 38px;
 417      padding: 0 10px;
 418      text-decoration: none;
 419  }
 420  #access ul ul {
 421      -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 422      -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 423      box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 424      display: none;
 425      position: absolute;
 426      top: 38px;
 427      left: 0;
 428      float: left;
 429      width: 180px;
 430      z-index: 99999;
 431  }
 432  #access ul ul li {
 433      min-width: 180px;
 434  }
 435  #access ul ul ul {
 436      left: 100%;
 437      top: 0;
 438  }
 439  #access ul ul a {
 440      background: #333;
 441      line-height: 1em;
 442      padding: 10px;
 443      width: 160px;
 444      height: auto;
 445  }
 446  #access li:hover > a,
 447  #access ul ul :hover > a {
 448      background: #333;
 449      color: #fff;
 450  }
 451  #access ul li:hover > ul {
 452      display: block;
 453  }
 454  #access ul li.current_page_item > a,
 455  #access ul li.current_page_ancestor > a,
 456  #access ul li.current-menu-ancestor > a,
 457  #access ul li.current-menu-item > a,
 458  #access ul li.current-menu-parent > a {
 459      color: #fff;
 460  }
 461  * html #access ul li.current_page_item a,
 462  * html #access ul li.current_page_ancestor a,
 463  * html #access ul li.current-menu-ancestor a,
 464  * html #access ul li.current-menu-item a,
 465  * html #access ul li.current-menu-parent a,
 466  * html #access ul li a:hover {
 467      color: #fff;
 468  }
 469  
 470  
 471  /* =Content
 472  -------------------------------------------------------------- */
 473  
 474  #main {
 475      clear: both;
 476      overflow: hidden;
 477      padding: 40px 0 0 0;
 478  }
 479  #content {
 480      margin-bottom: 36px;
 481  }
 482  #content,
 483  #content input,
 484  #content textarea {
 485      color: #333;
 486      font-size: 16px;
 487      line-height: 24px;
 488  }
 489  #content p,
 490  #content ul,
 491  #content ol,
 492  #content dd,
 493  #content pre,
 494  #content hr {
 495      margin-bottom: 24px;
 496  }
 497  #content ul ul,
 498  #content ol ol,
 499  #content ul ol,
 500  #content ol ul {
 501      margin-bottom: 0;
 502  }
 503  #content pre,
 504  #content kbd,
 505  #content tt,
 506  #content var {
 507      font-size: 15px;
 508      line-height: 21px;
 509  }
 510  #content code {
 511      font-size: 13px;
 512  }
 513  #content dt,
 514  #content th {
 515      color: #000;
 516  }
 517  #content h1,
 518  #content h2,
 519  #content h3,
 520  #content h4,
 521  #content h5,
 522  #content h6 {
 523      color: #000;
 524      line-height: 1.5em;
 525      margin: 0 0 20px 0;
 526  }
 527  #content table {
 528      border: 1px solid #e7e7e7;
 529      margin: 0 -1px 24px 0;
 530      text-align: left;
 531      width: 100%;
 532  }
 533  #content tr th,
 534  #content thead th {
 535      color: #777;
 536      font-size: 12px;
 537      font-weight: bold;
 538      line-height: 18px;
 539      padding: 9px 24px;
 540  }
 541  #content tr td {
 542      border-top: 1px solid #e7e7e7;
 543      padding: 6px 24px;
 544  }
 545  #content tr.odd td {
 546      background: #f2f7fc;
 547  }
 548  .hentry {
 549      margin: 0 0 48px 0;
 550  }
 551  .home .sticky {
 552      background: #f2f7fc;
 553      border-top: 4px solid #000;
 554      margin-left: -20px;
 555      margin-right: -20px;
 556      padding: 18px 20px;
 557  }
 558  .single .hentry {
 559      margin: 0 0 36px 0;
 560  }
 561  .page-title {
 562      color: #000;
 563      font-size: 14px;
 564      font-weight: bold;
 565      margin: 0 0 36px 0;
 566  }
 567  .page-title span {
 568      color: #333;
 569      font-size: 16px;
 570      font-style: italic;
 571      font-weight: normal;
 572  }
 573  .page-title a:link,
 574  .page-title a:visited {
 575      color: #777;
 576      text-decoration: none;
 577  }
 578  .page-title a:active,
 579  .page-title a:hover {
 580      color: #ff4b33;
 581  }
 582  #content .entry-title {
 583      color: #000;
 584      font-size: 21px;
 585      font-weight: bold;
 586      line-height: 1.3em;
 587      margin-bottom: 0;
 588  }
 589  .entry-title a:link,
 590  .entry-title a:visited {
 591      color: #000;
 592      text-decoration: none;
 593  }
 594  .entry-title a:active,
 595  .entry-title a:hover {
 596      color: #ff4b33;
 597  }
 598  .entry-meta {
 599      color: #777;
 600      font-size: 12px;
 601  }
 602  .entry-meta abbr,
 603  .entry-utility abbr {
 604      border: none;
 605  }
 606  .entry-meta abbr:hover,
 607  .entry-utility abbr:hover {
 608      border-bottom: 1px dotted #666;
 609  }
 610  .entry-content,
 611  .entry-summary {
 612      clear: both;
 613      padding: 12px 0 0 0;
 614  }
 615  .entry-content .more-link {
 616      white-space: nowrap;
 617  }
 618  #content .entry-summary p:last-child {
 619      margin-bottom: 12px;
 620  }
 621  .entry-content fieldset {
 622      border: 1px solid #e7e7e7;
 623      margin: 0 0 24px 0;
 624      padding: 24px;
 625  }
 626  .entry-content fieldset legend {
 627      background: #fff;
 628      color: #000;
 629      font-weight: bold;
 630      padding: 0 24px;
 631  }
 632  .entry-content input {
 633      margin: 0 0 24px 0;
 634  }
 635  .entry-content input.file,
 636  .entry-content input.button {
 637      margin-right: 24px;
 638  }
 639  .entry-content label {
 640      color: #777;
 641      font-size: 12px;
 642  }
 643  .entry-content select {
 644      margin: 0 0 24px 0;
 645  }
 646  .entry-content sup,
 647  .entry-content sub {
 648      font-size: 10px;
 649  }
 650  .entry-content blockquote.left {
 651      float: left;
 652      margin-left: 0;
 653      margin-right: 24px;
 654      text-align: right;
 655      width: 33%;
 656  }
 657  .entry-content blockquote.right {
 658      float: right;
 659      margin-left: 24px;
 660      margin-right: 0;
 661      text-align: left;
 662      width: 33%;
 663  }
 664  .page-link {
 665      clear: both;
 666      color: #000;
 667      font-weight: bold;
 668      line-height: 48px;
 669      word-spacing: 0.5em;
 670  }
 671  .page-link a:link,
 672  .page-link a:visited {
 673      background: #f1f1f1;
 674      color: #333;
 675      font-weight: normal;
 676      padding: 0.5em 0.75em;
 677      text-decoration: none;
 678  }
 679  .home .sticky .page-link a {
 680      background: #d9e8f7;
 681  }
 682  .page-link a:active,
 683  .page-link a:hover {
 684      color: #ff4b33;
 685  }
 686  body.page .edit-link {
 687      clear: both;
 688      display: block;
 689  }
 690  #entry-author-info {
 691      background: #f2f7fc;
 692      border-top: 4px solid #000;
 693      clear: both;
 694      font-size: 14px;
 695      line-height: 20px;
 696      margin: 24px 0;
 697      overflow: hidden;
 698      padding: 18px 20px;
 699  }
 700  #entry-author-info #author-avatar {
 701      background: #fff;
 702      border: 1px solid #e7e7e7;
 703      float: left;
 704      height: 60px;
 705      margin: 0 -104px 0 0;
 706      padding: 11px;
 707  }
 708  #entry-author-info #author-description {
 709      float: left;
 710      margin: 0 0 0 104px;
 711  }
 712  #entry-author-info h2 {
 713      color: #000;
 714      font-size: 100%;
 715      font-weight: bold;
 716      margin-bottom: 0;
 717  }
 718  .entry-utility {
 719      clear: both;
 720      color: #777;
 721      font-size: 12px;
 722      line-height: 18px;
 723  }
 724  .entry-meta a,
 725  .entry-utility a {
 726      color: #777;
 727  }
 728  .entry-meta a:hover,
 729  .entry-utility a:hover {
 730      color: #ff4b33;
 731  }
 732  #content .video-player {
 733      padding: 0;
 734  }
 735  .format-standard .wp-video,
 736  .format-standard .wp-audio-shortcode,
 737  .format-audio .wp-audio-shortcode,
 738  .format-standard .video-player {
 739      margin-bottom: 24px;
 740  }
 741  
 742  /* =Asides
 743  -------------------------------------------------------------- */
 744  
 745  .home #content .format-aside p,
 746  .home #content .category-asides p {
 747      font-size: 14px;
 748      line-height: 20px;
 749      margin-bottom: 10px;
 750      margin-top: 0;
 751  }
 752  .home .hentry.format-aside,
 753  .home .hentry.category-asides {
 754      padding: 0;
 755  }
 756  .home #content .format-aside .entry-content,
 757  .home #content .category-asides .entry-content {
 758      padding-top: 0;
 759  }
 760  
 761  
 762  /* =Gallery listing
 763  -------------------------------------------------------------- */
 764  
 765  .format-gallery .size-thumbnail img,
 766  .category-gallery .size-thumbnail img {
 767      border: 10px solid #f1f1f1;
 768      margin-bottom: 0;
 769  }
 770  .format-gallery .gallery-thumb,
 771  .category-gallery .gallery-thumb {
 772      float: left;
 773      margin-right: 20px;
 774      margin-top: -4px;
 775  }
 776  .home #content .format-gallery .entry-utility,
 777  .home #content .category-gallery .entry-utility {
 778      padding-top: 4px;
 779  }
 780  
 781  
 782  /* =Attachment pages
 783  -------------------------------------------------------------- */
 784  
 785  .attachment .entry-content .entry-caption {
 786      font-size: 140%;
 787      margin-top: 24px;
 788  }
 789  .attachment .entry-content .nav-previous a:before {
 790      content: '\2190\00a0';
 791  }
 792  .attachment .entry-content .nav-next a:after {
 793      content: '\00a0\2192';
 794  }
 795  
 796  
 797  /* =Images
 798  -------------------------------------------------------------- */
 799  
 800  /*
 801  Resize images to fit the main content area.
 802  - Applies only to images uploaded via WordPress by targeting size-* classes.
 803  - Other images will be left alone. Use "size-auto" class to apply to other images.
 804  */
 805  img.size-auto,
 806  img.size-full,
 807  img.size-large,
 808  img.size-medium,
 809  .attachment img,
 810  .widget-container img {
 811      max-width: 100%; /* When images are too wide for containing element, force them to fit. */
 812      height: auto; /* Override height to match resized width for correct aspect ratio. */
 813  }
 814  .alignleft,
 815  img.alignleft {
 816      display: inline;
 817      float: left;
 818      margin-right: 24px;
 819      margin-top: 4px;
 820  }
 821  .alignright,
 822  img.alignright {
 823      display: inline;
 824      float: right;
 825      margin-left: 24px;
 826      margin-top: 4px;
 827  }
 828  .aligncenter,
 829  img.aligncenter {
 830      clear: both;
 831      display: block;
 832      margin-left: auto;
 833      margin-right: auto;
 834  }
 835  img.alignleft,
 836  img.alignright,
 837  img.aligncenter {
 838      margin-bottom: 12px;
 839  }
 840  .wp-caption {
 841      background: #f1f1f1;
 842      line-height: 18px;
 843      margin-bottom: 20px;
 844      max-width: 632px !important; /* prevent too-wide images from breaking layout */
 845      padding: 4px;
 846      text-align: center;
 847  }
 848  .widget-container .wp-caption {
 849      max-width: 100% !important;
 850  }
 851  .wp-caption img {
 852      margin: 5px 5px 0;
 853      max-width: 622px; /* caption width - 10px */
 854  }
 855  .wp-caption p.wp-caption-text {
 856      color: #777;
 857      font-size: 12px;
 858      margin: 5px;
 859  }
 860  .wp-smiley {
 861      margin: 0;
 862  }
 863  .gallery {
 864      margin: 0 auto 18px;
 865  }
 866  .gallery .gallery-item {
 867      float: left;
 868      margin-top: 0;
 869      text-align: center;
 870      width: 33%;
 871  }
 872  .gallery-columns-2 .gallery-item {
 873      width: 50%;
 874  }
 875  .gallery-columns-4 .gallery-item {
 876      width: 25%;
 877  }
 878  .gallery img {
 879      border: 2px solid #cfcfcf;
 880  }
 881  .gallery-columns-2 .attachment-medium {
 882      max-width: 92%;
 883      height: auto;
 884  }
 885  .gallery-columns-4 .attachment-thumbnail {
 886      max-width: 84%;
 887      height: auto;
 888  }
 889  .gallery .gallery-caption {
 890      color: #777;
 891      font-size: 12px;
 892      margin: 0 0 12px;
 893  }
 894  .gallery dl {
 895      margin: 0;
 896  }
 897  .gallery img {
 898      border: 10px solid #f1f1f1;
 899  }
 900  .gallery br+br {
 901      display: none;
 902  }
 903  #content .attachment img {/* single attachment images should be centered */
 904      display: block;
 905      margin: 0 auto;
 906  }
 907  
 908  
 909  /* =Navigation
 910  -------------------------------------------------------------- */
 911  
 912  .navigation {
 913      color: #777;
 914      font-size: 12px;
 915      line-height: 18px;
 916      overflow: hidden;
 917  }
 918  .navigation a:link,
 919  .navigation a:visited {
 920      color: #777;
 921      text-decoration: none;
 922  }
 923  .navigation a:active,
 924  .navigation a:hover {
 925      color: #ff4b33;
 926  }
 927  .nav-previous {
 928      float: left;
 929      width: 50%;
 930  }
 931  .nav-next {
 932      float: right;
 933      text-align: right;
 934      width: 50%;
 935  }
 936  #nav-above {
 937      margin: 0 0 18px 0;
 938  }
 939  #nav-above {
 940      display: none;
 941  }
 942  .paged #nav-above,
 943  .single #nav-above {
 944      display: block;
 945  }
 946  #nav-below {
 947      margin: -18px 0 0 0;
 948  }
 949  
 950  
 951  /* =Comments
 952  -------------------------------------------------------------- */
 953  #comments {
 954      clear: both;
 955  }
 956  #comments .navigation {
 957      padding: 0 0 18px 0;
 958  }
 959  h3#comments-title,
 960  h3#reply-title {
 961      color: #000;
 962      font-size: 20px;
 963      font-weight: bold;
 964      margin-bottom: 0;
 965  }
 966  h3#comments-title {
 967      padding: 24px 0;
 968  }
 969  .commentlist {
 970      list-style: none;
 971      margin: 0;
 972  }
 973  .commentlist li.comment {
 974      border-bottom: 1px solid #e7e7e7;
 975      line-height: 24px;
 976      margin: 0 0 24px 0;
 977      padding: 0 0 0 56px;
 978      position: relative;
 979  }
 980  .commentlist li:last-child {
 981      border-bottom: none;
 982      margin-bottom: 0;
 983  }
 984  #comments .comment-body ul,
 985  #comments .comment-body ol {
 986      margin-bottom: 18px;
 987  }
 988  #comments .comment-body p:last-child {
 989      margin-bottom: 6px;
 990  }
 991  #comments .comment-body blockquote p:last-child {
 992      margin-bottom: 24px;
 993  }
 994  .commentlist ol {
 995      list-style: decimal;
 996  }
 997  .commentlist .avatar {
 998      position: absolute;
 999      top: 4px;
1000      left: 0;
1001  }
1002  .comment-author cite {
1003      color: #000;
1004      font-style: normal;
1005      font-weight: bold;
1006  }
1007  .comment-author .says {
1008      font-style: italic;
1009  }
1010  .comment-meta {
1011      font-size: 12px;
1012      margin: 0 0 18px 0;
1013  }
1014  .comment-meta a:link,
1015  .comment-meta a:visited {
1016      color: #777;
1017      text-decoration: none;
1018  }
1019  .comment-meta a:active,
1020  .comment-meta a:hover {
1021      color: #ff4b33;
1022  }
1023  .reply {
1024      font-size: 12px;
1025      padding: 0 0 24px 0;
1026  }
1027  .reply a,
1028  a.comment-edit-link {
1029      color: #777;
1030  }
1031  .reply a:hover,
1032  a.comment-edit-link:hover {
1033      color: #ff4b33;
1034  }
1035  .commentlist .children {
1036      list-style: none;
1037      margin: 0;
1038  }
1039  .commentlist .children li {
1040      border: none;
1041      margin: 0;
1042  }
1043  .nopassword,
1044  .nocomments {
1045      display: none;
1046  }
1047  #comments .pingback {
1048      border-bottom: 1px solid #e7e7e7;
1049      margin-bottom: 18px;
1050      padding-bottom: 18px;
1051  }
1052  .commentlist li.comment+li.pingback {
1053      margin-top: -6px;
1054  }
1055  #comments .pingback p {
1056      color: #777;
1057      display: block;
1058      font-size: 12px;
1059      line-height: 18px;
1060      margin: 0;
1061  }
1062  #comments .pingback .url {
1063      font-size: 13px;
1064      font-style: italic;
1065  }
1066  
1067  /* Comments form */
1068  input[type="submit"] {
1069      color: #333;
1070  }
1071  #respond {
1072      border-top: 1px solid #e7e7e7;
1073      margin: 24px 0;
1074      overflow: hidden;
1075      position: relative;
1076  }
1077  #respond p {
1078      margin: 0;
1079  }
1080  #respond .comment-notes {
1081      margin-bottom: 1em;
1082  }
1083  .form-allowed-tags {
1084      line-height: 1em;
1085  }
1086  .children #respond {
1087      margin: 0 48px 0 0;
1088  }
1089  h3#reply-title {
1090      margin: 18px 0;
1091  }
1092  #comments-list #respond {
1093      margin: 0 0 18px 0;
1094  }
1095  #comments-list ul #respond {
1096      margin: 0;
1097  }
1098  #cancel-comment-reply-link {
1099      font-size: 12px;
1100      font-weight: normal;
1101      line-height: 18px;
1102  }
1103  #respond .required {
1104      color: #ff4b33;
1105      font-weight: bold;
1106  }
1107  #respond label {
1108      color: #777;
1109      font-size: 12px;
1110  }
1111  #respond input {
1112      margin: 0 0 9px;
1113      width: 98%;
1114  }
1115  #respond textarea {
1116      width: 98%;
1117  }
1118  #respond .form-allowed-tags {
1119      color: #777;
1120      font-size: 12px;
1121      line-height: 18px;
1122  }
1123  #respond .form-allowed-tags code {
1124      font-size: 11px;
1125  }
1126  #respond .form-submit {
1127      margin: 12px 0;
1128  }
1129  #respond .form-submit input {
1130      font-size: 14px;
1131      width: auto;
1132  }
1133  #respond #wp-comment-cookies-consent {
1134      width: auto;
1135      margin: 0 10px 0 0;
1136  }
1137  
1138  
1139  /* =Widget Areas
1140  -------------------------------------------------------------- */
1141  
1142  .widget-area ul {
1143      list-style: none;
1144      margin-left: 0;
1145  }
1146  .widget-area ul ul {
1147      list-style: square;
1148      margin-left: 1.3em;
1149  }
1150  .widget-area select {
1151      max-width: 100%;
1152  }
1153  .widget_search #s {/* This keeps the search inputs in line */
1154      width: 60%;
1155  }
1156  .widget_search label {
1157      display: none;
1158  }
1159  .widget-container {
1160      word-wrap: break-word;
1161      -webkit-hyphens: auto;
1162      -moz-hyphens: auto;
1163      hyphens: auto;
1164      margin: 0 0 18px 0;
1165  }
1166  .widget-container .wp-caption img {
1167      margin: auto;
1168  }
1169  .widget-title {
1170      color: #222;
1171      font-weight: bold;
1172  }
1173  .widget-area a:link,
1174  .widget-area a:visited {
1175      text-decoration: none;
1176  }
1177  .widget-area a:active,
1178  .widget-area a:hover {
1179      text-decoration: underline;
1180  }
1181  .widget-area .entry-meta {
1182      font-size: 11px;
1183  }
1184  #wp_tag_cloud div {
1185      line-height: 1.6em;
1186  }
1187  #wp-calendar {
1188      width: 100%;
1189  }
1190  #wp-calendar caption {
1191      color: #222;
1192      font-size: 14px;
1193      font-weight: bold;
1194      padding-bottom: 4px;
1195      text-align: left;
1196  }
1197  #wp-calendar thead {
1198      font-size: 11px;
1199  }
1200  #wp-calendar tbody {
1201      color: #aaa;
1202  }
1203  #wp-calendar tbody td {
1204      background: #f5f5f5;
1205      border: 1px solid #fff;
1206      padding: 3px 0 2px;
1207      text-align: center;
1208  }
1209  #wp-calendar tbody .pad {
1210      background: none;
1211  }
1212  .wp-calendar-nav {
1213      display: table;
1214      width: 100%;
1215  }
1216  .wp-calendar-nav span {
1217      display: table-cell;
1218  }
1219  .wp-calendar-nav-next,
1220  #wp-calendar tfoot #next {
1221      text-align: right;
1222  }
1223  .widget_rss a.rsswidget {
1224      color: #000;
1225  }
1226  .widget_rss a.rsswidget:hover {
1227      color: #ff4b33;
1228  }
1229  .widget_rss .widget-title img {
1230      width: 11px;
1231      height: 11px;
1232  }
1233  .widget_text ul,
1234  .widget_text ol {
1235      margin-bottom: 1.5em;
1236  }
1237  .widget_text ol {
1238      margin-left: 1.3em;
1239  }
1240  .widget_text ul ul,
1241  .widget_text ol ol,
1242  .widget_text ul ol,
1243  .widget_text ol ul {
1244      margin-bottom: 0;
1245  }
1246  .widget_media_video video {
1247      max-width: 100%;
1248  }
1249  .tagcloud ul {
1250      list-style-type: none;
1251      margin-left: 0 !important;
1252  }
1253  .tagcloud ul li {
1254      display: inline-block;
1255  }
1256  
1257  /* Helps galleries in widget areas look presentable in most cases. */
1258  .widget-area .gallery-columns-2 img,
1259  .widget-area .gallery-columns-3 img,
1260  .widget-area .gallery-columns-4 img,
1261  .widget-area .gallery-columns-5 img,
1262  .widget-area .gallery-columns-6 img,
1263  .widget-area .gallery-columns-7 img,
1264  .widget-area .gallery-columns-8 img,
1265  .widget-area .gallery-columns-9 img {
1266      border: none;
1267      max-width: 90%;
1268      width: auto;
1269  }
1270  
1271  /* Main sidebars */
1272  #main .widget-area ul {
1273      margin-left: 0;
1274      padding: 0 20px 0 0;
1275  }
1276  #main .widget-area ul ul {
1277      border: none;
1278      margin-left: 1.3em;
1279      padding: 0;
1280  }
1281  
1282  #main .widget-area ul.wp-block-latest-posts.wp-block-latest-posts__list {
1283      list-style: square;
1284  }
1285  
1286  
1287  /* =Footer
1288  -------------------------------------------------------------- */
1289  
1290  #footer {
1291      margin-bottom: 20px;
1292  }
1293  #colophon {
1294      border-top: 4px solid #000;
1295      margin-top: -4px;
1296      overflow: hidden;
1297      padding: 18px 0;
1298  }
1299  #site-info {
1300      font-weight: bold;
1301  }
1302  #site-info a {
1303      color: #000;
1304      text-decoration: none;
1305  }
1306  #site-generator {
1307      font-style: italic;
1308      position: relative;
1309  }
1310  #site-generator a {
1311      background: url(images/wordpress.png) center left no-repeat;
1312      color: #666;
1313      display: inline-block;
1314      line-height: 16px;
1315      padding-left: 20px;
1316      text-decoration: none;
1317  }
1318  #site-generator a:hover {
1319      text-decoration: underline;
1320  }
1321  img#wpstats {
1322      display: block;
1323      margin: 0 auto 10px;
1324  }
1325  #site-info span[role=separator] {
1326      padding: 0 0.6em 0 0.3em;
1327  }
1328  #site-info span[role=separator]::before {
1329      content: '\007c';
1330  }
1331  
1332  
1333  /* =Mobile Safari ( iPad, iPhone and iPod Touch )
1334  -------------------------------------------------------------- */
1335  
1336  pre {
1337      -webkit-text-size-adjust: 140%;
1338  }
1339  code {
1340      -webkit-text-size-adjust: 160%;
1341  }
1342  #access,
1343  .entry-meta,
1344  .entry-utility,
1345  .navigation,
1346  .widget-area {
1347      -webkit-text-size-adjust: 120%;
1348  }
1349  #site-description {
1350      -webkit-text-size-adjust: none;
1351  }
1352  
1353  
1354  /* =Print Style
1355  -------------------------------------------------------------- */
1356  
1357  @media print {
1358      body {
1359          background: none !important;
1360      }
1361      #wrapper {
1362          clear: both !important;
1363          display: block !important;
1364          float: none !important;
1365          position: relative !important;
1366      }
1367      #header {
1368          border-bottom: 2pt solid #000;
1369          padding-bottom: 18pt;
1370      }
1371      #colophon {
1372          border-top: 2pt solid #000;
1373      }
1374      #site-title,
1375      #site-description {
1376          float: none;
1377          line-height: 1.4em;
1378          margin: 0;
1379          padding: 0;
1380      }
1381      #site-title {
1382          font-size: 13pt;
1383      }
1384      .entry-content {
1385          font-size: 14pt;
1386          line-height: 1.6em;
1387      }
1388      .entry-title {
1389          font-size: 21pt;
1390      }
1391      #access,
1392      #branding img,
1393      #respond,
1394      .comment-edit-link,
1395      .edit-link,
1396      .navigation,
1397      .page-link,
1398      .widget-area {
1399          display: none !important;
1400      }
1401      #container,
1402      #header,
1403      #footer {
1404          margin: 0;
1405          width: 100%;
1406      }
1407      #content,
1408      .one-column #content {
1409          margin: 24pt 0 0;
1410          width: 100%;
1411      }
1412      .wp-caption p {
1413          font-size: 11pt;
1414      }
1415      #site-info,
1416      #site-generator {
1417          float: none;
1418          width: auto;
1419      }
1420      #colophon {
1421          width: auto;
1422      }
1423      img#wpstats {
1424          display: none;
1425      }
1426      #site-generator a {
1427          margin: 0;
1428          padding: 0;
1429      }
1430      #entry-author-info {
1431          border: 1px solid #e7e7e7;
1432      }
1433      #main {
1434          display: inline;
1435      }
1436      .home .sticky {
1437          border: none;
1438      }
1439  }