[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

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

   1  /*
   2  Theme Name: Twenty Twelve
   3  Theme URI: https://wordpress.org/themes/twentytwelve/
   4  Author: the WordPress team
   5  Author URI: https://wordpress.org/
   6  Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
   7  Version: 4.2
   8  Tested up to: 6.5
   9  Requires at least: 3.5
  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, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, block-patterns
  14  Text Domain: twentytwelve
  15  
  16  This theme, like WordPress, is licensed under the GPL.
  17  Use it to make something cool, have fun, and share what you've learned with others.
  18  */
  19  
  20  /* =Notes
  21  --------------------------------------------------------------
  22  This stylesheet uses rem values with a pixel fallback. The rem
  23  values (and line heights) are calculated using two variables:
  24  
  25  $rembase:     14;
  26  $line-height: 24;
  27  
  28  ---------- Examples
  29  
  30  * Use a pixel value with a rem fallback for font-size, padding, margins, etc.
  31      padding: 5px 0;
  32      padding: 0.357142857rem 0; (5 / $rembase)
  33  
  34  * Set a font-size and then set a line-height based on the font-size
  35      font-size: 16px
  36      font-size: 1.142857143rem; (16 / $rembase)
  37      line-height: 1.5; ($line-height / 16)
  38  
  39  ---------- Vertical spacing
  40  
  41  Vertical spacing between most elements should use 24px or 48px
  42  to maintain vertical rhythm:
  43  
  44  .my-new-div {
  45      margin: 24px 0;
  46      margin: 1.714285714rem 0; ( 24 / $rembase )
  47  }
  48  
  49  ---------- Further reading
  50  
  51  http://snook.ca/archives/html_and_css/font-size-with-rem
  52  http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
  53  
  54  
  55  /* =Reset
  56  -------------------------------------------------------------- */
  57  
  58  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  59      margin: 0;
  60      padding: 0;
  61      border: 0;
  62      font-size: 100%;
  63      vertical-align: baseline;
  64  }
  65  body {
  66      line-height: 1;
  67  }
  68  ol,
  69  ul {
  70      list-style: none;
  71  }
  72  blockquote,
  73  q {
  74      quotes: none;
  75  }
  76  blockquote:before,
  77  blockquote:after,
  78  q:before,
  79  q:after {
  80      content: '';
  81      content: none;
  82  }
  83  table {
  84      border-collapse: collapse;
  85      border-spacing: 0;
  86  }
  87  caption,
  88  th,
  89  td {
  90      font-weight: normal;
  91      text-align: left;
  92  }
  93  h1,
  94  h2,
  95  h3,
  96  h4,
  97  h5,
  98  h6 {
  99      clear: both;
 100  }
 101  html {
 102      overflow-y: scroll;
 103      font-size: 100%;
 104      -webkit-text-size-adjust: 100%;
 105      -ms-text-size-adjust: 100%;
 106  }
 107  a:focus {
 108      outline: thin dotted;
 109  }
 110  article,
 111  aside,
 112  details,
 113  figcaption,
 114  figure,
 115  footer,
 116  header,
 117  hgroup,
 118  nav,
 119  section {
 120      display: block;
 121  }
 122  audio,
 123  canvas,
 124  video {
 125      display: inline-block;
 126  }
 127  audio:not([controls]) {
 128      display: none;
 129  }
 130  del {
 131      color: #333;
 132  }
 133  ins {
 134      background: #fff9c0;
 135      text-decoration: none;
 136  }
 137  hr {
 138      background-color: #ccc;
 139      border: 0;
 140      height: 1px;
 141      margin: 24px;
 142      margin-bottom: 1.714285714rem;
 143  }
 144  sub,
 145  sup {
 146      font-size: 75%;
 147      line-height: 0;
 148      position: relative;
 149      vertical-align: baseline;
 150  }
 151  sup {
 152      top: -0.5em;
 153  }
 154  sub {
 155      bottom: -0.25em;
 156  }
 157  small {
 158      font-size: smaller;
 159  }
 160  img {
 161      border: 0;
 162      -ms-interpolation-mode: bicubic;
 163  }
 164  
 165  /* Clearing floats */
 166  .clear:after,
 167  .wrapper:after,
 168  .format-status .entry-header:after {
 169      clear: both;
 170  }
 171  .clear:before,
 172  .clear:after,
 173  .wrapper:before,
 174  .wrapper:after,
 175  .format-status .entry-header:before,
 176  .format-status .entry-header:after {
 177      display: table;
 178      content: "";
 179  }
 180  
 181  
 182  /* =Repeatable patterns
 183  -------------------------------------------------------------- */
 184  
 185  /* Small headers */
 186  .archive-title,
 187  .page-title,
 188  .widget-title,
 189  .entry-content th,
 190  .comment-content th {
 191      font-size: 11px;
 192      font-size: 0.785714286rem;
 193      line-height: 2.181818182;
 194      font-weight: bold;
 195      text-transform: uppercase;
 196      color: #636363;
 197  }
 198  
 199  /* Shared Post Format styling */
 200  article.format-quote footer.entry-meta,
 201  article.format-link footer.entry-meta,
 202  article.format-status footer.entry-meta {
 203      font-size: 11px;
 204      font-size: 0.785714286rem;
 205      line-height: 2.181818182;
 206  }
 207  
 208  /* Form fields, general styles first */
 209  button,
 210  input,
 211  select,
 212  textarea {
 213      border: 1px solid #ccc;
 214      border-radius: 3px;
 215      font-family: inherit;
 216      padding: 6px;
 217      padding: 0.428571429rem;
 218  }
 219  button,
 220  input {
 221      line-height: normal;
 222  }
 223  textarea {
 224      font-size: 100%;
 225      overflow: auto;
 226      vertical-align: top;
 227  }
 228  
 229  /* Reset non-text input types */
 230  input[type="checkbox"],
 231  input[type="radio"],
 232  input[type="file"],
 233  input[type="hidden"],
 234  input[type="image"],
 235  input[type="color"] {
 236      border: 0;
 237      border-radius: 0;
 238      padding: 0;
 239  }
 240  
 241  /* Buttons */
 242  .menu-toggle,
 243  input[type="submit"],
 244  input[type="button"],
 245  input[type="reset"],
 246  article.post-password-required input[type=submit],
 247  .bypostauthor cite span {
 248      padding: 6px 10px;
 249      padding: 0.428571429rem 0.714285714rem;
 250      font-size: 11px;
 251      font-size: 0.785714286rem;
 252      line-height: 1.428571429;
 253      font-weight: normal;
 254      color: #7c7c7c;
 255      background-color: #e6e6e6;
 256      background-repeat: repeat-x;
 257      background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
 258      background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
 259      background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
 260      background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
 261      background-image: linear-gradient(to bottom, #f4f4f4, #e6e6e6);
 262      border: 1px solid #d2d2d2;
 263      border-radius: 3px;
 264      box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
 265  }
 266  .menu-toggle,
 267  button,
 268  input[type="submit"],
 269  input[type="button"],
 270  input[type="reset"] {
 271      cursor: pointer;
 272  }
 273  button[disabled],
 274  input[disabled] {
 275      cursor: default;
 276  }
 277  .menu-toggle:hover,
 278  .menu-toggle:focus,
 279  button:hover,
 280  input[type="submit"]:hover,
 281  input[type="button"]:hover,
 282  input[type="reset"]:hover,
 283  article.post-password-required input[type=submit]:hover {
 284      color: #5e5e5e;
 285      background-color: #ebebeb;
 286      background-repeat: repeat-x;
 287      background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
 288      background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
 289      background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
 290      background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
 291      background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
 292  }
 293  .menu-toggle:active,
 294  .menu-toggle.toggled-on,
 295  button:active,
 296  input[type="submit"]:active,
 297  input[type="button"]:active,
 298  input[type="reset"]:active {
 299      color: #757575;
 300      background-color: #e1e1e1;
 301      background-repeat: repeat-x;
 302      background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
 303      background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
 304      background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
 305      background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
 306      background-image: linear-gradient(to bottom, #ebebeb, #e1e1e1);
 307      box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
 308      border-color: transparent;
 309  }
 310  .bypostauthor cite span {
 311      color: #fff;
 312      background-color: #21759b;
 313      background-image: none;
 314      border: 1px solid #1f6f93;
 315      border-radius: 2px;
 316      box-shadow: none;
 317      padding: 0;
 318  }
 319  
 320  /* Responsive images */
 321  .entry-content img,
 322  .comment-content img,
 323  .widget img {
 324      max-width: 100%; /* Fluid images for posts, comments, and widgets */
 325  }
 326  img[class*="align"],
 327  img[class*="wp-image-"],
 328  img[class*="attachment-"] {
 329      height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 330  }
 331  img.size-full,
 332  img.size-large,
 333  img.header-image,
 334  img.wp-post-image {
 335      max-width: 100%;
 336      height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 337  }
 338  
 339  /* Make sure videos and embeds fit their containers */
 340  embed,
 341  iframe,
 342  object,
 343  video {
 344      max-width: 100%;
 345  }
 346  .entry-content .twitter-tweet-rendered {
 347      max-width: 100% !important; /* Override the Twitter embed fixed width */
 348  }
 349  
 350  /* Images */
 351  .alignleft {
 352      float: left;
 353  }
 354  .alignright {
 355      float: right;
 356  }
 357  .aligncenter {
 358      display: block;
 359      margin-left: auto;
 360      margin-right: auto;
 361  }
 362  .entry-content img,
 363  .comment-content img,
 364  .widget img,
 365  img.header-image,
 366  .author-avatar img,
 367  img.wp-post-image {
 368      /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
 369      border-radius: 3px;
 370      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
 371  }
 372  .wp-caption {
 373      max-width: 100%; /* Keep wide captions from overflowing their container. */
 374      padding: 4px;
 375  }
 376  .wp-caption .wp-caption-text,
 377  .gallery-caption,
 378  .entry-caption {
 379      font-style: italic;
 380      font-size: 12px;
 381      font-size: 0.857142857rem;
 382      line-height: 2;
 383      color: #757575;
 384  }
 385  img.wp-smiley,
 386  .rsswidget img {
 387      border: 0;
 388      border-radius: 0;
 389      box-shadow: none;
 390      margin-bottom: 0;
 391      margin-top: 0;
 392      padding: 0;
 393  }
 394  .entry-content dl.gallery-item {
 395      margin: 0;
 396  }
 397  .gallery-item a,
 398  .gallery-caption {
 399      width: 90%;
 400  }
 401  .gallery-item a {
 402      display: block;
 403  }
 404  .gallery-caption a {
 405      display: inline;
 406  }
 407  .gallery-columns-1 .gallery-item a {
 408      max-width: 100%;
 409      width: auto;
 410  }
 411  .gallery .gallery-icon img {
 412      height: auto;
 413      max-width: 90%;
 414      padding: 5%;
 415  }
 416  .gallery-columns-1 .gallery-icon img {
 417      padding: 3%;
 418  }
 419  
 420  /* Navigation */
 421  .site-content nav {
 422      clear: both;
 423      line-height: 2;
 424      overflow: hidden;
 425  }
 426  #nav-above {
 427      padding: 24px 0;
 428      padding: 1.714285714rem 0;
 429  }
 430  #nav-above {
 431      display: none;
 432  }
 433  .paged #nav-above {
 434      display: block;
 435  }
 436  .nav-previous,
 437  .previous-image {
 438      float: left;
 439      width: 50%;
 440  }
 441  .nav-next,
 442  .next-image {
 443      float: right;
 444      text-align: right;
 445      width: 50%;
 446  }
 447  .nav-single + .comments-area,
 448  #comment-nav-above {
 449      margin: 48px 0;
 450      margin: 3.428571429rem 0;
 451  }
 452  
 453  /* Author profiles */
 454  .author .archive-header {
 455      margin-bottom: 24px;
 456      margin-bottom: 1.714285714rem;
 457  }
 458  .author-info {
 459      border-top: 1px solid #ededed;
 460      margin: 24px 0;
 461      margin: 1.714285714rem 0;
 462      padding-top: 24px;
 463      padding-top: 1.714285714rem;
 464      overflow: hidden;
 465  }
 466  .author-description p {
 467      color: #757575;
 468      font-size: 13px;
 469      font-size: 0.928571429rem;
 470      line-height: 1.846153846;
 471  }
 472  .author.archive .author-info {
 473      border-top: 0;
 474      margin: 0 0 48px;
 475      margin: 0 0 3.428571429rem;
 476  }
 477  .author.archive .author-avatar {
 478      margin-top: 0;
 479  }
 480  
 481  
 482  /* =Basic structure
 483  -------------------------------------------------------------- */
 484  
 485  /* Body, links, basics */
 486  html {
 487      font-size: 87.5%;
 488  }
 489  body {
 490      font-size: 14px;
 491      font-size: 1rem;
 492      font-family: Helvetica, Arial, sans-serif;
 493      text-rendering: optimizeLegibility;
 494      color: #444;
 495  }
 496  body.custom-font-enabled {
 497      font-family: "Open Sans", Helvetica, Arial, sans-serif;
 498  }
 499  a {
 500      outline: none;
 501      color: #21759b;
 502  }
 503  a:hover {
 504      color: #0f3647;
 505  }
 506  
 507  /* Assistive text */
 508  .assistive-text,
 509  .site .screen-reader-text {
 510      position: absolute !important;
 511      clip: rect(1px, 1px, 1px, 1px);
 512      overflow: hidden;
 513      height: 1px;
 514      width: 1px;
 515  }
 516  .main-navigation .assistive-text:focus,
 517  .site .screen-reader-text:hover,
 518  .site .screen-reader-text:active,
 519  .site .screen-reader-text:focus {
 520      background: #fff;
 521      border: 2px solid #333;
 522      border-radius: 3px;
 523      clip: auto !important;
 524      color: #000;
 525      display: block;
 526      font-size: 12px;
 527      height: auto;
 528      padding: 12px;
 529      position: absolute;
 530      top: 5px;
 531      left: 5px;
 532      width: auto;
 533      z-index: 100000; /* Above WP toolbar */
 534  }
 535  
 536  /* Page structure */
 537  .site {
 538      padding: 0 24px;
 539      padding: 0 1.714285714rem;
 540      background-color: #fff;
 541  }
 542  .site-content {
 543      margin: 24px 0 0;
 544      margin: 1.714285714rem 0 0;
 545  }
 546  .widget-area {
 547      margin: 24px 0 0;
 548      margin: 1.714285714rem 0 0;
 549  }
 550  
 551  /* Header */
 552  .site-header {
 553      padding: 24px 0;
 554      padding: 1.714285714rem 0;
 555  }
 556  .site-header h1,
 557  .site-header h2 {
 558      text-align: center;
 559  }
 560  .site-header h1 a,
 561  .site-header h2 a {
 562      color: #515151;
 563      display: inline-block;
 564      text-decoration: none;
 565  }
 566  .site-header h1 a:hover,
 567  .site-header h2 a:hover {
 568      color: #21759b;
 569  }
 570  .site-header h1 {
 571      font-size: 24px;
 572      font-size: 1.714285714rem;
 573      line-height: 1.285714286;
 574      margin-bottom: 14px;
 575      margin-bottom: 1rem;
 576  }
 577  .site-header h2 {
 578      font-weight: normal;
 579      font-size: 13px;
 580      font-size: 0.928571429rem;
 581      line-height: 1.846153846;
 582      color: #757575;
 583  }
 584  .header-image {
 585      margin-top: 24px;
 586      margin-top: 1.714285714rem;
 587  }
 588  
 589  /* Navigation Menu */
 590  .main-navigation {
 591      margin-top: 24px;
 592      margin-top: 1.714285714rem;
 593      text-align: center;
 594  }
 595  .main-navigation li {
 596      margin-top: 24px;
 597      margin-top: 1.714285714rem;
 598      font-size: 12px;
 599      font-size: 0.857142857rem;
 600      line-height: 1.42857143;
 601  }
 602  .main-navigation a {
 603      color: #5e5e5e;
 604  }
 605  .main-navigation a:hover,
 606  .main-navigation a:focus {
 607      color: #21759b;
 608  }
 609  .main-navigation ul.nav-menu,
 610  .main-navigation div.nav-menu > ul {
 611      display: none;
 612  }
 613  .main-navigation ul.nav-menu.toggled-on,
 614  .menu-toggle {
 615      display: inline-block;
 616  }
 617  
 618  /* Banner */
 619  section[role="banner"] {
 620      margin-bottom: 48px;
 621      margin-bottom: 3.428571429rem;
 622  }
 623  
 624  /* Sidebar */
 625  .widget-area .widget {
 626      -webkit-hyphens: auto;
 627      -moz-hyphens: auto;
 628      hyphens: auto;
 629      margin-bottom: 48px;
 630      margin-bottom: 3.428571429rem;
 631      word-wrap: break-word;
 632  }
 633  .widget-area .widget h3 {
 634      margin-bottom: 24px;
 635      margin-bottom: 1.714285714rem;
 636  }
 637  .widget-area .widget p,
 638  .widget-area .widget li,
 639  .widget-area .widget .textwidget {
 640      font-size: 13px;
 641      font-size: 0.928571429rem;
 642      line-height: 1.846153846;
 643  }
 644  .widget-area .widget p {
 645      margin-bottom: 24px;
 646      margin-bottom: 1.714285714rem;
 647  }
 648  .widget-area .textwidget ul,
 649  .widget-area .textwidget ol {
 650      list-style: disc outside;
 651      margin: 0 0 24px;
 652      margin: 0 0 1.714285714rem;
 653  }
 654  .widget-area .textwidget li > ul,
 655  .widget-area .textwidget li > ol {
 656      margin-bottom: 0;
 657  }
 658  .widget-area .textwidget ol {
 659      list-style: decimal;
 660  }
 661  .widget-area .textwidget li {
 662      margin-left: 36px;
 663      margin-left: 2.571428571rem;
 664  }
 665  .widget-area .widget a {
 666      color: #757575;
 667  }
 668  .widget-area .widget a:hover {
 669      color: #21759b;
 670  }
 671  .widget-area .widget a:visited {
 672      color: #9f9f9f;
 673  }
 674  .widget-area #s {
 675      width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
 676  }
 677  
 678  /* Footer */
 679  footer[role="contentinfo"] {
 680      border-top: 1px solid #ededed;
 681      clear: both;
 682      font-size: 12px;
 683      font-size: 0.857142857rem;
 684      line-height: 2;
 685      max-width: 960px;
 686      max-width: 68.571428571rem;
 687      margin-top: 24px;
 688      margin-top: 1.714285714rem;
 689      margin-left: auto;
 690      margin-right: auto;
 691      padding: 24px 0;
 692      padding: 1.714285714rem 0;
 693  }
 694  footer[role="contentinfo"] a {
 695      color: #686868;
 696  }
 697  footer[role="contentinfo"] a:hover {
 698      color: #21759b;
 699  }
 700  .site-info span[role=separator] {
 701      padding: 0 0.3em 0 0.6em;
 702  }
 703  .site-info span[role=separator]::before {
 704      content: '\002f';
 705  }
 706  
 707  
 708  /* =Main content and comment content
 709  -------------------------------------------------------------- */
 710  
 711  .entry-meta {
 712      clear: both;
 713  }
 714  .entry-header {
 715      margin-bottom: 24px;
 716      margin-bottom: 1.714285714rem;
 717  }
 718  .entry-header img.wp-post-image {
 719      margin-bottom: 24px;
 720      margin-bottom: 1.714285714rem;
 721  }
 722  .entry-header .entry-title {
 723      font-size: 20px;
 724      font-size: 1.428571429rem;
 725      line-height: 1.2;
 726      font-weight: normal;
 727  }
 728  .entry-header .entry-title a {
 729      text-decoration: none;
 730  }
 731  .entry-header .entry-format {
 732      margin-top: 24px;
 733      margin-top: 1.714285714rem;
 734      font-weight: normal;
 735  }
 736  .entry-header .comments-link {
 737      margin-top: 24px;
 738      margin-top: 1.714285714rem;
 739      font-size: 13px;
 740      font-size: 0.928571429rem;
 741      line-height: 1.846153846;
 742      color: #757575;
 743  }
 744  .comments-link a,
 745  .entry-meta a {
 746      color: #757575;
 747  }
 748  .comments-link a:hover,
 749  .entry-meta a:hover {
 750      color: #21759b;
 751  }
 752  article.sticky .featured-post {
 753      border-top: 4px double #ededed;
 754      border-bottom: 4px double #ededed;
 755      color: #757575;
 756      font-size: 13px;
 757      font-size: 0.928571429rem;
 758      line-height: 3.692307692;
 759      margin-bottom: 24px;
 760      margin-bottom: 1.714285714rem;
 761      text-align: center;
 762  }
 763  .entry-content,
 764  .entry-summary,
 765  .mu_register {
 766      line-height: 1.714285714;
 767  }
 768  .entry-content h1,
 769  .comment-content h1,
 770  .entry-content h2,
 771  .comment-content h2,
 772  .entry-content h3,
 773  .comment-content h3,
 774  .entry-content h4,
 775  .comment-content h4,
 776  .entry-content h5,
 777  .comment-content h5,
 778  .entry-content h6,
 779  .comment-content h6 {
 780      margin: 24px 0;
 781      margin: 1.714285714rem 0;
 782      line-height: 1.714285714;
 783  }
 784  .entry-content h1,
 785  .comment-content h1 {
 786      font-size: 21px;
 787      font-size: 1.5rem;
 788      line-height: 1.5;
 789  }
 790  .entry-content h2,
 791  .comment-content h2,
 792  .mu_register h2 {
 793      font-size: 18px;
 794      font-size: 1.285714286rem;
 795      line-height: 1.6;
 796  }
 797  .entry-content h3,
 798  .comment-content h3 {
 799      font-size: 16px;
 800      font-size: 1.142857143rem;
 801      line-height: 1.846153846;
 802  }
 803  .entry-content h4,
 804  .comment-content h4 {
 805      font-size: 14px;
 806      font-size: 1rem;
 807      line-height: 1.846153846;
 808  }
 809  .entry-content h5,
 810  .comment-content h5 {
 811      font-size: 13px;
 812      font-size: 0.928571429rem;
 813      line-height: 1.846153846;
 814  }
 815  .entry-content h6,
 816  .comment-content h6 {
 817      font-size: 12px;
 818      font-size: 0.857142857rem;
 819      line-height: 1.846153846;
 820  }
 821  .entry-content p,
 822  .entry-summary p,
 823  .comment-content p,
 824  .mu_register p {
 825      margin: 0 0 24px;
 826      margin: 0 0 1.714285714rem;
 827      line-height: 1.714285714;
 828  }
 829  .entry-content a:visited,
 830  .comment-content a:visited {
 831      color: #9f9f9f;
 832  }
 833  .entry-content .more-link {
 834      white-space: nowrap;
 835  }
 836  .entry-content ol,
 837  .comment-content ol,
 838  .entry-content ul,
 839  .comment-content ul,
 840  .mu_register ul {
 841      margin: 0 0 24px;
 842      margin: 0 0 1.714285714rem;
 843      line-height: 1.714285714;
 844  }
 845  .entry-content ul ul,
 846  .comment-content ul ul,
 847  .entry-content ol ol,
 848  .comment-content ol ol,
 849  .entry-content ul ol,
 850  .comment-content ul ol,
 851  .entry-content ol ul,
 852  .comment-content ol ul {
 853      margin-bottom: 0;
 854  }
 855  .entry-content ul,
 856  .comment-content ul,
 857  .mu_register ul {
 858      list-style: disc outside;
 859  }
 860  .entry-content ol,
 861  .comment-content ol {
 862      list-style: decimal outside;
 863  }
 864  .entry-content li,
 865  .comment-content li,
 866  .mu_register li {
 867      margin: 0 0 0 36px;
 868      margin: 0 0 0 2.571428571rem;
 869  }
 870  .entry-content blockquote,
 871  .comment-content blockquote {
 872      margin-bottom: 24px;
 873      margin-bottom: 1.714285714rem;
 874      padding: 24px;
 875      padding: 1.714285714rem;
 876      font-style: italic;
 877  }
 878  .entry-content blockquote p:last-child,
 879  .comment-content blockquote p:last-child {
 880      margin-bottom: 0;
 881  }
 882  .entry-content code,
 883  .comment-content code {
 884      font-family: Consolas, Monaco, Lucida Console, monospace;
 885      font-size: 12px;
 886      font-size: 0.857142857rem;
 887      line-height: 2;
 888  }
 889  .entry-content pre,
 890  .comment-content pre {
 891      border: 1px solid #ededed;
 892      color: #666;
 893      font-family: Consolas, Monaco, Lucida Console, monospace;
 894      font-size: 12px;
 895      font-size: 0.857142857rem;
 896      line-height: 1.714285714;
 897      margin: 24px 0;
 898      margin: 1.714285714rem 0;
 899      overflow: auto;
 900      padding: 24px;
 901      padding: 1.714285714rem;
 902  }
 903  .entry-content pre code,
 904  .comment-content pre code {
 905      display: block;
 906  }
 907  .entry-content abbr,
 908  .comment-content abbr,
 909  .entry-content dfn,
 910  .comment-content dfn,
 911  .entry-content acronym,
 912  .comment-content acronym {
 913      border-bottom: 1px dotted #666;
 914      cursor: help;
 915  }
 916  .entry-content address,
 917  .comment-content address {
 918      display: block;
 919      line-height: 1.714285714;
 920      margin: 0 0 24px;
 921      margin: 0 0 1.714285714rem;
 922  }
 923  img.alignleft,
 924  .wp-caption.alignleft {
 925      margin: 12px 24px 12px 0;
 926      margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 927  }
 928  img.alignright,
 929  .wp-caption.alignright {
 930      margin: 12px 0 12px 24px;
 931      margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 932  }
 933  img.aligncenter,
 934  .wp-caption.aligncenter {
 935      clear: both;
 936      margin-top: 12px;
 937      margin-top: 0.857142857rem;
 938      margin-bottom: 12px;
 939      margin-bottom: 0.857142857rem;
 940  }
 941  .entry-content embed,
 942  .entry-content iframe,
 943  .entry-content object,
 944  .entry-content video {
 945      margin-bottom: 24px;
 946      margin-bottom: 1.714285714rem;
 947  }
 948  .entry-content dl,
 949  .comment-content dl {
 950      margin: 0 24px;
 951      margin: 0 1.714285714rem;
 952  }
 953  .entry-content dt,
 954  .comment-content dt {
 955      font-weight: bold;
 956      line-height: 1.714285714;
 957  }
 958  .entry-content dd,
 959  .comment-content dd {
 960      line-height: 1.714285714;
 961      margin-bottom: 24px;
 962      margin-bottom: 1.714285714rem;
 963  }
 964  .entry-content table,
 965  .comment-content table {
 966      border-bottom: 1px solid #ededed;
 967      color: #757575;
 968      font-size: 12px;
 969      font-size: 0.857142857rem;
 970      line-height: 2;
 971      margin: 0 0 24px;
 972      margin: 0 0 1.714285714rem;
 973      width: 100%;
 974  }
 975  .entry-content table caption,
 976  .comment-content table caption {
 977      font-size: 16px;
 978      font-size: 1.142857143rem;
 979      margin: 24px 0;
 980      margin: 1.714285714rem 0;
 981  }
 982  .entry-content td,
 983  .comment-content td {
 984      border-top: 1px solid #ededed;
 985      padding: 6px 10px 6px 0;
 986  }
 987  .site-content article {
 988      border-bottom: 4px double #ededed;
 989      margin-bottom: 72px;
 990      margin-bottom: 5.142857143rem;
 991      padding-bottom: 24px;
 992      padding-bottom: 1.714285714rem;
 993      word-wrap: break-word;
 994      -webkit-hyphens: auto;
 995      -moz-hyphens: auto;
 996      hyphens: auto;
 997  }
 998  .page-links {
 999      clear: both;
1000      line-height: 1.714285714;
1001  }
1002  footer.entry-meta {
1003      margin-top: 24px;
1004      margin-top: 1.714285714rem;
1005      font-size: 13px;
1006      font-size: 0.928571429rem;
1007      line-height: 1.846153846;
1008      color: #757575;
1009  }
1010  .single-author .entry-meta .by-author {
1011      display: none;
1012  }
1013  .mu_register h2 {
1014      color: #757575;
1015      font-weight: normal;
1016  }
1017  
1018  
1019  /* =Archives
1020  -------------------------------------------------------------- */
1021  
1022  .archive-header,
1023  .page-header {
1024      margin-bottom: 48px;
1025      margin-bottom: 3.428571429rem;
1026      padding-bottom: 22px;
1027      padding-bottom: 1.571428571rem;
1028      border-bottom: 1px solid #ededed;
1029  }
1030  .archive-meta {
1031      color: #757575;
1032      font-size: 12px;
1033      font-size: 0.857142857rem;
1034      line-height: 2;
1035      margin-top: 22px;
1036      margin-top: 1.571428571rem;
1037  }
1038  
1039  /* =Single audio/video attachment view
1040  -------------------------------------------------------------- */
1041  
1042  .attachment .entry-content .mejs-audio {
1043      max-width: 400px;
1044  }
1045  
1046  .attachment .entry-content .mejs-container {
1047      margin-bottom: 24px;
1048  }
1049  
1050  
1051  /* =Single image attachment view
1052  -------------------------------------------------------------- */
1053  
1054  .article.attachment {
1055      overflow: hidden;
1056  }
1057  .image-attachment div.attachment {
1058      text-align: center;
1059  }
1060  .image-attachment div.attachment p {
1061      text-align: center;
1062  }
1063  .image-attachment div.attachment img {
1064      display: block;
1065      height: auto;
1066      margin: 0 auto;
1067      max-width: 100%;
1068  }
1069  .image-attachment .entry-caption {
1070      margin-top: 8px;
1071      margin-top: 0.571428571rem;
1072  }
1073  
1074  
1075  /* =Aside post format
1076  -------------------------------------------------------------- */
1077  
1078  article.format-aside h1 {
1079      margin-bottom: 24px;
1080      margin-bottom: 1.714285714rem;
1081  }
1082  article.format-aside h1 a {
1083      text-decoration: none;
1084      color: #4d525a;
1085  }
1086  article.format-aside h1 a:hover {
1087      color: #2e3542;
1088  }
1089  article.format-aside .aside {
1090      padding: 24px 24px 0;
1091      padding: 1.714285714rem;
1092      background: #d2e0f9;
1093      border-left: 22px solid #a8bfe8;
1094  }
1095  article.format-aside p {
1096      font-size: 13px;
1097      font-size: 0.928571429rem;
1098      line-height: 1.846153846;
1099      color: #4a5466;
1100  }
1101  article.format-aside blockquote:last-child,
1102  article.format-aside p:last-child {
1103      margin-bottom: 0;
1104  }
1105  
1106  
1107  /* =Post formats
1108  -------------------------------------------------------------- */
1109  
1110  /* Image posts */
1111  article.format-image footer h1 {
1112      font-size: 13px;
1113      font-size: 0.928571429rem;
1114      line-height: 1.846153846;
1115      font-weight: normal;
1116  }
1117  article.format-image footer h2 {
1118      font-size: 11px;
1119      font-size: 0.785714286rem;
1120      line-height: 2.181818182;
1121  }
1122  article.format-image footer a h2 {
1123      font-weight: normal;
1124  }
1125  
1126  /* Link posts */
1127  article.format-link header {
1128      padding: 0 10px;
1129      padding: 0 0.714285714rem;
1130      float: right;
1131      font-size: 11px;
1132      font-size: 0.785714286rem;
1133      line-height: 2.181818182;
1134      font-weight: bold;
1135      font-style: italic;
1136      text-transform: uppercase;
1137      color: #848484;
1138      background-color: #ebebeb;
1139      border-radius: 3px;
1140  }
1141  article.format-link .entry-content {
1142      max-width: 80%;
1143      float: left;
1144  }
1145  article.format-link .entry-content a {
1146      font-size: 22px;
1147      font-size: 1.571428571rem;
1148      line-height: 1.090909091;
1149      text-decoration: none;
1150  }
1151  
1152  /* Quote posts */
1153  article.format-quote .entry-content p {
1154      margin: 0;
1155      padding-bottom: 24px;
1156      padding-bottom: 1.714285714rem;
1157  }
1158  article.format-quote .entry-content blockquote {
1159      display: block;
1160      padding: 24px 24px 0;
1161      padding: 1.714285714rem 1.714285714rem 0;
1162      font-size: 15px;
1163      font-size: 1.071428571rem;
1164      line-height: 1.6;
1165      font-style: normal;
1166      color: #6a6a6a;
1167      background: #efefef;
1168  }
1169  
1170  /* Status posts */
1171  .format-status .entry-header {
1172      margin-bottom: 24px;
1173      margin-bottom: 1.714285714rem;
1174  }
1175  .format-status .entry-header header {
1176      display: inline-block;
1177  }
1178  .format-status .entry-header h1 {
1179      font-size: 15px;
1180      font-size: 1.071428571rem;
1181      font-weight: normal;
1182      line-height: 1.6;
1183      margin: 0;
1184  }
1185  .format-status .entry-header h2 {
1186      font-size: 12px;
1187      font-size: 0.857142857rem;
1188      font-weight: normal;
1189      line-height: 2;
1190      margin: 0;
1191  }
1192  .format-status .entry-header header a {
1193      color: #757575;
1194  }
1195  .format-status .entry-header header a:hover {
1196      color: #21759b;
1197  }
1198  .format-status .entry-header img {
1199      float: left;
1200      margin-right: 21px;
1201      margin-right: 1.5rem;
1202  }
1203  
1204  
1205  /* =Comments
1206  -------------------------------------------------------------- */
1207  
1208  .comments-title {
1209      margin-bottom: 48px;
1210      margin-bottom: 3.428571429rem;
1211      font-size: 16px;
1212      font-size: 1.142857143rem;
1213      line-height: 1.5;
1214      font-weight: normal;
1215  }
1216  .comments-area article {
1217      margin: 24px 0;
1218      margin: 1.714285714rem 0;
1219  }
1220  .comments-area article header {
1221      margin: 0 0 48px;
1222      margin: 0 0 3.428571429rem;
1223      overflow: hidden;
1224      position: relative;
1225  }
1226  .comments-area article header img {
1227      float: left;
1228      padding: 0;
1229      line-height: 0;
1230  }
1231  .comments-area article header cite,
1232  .comments-area article header time {
1233      display: block;
1234      margin-left: 85px;
1235      margin-left: 6.071428571rem;
1236  }
1237  .comments-area article header cite {
1238      font-style: normal;
1239      font-size: 15px;
1240      font-size: 1.071428571rem;
1241      line-height: 1.42857143;
1242  }
1243  .comments-area cite b {
1244      font-weight: normal;
1245  }
1246  .comments-area article header time {
1247      line-height: 1.714285714;
1248      text-decoration: none;
1249      font-size: 12px;
1250      font-size: 0.857142857rem;
1251      color: #5e5e5e;
1252  }
1253  .comments-area article header a {
1254      text-decoration: none;
1255      color: #5e5e5e;
1256  }
1257  .comments-area article header a:hover {
1258      color: #21759b;
1259  }
1260  .comments-area article header cite a {
1261      color: #444;
1262  }
1263  .comments-area article header cite a:hover {
1264      text-decoration: underline;
1265  }
1266  .comments-area article header h4 {
1267      position: absolute;
1268      top: 0;
1269      right: 0;
1270      padding: 6px 12px;
1271      padding: 0.428571429rem 0.857142857rem;
1272      font-size: 12px;
1273      font-size: 0.857142857rem;
1274      font-weight: normal;
1275      color: #fff;
1276      background-color: #0088d0;
1277      background-repeat: repeat-x;
1278      background-image: -moz-linear-gradient(top, #009cee, #0088d0);
1279      background-image: -ms-linear-gradient(top, #009cee, #0088d0);
1280      background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
1281      background-image: -o-linear-gradient(top, #009cee, #0088d0);
1282      background-image: linear-gradient(to bottom, #009cee, #0088d0);
1283      border-radius: 3px;
1284      border: 1px solid #007cbd;
1285  }
1286  .comments-area .bypostauthor cite span {
1287      position: absolute;
1288      margin-left: 5px;
1289      margin-left: 0.357142857rem;
1290      padding: 2px 5px;
1291      padding: 0.142857143rem 0.357142857rem;
1292      font-size: 10px;
1293      font-size: 0.714285714rem;
1294  }
1295  .comments-area .bypostauthor cite b {
1296      font-weight: bold;
1297  }
1298  a.comment-reply-link,
1299  a.comment-edit-link {
1300      color: #686868;
1301      font-size: 13px;
1302      font-size: 0.928571429rem;
1303      line-height: 1.846153846;
1304  }
1305  a.comment-reply-link:hover,
1306  a.comment-edit-link:hover {
1307      color: #21759b;
1308  }
1309  .commentlist .pingback {
1310      line-height: 1.714285714;
1311      margin-bottom: 24px;
1312      margin-bottom: 1.714285714rem;
1313  }
1314  
1315  /* Comment form */
1316  #respond {
1317      margin-top: 48px;
1318      margin-top: 3.428571429rem;
1319  }
1320  #respond h3#reply-title {
1321      font-size: 16px;
1322      font-size: 1.142857143rem;
1323      line-height: 1.5;
1324  }
1325  #respond h3#reply-title #cancel-comment-reply-link {
1326      margin-left: 10px;
1327      margin-left: 0.714285714rem;
1328      font-weight: normal;
1329      font-size: 12px;
1330      font-size: 0.857142857rem;
1331  }
1332  #respond form {
1333      margin: 24px 0;
1334      margin: 1.714285714rem 0;
1335  }
1336  #respond form p {
1337      margin: 11px 0;
1338      margin: 0.785714286rem 0;
1339  }
1340  #respond form p.logged-in-as {
1341      margin-bottom: 24px;
1342      margin-bottom: 1.714285714rem;
1343  }
1344  #respond form label {
1345      display: block;
1346      line-height: 1.714285714;
1347  }
1348  #respond form input[type="text"],
1349  #respond form textarea {
1350      -moz-box-sizing: border-box;
1351      box-sizing: border-box;
1352      font-size: 12px;
1353      font-size: 0.857142857rem;
1354      line-height: 1.714285714;
1355      padding: 10px;
1356      padding: 0.714285714rem;
1357      width: 100%;
1358  }
1359  #respond form p.form-allowed-tags {
1360      margin: 0;
1361      font-size: 12px;
1362      font-size: 0.857142857rem;
1363      line-height: 2;
1364      color: #5e5e5e;
1365  }
1366  #respond #wp-comment-cookies-consent {
1367      margin: 0 10px 0 0;
1368  }
1369  #respond .comment-form-cookies-consent label {
1370      display: inline;
1371  }
1372  .required {
1373      color: red;
1374  }
1375  
1376  
1377  /* =Front page template
1378  -------------------------------------------------------------- */
1379  
1380  .entry-page-image {
1381      margin-bottom: 14px;
1382      margin-bottom: 1rem;
1383  }
1384  .template-front-page .site-content article {
1385      border: 0;
1386      margin-bottom: 0;
1387  }
1388  .template-front-page .widget-area {
1389      clear: both;
1390      float: none;
1391      width: auto;
1392      padding-top: 24px;
1393      padding-top: 1.714285714rem;
1394      border-top: 1px solid #ededed;
1395  }
1396  .template-front-page .widget-area .widget li {
1397      margin: 8px 0 0;
1398      margin: 0.571428571rem 0 0;
1399      font-size: 13px;
1400      font-size: 0.928571429rem;
1401      line-height: 1.714285714;
1402      list-style-type: square;
1403      list-style-position: inside;
1404  }
1405  .template-front-page .widget-area .widget li a {
1406      color: #757575;
1407  }
1408  .template-front-page .widget-area .widget li a:hover {
1409      color: #21759b;
1410  }
1411  .template-front-page .widget-area .widget_text img {
1412      float: left;
1413      margin: 8px 24px 8px 0;
1414      margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
1415  }
1416  
1417  
1418  /* =Widgets
1419  -------------------------------------------------------------- */
1420  
1421  .widget select {
1422      max-width: 100%;
1423   }
1424  .widget-area .widget ul ul {
1425      margin-left: 12px;
1426      margin-left: 0.857142857rem;
1427  }
1428  .widget_rss li {
1429      margin: 12px 0;
1430      margin: 0.857142857rem 0;
1431  }
1432  .widget_recent_entries .post-date,
1433  .widget_rss .rss-date {
1434      color: #aaa;
1435      font-size: 11px;
1436      font-size: 0.785714286rem;
1437      margin-left: 12px;
1438      margin-left: 0.857142857rem;
1439  }
1440  .wp-calendar-nav,
1441  #wp-calendar {
1442      margin: 0;
1443      width: 100%;
1444      font-size: 13px;
1445      font-size: 0.928571429rem;
1446      line-height: 1.846153846;
1447      color: #686868;
1448  }
1449  #wp-calendar th,
1450  #wp-calendar td,
1451  #wp-calendar caption {
1452      text-align: left;
1453  }
1454  .wp-calendar-nav {
1455      display: table;
1456  }
1457  .wp-calendar-nav span {
1458      display: table-cell;
1459  }
1460  .wp-calendar-nav-next,
1461  #wp-calendar #next {
1462      padding-right: 24px;
1463      padding-right: 1.714285714rem;
1464      text-align: right;
1465  }
1466  .widget_search label {
1467      display: block;
1468      font-size: 13px;
1469      font-size: 0.928571429rem;
1470      line-height: 1.846153846;
1471  }
1472  .widget_twitter li {
1473      list-style-type: none;
1474  }
1475  .widget_twitter .timesince {
1476      display: block;
1477      text-align: right;
1478  }
1479  .tagcloud ul {
1480      list-style-type: none;
1481  }
1482  
1483  .tagcloud ul li {
1484      display: inline-block;
1485  }
1486  
1487  .widget-area .widget.widget_tag_cloud li {
1488      line-height: 1;
1489  }
1490  .template-front-page .widget-area .widget.widget_tag_cloud li {
1491      margin: 0;
1492  }
1493  
1494  .widget-area .gallery-columns-2.gallery-size-full .gallery-icon img,
1495  .widget-area .gallery-columns-3.gallery-size-full .gallery-icon img,
1496  .widget-area .gallery-columns-4.gallery-size-full .gallery-icon img,
1497  .widget-area .gallery-columns-5.gallery-size-full .gallery-icon img,
1498  .widget-area .gallery-columns-6 .gallery-icon img,
1499  .widget-area .gallery-columns-7 .gallery-icon img,
1500  .widget-area .gallery-columns-8 .gallery-icon img,
1501  .widget-area .gallery-columns-9 .gallery-icon img {
1502      height: auto;
1503      max-width: 80%;
1504  }
1505  
1506  /* =Plugins
1507  ----------------------------------------------- */
1508  
1509  img#wpstats {
1510      display: block;
1511      margin: 0 auto 24px;
1512      margin: 0 auto 1.714285714rem;
1513  }
1514  
1515  
1516  /* =Media queries
1517  -------------------------------------------------------------- */
1518  
1519  /* Does the same thing as <meta name="viewport" content="width=device-width">,
1520   * but in the future W3C standard way. -ms- prefix is required for IE10+ to
1521   * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
1522   * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
1523   */
1524  @-ms-viewport {
1525      width: device-width;
1526  }
1527  @viewport {
1528      width: device-width;
1529  }
1530  
1531  /* Minimum width of 600 pixels. */
1532  @media screen and (min-width: 600px) {
1533      .author-avatar {
1534          float: left;
1535          margin-top: 8px;
1536          margin-top: 0.571428571rem;
1537      }
1538      .author-description {
1539          float: right;
1540          width: 80%;
1541      }
1542      .site {
1543          margin: 0 auto;
1544          max-width: 960px;
1545          max-width: 68.571428571rem;
1546          overflow: hidden;
1547      }
1548      .site-content {
1549          float: left;
1550          width: 65.104166667%;
1551      }
1552      body.template-front-page .site-content,
1553      body.attachment .site-content,
1554      body.full-width .site-content {
1555          width: 100%;
1556      }
1557      .widget-area {
1558          float: right;
1559          width: 26.041666667%;
1560      }
1561      .site-header h1,
1562      .site-header h2 {
1563          text-align: left;
1564      }
1565      .site-header h1 {
1566          font-size: 26px;
1567          font-size: 1.857142857rem;
1568          line-height: 1.846153846;
1569          margin-bottom: 0;
1570      }
1571      .main-navigation ul.nav-menu,
1572      .main-navigation div.nav-menu > ul {
1573          border-bottom: 1px solid #ededed;
1574          border-top: 1px solid #ededed;
1575          display: inline-block !important;
1576          text-align: left;
1577          width: 100%;
1578      }
1579      .main-navigation ul {
1580          margin: 0;
1581          text-indent: 0;
1582      }
1583      .main-navigation li a,
1584      .main-navigation li {
1585          display: inline-block;
1586          text-decoration: none;
1587      }
1588      .main-navigation li a {
1589          border-bottom: 0;
1590          color: #6a6a6a;
1591          line-height: 3.692307692;
1592          text-transform: uppercase;
1593          white-space: nowrap;
1594      }
1595      .main-navigation li a:hover,
1596      .main-navigation li a:focus {
1597          color: #000;
1598      }
1599      .main-navigation li {
1600          margin: 0 40px 0 0;
1601          margin: 0 2.857142857rem 0 0;
1602          position: relative;
1603      }
1604      .main-navigation li ul {
1605          margin: 0;
1606          padding: 0;
1607          position: absolute;
1608          top: 100%;
1609          z-index: 1;
1610          height: 1px;
1611          width: 1px;
1612          overflow: hidden;
1613          clip: rect(1px, 1px, 1px, 1px);
1614      }
1615      .main-navigation li ul ul {
1616          top: 0;
1617          left: 100%;
1618      }
1619      .main-navigation ul li:hover > ul,
1620      .main-navigation ul li:focus > ul,
1621      .main-navigation .focus > ul {
1622          border-left: 0;
1623          clip: inherit;
1624          overflow: inherit;
1625          height: inherit;
1626          width: inherit;
1627      }
1628      .main-navigation li ul li a {
1629          background: #efefef;
1630          border-bottom: 1px solid #ededed;
1631          display: block;
1632          font-size: 11px;
1633          font-size: 0.785714286rem;
1634          line-height: 2.181818182;
1635          padding: 8px 10px;
1636          padding: 0.571428571rem 0.714285714rem;
1637          width: 180px;
1638          width: 12.85714286rem;
1639          white-space: normal;
1640      }
1641      .main-navigation li ul li a:hover,
1642      .main-navigation li ul li a:focus {
1643          background: #e3e3e3;
1644          color: #444;
1645      }
1646      .main-navigation .current-menu-item > a,
1647      .main-navigation .current-menu-ancestor > a,
1648      .main-navigation .current_page_item > a,
1649      .main-navigation .current_page_ancestor > a {
1650          color: #636363;
1651          font-weight: bold;
1652      }
1653      .menu-toggle {
1654          display: none;
1655      }
1656      .entry-header .entry-title {
1657          font-size: 22px;
1658          font-size: 1.571428571rem;
1659      }
1660      #respond form input[type="text"] {
1661          width: 46.333333333%;
1662      }
1663      #respond form textarea.blog-textarea {
1664          width: 79.666666667%;
1665      }
1666      .template-front-page .site-content,
1667      .template-front-page article {
1668          overflow: hidden;
1669      }
1670      .template-front-page.has-post-thumbnail article {
1671          float: left;
1672          width: 47.916666667%;
1673      }
1674      .entry-page-image {
1675          float: right;
1676          margin-bottom: 0;
1677          width: 47.916666667%;
1678      }
1679      .template-front-page .widget-area .widget,
1680      .template-front-page.two-sidebars .widget-area .front-widgets {
1681          float: left;
1682          width: 51.875%;
1683          margin-bottom: 24px;
1684          margin-bottom: 1.714285714rem;
1685      }
1686      .template-front-page .widget-area .widget:nth-child(odd) {
1687          clear: right;
1688      }
1689      .template-front-page .widget-area .widget:nth-child(even),
1690      .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
1691          float: right;
1692          width: 39.0625%;
1693          margin: 0 0 24px;
1694          margin: 0 0 1.714285714rem;
1695      }
1696      .template-front-page.two-sidebars .widget,
1697      .template-front-page.two-sidebars .widget:nth-child(even) {
1698          float: none;
1699          width: auto;
1700      }
1701      .commentlist .children {
1702          margin-left: 48px;
1703          margin-left: 3.428571429rem;
1704      }
1705  }
1706  
1707  /* Minimum width of 960 pixels. */
1708  @media screen and (min-width: 960px) {
1709      body {
1710          background-color: #e6e6e6;
1711      }
1712      body .site {
1713          padding: 0 40px;
1714          padding: 0 2.857142857rem;
1715          margin-top: 48px;
1716          margin-top: 3.428571429rem;
1717          margin-bottom: 48px;
1718          margin-bottom: 3.428571429rem;
1719          box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
1720      }
1721      body.custom-background-empty {
1722          background-color: #fff;
1723      }
1724      body.custom-background-empty .site,
1725      body.custom-background-white .site {
1726          padding: 0;
1727          margin-top: 0;
1728          margin-bottom: 0;
1729          box-shadow: none;
1730      }
1731  }
1732  
1733  
1734  /* =Print
1735  ----------------------------------------------- */
1736  
1737  @media print {
1738      body {
1739          background: none !important;
1740          color: #000;
1741          font-size: 10pt;
1742      }
1743      footer a[rel=bookmark]:link:after,
1744      footer a[rel=bookmark]:visited:after {
1745          content: " [" attr(href) "] "; /* Show URLs */
1746      }
1747      a {
1748          text-decoration: none;
1749      }
1750      .entry-content img,
1751      .comment-content img,
1752      .author-avatar img,
1753      img.wp-post-image {
1754          border-radius: 0;
1755          box-shadow: none;
1756      }
1757      .site {
1758          clear: both !important;
1759          display: block !important;
1760          float: none !important;
1761          max-width: 100%;
1762          position: relative !important;
1763      }
1764      .site-header {
1765          margin-bottom: 72px;
1766          margin-bottom: 5.142857143rem;
1767          text-align: left;
1768      }
1769      .site-header h1 {
1770          font-size: 21pt;
1771          line-height: 1;
1772          text-align: left;
1773      }
1774      .site-header h2 {
1775          color: #000;
1776          font-size: 10pt;
1777          text-align: left;
1778      }
1779      .site-header h1 a,
1780      .site-header h2 a {
1781          color: #000;
1782      }
1783      .author-avatar,
1784      #colophon,
1785      #respond,
1786      .commentlist .comment-edit-link,
1787      .commentlist .reply,
1788      .entry-header .comments-link,
1789      .entry-meta .edit-link a,
1790      .page-link,
1791      .site-content nav,
1792      .widget-area,
1793      img.header-image,
1794      .main-navigation {
1795          display: none;
1796      }
1797      .wrapper {
1798          border-top: none;
1799          box-shadow: none;
1800      }
1801      .site-content {
1802          margin: 0;
1803          width: auto;
1804      }
1805  
1806      .entry-header .entry-title,
1807      .entry-title {
1808          font-size: 21pt;
1809      }
1810      footer.entry-meta,
1811      footer.entry-meta a {
1812          color: #444;
1813          font-size: 10pt;
1814      }
1815      .author-description {
1816          float: none;
1817          width: auto;
1818      }
1819  
1820      /* Comments */
1821      .commentlist > li.comment {
1822          background: none;
1823          position: relative;
1824          width: auto;
1825      }
1826      .commentlist .avatar {
1827          height: 39px;
1828          left: 2.2em;
1829          top: 2.2em;
1830          width: 39px;
1831      }
1832      .comments-area article header cite,
1833      .comments-area article header time {
1834          margin-left: 50px;
1835          margin-left: 3.57142857rem;
1836      }
1837  }


Generated : Thu Mar 28 08:20:01 2024 Cross-referenced by PHPXref