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


Generated : Wed Oct 28 08:20:01 2020 Cross-referenced by PHPXref