[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-path: inset(50%);
 345      overflow: hidden;
 346      position: absolute !important;
 347      height: 1px;
 348      width: 1px;
 349  }
 350  
 351  a.skip-link:focus {
 352      background-color: #ddd;
 353      clip-path: none;
 354      color: #333;
 355      display: block;
 356      font-size: 16px;
 357      height: auto;
 358      left: 5px;
 359      line-height: 1.5;
 360      padding: 16px 24px;
 361      text-decoration: none;
 362      top: 5px;
 363      width: auto;
 364      z-index: 100000;
 365  }
 366  
 367  /* =Header
 368  -------------------------------------------------------------- */
 369  
 370  #header {
 371      padding: 30px 0 0 0;
 372  }
 373  #site-title {
 374      float: left;
 375      font-size: 30px;
 376      line-height: 36px;
 377      margin: 0 0 18px 0;
 378      width: 700px;
 379  }
 380  #site-title a {
 381      color: #000;
 382      font-weight: bold;
 383      text-decoration: none;
 384  }
 385  #site-description {
 386      clear: right;
 387      float: right;
 388      font-style: italic;
 389      margin: 15px 0 18px 0;
 390      width: 220px;
 391  }
 392  
 393  /* This is the custom header image */
 394  #branding img {
 395      border-top: 4px solid #000;
 396      border-bottom: 1px solid #000;
 397      display: block;
 398      float: left;
 399  }
 400  
 401  
 402  /* =Menu
 403  -------------------------------------------------------------- */
 404  
 405  #access {
 406      background: #000;
 407      display: block;
 408      float: left;
 409      margin: 0 auto;
 410      width: 940px;
 411  }
 412  #access .menu-header,
 413  div.menu {
 414      font-size: 13px;
 415      margin-left: 12px;
 416      width: 928px;
 417  }
 418  #access .menu-header ul,
 419  div.menu ul {
 420      list-style: none;
 421      margin: 0;
 422  }
 423  #access .menu-header li,
 424  div.menu li {
 425      float: left;
 426      position: relative;
 427  }
 428  #access a {
 429      color: #aaa;
 430      display: block;
 431      line-height: 38px;
 432      padding: 0 10px;
 433      text-decoration: none;
 434  }
 435  #access ul ul {
 436      -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 437      -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 438      box-shadow: 0 3px 3px rgba(0,0,0,0.2);
 439      display: none;
 440      position: absolute;
 441      top: 38px;
 442      left: 0;
 443      float: left;
 444      width: 180px;
 445      z-index: 99999;
 446  }
 447  #access ul ul li {
 448      min-width: 180px;
 449  }
 450  #access ul ul ul {
 451      left: 100%;
 452      top: 0;
 453  }
 454  #access ul ul a {
 455      background: #333;
 456      line-height: 1em;
 457      padding: 10px;
 458      width: 160px;
 459      height: auto;
 460  }
 461  #access li:hover > a,
 462  #access ul ul :hover > a {
 463      background: #333;
 464      color: #fff;
 465  }
 466  #access ul li:hover > ul {
 467      display: block;
 468  }
 469  #access ul li.current_page_item > a,
 470  #access ul li.current_page_ancestor > a,
 471  #access ul li.current-menu-ancestor > a,
 472  #access ul li.current-menu-item > a,
 473  #access ul li.current-menu-parent > a {
 474      color: #fff;
 475  }
 476  * html #access ul li.current_page_item a,
 477  * html #access ul li.current_page_ancestor a,
 478  * html #access ul li.current-menu-ancestor a,
 479  * html #access ul li.current-menu-item a,
 480  * html #access ul li.current-menu-parent a,
 481  * html #access ul li a:hover {
 482      color: #fff;
 483  }
 484  
 485  
 486  /* =Content
 487  -------------------------------------------------------------- */
 488  
 489  #main {
 490      clear: both;
 491      overflow: hidden;
 492      padding: 40px 0 0 0;
 493  }
 494  #content {
 495      margin-bottom: 36px;
 496  }
 497  #content,
 498  #content input,
 499  #content textarea {
 500      color: #333;
 501      font-size: 16px;
 502      line-height: 24px;
 503  }
 504  #content p,
 505  #content ul,
 506  #content ol,
 507  #content dd,
 508  #content pre,
 509  #content hr {
 510      margin-bottom: 24px;
 511  }
 512  #content ul ul,
 513  #content ol ol,
 514  #content ul ol,
 515  #content ol ul {
 516      margin-bottom: 0;
 517  }
 518  #content pre,
 519  #content kbd,
 520  #content tt,
 521  #content var {
 522      font-size: 15px;
 523      line-height: 21px;
 524  }
 525  #content code {
 526      font-size: 13px;
 527  }
 528  #content dt,
 529  #content th {
 530      color: #000;
 531  }
 532  #content h1,
 533  #content h2,
 534  #content h3,
 535  #content h4,
 536  #content h5,
 537  #content h6 {
 538      color: #000;
 539      line-height: 1.5em;
 540      margin: 0 0 20px 0;
 541  }
 542  #content table {
 543      border: 1px solid #e7e7e7;
 544      margin: 0 -1px 24px 0;
 545      text-align: left;
 546      width: 100%;
 547  }
 548  #content tr th,
 549  #content thead th {
 550      color: #777;
 551      font-size: 12px;
 552      font-weight: bold;
 553      line-height: 18px;
 554      padding: 9px 24px;
 555  }
 556  #content tr td {
 557      border-top: 1px solid #e7e7e7;
 558      padding: 6px 24px;
 559  }
 560  #content tr.odd td {
 561      background: #f2f7fc;
 562  }
 563  .hentry {
 564      margin: 0 0 48px 0;
 565  }
 566  .home .sticky {
 567      background: #f2f7fc;
 568      border-top: 4px solid #000;
 569      margin-left: -20px;
 570      margin-right: -20px;
 571      padding: 18px 20px;
 572  }
 573  .single .hentry {
 574      margin: 0 0 36px 0;
 575  }
 576  .page-title {
 577      color: #000;
 578      font-size: 14px;
 579      font-weight: bold;
 580      margin: 0 0 36px 0;
 581  }
 582  .page-title span {
 583      color: #333;
 584      font-size: 16px;
 585      font-style: italic;
 586      font-weight: normal;
 587  }
 588  .page-title a:link,
 589  .page-title a:visited {
 590      color: #777;
 591      text-decoration: none;
 592  }
 593  .page-title a:active,
 594  .page-title a:hover {
 595      color: #ff4b33;
 596  }
 597  #content .entry-title {
 598      color: #000;
 599      font-size: 21px;
 600      font-weight: bold;
 601      line-height: 1.3em;
 602      margin-bottom: 0;
 603  }
 604  .entry-title a:link,
 605  .entry-title a:visited {
 606      color: #000;
 607      text-decoration: none;
 608  }
 609  .entry-title a:active,
 610  .entry-title a:hover {
 611      color: #ff4b33;
 612  }
 613  .entry-meta {
 614      color: #777;
 615      font-size: 12px;
 616  }
 617  .entry-meta abbr,
 618  .entry-utility abbr {
 619      border: none;
 620  }
 621  .entry-meta abbr:hover,
 622  .entry-utility abbr:hover {
 623      border-bottom: 1px dotted #666;
 624  }
 625  .entry-content,
 626  .entry-summary {
 627      clear: both;
 628      padding: 12px 0 0 0;
 629  }
 630  .entry-content .more-link {
 631      white-space: nowrap;
 632  }
 633  #content .entry-summary p:last-child {
 634      margin-bottom: 12px;
 635  }
 636  .entry-content fieldset {
 637      border: 1px solid #e7e7e7;
 638      margin: 0 0 24px 0;
 639      padding: 24px;
 640  }
 641  .entry-content fieldset legend {
 642      background: #fff;
 643      color: #000;
 644      font-weight: bold;
 645      padding: 0 24px;
 646  }
 647  .entry-content input {
 648      margin: 0 0 24px 0;
 649  }
 650  .entry-content input.file,
 651  .entry-content input.button {
 652      margin-right: 24px;
 653  }
 654  .entry-content label {
 655      color: #777;
 656      font-size: 12px;
 657  }
 658  .entry-content select {
 659      margin: 0 0 24px 0;
 660  }
 661  .entry-content sup,
 662  .entry-content sub {
 663      font-size: 10px;
 664  }
 665  .entry-content blockquote.left {
 666      float: left;
 667      margin-left: 0;
 668      margin-right: 24px;
 669      text-align: right;
 670      width: 33%;
 671  }
 672  .entry-content blockquote.right {
 673      float: right;
 674      margin-left: 24px;
 675      margin-right: 0;
 676      text-align: left;
 677      width: 33%;
 678  }
 679  .page-link {
 680      clear: both;
 681      color: #000;
 682      font-weight: bold;
 683      line-height: 48px;
 684      word-spacing: 0.5em;
 685  }
 686  .page-link a:link,
 687  .page-link a:visited {
 688      background: #f1f1f1;
 689      color: #333;
 690      font-weight: normal;
 691      padding: 0.5em 0.75em;
 692      text-decoration: none;
 693  }
 694  .home .sticky .page-link a {
 695      background: #d9e8f7;
 696  }
 697  .page-link a:active,
 698  .page-link a:hover {
 699      color: #ff4b33;
 700  }
 701  body.page .edit-link {
 702      clear: both;
 703      display: block;
 704  }
 705  #entry-author-info {
 706      background: #f2f7fc;
 707      border-top: 4px solid #000;
 708      clear: both;
 709      font-size: 14px;
 710      line-height: 20px;
 711      margin: 24px 0;
 712      overflow: hidden;
 713      padding: 18px 20px;
 714  }
 715  #entry-author-info #author-avatar {
 716      background: #fff;
 717      border: 1px solid #e7e7e7;
 718      float: left;
 719      height: 60px;
 720      margin: 0 -104px 0 0;
 721      padding: 11px;
 722  }
 723  #entry-author-info #author-description {
 724      float: left;
 725      margin: 0 0 0 104px;
 726  }
 727  #entry-author-info h2 {
 728      color: #000;
 729      font-size: 100%;
 730      font-weight: bold;
 731      margin-bottom: 0;
 732  }
 733  .entry-utility {
 734      clear: both;
 735      color: #777;
 736      font-size: 12px;
 737      line-height: 18px;
 738  }
 739  .entry-meta a,
 740  .entry-utility a {
 741      color: #777;
 742  }
 743  .entry-meta a:hover,
 744  .entry-utility a:hover {
 745      color: #ff4b33;
 746  }
 747  #content .video-player {
 748      padding: 0;
 749  }
 750  .format-standard .wp-video,
 751  .format-standard .wp-audio-shortcode,
 752  .format-audio .wp-audio-shortcode,
 753  .format-standard .video-player {
 754      margin-bottom: 24px;
 755  }
 756  
 757  /* =Asides
 758  -------------------------------------------------------------- */
 759  
 760  .home #content .format-aside p,
 761  .home #content .category-asides p {
 762      font-size: 14px;
 763      line-height: 20px;
 764      margin-bottom: 10px;
 765      margin-top: 0;
 766  }
 767  .home .hentry.format-aside,
 768  .home .hentry.category-asides {
 769      padding: 0;
 770  }
 771  .home #content .format-aside .entry-content,
 772  .home #content .category-asides .entry-content {
 773      padding-top: 0;
 774  }
 775  
 776  
 777  /* =Gallery listing
 778  -------------------------------------------------------------- */
 779  
 780  .format-gallery .size-thumbnail img,
 781  .category-gallery .size-thumbnail img {
 782      border: 10px solid #f1f1f1;
 783      margin-bottom: 0;
 784  }
 785  .format-gallery .gallery-thumb,
 786  .category-gallery .gallery-thumb {
 787      float: left;
 788      margin-right: 20px;
 789      margin-top: -4px;
 790  }
 791  .home #content .format-gallery .entry-utility,
 792  .home #content .category-gallery .entry-utility {
 793      padding-top: 4px;
 794  }
 795  
 796  
 797  /* =Attachment pages
 798  -------------------------------------------------------------- */
 799  
 800  .attachment .entry-content .entry-caption {
 801      font-size: 140%;
 802      margin-top: 24px;
 803  }
 804  .attachment .entry-content .nav-previous a:before {
 805      content: '\2190\00a0';
 806  }
 807  .attachment .entry-content .nav-next a:after {
 808      content: '\00a0\2192';
 809  }
 810  
 811  
 812  /* =Images
 813  -------------------------------------------------------------- */
 814  
 815  /*
 816  Resize images to fit the main content area.
 817  - Applies only to images uploaded via WordPress by targeting size-* classes.
 818  - Other images will be left alone. Use "size-auto" class to apply to other images.
 819  */
 820  img.size-auto,
 821  img.size-full,
 822  img.size-large,
 823  img.size-medium,
 824  .attachment img,
 825  .widget-container img {
 826      max-width: 100%; /* When images are too wide for containing element, force them to fit. */
 827      height: auto; /* Override height to match resized width for correct aspect ratio. */
 828  }
 829  .alignleft,
 830  img.alignleft {
 831      display: inline;
 832      float: left;
 833      margin-right: 24px;
 834      margin-top: 4px;
 835  }
 836  .alignright,
 837  img.alignright {
 838      display: inline;
 839      float: right;
 840      margin-left: 24px;
 841      margin-top: 4px;
 842  }
 843  .aligncenter,
 844  img.aligncenter {
 845      clear: both;
 846      display: block;
 847      margin-left: auto;
 848      margin-right: auto;
 849  }
 850  img.alignleft,
 851  img.alignright,
 852  img.aligncenter {
 853      margin-bottom: 12px;
 854  }
 855  .wp-caption {
 856      background: #f1f1f1;
 857      line-height: 18px;
 858      margin-bottom: 20px;
 859      max-width: 632px !important; /* prevent too-wide images from breaking layout */
 860      padding: 4px;
 861      text-align: center;
 862  }
 863  .widget-container .wp-caption {
 864      max-width: 100% !important;
 865  }
 866  .wp-caption img {
 867      margin: 5px 5px 0;
 868      max-width: 622px; /* caption width - 10px */
 869  }
 870  .wp-caption p.wp-caption-text {
 871      color: #777;
 872      font-size: 12px;
 873      margin: 5px;
 874  }
 875  .wp-smiley {
 876      margin: 0;
 877  }
 878  .gallery {
 879      margin: 0 auto 18px;
 880  }
 881  .gallery .gallery-item {
 882      float: left;
 883      margin-top: 0;
 884      text-align: center;
 885      width: 33%;
 886  }
 887  .gallery-columns-2 .gallery-item {
 888      width: 50%;
 889  }
 890  .gallery-columns-4 .gallery-item {
 891      width: 25%;
 892  }
 893  .gallery img {
 894      border: 2px solid #cfcfcf;
 895  }
 896  .gallery-columns-2 .attachment-medium {
 897      max-width: 92%;
 898      height: auto;
 899  }
 900  .gallery-columns-4 .attachment-thumbnail {
 901      max-width: 84%;
 902      height: auto;
 903  }
 904  .gallery .gallery-caption {
 905      color: #777;
 906      font-size: 12px;
 907      margin: 0 0 12px;
 908  }
 909  .gallery dl {
 910      margin: 0;
 911  }
 912  .gallery img {
 913      border: 10px solid #f1f1f1;
 914  }
 915  .gallery br+br {
 916      display: none;
 917  }
 918  #content .attachment img {/* single attachment images should be centered */
 919      display: block;
 920      margin: 0 auto;
 921  }
 922  
 923  
 924  /* =Navigation
 925  -------------------------------------------------------------- */
 926  
 927  .navigation {
 928      color: #777;
 929      font-size: 12px;
 930      line-height: 18px;
 931      overflow: hidden;
 932  }
 933  .navigation a:link,
 934  .navigation a:visited {
 935      color: #777;
 936      text-decoration: none;
 937  }
 938  .navigation a:active,
 939  .navigation a:hover {
 940      color: #ff4b33;
 941  }
 942  .nav-previous {
 943      float: left;
 944      width: 50%;
 945  }
 946  .nav-next {
 947      float: right;
 948      text-align: right;
 949      width: 50%;
 950  }
 951  #nav-above {
 952      margin: 0 0 18px 0;
 953  }
 954  #nav-above {
 955      display: none;
 956  }
 957  .paged #nav-above,
 958  .single #nav-above {
 959      display: block;
 960  }
 961  #nav-below {
 962      margin: -18px 0 0 0;
 963  }
 964  
 965  
 966  /* =Comments
 967  -------------------------------------------------------------- */
 968  #comments {
 969      clear: both;
 970  }
 971  #comments .navigation {
 972      padding: 0 0 18px 0;
 973  }
 974  h3#comments-title,
 975  h3#reply-title {
 976      color: #000;
 977      font-size: 20px;
 978      font-weight: bold;
 979      margin-bottom: 0;
 980  }
 981  h3#comments-title {
 982      padding: 24px 0;
 983  }
 984  .commentlist {
 985      list-style: none;
 986      margin: 0;
 987  }
 988  .commentlist li.comment {
 989      border-bottom: 1px solid #e7e7e7;
 990      line-height: 24px;
 991      margin: 0 0 24px 0;
 992      padding: 0 0 0 56px;
 993      position: relative;
 994  }
 995  .commentlist li:last-child {
 996      border-bottom: none;
 997      margin-bottom: 0;
 998  }
 999  #comments .comment-body ul,
1000  #comments .comment-body ol {
1001      margin-bottom: 18px;
1002  }
1003  #comments .comment-body p:last-child {
1004      margin-bottom: 6px;
1005  }
1006  #comments .comment-body blockquote p:last-child {
1007      margin-bottom: 24px;
1008  }
1009  .commentlist ol {
1010      list-style: decimal;
1011  }
1012  .commentlist .avatar {
1013      position: absolute;
1014      top: 4px;
1015      left: 0;
1016  }
1017  .comment-author cite {
1018      color: #000;
1019      font-style: normal;
1020      font-weight: bold;
1021  }
1022  .comment-author .says {
1023      font-style: italic;
1024  }
1025  .comment-meta {
1026      font-size: 12px;
1027      margin: 0 0 18px 0;
1028  }
1029  .comment-meta a:link,
1030  .comment-meta a:visited {
1031      color: #777;
1032      text-decoration: none;
1033  }
1034  .comment-meta a:active,
1035  .comment-meta a:hover {
1036      color: #ff4b33;
1037  }
1038  .reply {
1039      font-size: 12px;
1040      padding: 0 0 24px 0;
1041  }
1042  .reply a,
1043  a.comment-edit-link {
1044      color: #777;
1045  }
1046  .reply a:hover,
1047  a.comment-edit-link:hover {
1048      color: #ff4b33;
1049  }
1050  .commentlist .children {
1051      list-style: none;
1052      margin: 0;
1053  }
1054  .commentlist .children li {
1055      border: none;
1056      margin: 0;
1057  }
1058  .nopassword,
1059  .nocomments {
1060      display: none;
1061  }
1062  #comments .pingback {
1063      border-bottom: 1px solid #e7e7e7;
1064      margin-bottom: 18px;
1065      padding-bottom: 18px;
1066  }
1067  .commentlist li.comment+li.pingback {
1068      margin-top: -6px;
1069  }
1070  #comments .pingback p {
1071      color: #777;
1072      display: block;
1073      font-size: 12px;
1074      line-height: 18px;
1075      margin: 0;
1076  }
1077  #comments .pingback .url {
1078      font-size: 13px;
1079      font-style: italic;
1080  }
1081  
1082  /* Comments form */
1083  input[type="submit"] {
1084      color: #333;
1085  }
1086  #respond {
1087      border-top: 1px solid #e7e7e7;
1088      margin: 24px 0;
1089      overflow: hidden;
1090      position: relative;
1091  }
1092  #respond p {
1093      margin: 0;
1094  }
1095  #respond .comment-notes {
1096      margin-bottom: 1em;
1097  }
1098  .form-allowed-tags {
1099      line-height: 1em;
1100  }
1101  .children #respond {
1102      margin: 0 48px 0 0;
1103  }
1104  h3#reply-title {
1105      margin: 18px 0;
1106  }
1107  #comments-list #respond {
1108      margin: 0 0 18px 0;
1109  }
1110  #comments-list ul #respond {
1111      margin: 0;
1112  }
1113  #cancel-comment-reply-link {
1114      font-size: 12px;
1115      font-weight: normal;
1116      line-height: 18px;
1117  }
1118  #respond .required {
1119      color: #ff4b33;
1120      font-weight: bold;
1121  }
1122  #respond label {
1123      color: #777;
1124      font-size: 12px;
1125  }
1126  #respond input {
1127      margin: 0 0 9px;
1128      width: 98%;
1129  }
1130  #respond textarea {
1131      width: 98%;
1132  }
1133  #respond .form-allowed-tags {
1134      color: #777;
1135      font-size: 12px;
1136      line-height: 18px;
1137  }
1138  #respond .form-allowed-tags code {
1139      font-size: 11px;
1140  }
1141  #respond .form-submit {
1142      margin: 12px 0;
1143  }
1144  #respond .form-submit input {
1145      font-size: 14px;
1146      width: auto;
1147  }
1148  #respond #wp-comment-cookies-consent {
1149      width: auto;
1150      margin: 0 10px 0 0;
1151  }
1152  
1153  
1154  /* =Widget Areas
1155  -------------------------------------------------------------- */
1156  
1157  .widget-area ul {
1158      list-style: none;
1159      margin-left: 0;
1160  }
1161  .widget-area ul ul {
1162      list-style: square;
1163      margin-left: 1.3em;
1164  }
1165  .widget-area select {
1166      max-width: 100%;
1167  }
1168  .widget_search #s {/* This keeps the search inputs in line */
1169      width: 60%;
1170  }
1171  .widget_search label {
1172      display: none;
1173  }
1174  .widget-container {
1175      word-wrap: break-word;
1176      -webkit-hyphens: auto;
1177      -moz-hyphens: auto;
1178      hyphens: auto;
1179      margin: 0 0 18px 0;
1180  }
1181  .widget-container .wp-caption img {
1182      margin: auto;
1183  }
1184  .widget-title {
1185      color: #222;
1186      font-weight: bold;
1187  }
1188  .widget-area a:link,
1189  .widget-area a:visited {
1190      text-decoration: none;
1191  }
1192  .widget-area a:active,
1193  .widget-area a:hover {
1194      text-decoration: underline;
1195  }
1196  .widget-area .entry-meta {
1197      font-size: 11px;
1198  }
1199  #wp_tag_cloud div {
1200      line-height: 1.6em;
1201  }
1202  #wp-calendar {
1203      width: 100%;
1204  }
1205  #wp-calendar caption {
1206      color: #222;
1207      font-size: 14px;
1208      font-weight: bold;
1209      padding-bottom: 4px;
1210      text-align: left;
1211  }
1212  #wp-calendar thead {
1213      font-size: 11px;
1214  }
1215  #wp-calendar tbody {
1216      color: #aaa;
1217  }
1218  #wp-calendar tbody td {
1219      background: #f5f5f5;
1220      border: 1px solid #fff;
1221      padding: 3px 0 2px;
1222      text-align: center;
1223  }
1224  #wp-calendar tbody .pad {
1225      background: none;
1226  }
1227  .wp-calendar-nav {
1228      display: table;
1229      width: 100%;
1230  }
1231  .wp-calendar-nav span {
1232      display: table-cell;
1233  }
1234  .wp-calendar-nav-next,
1235  #wp-calendar tfoot #next {
1236      text-align: right;
1237  }
1238  .widget_rss a.rsswidget {
1239      color: #000;
1240  }
1241  .widget_rss a.rsswidget:hover {
1242      color: #ff4b33;
1243  }
1244  .widget_rss .widget-title img {
1245      width: 11px;
1246      height: 11px;
1247  }
1248  .widget_text ul,
1249  .widget_text ol {
1250      margin-bottom: 1.5em;
1251  }
1252  .widget_text ol {
1253      margin-left: 1.3em;
1254  }
1255  .widget_text ul ul,
1256  .widget_text ol ol,
1257  .widget_text ul ol,
1258  .widget_text ol ul {
1259      margin-bottom: 0;
1260  }
1261  .widget_media_video video {
1262      max-width: 100%;
1263  }
1264  .tagcloud ul {
1265      list-style-type: none;
1266      margin-left: 0 !important;
1267  }
1268  .tagcloud ul li {
1269      display: inline-block;
1270  }
1271  
1272  /* Helps galleries in widget areas look presentable in most cases. */
1273  .widget-area .gallery-columns-2 img,
1274  .widget-area .gallery-columns-3 img,
1275  .widget-area .gallery-columns-4 img,
1276  .widget-area .gallery-columns-5 img,
1277  .widget-area .gallery-columns-6 img,
1278  .widget-area .gallery-columns-7 img,
1279  .widget-area .gallery-columns-8 img,
1280  .widget-area .gallery-columns-9 img {
1281      border: none;
1282      max-width: 90%;
1283      width: auto;
1284  }
1285  
1286  /* Main sidebars */
1287  #main .widget-area ul {
1288      margin-left: 0;
1289      padding: 0 20px 0 0;
1290  }
1291  #main .widget-area ul ul {
1292      border: none;
1293      margin-left: 1.3em;
1294      padding: 0;
1295  }
1296  
1297  #main .widget-area ul.wp-block-latest-posts.wp-block-latest-posts__list {
1298      list-style: square;
1299  }
1300  
1301  
1302  /* =Footer
1303  -------------------------------------------------------------- */
1304  
1305  #footer {
1306      margin-bottom: 20px;
1307  }
1308  #colophon {
1309      border-top: 4px solid #000;
1310      margin-top: -4px;
1311      overflow: hidden;
1312      padding: 18px 0;
1313  }
1314  #site-info {
1315      font-weight: bold;
1316  }
1317  #site-info a {
1318      color: #000;
1319      text-decoration: none;
1320  }
1321  #site-generator {
1322      font-style: italic;
1323      position: relative;
1324  }
1325  #site-generator a {
1326      background: url(images/wordpress.png) center left no-repeat;
1327      color: #666;
1328      display: inline-block;
1329      line-height: 16px;
1330      padding-left: 20px;
1331      text-decoration: none;
1332  }
1333  #site-generator a:hover {
1334      text-decoration: underline;
1335  }
1336  img#wpstats {
1337      display: block;
1338      margin: 0 auto 10px;
1339  }
1340  #site-info span[role=separator] {
1341      padding: 0 0.6em 0 0.3em;
1342  }
1343  #site-info span[role=separator]::before {
1344      content: '\007c';
1345  }
1346  
1347  
1348  /* =Mobile Safari ( iPad, iPhone and iPod Touch )
1349  -------------------------------------------------------------- */
1350  
1351  pre {
1352      -webkit-text-size-adjust: 140%;
1353  }
1354  code {
1355      -webkit-text-size-adjust: 160%;
1356  }
1357  #access,
1358  .entry-meta,
1359  .entry-utility,
1360  .navigation,
1361  .widget-area {
1362      -webkit-text-size-adjust: 120%;
1363  }
1364  #site-description {
1365      -webkit-text-size-adjust: none;
1366  }
1367  
1368  
1369  /* =Print Style
1370  -------------------------------------------------------------- */
1371  
1372  @media print {
1373      body {
1374          background: none !important;
1375      }
1376      #wrapper {
1377          clear: both !important;
1378          display: block !important;
1379          float: none !important;
1380          position: relative !important;
1381      }
1382      #header {
1383          border-bottom: 2pt solid #000;
1384          padding-bottom: 18pt;
1385      }
1386      #colophon {
1387          border-top: 2pt solid #000;
1388      }
1389      #site-title,
1390      #site-description {
1391          float: none;
1392          line-height: 1.4em;
1393          margin: 0;
1394          padding: 0;
1395      }
1396      #site-title {
1397          font-size: 13pt;
1398      }
1399      .entry-content {
1400          font-size: 14pt;
1401          line-height: 1.6em;
1402      }
1403      .entry-title {
1404          font-size: 21pt;
1405      }
1406      #access,
1407      #branding img,
1408      #respond,
1409      .comment-edit-link,
1410      .edit-link,
1411      .navigation,
1412      .page-link,
1413      .widget-area {
1414          display: none !important;
1415      }
1416      #container,
1417      #header,
1418      #footer {
1419          margin: 0;
1420          width: 100%;
1421      }
1422      #content,
1423      .one-column #content {
1424          margin: 24pt 0 0;
1425          width: 100%;
1426      }
1427      .wp-caption p {
1428          font-size: 11pt;
1429      }
1430      #site-info,
1431      #site-generator {
1432          float: none;
1433          width: auto;
1434      }
1435      #colophon {
1436          width: auto;
1437      }
1438      img#wpstats {
1439          display: none;
1440      }
1441      #site-generator a {
1442          margin: 0;
1443          padding: 0;
1444      }
1445      #entry-author-info {
1446          border: 1px solid #e7e7e7;
1447      }
1448      #main {
1449          display: inline;
1450      }
1451      .home .sticky {
1452          border: none;
1453      }
1454  }