[Summary view] [Print] [Text view]

   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.4
   8  Tested up to: 6.7
   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      font-size: inherit;
 907  }
 908  .entry-content abbr,
 909  .comment-content abbr,
 910  .entry-content dfn,
 911  .comment-content dfn,
 912  .entry-content acronym,
 913  .comment-content acronym {
 914      border-bottom: 1px dotted #666;
 915      cursor: help;
 916  }
 917  .entry-content address,
 918  .comment-content address {
 919      display: block;
 920      line-height: 1.714285714;
 921      margin: 0 0 24px;
 922      margin: 0 0 1.714285714rem;
 923  }
 924  img.alignleft,
 925  .wp-caption.alignleft {
 926      margin: 12px 24px 12px 0;
 927      margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
 928  }
 929  img.alignright,
 930  .wp-caption.alignright {
 931      margin: 12px 0 12px 24px;
 932      margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
 933  }
 934  img.aligncenter,
 935  .wp-caption.aligncenter {
 936      clear: both;
 937      margin-top: 12px;
 938      margin-top: 0.857142857rem;
 939      margin-bottom: 12px;
 940      margin-bottom: 0.857142857rem;
 941  }
 942  .entry-content embed,
 943  .entry-content iframe,
 944  .entry-content object,
 945  .entry-content video {
 946      margin-bottom: 24px;
 947      margin-bottom: 1.714285714rem;
 948  }
 949  .entry-content dl,
 950  .comment-content dl {
 951      margin: 0 24px;
 952      margin: 0 1.714285714rem;
 953  }
 954  .entry-content dt,
 955  .comment-content dt {
 956      font-weight: bold;
 957      line-height: 1.714285714;
 958  }
 959  .entry-content dd,
 960  .comment-content dd {
 961      line-height: 1.714285714;
 962      margin-bottom: 24px;
 963      margin-bottom: 1.714285714rem;
 964  }
 965  .entry-content table,
 966  .comment-content table {
 967      border-bottom: 1px solid #ededed;
 968      color: #757575;
 969      font-size: 12px;
 970      font-size: 0.857142857rem;
 971      line-height: 2;
 972      margin: 0 0 24px;
 973      margin: 0 0 1.714285714rem;
 974      width: 100%;
 975  }
 976  .entry-content table caption,
 977  .comment-content table caption {
 978      font-size: 16px;
 979      font-size: 1.142857143rem;
 980      margin: 24px 0;
 981      margin: 1.714285714rem 0;
 982  }
 983  .entry-content td,
 984  .comment-content td {
 985      border-top: 1px solid #ededed;
 986      padding: 6px 10px 6px 0;
 987  }
 988  .site-content article {
 989      border-bottom: 4px double #ededed;
 990      margin-bottom: 72px;
 991      margin-bottom: 5.142857143rem;
 992      padding-bottom: 24px;
 993      padding-bottom: 1.714285714rem;
 994      word-wrap: break-word;
 995      -webkit-hyphens: auto;
 996      -moz-hyphens: auto;
 997      hyphens: auto;
 998  }
 999  .page-links {
1000      clear: both;
1001      line-height: 1.714285714;
1002  }
1003  footer.entry-meta {
1004      margin-top: 24px;
1005      margin-top: 1.714285714rem;
1006      font-size: 13px;
1007      font-size: 0.928571429rem;
1008      line-height: 1.846153846;
1009      color: #757575;
1010  }
1011  .single-author .entry-meta .by-author {
1012      display: none;
1013  }
1014  .mu_register h2 {
1015      color: #757575;
1016      font-weight: normal;
1017  }
1018  
1019  
1020  /* =Archives
1021  -------------------------------------------------------------- */
1022  
1023  .archive-header,
1024  .page-header {
1025      margin-bottom: 48px;
1026      margin-bottom: 3.428571429rem;
1027      padding-bottom: 22px;
1028      padding-bottom: 1.571428571rem;
1029      border-bottom: 1px solid #ededed;
1030  }
1031  .archive-meta {
1032      color: #757575;
1033      font-size: 12px;
1034      font-size: 0.857142857rem;
1035      line-height: 2;
1036      margin-top: 22px;
1037      margin-top: 1.571428571rem;
1038  }
1039  
1040  /* =Single audio/video attachment view
1041  -------------------------------------------------------------- */
1042  
1043  .attachment .entry-content .mejs-audio {
1044      max-width: 400px;
1045  }
1046  
1047  .attachment .entry-content .mejs-container {
1048      margin-bottom: 24px;
1049  }
1050  
1051  
1052  /* =Single image attachment view
1053  -------------------------------------------------------------- */
1054  
1055  .article.attachment {
1056      overflow: hidden;
1057  }
1058  .image-attachment div.attachment {
1059      text-align: center;
1060  }
1061  .image-attachment div.attachment p {
1062      text-align: center;
1063  }
1064  .image-attachment div.attachment img {
1065      display: block;
1066      height: auto;
1067      margin: 0 auto;
1068      max-width: 100%;
1069  }
1070  .image-attachment .entry-caption {
1071      margin-top: 8px;
1072      margin-top: 0.571428571rem;
1073  }
1074  
1075  
1076  /* =Aside post format
1077  -------------------------------------------------------------- */
1078  
1079  article.format-aside h1 {
1080      margin-bottom: 24px;
1081      margin-bottom: 1.714285714rem;
1082  }
1083  article.format-aside h1 a {
1084      text-decoration: none;
1085      color: #4d525a;
1086  }
1087  article.format-aside h1 a:hover {
1088      color: #2e3542;
1089  }
1090  article.format-aside .aside {
1091      padding: 24px 24px 0;
1092      padding: 1.714285714rem;
1093      background: #d2e0f9;
1094      border-left: 22px solid #a8bfe8;
1095  }
1096  article.format-aside p {
1097      font-size: 13px;
1098      font-size: 0.928571429rem;
1099      line-height: 1.846153846;
1100      color: #4a5466;
1101  }
1102  article.format-aside blockquote:last-child,
1103  article.format-aside p:last-child {
1104      margin-bottom: 0;
1105  }
1106  
1107  
1108  /* =Post formats
1109  -------------------------------------------------------------- */
1110  
1111  /* Image posts */
1112  article.format-image footer h1 {
1113      font-size: 13px;
1114      font-size: 0.928571429rem;
1115      line-height: 1.846153846;
1116      font-weight: normal;
1117  }
1118  article.format-image footer h2 {
1119      font-size: 11px;
1120      font-size: 0.785714286rem;
1121      line-height: 2.181818182;
1122  }
1123  article.format-image footer a h2 {
1124      font-weight: normal;
1125  }
1126  
1127  /* Link posts */
1128  article.format-link header {
1129      padding: 0 10px;
1130      padding: 0 0.714285714rem;
1131      float: right;
1132      font-size: 11px;
1133      font-size: 0.785714286rem;
1134      line-height: 2.181818182;
1135      font-weight: bold;
1136      font-style: italic;
1137      text-transform: uppercase;
1138      color: #848484;
1139      background-color: #ebebeb;
1140      border-radius: 3px;
1141  }
1142  article.format-link .entry-content {
1143      max-width: 80%;
1144      float: left;
1145  }
1146  article.format-link .entry-content a {
1147      font-size: 22px;
1148      font-size: 1.571428571rem;
1149      line-height: 1.090909091;
1150      text-decoration: none;
1151  }
1152  
1153  /* Quote posts */
1154  article.format-quote .entry-content p {
1155      margin: 0;
1156      padding-bottom: 24px;
1157      padding-bottom: 1.714285714rem;
1158  }
1159  article.format-quote .entry-content blockquote {
1160      display: block;
1161      padding: 24px 24px 0;
1162      padding: 1.714285714rem 1.714285714rem 0;
1163      font-size: 15px;
1164      font-size: 1.071428571rem;
1165      line-height: 1.6;
1166      font-style: normal;
1167      color: #6a6a6a;
1168      background: #efefef;
1169  }
1170  
1171  /* Status posts */
1172  .format-status .entry-header {
1173      margin-bottom: 24px;
1174      margin-bottom: 1.714285714rem;
1175  }
1176  .format-status .entry-header header {
1177      display: inline-block;
1178  }
1179  .format-status .entry-header h1 {
1180      font-size: 15px;
1181      font-size: 1.071428571rem;
1182      font-weight: normal;
1183      line-height: 1.6;
1184      margin: 0;
1185  }
1186  .format-status .entry-header h2 {
1187      font-size: 12px;
1188      font-size: 0.857142857rem;
1189      font-weight: normal;
1190      line-height: 2;
1191      margin: 0;
1192  }
1193  .format-status .entry-header header a {
1194      color: #757575;
1195  }
1196  .format-status .entry-header header a:hover {
1197      color: #21759b;
1198  }
1199  .format-status .entry-header img {
1200      float: left;
1201      margin-right: 21px;
1202      margin-right: 1.5rem;
1203  }
1204  
1205  
1206  /* =Comments
1207  -------------------------------------------------------------- */
1208  
1209  .comments-title {
1210      margin-bottom: 48px;
1211      margin-bottom: 3.428571429rem;
1212      font-size: 16px;
1213      font-size: 1.142857143rem;
1214      line-height: 1.5;
1215      font-weight: normal;
1216  }
1217  .comments-area article {
1218      margin: 24px 0;
1219      margin: 1.714285714rem 0;
1220  }
1221  .comments-area article header {
1222      margin: 0 0 48px;
1223      margin: 0 0 3.428571429rem;
1224      overflow: hidden;
1225      position: relative;
1226  }
1227  .comments-area article header img {
1228      float: left;
1229      padding: 0;
1230      line-height: 0;
1231  }
1232  .comments-area article header cite,
1233  .comments-area article header time {
1234      display: block;
1235      margin-left: 85px;
1236      margin-left: 6.071428571rem;
1237  }
1238  .comments-area article header cite {
1239      font-style: normal;
1240      font-size: 15px;
1241      font-size: 1.071428571rem;
1242      line-height: 1.42857143;
1243  }
1244  .comments-area cite b {
1245      font-weight: normal;
1246  }
1247  .comments-area article header time {
1248      line-height: 1.714285714;
1249      text-decoration: none;
1250      font-size: 12px;
1251      font-size: 0.857142857rem;
1252      color: #5e5e5e;
1253  }
1254  .comments-area article header a {
1255      text-decoration: none;
1256      color: #5e5e5e;
1257  }
1258  .comments-area article header a:hover {
1259      color: #21759b;
1260  }
1261  .comments-area article header cite a {
1262      color: #444;
1263  }
1264  .comments-area article header cite a:hover {
1265      text-decoration: underline;
1266  }
1267  .comments-area article header h4 {
1268      position: absolute;
1269      top: 0;
1270      right: 0;
1271      padding: 6px 12px;
1272      padding: 0.428571429rem 0.857142857rem;
1273      font-size: 12px;
1274      font-size: 0.857142857rem;
1275      font-weight: normal;
1276      color: #fff;
1277      background-color: #0088d0;
1278      background-repeat: repeat-x;
1279      background-image: -moz-linear-gradient(top, #009cee, #0088d0);
1280      background-image: -ms-linear-gradient(top, #009cee, #0088d0);
1281      background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
1282      background-image: -o-linear-gradient(top, #009cee, #0088d0);
1283      background-image: linear-gradient(to bottom, #009cee, #0088d0);
1284      border-radius: 3px;
1285      border: 1px solid #007cbd;
1286  }
1287  .comments-area .bypostauthor cite span {
1288      position: absolute;
1289      margin-left: 5px;
1290      margin-left: 0.357142857rem;
1291      padding: 2px 5px;
1292      padding: 0.142857143rem 0.357142857rem;
1293      font-size: 10px;
1294      font-size: 0.714285714rem;
1295  }
1296  .comments-area .bypostauthor cite b {
1297      font-weight: bold;
1298  }
1299  a.comment-reply-link,
1300  a.comment-edit-link {
1301      color: #686868;
1302      font-size: 13px;
1303      font-size: 0.928571429rem;
1304      line-height: 1.846153846;
1305  }
1306  a.comment-reply-link:hover,
1307  a.comment-edit-link:hover {
1308      color: #21759b;
1309  }
1310  .commentlist .pingback {
1311      line-height: 1.714285714;
1312      margin-bottom: 24px;
1313      margin-bottom: 1.714285714rem;
1314  }
1315  
1316  /* Comment form */
1317  #respond {
1318      margin-top: 48px;
1319      margin-top: 3.428571429rem;
1320  }
1321  #respond h3#reply-title {
1322      font-size: 16px;
1323      font-size: 1.142857143rem;
1324      line-height: 1.5;
1325  }
1326  #respond h3#reply-title #cancel-comment-reply-link {
1327      margin-left: 10px;
1328      margin-left: 0.714285714rem;
1329      font-weight: normal;
1330      font-size: 12px;
1331      font-size: 0.857142857rem;
1332  }
1333  #respond form {
1334      margin: 24px 0;
1335      margin: 1.714285714rem 0;
1336  }
1337  #respond form p {
1338      margin: 11px 0;
1339      margin: 0.785714286rem 0;
1340  }
1341  #respond form p.logged-in-as {
1342      margin-bottom: 24px;
1343      margin-bottom: 1.714285714rem;
1344  }
1345  #respond form label {
1346      display: block;
1347      line-height: 1.714285714;
1348  }
1349  #respond form input[type="text"],
1350  #respond form textarea {
1351      -moz-box-sizing: border-box;
1352      box-sizing: border-box;
1353      font-size: 12px;
1354      font-size: 0.857142857rem;
1355      line-height: 1.714285714;
1356      padding: 10px;
1357      padding: 0.714285714rem;
1358      width: 100%;
1359  }
1360  #respond form p.form-allowed-tags {
1361      margin: 0;
1362      font-size: 12px;
1363      font-size: 0.857142857rem;
1364      line-height: 2;
1365      color: #5e5e5e;
1366  }
1367  #respond #wp-comment-cookies-consent {
1368      margin: 0 10px 0 0;
1369  }
1370  #respond .comment-form-cookies-consent label {
1371      display: inline;
1372  }
1373  .required {
1374      color: red;
1375  }
1376  
1377  
1378  /* =Front page template
1379  -------------------------------------------------------------- */
1380  
1381  .entry-page-image {
1382      margin-bottom: 14px;
1383      margin-bottom: 1rem;
1384  }
1385  .template-front-page .site-content article {
1386      border: 0;
1387      margin-bottom: 0;
1388  }
1389  .template-front-page .widget-area {
1390      clear: both;
1391      float: none;
1392      width: auto;
1393      padding-top: 24px;
1394      padding-top: 1.714285714rem;
1395      border-top: 1px solid #ededed;
1396  }
1397  .template-front-page .widget-area .widget li {
1398      margin: 8px 0 0;
1399      margin: 0.571428571rem 0 0;
1400      font-size: 13px;
1401      font-size: 0.928571429rem;
1402      line-height: 1.714285714;
1403      list-style-type: square;
1404      list-style-position: inside;
1405  }
1406  .template-front-page .widget-area .widget li a {
1407      color: #757575;
1408  }
1409  .template-front-page .widget-area .widget li a:hover {
1410      color: #21759b;
1411  }
1412  .template-front-page .widget-area .widget_text img {
1413      float: left;
1414      margin: 8px 24px 8px 0;
1415      margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
1416  }
1417  
1418  
1419  /* =Widgets
1420  -------------------------------------------------------------- */
1421  
1422  .widget select {
1423      max-width: 100%;
1424   }
1425  .widget-area .widget ul ul {
1426      margin-left: 12px;
1427      margin-left: 0.857142857rem;
1428  }
1429  .widget_rss li {
1430      margin: 12px 0;
1431      margin: 0.857142857rem 0;
1432  }
1433  .widget_recent_entries .post-date,
1434  .widget_rss .rss-date {
1435      color: #aaa;
1436      font-size: 11px;
1437      font-size: 0.785714286rem;
1438      margin-left: 12px;
1439      margin-left: 0.857142857rem;
1440  }
1441  .wp-calendar-nav,
1442  #wp-calendar {
1443      margin: 0;
1444      width: 100%;
1445      font-size: 13px;
1446      font-size: 0.928571429rem;
1447      line-height: 1.846153846;
1448      color: #686868;
1449  }
1450  #wp-calendar th,
1451  #wp-calendar td,
1452  #wp-calendar caption {
1453      text-align: left;
1454  }
1455  .wp-calendar-nav {
1456      display: table;
1457  }
1458  .wp-calendar-nav span {
1459      display: table-cell;
1460  }
1461  .wp-calendar-nav-next,
1462  #wp-calendar #next {
1463      padding-right: 24px;
1464      padding-right: 1.714285714rem;
1465      text-align: right;
1466  }
1467  .widget_search label {
1468      display: block;
1469      font-size: 13px;
1470      font-size: 0.928571429rem;
1471      line-height: 1.846153846;
1472  }
1473  .widget_twitter li {
1474      list-style-type: none;
1475  }
1476  .widget_twitter .timesince {
1477      display: block;
1478      text-align: right;
1479  }
1480  .tagcloud ul {
1481      list-style-type: none;
1482  }
1483  
1484  .tagcloud ul li {
1485      display: inline-block;
1486  }
1487  
1488  .widget-area .widget.widget_tag_cloud li {
1489      line-height: 1;
1490  }
1491  .template-front-page .widget-area .widget.widget_tag_cloud li {
1492      margin: 0;
1493  }
1494  
1495  .widget-area .gallery-columns-2.gallery-size-full .gallery-icon img,
1496  .widget-area .gallery-columns-3.gallery-size-full .gallery-icon img,
1497  .widget-area .gallery-columns-4.gallery-size-full .gallery-icon img,
1498  .widget-area .gallery-columns-5.gallery-size-full .gallery-icon img,
1499  .widget-area .gallery-columns-6 .gallery-icon img,
1500  .widget-area .gallery-columns-7 .gallery-icon img,
1501  .widget-area .gallery-columns-8 .gallery-icon img,
1502  .widget-area .gallery-columns-9 .gallery-icon img {
1503      height: auto;
1504      max-width: 80%;
1505  }
1506  
1507  /* =Plugins
1508  ----------------------------------------------- */
1509  
1510  img#wpstats {
1511      display: block;
1512      margin: 0 auto 24px;
1513      margin: 0 auto 1.714285714rem;
1514  }
1515  
1516  
1517  /* =Media queries
1518  -------------------------------------------------------------- */
1519  
1520  /* Does the same thing as <meta name="viewport" content="width=device-width">,
1521   * but in the future W3C standard way. -ms- prefix is required for IE10+ to
1522   * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
1523   * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
1524   */
1525  @-ms-viewport {
1526      width: device-width;
1527  }
1528  @viewport {
1529      width: device-width;
1530  }
1531  
1532  /* Minimum width of 600 pixels. */
1533  @media screen and (min-width: 600px) {
1534      .author-avatar {
1535          float: left;
1536          margin-top: 8px;
1537          margin-top: 0.571428571rem;
1538      }
1539      .author-description {
1540          float: right;
1541          width: 80%;
1542      }
1543      .site {
1544          margin: 0 auto;
1545          max-width: 960px;
1546          max-width: 68.571428571rem;
1547          overflow: hidden;
1548      }
1549      .site-content {
1550          float: left;
1551          width: 65.104166667%;
1552      }
1553      body.template-front-page .site-content,
1554      body.attachment .site-content,
1555      body.full-width .site-content {
1556          width: 100%;
1557      }
1558      .widget-area {
1559          float: right;
1560          width: 26.041666667%;
1561      }
1562      .site-header h1,
1563      .site-header h2 {
1564          text-align: left;
1565      }
1566      .site-header h1 {
1567          font-size: 26px;
1568          font-size: 1.857142857rem;
1569          line-height: 1.846153846;
1570          margin-bottom: 0;
1571      }
1572      .main-navigation ul.nav-menu,
1573      .main-navigation div.nav-menu > ul {
1574          border-bottom: 1px solid #ededed;
1575          border-top: 1px solid #ededed;
1576          display: inline-block !important;
1577          text-align: left;
1578          width: 100%;
1579      }
1580      .main-navigation ul {
1581          margin: 0;
1582          text-indent: 0;
1583      }
1584      .main-navigation li a,
1585      .main-navigation li {
1586          display: inline-block;
1587          text-decoration: none;
1588      }
1589      .main-navigation li a {
1590          border-bottom: 0;
1591          color: #6a6a6a;
1592          line-height: 3.692307692;
1593          text-transform: uppercase;
1594          white-space: nowrap;
1595      }
1596      .main-navigation li a:hover,
1597      .main-navigation li a:focus {
1598          color: #000;
1599      }
1600      .main-navigation li {
1601          margin: 0 40px 0 0;
1602          margin: 0 2.857142857rem 0 0;
1603          position: relative;
1604      }
1605      .main-navigation li ul {
1606          margin: 0;
1607          padding: 0;
1608          position: absolute;
1609          top: 100%;
1610          z-index: 99999;
1611          height: 1px;
1612          width: 1px;
1613          overflow: hidden;
1614          clip: rect(1px, 1px, 1px, 1px);
1615      }
1616      .main-navigation li ul ul {
1617          top: 0;
1618          left: 100%;
1619      }
1620      .main-navigation ul li:hover > ul,
1621      .main-navigation ul li:focus > ul,
1622      .main-navigation .focus > ul {
1623          border-left: 0;
1624          clip: inherit;
1625          overflow: inherit;
1626          height: inherit;
1627          width: inherit;
1628      }
1629      .main-navigation li ul li a {
1630          background: #efefef;
1631          border-bottom: 1px solid #ededed;
1632          display: block;
1633          font-size: 11px;
1634          font-size: 0.785714286rem;
1635          line-height: 2.181818182;
1636          padding: 8px 10px;
1637          padding: 0.571428571rem 0.714285714rem;
1638          width: 180px;
1639          width: 12.85714286rem;
1640          white-space: normal;
1641      }
1642      .main-navigation li ul li a:hover,
1643      .main-navigation li ul li a:focus {
1644          background: #e3e3e3;
1645          color: #444;
1646      }
1647      .main-navigation .current-menu-item > a,
1648      .main-navigation .current-menu-ancestor > a,
1649      .main-navigation .current_page_item > a,
1650      .main-navigation .current_page_ancestor > a {
1651          color: #636363;
1652          font-weight: bold;
1653      }
1654      .menu-toggle {
1655          display: none;
1656      }
1657      .entry-header .entry-title {
1658          font-size: 22px;
1659          font-size: 1.571428571rem;
1660      }
1661      #respond form input[type="text"] {
1662          width: 46.333333333%;
1663      }
1664      #respond form textarea.blog-textarea {
1665          width: 79.666666667%;
1666      }
1667      .template-front-page .site-content,
1668      .template-front-page article {
1669          overflow: hidden;
1670      }
1671      .template-front-page.has-post-thumbnail article {
1672          float: left;
1673          width: 47.916666667%;
1674      }
1675      .entry-page-image {
1676          float: right;
1677          margin-bottom: 0;
1678          width: 47.916666667%;
1679      }
1680      .template-front-page .widget-area .widget,
1681      .template-front-page.two-sidebars .widget-area .front-widgets {
1682          float: left;
1683          width: 51.875%;
1684          margin-bottom: 24px;
1685          margin-bottom: 1.714285714rem;
1686      }
1687      .template-front-page .widget-area .widget:nth-child(odd) {
1688          clear: right;
1689      }
1690      .template-front-page .widget-area .widget:nth-child(even),
1691      .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
1692          float: right;
1693          width: 39.0625%;
1694          margin: 0 0 24px;
1695          margin: 0 0 1.714285714rem;
1696      }
1697      .template-front-page.two-sidebars .widget,
1698      .template-front-page.two-sidebars .widget:nth-child(even) {
1699          float: none;
1700          width: auto;
1701      }
1702      .commentlist .children {
1703          margin-left: 48px;
1704          margin-left: 3.428571429rem;
1705      }
1706  }
1707  
1708  /* Minimum width of 960 pixels. */
1709  @media screen and (min-width: 960px) {
1710      body {
1711          background-color: #e6e6e6;
1712      }
1713      body .site {
1714          padding: 0 40px;
1715          padding: 0 2.857142857rem;
1716          margin-top: 48px;
1717          margin-top: 3.428571429rem;
1718          margin-bottom: 48px;
1719          margin-bottom: 3.428571429rem;
1720          box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
1721      }
1722      body.custom-background-empty {
1723          background-color: #fff;
1724      }
1725      body.custom-background-empty .site,
1726      body.custom-background-white .site {
1727          padding: 0;
1728          margin-top: 0;
1729          margin-bottom: 0;
1730          box-shadow: none;
1731      }
1732  }
1733  
1734  
1735  /* =Print
1736  ----------------------------------------------- */
1737  
1738  @media print {
1739      body {
1740          background: none !important;
1741          color: #000;
1742          font-size: 10pt;
1743      }
1744      footer a[rel=bookmark]:link:after,
1745      footer a[rel=bookmark]:visited:after {
1746          content: " [" attr(href) "] "; /* Show URLs */
1747      }
1748      a {
1749          text-decoration: none;
1750      }
1751      .entry-content img,
1752      .comment-content img,
1753      .author-avatar img,
1754      img.wp-post-image {
1755          border-radius: 0;
1756          box-shadow: none;
1757      }
1758      .site {
1759          clear: both !important;
1760          display: block !important;
1761          float: none !important;
1762          max-width: 100%;
1763          position: relative !important;
1764      }
1765      .site-header {
1766          margin-bottom: 72px;
1767          margin-bottom: 5.142857143rem;
1768          text-align: left;
1769      }
1770      .site-header h1 {
1771          font-size: 21pt;
1772          line-height: 1;
1773          text-align: left;
1774      }
1775      .site-header h2 {
1776          color: #000;
1777          font-size: 10pt;
1778          text-align: left;
1779      }
1780      .site-header h1 a,
1781      .site-header h2 a {
1782          color: #000;
1783      }
1784      .author-avatar,
1785      #colophon,
1786      #respond,
1787      .commentlist .comment-edit-link,
1788      .commentlist .reply,
1789      .entry-header .comments-link,
1790      .entry-meta .edit-link a,
1791      .page-link,
1792      .site-content nav,
1793      .widget-area,
1794      img.header-image,
1795      .main-navigation {
1796          display: none;
1797      }
1798      .wrapper {
1799          border-top: none;
1800          box-shadow: none;
1801      }
1802      .site-content {
1803          margin: 0;
1804          width: auto;
1805      }
1806  
1807      .entry-header .entry-title,
1808      .entry-title {
1809          font-size: 21pt;
1810      }
1811      footer.entry-meta,
1812      footer.entry-meta a {
1813          color: #444;
1814          font-size: 10pt;
1815      }
1816      .author-description {
1817          float: none;
1818          width: auto;
1819      }
1820  
1821      /* Comments */
1822      .commentlist > li.comment {
1823          background: none;
1824          position: relative;
1825          width: auto;
1826      }
1827      .commentlist .avatar {
1828          height: 39px;
1829          left: 2.2em;
1830          top: 2.2em;
1831          width: 39px;
1832      }
1833      .comments-area article header cite,
1834      .comments-area article header time {
1835          margin-left: 50px;
1836          margin-left: 3.57142857rem;
1837      }
1838  }