Beranda
Postingan

Cara Upload Shell/Backdoor Di CMS Wordpress Melalui Plugins Apabila Muncul Tulisan "The uploaded file exceeds the upload_max_filesize guidelines in php.ini"

 

Cara Upload Shell/Backdoor Di CMS Wordpress Melalui Plugins Apabila Muncul Tulisan "The uploaded file exceeds the upload_max_filesize guidelines in php.ini"


hallo sobat, back lg bersama saya admin yg gansszzz :D

langsung aja ya gan
terkadang saat kita sukses menemukan user & password untuk login ke halaman admin di CMS Wordpress kita merasa senang banget ya kan
Ternyata saat kita sudah berhasil login, lihat di menu menu nya ada pluginsnya, lalu kita upload ext shell.zip muncul tulisan " The uploaded file exceeds the upload_max_filesize guidelines in php.ini. "





Sedih bukan? banget pastinya :(

Jangan sedih dulu :D, caranya masih ada :D
cekidot caranya

1. Yang pertama yg pasti lo harus udh login dan udh masuk ke halaman admin nya

2. Karna di wordpress yang gw jadikan contoh tidak ada form editor plugins , dan editor themes adanya hanya form upload themes :D

Gk ada form edit plugins




Gk ada form edit themes






Sans masih ada form upload themes :D

caranya? caranya lo buat file index.php di notepad lo , isikan kode ini di file index.php yg lo buat di notepad

  1. <?php
  2. /**
  3. * The main template file
  4. *
  5. * This is the most generic template file in a WordPress theme
  6. * and one of the two required files for a theme (the other being style.css).
  7. * It is used to display a page when nothing more specific matches a query.
  8. * e.g., it puts together the home page when no home.php file exists.
  9. *
  10. * Learn more: {@link https://codex.wordpress.org/Template_Hierarchy}
  11. *
  12. * @package WordPress
  13. * @subpackage Twenty_Fifteen
  14. * @since Twenty Fifteen 1.0
  15. */
  16.  
  17. get_header(); ?>
  18.  
  19. <div id="primary" class="content-area">
  20. <main id="main" class="site-main" role="main">
  21.  
  22. <?php if ( have_posts() ) : ?>
  23.  
  24. <?php if ( is_home() && ! is_front_page() ) : ?>
  25. <header>
  26. <h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>
  27. </header>
  28. <?php endif; ?>
  29.  
  30. <?php
  31. // Start the loop.
  32. while ( have_posts() ) : the_post();
  33.  
  34. /*
  35. * Include the Post-Format-specific template for the content.
  36. * If you want to override this in a child theme, then include a file
  37. * called content-___.php (where ___ is the Post Format name) and that will be used instead.
  38. */
  39. get_template_part( 'content', get_post_format() );
  40.  
  41. // End the loop.
  42. endwhile;
  43.  
  44. // Previous/next page navigation.
  45. the_posts_pagination( array(
  46. 'prev_text' => __( 'Previous page', 'twentyfifteen' ),
  47. 'next_text' => __( 'Next page', 'twentyfifteen' ),
  48. 'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>',
  49. ) );
  50.  
  51. // If no content, include the "No posts found" template.
  52. else :
  53. get_template_part( 'content', 'none' );
  54.  
  55. endif;
  56. ?>
  57.  
  58. </main><!-- .site-main -->
  59. </div><!-- .content-area -->
  60.  
  61. <?php get_footer(); ?>



Lalu buat file file style.css , isikan kode ini



DATA HOSTED WITH ♥ BY PASTEBIN.COM - DOWNLOAD RAW - SEE ORIGINAL
  1. /*
  2. Theme Name: Twenty Fifteen
  3. Theme URI: https://wordpress.org/themes/twentyfifteen/
  4. Author: the WordPress team
  5. Author URI: https://wordpress.org/
  6. Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
  7. Version: 2.0
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
  11. Text Domain: twentyfifteen
  12.  
  13. This theme, like WordPress, is licensed under the GPL.
  14. Use it to make something cool, have fun, and share what you've learned with others.
  15. */
  16.  
  17.  
  18. /**
  19. * Table of Contents
  20. *
  21. * 1.0 - Reset
  22. * 2.0 - Genericons
  23. * 3.0 - Typography
  24. * 4.0 - Elements
  25. * 5.0 - Forms
  26. * 6.0 - Navigations
  27. * 6.1 - Links
  28. * 6.2 - Menus
  29. * 7.0 - Accessibility
  30. * 8.0 - Alignments
  31. * 9.0 - Clearings
  32. * 10.0 - Header
  33. * 11.0 - Widgets
  34. * 12.0 - Content
  35. * 12.1 - Posts and pages
  36. * 12.2 - Post Formats
  37. * 12.3 - Comments
  38. * 13.0 - Footer
  39. * 14.0 - Media
  40. * 14.1 - Captions
  41. * 14.2 - Galleries
  42. * 15.0 - Multisite
  43. * 16.0 - Media Queries
  44. * 16.1 - Mobile Large
  45. * 16.2 - Tablet Small
  46. * 16.3 - Tablet Large
  47. * 16.4 - Desktop Small
  48. * 16.5 - Desktop Medium
  49. * 16.6 - Desktop Large
  50. * 16.7 - Desktop X-Large
  51. * 17.0 - Print
  52. */
  53.  
  54.  
  55. /**
  56. * 1.0 - Reset
  57. *
  58. * Resetting and rebuilding styles have been helped along thanks to the fine
  59. * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
  60. */
  61.  
  62. 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  63. border: 0;
  64. font-family: inherit;
  65. font-size: 100%;
  66. font-style: inherit;
  67. font-weight: inherit;
  68. margin: 0;
  69. outline: 0;
  70. padding: 0;
  71. vertical-align: baseline;
  72. }
  73.  
  74. html {
  75. -webkit-box-sizing: border-box;
  76. -moz-box-sizing: border-box;
  77. box-sizing: border-box;
  78. font-size: 62.5%;
  79. overflow-y: scroll;
  80. -webkit-text-size-adjust: 100%;
  81. -ms-text-size-adjust: 100%;
  82. }
  83.  
  84. *,
  85. *:before,
  86. *:after {
  87. -webkit-box-sizing: inherit;
  88. -moz-box-sizing: inherit;
  89. box-sizing: inherit;
  90. }
  91.  
  92. body {
  93. background: #f1f1f1;
  94. }
  95.  
  96. article,
  97. aside,
  98. details,
  99. figcaption,
  100. figure,
  101. footer,
  102. header,
  103. main,
  104. nav,
  105. section {
  106. display: block;
  107. }
  108.  
  109. ol,
  110. ul {
  111. list-style: none;
  112. }
  113.  
  114. table {
  115. border-collapse: separate;
  116. border-spacing: 0;
  117. }
  118.  
  119. caption,
  120. th,
  121. td {
  122. font-weight: normal;
  123. text-align: left;
  124. }
  125.  
  126. fieldset {
  127. min-width: inherit;
  128. }
  129.  
  130. blockquote:before,
  131. blockquote:after,
  132. q:before,
  133. q:after {
  134. content: "";
  135. }
  136.  
  137. blockquote,
  138. q {
  139. -webkit-hyphens: none;
  140. -moz-hyphens: none;
  141. -ms-hyphens: none;
  142. hyphens: none;
  143. quotes: none;
  144. }
  145.  
  146. a:focus {
  147. outline: 2px solid #c1c1c1;
  148. outline: 2px solid rgba(51, 51, 51, 0.3);
  149. }
  150.  
  151. a:hover,
  152. a:active {
  153. outline: 0;
  154. }
  155.  
  156. a img {
  157. border: 0;
  158. }
  159.  
  160.  
  161. /**
  162. * 2.0 - Genericons
  163. */
  164.  
  165. .social-navigation a:before,
  166. .secondary-toggle:before,
  167. .dropdown-toggle:after,
  168. .bypostauthor > article .fn:after,
  169. .comment-reply-title small a:before,
  170. .comment-navigation .nav-next a:after,
  171. .comment-navigation .nav-previous a:before,
  172. .posted-on:before,
  173. .byline:before,
  174. .cat-links:before,
  175. .tags-links:before,
  176. .comments-link:before,
  177. .entry-format:before,
  178. .edit-link:before,
  179. .full-size-link:before,
  180. .pagination .prev:before,
  181. .pagination .next:before,
  182. .image-navigation a:before,
  183. .image-navigation a:after,
  184. .format-link .entry-title a:after,
  185. .entry-content .more-link:after,
  186. .entry-summary .more-link:after,
  187. .author-link:after {
  188. -moz-osx-font-smoothing: grayscale;
  189. -webkit-font-smoothing: antialiased;
  190. display: inline-block;
  191. font-family: "Genericons";
  192. font-size: 16px;
  193. font-style: normal;
  194. font-weight: normal;
  195. font-variant: normal;
  196. line-height: 1;
  197. speak: none;
  198. text-align: center;
  199. text-decoration: inherit;
  200. text-transform: none;
  201. vertical-align: top;
  202. }
  203.  
  204.  
  205. /**
  206. * 3.0 Typography
  207. */
  208.  
  209. body,
  210. button,
  211. input,
  212. select,
  213. textarea {
  214. color: #333;
  215. font-family: "Noto Serif", serif;
  216. font-size: 15px;
  217. font-size: 1.5rem;
  218. line-height: 1.6;
  219. }
  220.  
  221. h1,
  222. h2,
  223. h3,
  224. h4,
  225. h5,
  226. h6 {
  227. clear: both;
  228. font-weight: 700;
  229. }
  230.  
  231. p {
  232. margin-bottom: 1.6em;
  233. }
  234.  
  235. b,
  236. strong {
  237. font-weight: 700;
  238. }
  239.  
  240. dfn,
  241. cite,
  242. em,
  243. i {
  244. font-style: italic;
  245. }
  246.  
  247. blockquote {
  248. border-left: 4px solid #707070;
  249. border-left: 4px solid rgba(51, 51, 51, 0.7);
  250. color: #707070;
  251. color: rgba(51, 51, 51, 0.7);
  252. font-size: 18px;
  253. font-size: 1.8rem;
  254. font-style: italic;
  255. line-height: 1.6667;
  256. margin-bottom: 1.6667em;
  257. padding-left: 0.7778em;
  258. }
  259.  
  260. blockquote p {
  261. margin-bottom: 1.6667em;
  262. }
  263.  
  264. blockquote > p:last-child {
  265. margin-bottom: 0;
  266. }
  267.  
  268. blockquote cite,
  269. blockquote small {
  270. color: #333;
  271. font-size: 15px;
  272. font-size: 1.5rem;
  273. font-family: "Noto Sans", sans-serif;
  274. line-height: 1.6;
  275. }
  276.  
  277. blockquote em,
  278. blockquote i,
  279. blockquote cite {
  280. font-style: normal;
  281. }
  282.  
  283. blockquote strong,
  284. blockquote b {
  285. font-weight: 400;
  286. }
  287.  
  288. address {
  289. font-style: italic;
  290. margin: 0 0 1.6em;
  291. }
  292.  
  293. code,
  294. kbd,
  295. tt,
  296. var,
  297. samp,
  298. pre {
  299. font-family: Inconsolata, monospace;
  300. -webkit-hyphens: none;
  301. -moz-hyphens: none;
  302. -ms-hyphens: none;
  303. hyphens: none;
  304. }
  305.  
  306. pre {
  307. background-color: transparent;
  308. background-color: rgba(0, 0, 0, 0.01);
  309. border: 1px solid #eaeaea;
  310. border: 1px solid rgba(51, 51, 51, 0.1);
  311. line-height: 1.2;
  312. margin-bottom: 1.6em;
  313. max-width: 100%;
  314. overflow: auto;
  315. padding: 0.8em;
  316. white-space: pre;
  317. white-space: pre-wrap;
  318. word-wrap: break-word;
  319. }
  320.  
  321. abbr[title] {
  322. border-bottom: 1px dotted #eaeaea;
  323. border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
  324. cursor: help;
  325. }
  326.  
  327. mark,
  328. ins {
  329. background-color: #fff9c0;
  330. text-decoration: none;
  331. }
  332.  
  333. sup,
  334. sub {
  335. font-size: 75%;
  336. height: 0;
  337. line-height: 0;
  338. position: relative;
  339. vertical-align: baseline;
  340. }
  341.  
  342. sup {
  343. bottom: 1ex;
  344. }
  345.  
  346. sub {
  347. top: .5ex;
  348. }
  349.  
  350. small {
  351. font-size: 75%;
  352. }
  353.  
  354. big {
  355. font-size: 125%;
  356. }
  357.  
  358.  
  359. /**
  360. * 4.0 Elements
  361. */
  362.  
  363. hr {
  364. background-color: #eaeaea;
  365. background-color: rgba(51, 51, 51, 0.1);
  366. border: 0;
  367. height: 1px;
  368. margin-bottom: 1.6em;
  369. }
  370.  
  371. ul,
  372. ol {
  373. margin: 0 0 1.6em 1.3333em;
  374. }
  375.  
  376. ul {
  377. list-style: disc;
  378. }
  379.  
  380. ol {
  381. list-style: decimal;
  382. }
  383.  
  384. li > ul,
  385. li > ol {
  386. margin-bottom: 0;
  387. }
  388.  
  389. dl {
  390. margin-bottom: 1.6em;
  391. }
  392.  
  393. dt {
  394. font-weight: bold;
  395. }
  396.  
  397. dd {
  398. margin-bottom: 1.6em;
  399. }
  400.  
  401. table,
  402. th,
  403. td {
  404. border: 1px solid #eaeaea;
  405. border: 1px solid rgba(51, 51, 51, 0.1);
  406. }
  407.  
  408. table {
  409. border-collapse: separate;
  410. border-spacing: 0;
  411. border-width: 1px 0 0 1px;
  412. margin: 0 0 1.6em;
  413. table-layout: fixed; /* Prevents HTML tables from becoming too wide */
  414. width: 100%;
  415. }
  416.  
  417. caption,
  418. th,
  419. td {
  420. font-weight: normal;
  421. text-align: left;
  422. }
  423.  
  424. th {
  425. border-width: 0 1px 1px 0;
  426. font-weight: 700;
  427. }
  428.  
  429. td {
  430. border-width: 0 1px 1px 0;
  431. }
  432.  
  433. th, td {
  434. padding: 0.4em;
  435. }
  436.  
  437. img {
  438. -ms-interpolation-mode: bicubic;
  439. border: 0;
  440. height: auto;
  441. max-width: 100%;
  442. vertical-align: middle;
  443. }
  444.  
  445. figure {
  446. margin: 0;
  447. }
  448.  
  449. del {
  450. opacity: 0.8;
  451. }
  452.  
  453. /* Placeholder text color -- selectors need to be separate to work. */
  454.  
  455. ::-webkit-input-placeholder {
  456. color: rgba(51, 51, 51, 0.7);
  457. font-family: "Noto Sans", sans-serif;
  458. }
  459.  
  460. :-moz-placeholder {
  461. color: rgba(51, 51, 51, 0.7);
  462. font-family: "Noto Sans", sans-serif;
  463. }
  464.  
  465. ::-moz-placeholder {
  466. color: rgba(51, 51, 51, 0.7);
  467. font-family: "Noto Sans", sans-serif;
  468. opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
  469. }
  470.  
  471. :-ms-input-placeholder {
  472. color: rgba(51, 51, 51, 0.7);
  473. font-family: "Noto Sans", sans-serif;
  474. }
  475.  
  476.  
  477. /**
  478. * 5.0 Forms
  479. */
  480.  
  481. button,
  482. input,
  483. select,
  484. textarea {
  485. background-color: #f7f7f7;
  486. border-radius: 0;
  487. font-size: 16px;
  488. font-size: 1.6rem;
  489. line-height: 1.5;
  490. margin: 0;
  491. max-width: 100%;
  492. vertical-align: baseline;
  493. }
  494.  
  495. button,
  496. input {
  497. -webkit-hyphens: none;
  498. -moz-hyphens: none;
  499. -ms-hyphens: none;
  500. hyphens: none;
  501. line-height: normal;
  502. }
  503.  
  504. input,
  505. textarea {
  506. background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
  507. border: 1px solid #eaeaea;
  508. border: 1px solid rgba(51, 51, 51, 0.1);
  509. color: #707070;
  510. color: rgba(51, 51, 51, 0.7);
  511. }
  512.  
  513. input:focus,
  514. textarea:focus {
  515. background-color: #fff;
  516. border: 1px solid #c1c1c1;
  517. border: 1px solid rgba(51, 51, 51, 0.3);
  518. color: #333;
  519. }
  520.  
  521. input:focus,
  522. select:focus {
  523. outline: 2px solid #c1c1c1;
  524. outline: 2px solid rgba(51, 51, 51, 0.3);
  525. }
  526.  
  527. button[disabled],
  528. input[disabled],
  529. select[disabled],
  530. textarea[disabled] {
  531. cursor: default;
  532. opacity: .5;
  533. }
  534.  
  535. button,
  536. input[type="button"],
  537. input[type="reset"],
  538. input[type="submit"] {
  539. -webkit-appearance: button;
  540. background-color: #333;
  541. border: 0;
  542. color: #fff;
  543. cursor: pointer;
  544. font-family: "Noto Sans", sans-serif;
  545. font-size: 12px;
  546. font-size: 1.2rem;
  547. font-weight: 700;
  548. padding: 0.7917em 1.5em;
  549. text-transform: uppercase;
  550. }
  551.  
  552. button:hover,
  553. input[type="button"]:hover,
  554. input[type="reset"]:hover,
  555. input[type="submit"]:hover,
  556. button:focus,
  557. input[type="button"]:focus,
  558. input[type="reset"]:focus,
  559. input[type="submit"]:focus {
  560. background-color: #707070;
  561. background-color: rgba(51, 51, 51, 0.7);
  562. outline: 0;
  563. }
  564.  
  565. input[type="search"] {
  566. -webkit-appearance: textfield;
  567. }
  568.  
  569. input[type="search"]::-webkit-search-cancel-button,
  570. input[type="search"]::-webkit-search-decoration {
  571. -webkit-appearance: none;
  572. }
  573.  
  574. button::-moz-focus-inner,
  575. input::-moz-focus-inner {
  576. border: 0;
  577. padding: 0;
  578. }
  579.  
  580. input[type="text"],
  581. input[type="email"],
  582. input[type="url"],
  583. input[type="password"],
  584. input[type="search"],
  585. textarea {
  586. padding: 0.375em;
  587. width: 100%;
  588. }
  589.  
  590. textarea {
  591. overflow: auto;
  592. vertical-align: top;
  593. }
  594.  
  595. input[type="text"]:focus,
  596. input[type="email"]:focus,
  597. input[type="url"]:focus,
  598. input[type="password"]:focus,
  599. input[type="search"]:focus,
  600. textarea:focus {
  601. outline: 0;
  602. }
  603.  
  604. .post-password-form {
  605. position: relative;
  606. }
  607.  
  608. .post-password-form label {
  609. color: #707070;
  610. color: rgba(51, 51, 51, 0.7);
  611. display: block;
  612. font-family: "Noto Sans", sans-serif;
  613. font-size: 12px;
  614. font-size: 1.2rem;
  615. font-weight: 700;
  616. letter-spacing: 0.04em;
  617. line-height: 1.5;
  618. text-transform: uppercase;
  619. }
  620.  
  621. .post-password-form input[type="submit"] {
  622. padding: 0.7917em;
  623. position: absolute;
  624. right: 0;
  625. bottom: 0;
  626. }
  627.  
  628. input[type="checkbox"],
  629. input[type="radio"] {
  630. padding: 0;
  631. }
  632.  
  633. .search-form input[type="submit"],
  634. .widget .search-form input[type="submit"] {
  635. padding: 0;
  636. }
  637.  
  638.  
  639. /**
  640. * 6.0 Navigations
  641. */
  642.  
  643.  
  644. /**
  645. * 6.1 Links
  646. */
  647.  
  648. a {
  649. color: #333;
  650. text-decoration: none;
  651. }
  652.  
  653. a:hover,
  654. a:focus {
  655. color: #707070;
  656. color: rgba(51, 51, 51, 0.7);
  657. }
  658.  
  659.  
  660. /**
  661. * 6.2 Menus
  662. */
  663.  
  664. .main-navigation a {
  665. display: block;
  666. padding: 0.8em 0;
  667. position: relative;
  668. text-decoration: none;
  669. }
  670.  
  671. .main-navigation ul {
  672. list-style: none;
  673. margin: 0;
  674. }
  675.  
  676. .main-navigation ul ul {
  677. display: none;
  678. margin-left: 0.8em;
  679. }
  680.  
  681. .main-navigation ul .toggled-on {
  682. display: block;
  683. }
  684.  
  685. .main-navigation li {
  686. border-top: 1px solid #eaeaea;
  687. border-top: 1px solid rgba(51, 51, 51, 0.1);
  688. position: relative;
  689. }
  690.  
  691. .main-navigation .current-menu-item > a,
  692. .main-navigation .current-menu-ancestor > a {
  693. font-weight: 700;
  694. }
  695.  
  696. .main-navigation .nav-menu > ul > li:first-child,
  697. .main-navigation .nav-menu > li:first-child {
  698. border-top: 0;
  699. }
  700.  
  701. .main-navigation .menu-item-has-children > a {
  702. padding-right: 48px;
  703. }
  704.  
  705. .main-navigation .menu-item-description {
  706. color: #707070;
  707. color: rgba(51, 51, 51, 0.7);
  708. font-family: "Noto Sans", sans-serif;
  709. font-size: 12px;
  710. font-size: 1.2rem;
  711. font-weight: 400;
  712. line-height: 1.5;
  713. margin-top: 0.5em;
  714. }
  715.  
  716. .no-js .main-navigation ul ul {
  717. display: block;
  718. }
  719.  
  720. .dropdown-toggle {
  721. background-color: transparent;
  722. border: 0;
  723. -webkit-box-sizing: content-box;
  724. -moz-box-sizing: content-box;
  725. box-sizing: content-box;
  726. content: "";
  727. height: 42px;
  728. padding: 0;
  729. position: absolute;
  730. text-transform: lowercase; /* Stop screen readers to read the text as capital letters */
  731. top: 3px;
  732. right: 0;
  733. width: 42px;
  734. }
  735.  
  736. .dropdown-toggle:after {
  737. color: #333;
  738. content: "\f431";
  739. font-size: 24px;
  740. line-height: 42px;
  741. position: relative;
  742. top: 0;
  743. left: 1px;
  744. width: 42px;
  745. }
  746.  
  747. .dropdown-toggle:hover,
  748. .dropdown-toggle:focus {
  749. background-color: #eaeaea;
  750. background-color: rgba(51, 51, 51, 0.1);
  751. }
  752.  
  753. .dropdown-toggle:focus {
  754. outline: 1px solid #c1c1c1;
  755. outline: 1px solid rgba(51, 51, 51, 0.3);
  756. }
  757.  
  758. .dropdown-toggle.toggle-on:after {
  759. content: "\f432";
  760. }
  761.  
  762. .social-navigation {
  763. margin: 9.0909% 0;
  764. }
  765.  
  766. .social-navigation ul {
  767. list-style: none;
  768. margin: 0 0 -1.6em 0;
  769. }
  770.  
  771. .social-navigation li {
  772. float: left;
  773. }
  774.  
  775. .social-navigation a {
  776. display: block;
  777. height: 3.2em;
  778. position: relative;
  779. width: 3.2em;
  780. }
  781.  
  782. .social-navigation a:before {
  783. content: "\f415";
  784. font-size: 24px;
  785. position: absolute;
  786. top: 0;
  787. left: 0;
  788. }
  789.  
  790. .social-navigation a[href*="codepen.io"]:before {
  791. content: "\f216";
  792. }
  793.  
  794. .social-navigation a[href*="digg.com"]:before {
  795. content: "\f221";
  796. }
  797.  
  798. .social-navigation a[href*="dribbble.com"]:before {
  799. content: "\f201";
  800. }
  801.  
  802. .social-navigation a[href*="dropbox.com"]:before {
  803. content: "\f225";
  804. }
  805.  
  806. .social-navigation a[href*="facebook.com"]:before {
  807. content: "\f203";
  808. }
  809.  
  810. .social-navigation a[href*="flickr.com"]:before {
  811. content: "\f211";
  812. }
  813.  
  814. .social-navigation a[href*="foursquare.com"]:before {
  815. content: "\f226";
  816. }
  817.  
  818. .social-navigation a[href*="plus.google.com"]:before {
  819. content: "\f206";
  820. }
  821.  
  822. .social-navigation a[href*="github.com"]:before {
  823. content: "\f200";
  824. }
  825.  
  826. .social-navigation a[href*="instagram.com"]:before {
  827. content: "\f215";
  828. }
  829.  
  830. .social-navigation a[href*="linkedin.com"]:before {
  831. content: "\f208";
  832. }
  833.  
  834. .social-navigation a[href*="pinterest.com"]:before {
  835. content: "\f210";
  836. }
  837.  
  838. .social-navigation a[href*="getpocket.com"]:before {
  839. content: "\f224";
  840. }
  841.  
  842. .social-navigation a[href*="polldaddy.com"]:before {
  843. content: "\f217";
  844. }
  845.  
  846. .social-navigation a[href*="reddit.com"]:before {
  847. content: "\f222";
  848. }
  849.  
  850. .social-navigation a[href*="stumbleupon.com"]:before {
  851. content: "\f223";
  852. }
  853.  
  854. .social-navigation a[href*="tumblr.com"]:before {
  855. content: "\f214";
  856. }
  857.  
  858. .social-navigation a[href*="twitter.com"]:before {
  859. content: "\f202";
  860. }
  861.  
  862. .social-navigation a[href*="vimeo.com"]:before {
  863. content: "\f212";
  864. }
  865.  
  866. .social-navigation a[href*="wordpress.com"]:before,
  867. .social-navigation a[href*="wordpress.org"]:before {
  868. content: "\f205";
  869. }
  870.  
  871. .social-navigation a[href*="youtube.com"]:before {
  872. content: "\f213";
  873. }
  874.  
  875. .social-navigation a[href*="mailto:"]:before {
  876. content: "\f410";
  877. }
  878.  
  879. .social-navigation a[href*="spotify.com"]:before {
  880. content: "\f515";
  881. }
  882.  
  883. .social-navigation a[href*="twitch.tv"]:before {
  884. content: "\f516";
  885. }
  886.  
  887. .social-navigation a[href$="/feed/"]:before {
  888. content: "\f413";
  889. }
  890.  
  891. .social-navigation a[href*="path.com"]:before {
  892. content: "\f219";
  893. }
  894.  
  895. .social-navigation a[href*="skype.com"]:before {
  896. content: "\f220";
  897. }
  898.  
  899. .secondary-toggle {
  900. background-color: transparent;
  901. border: 1px solid #eaeaea;
  902. border: 1px solid rgba(51, 51, 51, 0.1);
  903. height: 42px;
  904. overflow: hidden;
  905. padding: 0;
  906. position: absolute;
  907. top: 50%;
  908. right: 0;
  909. text-align: center;
  910. -webkit-transform: translateY(-50%);
  911. -ms-transform: translateY(-50%);
  912. transform: translateY(-50%);
  913. width: 42px;
  914. }
  915.  
  916. .secondary-toggle:before {
  917. color: #333;
  918. content: "\f419";
  919. line-height: 40px;
  920. width: 40px;
  921. }
  922.  
  923. .secondary-toggle:hover,
  924. .secondary-toggle:focus {
  925. background-color: transparent;
  926. border: 1px solid #c1c1c1;
  927. border: 1px solid rgba(51, 51, 51, 0.3);
  928. outline: 0;
  929. }
  930.  
  931. .secondary-toggle.toggled-on:before {
  932. content: "\f405";
  933. font-size: 32px;
  934. position: relative;
  935. top: 1px;
  936. left: -1px;
  937. }
  938.  
  939. .post-navigation {
  940. background-color: #fff;
  941. border-top: 1px solid #eaeaea;
  942. border-top: 1px solid rgba(51, 51, 51, 0.1);
  943. font-weight: 700;
  944. }
  945.  
  946. .post-navigation a {
  947. display: block;
  948. padding: 3.8461% 7.6923%;
  949. }
  950.  
  951. .post-navigation span {
  952. display: block;
  953. }
  954.  
  955. .post-navigation .meta-nav {
  956. color: #707070;
  957. color: rgba(51, 51, 51, 0.7);
  958. font-family: "Noto Sans", sans-serif;
  959. font-size: 12px;
  960. font-size: 1.2rem;
  961. letter-spacing: 0.04em;
  962. line-height: 1.5;
  963. position: relative;
  964. text-transform: uppercase;
  965. z-index: 2;
  966. }
  967.  
  968. .post-navigation .post-title {
  969. font-family: "Noto Serif", serif;
  970. font-size: 18px;
  971. font-size: 1.8rem;
  972. line-height: 1.3333;
  973. position: relative;
  974. z-index: 2;
  975. }
  976.  
  977. .post-navigation .nav-next,
  978. .post-navigation .nav-previous {
  979. background-position: center;
  980. background-size: cover;
  981. position: relative;
  982. }
  983.  
  984. .post-navigation a:before {
  985. content: "";
  986. display: block;
  987. height: 100%;
  988. position: absolute;
  989. top: 0;
  990. left: 0;
  991. width: 100%;
  992. z-index: 1;
  993. }
  994.  
  995. .post-navigation a:hover:before,
  996. .post-navigation a:focus:before {
  997. opacity: 0.5;
  998. }
  999.  
  1000. .post-navigation .meta-nav {
  1001. opacity: 0.8;
  1002. }
  1003.  
  1004. .post-navigation div + div {
  1005. border-top: 1px solid #eaeaea;
  1006. border-top: 1px solid rgba(51, 51, 51, 0.1);
  1007. }
  1008.  
  1009. .pagination {
  1010. background-color: #fff;
  1011. border-top: 1px solid rgba(51, 51, 51, 0.1);
  1012. font-family: "Noto Sans", sans-serif;
  1013. }
  1014.  
  1015. .pagination .nav-links {
  1016. min-height: 3.2em;
  1017. position: relative;
  1018. text-align: center;
  1019. }
  1020.  
  1021. /* reset screen-reader-text */
  1022. .pagination .current .screen-reader-text {
  1023. position: static !important;
  1024. }
  1025.  
  1026. .pagination .page-numbers {
  1027. display: none;
  1028. line-height: 3.2em;
  1029. padding: 0 0.6667em;
  1030. }
  1031.  
  1032. .pagination .page-numbers.current {
  1033. text-transform: uppercase;
  1034. }
  1035.  
  1036. .pagination .current {
  1037. display: inline-block;
  1038. font-weight: 700;
  1039. }
  1040.  
  1041. .pagination .prev,
  1042. .pagination .next {
  1043. -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  1044. background-color: #333;
  1045. color: #fff;
  1046. display: inline-block;
  1047. height: 48px;
  1048. overflow: hidden;
  1049. padding: 0;
  1050. position: absolute;
  1051. width: 48px;
  1052. }
  1053.  
  1054. .pagination .prev:before,
  1055. .pagination .next:before {
  1056. font-size: 32px;
  1057. height: 48px;
  1058. line-height: 48px;
  1059. position: relative;
  1060. width: 48px;
  1061. }
  1062.  
  1063. .pagination .prev:hover,
  1064. .pagination .prev:focus,
  1065. .pagination .next:hover,
  1066. .pagination .next:focus {
  1067. background-color: #707070;
  1068. background-color: rgba(51, 51, 51, 0.7);
  1069. }
  1070.  
  1071. .pagination .prev {
  1072. left: 0;
  1073. }
  1074.  
  1075. .pagination .prev:before {
  1076. content: "\f430";
  1077. left: -1px;
  1078. }
  1079.  
  1080. .pagination .next {
  1081. right: 0;
  1082. }
  1083.  
  1084. .pagination .next:before {
  1085. content: "\f429";
  1086. right: -1px;
  1087. }
  1088.  
  1089. .image-navigation,
  1090. .comment-navigation {
  1091. color: #707070;
  1092. color: rgba(51, 51, 51, 0.7);
  1093. font-size: 12px;
  1094. font-size: 1.2rem;
  1095. font-family: "Noto Sans", sans-serif;
  1096. font-weight: 700;
  1097. line-height: 1.5;
  1098. text-transform: uppercase;
  1099. }
  1100.  
  1101. .image-navigation a,
  1102. .comment-navigation a {
  1103. color: #707070;
  1104. color: rgba(51, 51, 51, 0.7);
  1105. }
  1106.  
  1107. .image-navigation a:hover,
  1108. .image-navigation a:focus,
  1109. .comment-navigation a:hover,
  1110. .comment-navigation a:focus {
  1111. color: #333;
  1112. }
  1113.  
  1114. .image-navigation .nav-previous:not(:empty),
  1115. .image-navigation .nav-next:not(:empty),
  1116. .comment-navigation .nav-previous:not(:empty),
  1117. .comment-navigation .nav-next:not(:empty) {
  1118. display: inline-block;
  1119. }
  1120.  
  1121. .image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
  1122. .comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
  1123. content: "\2215";
  1124. font-weight: 400;
  1125. margin: 0 0.7em;
  1126. }
  1127.  
  1128. .image-navigation .nav-previous a:before,
  1129. .comment-navigation .nav-previous a:before {
  1130. content: "\f430";
  1131. margin-right: 0.2em;
  1132. position: relative;
  1133. }
  1134.  
  1135. .image-navigation .nav-next a:after,
  1136. .comment-navigation .nav-next a:after {
  1137. content: "\f429";
  1138. margin-left: 0.2em;
  1139. position: relative;
  1140. }
  1141.  
  1142. .comment-navigation {
  1143. border-top: 1px solid #eaeaea;
  1144. border-top: 1px solid rgba(51, 51, 51, 0.1);
  1145. border-bottom: 1px solid #eaeaea;
  1146. border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  1147. padding: 2em 0;
  1148. }
  1149.  
  1150. .comments-title + .comment-navigation {
  1151. border-bottom: 0;
  1152. }
  1153.  
  1154. .image-navigation {
  1155. padding: 0 7.6923%;
  1156. }
  1157.  
  1158. .image-navigation .nav-previous:not(:empty),
  1159. .image-navigation .nav-next:not(:empty) {
  1160. margin-bottom: 2em;
  1161. }
  1162.  
  1163.  
  1164. /**
  1165. * 7.0 Accessibility
  1166. */
  1167.  
  1168. /* Text meant only for screen readers */
  1169. .says,
  1170. .screen-reader-text {
  1171. clip: rect(1px, 1px, 1px, 1px);
  1172. height: 1px;
  1173. overflow: hidden;
  1174. position: absolute !important;
  1175. width: 1px;
  1176. }
  1177.  
  1178. /* must have higher specificity than alternative color schemes inline styles */
  1179. .site .skip-link {
  1180. background-color: #f1f1f1;
  1181. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  1182. color: #21759b;
  1183. display: block;
  1184. font: bold 14px/normal "Noto Sans", sans-serif;
  1185. left: -9999em;
  1186. outline: none;
  1187. padding: 15px 23px 14px;
  1188. text-decoration: none;
  1189. text-transform: none;
  1190. top: -9999em;
  1191. }
  1192.  
  1193. .logged-in .site .skip-link {
  1194. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  1195. font: bold 14px/normal "Open Sans", sans-serif;
  1196. }
  1197.  
  1198. .site .skip-link:focus {
  1199. clip: auto;
  1200. height: auto;
  1201. left: 6px;
  1202. top: 7px;
  1203. width: auto;
  1204. z-index: 100000;
  1205. }
  1206.  
  1207.  
  1208. /**
  1209. * 8.0 Alignments
  1210. */
  1211.  
  1212. .alignleft {
  1213. display: inline;
  1214. float: left;
  1215. }
  1216.  
  1217. .alignright {
  1218. display: inline;
  1219. float: right;
  1220. }
  1221.  
  1222. .aligncenter {
  1223. display: block;
  1224. margin-right: auto;
  1225. margin-left: auto;
  1226. }
  1227.  
  1228. blockquote.alignleft,
  1229. .wp-caption.alignleft,
  1230. img.alignleft {
  1231. margin: 0.4em 1.6em 1.6em 0;
  1232. }
  1233.  
  1234. blockquote.alignright,
  1235. .wp-caption.alignright,
  1236. img.alignright {
  1237. margin: 0.4em 0 1.6em 1.6em;
  1238. }
  1239.  
  1240. blockquote.aligncenter,
  1241. .wp-caption.aligncenter,
  1242. img.aligncenter {
  1243. clear: both;
  1244. margin-top: 0.4em;
  1245. margin-bottom: 1.6em;
  1246. }
  1247.  
  1248. .wp-caption.alignleft,
  1249. .wp-caption.alignright,
  1250. .wp-caption.aligncenter {
  1251. margin-bottom: 1.2em;
  1252. }
  1253.  
  1254.  
  1255. /**
  1256. * 9.0 Clearings
  1257. */
  1258.  
  1259. .clear:before,
  1260. .clear:after,
  1261. .site:before,
  1262. .site:after,
  1263. .entry-content:before,
  1264. .entry-content:after,
  1265. .comment-content:before,
  1266. .comment-content:after,
  1267. .site-content:before,
  1268. .site-content:after,
  1269. .nav-links:before,
  1270. .nav-links:after,
  1271. .comment-navigation:before,
  1272. .comment-navigation:after,
  1273. .social-navigation ul:before,
  1274. .social-navigation ul:after,
  1275. .textwidget:before,
  1276. .textwidget:after {
  1277. content: "";
  1278. display: table;
  1279. }
  1280.  
  1281. .clear:after,
  1282. .site:after,
  1283. .entry-content:after,
  1284. .comment-content:after,
  1285. .site-content:after,
  1286. .nav-links:after,
  1287. .comment-navigation:after,
  1288. .social-navigation ul:after,
  1289. .textwidget:after {
  1290. clear: both;
  1291. }
  1292.  
  1293.  
  1294. /**
  1295. * 10.0 Header
  1296. */
  1297.  
  1298. .site-header {
  1299. background-color: #fff;
  1300. border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  1301. padding: 7.6923%;
  1302. }
  1303.  
  1304. .site-branding {
  1305. min-height: 2em;
  1306. padding-right: 60px;
  1307. position: relative;
  1308. }
  1309.  
  1310. .site-title {
  1311. font-family: "Noto Sans", sans-serif;
  1312. font-size: 22px;
  1313. font-size: 2.2rem;
  1314. font-weight: 700;
  1315. line-height: 1.3636;
  1316. margin-bottom: 0;
  1317. }
  1318.  
  1319. .custom-logo {
  1320. max-height: 84px;
  1321. width: auto;
  1322. }
  1323.  
  1324. .wp-custom-logo .site-title {
  1325. margin-top: 0.545454545em;
  1326. }
  1327.  
  1328. .site-description {
  1329. display: none;
  1330. font-family: "Noto Sans", sans-serif;
  1331. font-size: 12px;
  1332. font-size: 1.2rem;
  1333. font-weight: 400;
  1334. line-height: 1.5;
  1335. margin: 0.5em 0 0;
  1336. opacity: 0.7;
  1337. }
  1338.  
  1339.  
  1340. /**
  1341. * 11.0 Widgets
  1342. */
  1343.  
  1344. .widget {
  1345. color: #707070;
  1346. color: rgba(51, 51, 51, 0.7);
  1347. -webkit-hyphens: auto;
  1348. -moz-hyphens: auto;
  1349. -ms-hyphens: auto;
  1350. hyphens: auto;
  1351. margin: 0 auto 9.09090%;
  1352. width: 100%;
  1353. word-wrap: break-word;
  1354. }
  1355.  
  1356. .widget pre {
  1357. line-height: 1.2;
  1358. }
  1359.  
  1360. .widget button,
  1361. .widget input,
  1362. .widget select,
  1363. .widget textarea {
  1364. font-size: 16px;
  1365. font-size: 1.6rem;
  1366. line-height: 1.5;
  1367. }
  1368.  
  1369. .widget button,
  1370. .widget input {
  1371. line-height: normal;
  1372. }
  1373.  
  1374. .widget button,
  1375. .widget input[type="button"],
  1376. .widget input[type="reset"],
  1377. .widget input[type="submit"] {
  1378. font-size: 12px;
  1379. font-size: 1.2rem;
  1380. padding: 0.7917em 1.5833em;
  1381. }
  1382.  
  1383. .widget input[type="text"],
  1384. .widget input[type="email"],
  1385. .widget input[type="url"],
  1386. .widget input[type="password"],
  1387. .widget input[type="search"],
  1388. .widget textarea {
  1389. padding: 0.375em;
  1390. }
  1391.  
  1392. .widget-title {
  1393. color: #333;
  1394. font-family: "Noto Sans", sans-serif;
  1395. margin: 0 0 1.6em;
  1396. letter-spacing: 0.04em;
  1397. text-transform: uppercase;
  1398. }
  1399.  
  1400. .widget > :last-child {
  1401. margin-bottom: 0;
  1402. }
  1403.  
  1404. .widget_calendar table {
  1405. margin: 0;
  1406. }
  1407.  
  1408. .widget_calendar td,
  1409. .widget_calendar th {
  1410. line-height: 2.3333;
  1411. text-align: center;
  1412. padding: 0;
  1413. }
  1414.  
  1415. .widget_calendar caption {
  1416. font-family: "Noto Serif", serif;
  1417. font-weight: 700;
  1418. margin: 0 0 1.6em;
  1419. letter-spacing: 0.04em;
  1420. text-transform: uppercase;
  1421. }
  1422.  
  1423. .widget_calendar tbody a {
  1424. -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  1425. background-color: #333;
  1426. color: #fff;
  1427. display: block;
  1428. font-weight: 700;
  1429. }
  1430.  
  1431. .widget_calendar tbody a:hover,
  1432. .widget_calendar tbody a:focus {
  1433. background-color: #707070;
  1434. background-color: rgba(51, 51, 51, 0.7);
  1435. color: #fff;
  1436. }
  1437.  
  1438. .widget_archive a,
  1439. .widget_categories a,
  1440. .widget_links a,
  1441. .widget_meta a,
  1442. .widget_nav_menu a,
  1443. .widget_pages a,
  1444. .widget_recent_comments a,
  1445. .widget_recent_entries a {
  1446. border: 0;
  1447. }
  1448.  
  1449. .widget_archive ul,
  1450. .widget_categories ul,
  1451. .widget_links ul,
  1452. .widget_meta ul,
  1453. .widget_nav_menu ul,
  1454. .widget_pages ul,
  1455. .widget_recent_comments ul,
  1456. .widget_recent_entries ul {
  1457. list-style: none;
  1458. margin: 0;
  1459. }
  1460.  
  1461. .widget_archive li,
  1462. .widget_categories li,
  1463. .widget_links li,
  1464. .widget_meta li,
  1465. .widget_nav_menu li,
  1466. .widget_pages li,
  1467. .widget_recent_comments li,
  1468. .widget_recent_entries li {
  1469. border-top: 1px solid #eaeaea;
  1470. border-top: 1px solid rgba(51, 51, 51, 0.1);
  1471. padding: 0.7667em 0;
  1472. }
  1473.  
  1474. .widget_archive li:first-child,
  1475. .widget_categories li:first-child,
  1476. .widget_links li:first-child,
  1477. .widget_meta li:first-child,
  1478. .widget_nav_menu li:first-child,
  1479. .widget_pages li:first-child,
  1480. .widget_recent_comments li:first-child,
  1481. .widget_recent_entries li:first-child {
  1482. border-top: 0;
  1483. padding-top: 0;
  1484. }
  1485.  
  1486. .widget_archive li:last-child,
  1487. .widget_categories li:last-child,
  1488. .widget_links li:last-child,
  1489. .widget_meta li:last-child,
  1490. .widget_nav_menu li:last-child,
  1491. .widget_pages li:last-child,
  1492. .widget_recent_comments li:last-child,
  1493. .widget_recent_entries li:last-child {
  1494. padding-bottom: 0;
  1495. }
  1496.  
  1497. .widget_categories .children,
  1498. .widget_nav_menu .sub-menu,
  1499. .widget_pages .children {
  1500. border-top: 1px solid #eaeaea;
  1501. border-top: 1px solid rgba(51, 51, 51, 0.1);
  1502. margin: 0.7667em 0 0 0.8em;
  1503. padding-top: 0.7667em;
  1504. }
  1505.  
  1506. .widget_recent_entries .post-date {
  1507. display: block;
  1508. }
  1509.  
  1510. .widget_rss ul {
  1511. list-style: none;
  1512. margin: 0;
  1513. }
  1514.  
  1515. .widget_rss li {
  1516. margin-bottom: 1.6em;
  1517. }
  1518.  
  1519. .widget_rss ul:last-child,
  1520. .widget_rss li:last-child {
  1521. margin-bottom: 0;
  1522. }
  1523.  
  1524. .widget_rss .rsswidget {
  1525. border: 0;
  1526. font-weight: 700;
  1527. }
  1528.  
  1529. .widget_rss .rsswidget img {
  1530. margin-top: -4px;
  1531. }
  1532.  
  1533. .widget_rss .rss-date,
  1534. .widget_rss cite {
  1535. font-family: "Noto Sans", sans-serif;
  1536. font-size: 12px;
  1537. font-size: 1.2rem;
  1538. font-style: normal;
  1539. display: block;
  1540. line-height: 2;
  1541. opacity: 0.8;
  1542. }
  1543.  
  1544. .textwidget > :last-child {
  1545. margin-bottom: 0;
  1546. }
  1547.  
  1548. .textwidget a {
  1549. border-bottom: 1px solid #333;
  1550. }
  1551.  
  1552. .textwidget a:hover,
  1553. .textwidget a:focus {
  1554. border-bottom: 0;
  1555. }
  1556.  
  1557. .textwidget ul,
  1558. .textwidget ol {
  1559. margin-left: 1.6em;
  1560. }
  1561.  
  1562. .tagcloud ul {
  1563. list-style-type: none;
  1564. }
  1565.  
  1566. .tagcloud ul li {
  1567. display: inline-block;
  1568. }
  1569.  
  1570. /**
  1571. * 12.0 Content
  1572. */
  1573.  
  1574. .secondary {
  1575. background-color: #fff;
  1576. display: none;
  1577. padding: 0 7.6923%;
  1578. }
  1579.  
  1580. .secondary.toggled-on {
  1581. border-top: 1px solid transparent;
  1582. border-bottom: 1px solid transparent;
  1583. display: block;
  1584. }
  1585.  
  1586. .widget-area {
  1587. margin: 9.09090% auto 0;
  1588. }
  1589.  
  1590. .site-footer {
  1591. background-color: #fff;
  1592. border-top: 1px solid rgba(51, 51, 51, 0.1);
  1593. padding: 3.84615% 7.6923%;
  1594. }
  1595.  
  1596.  
  1597. /**
  1598. * 12.1 Posts and pages
  1599. */
  1600.  
  1601. .hentry {
  1602. background-color: #fff;
  1603. padding-top: 7.6923%;
  1604. position: relative;
  1605. }
  1606.  
  1607. .hentry.has-post-thumbnail {
  1608. padding-top: 0;
  1609. }
  1610.  
  1611. .hentry.sticky:not(.has-post-thumbnail) {
  1612. padding-top: -webkit-calc(7.6923% + 24px);
  1613. padding-top: calc(7.6923% + 24px);
  1614. }
  1615.  
  1616. .hentry + .hentry {
  1617. border-top: 1px solid rgba(51, 51, 51, 0.1);
  1618. }
  1619.  
  1620. .post-thumbnail {
  1621. border: 0;
  1622. display: block;
  1623. margin-bottom: 2.4em;
  1624. }
  1625. .post-thumbnail img {
  1626. display: block;
  1627. margin: 0 auto;
  1628. }
  1629.  
  1630. a.post-thumbnail:hover,
  1631. a.post-thumbnail:focus {
  1632. opacity: 0.85;
  1633. }
  1634.  
  1635. .entry-header {
  1636. padding: 0 7.6923%;
  1637. }
  1638.  
  1639. .entry-title {
  1640. font-size: 26px;
  1641. font-size: 2.6rem;
  1642. line-height: 1.1538;
  1643. margin-bottom: 0.9231em;
  1644. }
  1645.  
  1646. .entry-content,
  1647. .entry-summary {
  1648. padding: 0 7.6923% 7.6923%;
  1649. }
  1650.  
  1651. .entry-content > :last-child,
  1652. .entry-summary > :last-child {
  1653. margin-bottom: 0;
  1654. }
  1655.  
  1656. .entry-content,
  1657. .entry-summary,
  1658. .page-content,
  1659. .comment-content {
  1660. -webkit-hyphens: auto;
  1661. -moz-hyphens: auto;
  1662. -ms-hyphens: auto;
  1663. hyphens: auto;
  1664. word-wrap: break-word;
  1665. }
  1666.  
  1667. .entry-content h1,
  1668. .entry-summary h1,
  1669. .page-content h1,
  1670. .comment-content h1 {
  1671. font-size: 26px;
  1672. font-size: 2.6rem;
  1673. line-height: 1.1538;
  1674. margin-top: 1.8462em;
  1675. margin-bottom: 0.9231em;
  1676. }
  1677.  
  1678. .entry-content h2,
  1679. .entry-summary h2,
  1680. .page-content h2,
  1681. .comment-content h2 {
  1682. font-size: 22px;
  1683. font-size: 2.2rem;
  1684. line-height: 1.3636;
  1685. margin-top: 2.1818em;
  1686. margin-bottom: 1.0909em;
  1687. }
  1688.  
  1689. .entry-content h3,
  1690. .entry-summary h3,
  1691. .page-content h3,
  1692. .comment-content h3 {
  1693. font-size: 18px;
  1694. font-size: 1.8rem;
  1695. line-height: 1.3333;
  1696. margin-top: 2.6667em;
  1697. margin-bottom: 1.3333em;
  1698. }
  1699.  
  1700. .entry-content h4,
  1701. .entry-content h5,
  1702. .entry-content h6,
  1703. .entry-summary h4,
  1704. .entry-summary h5,
  1705. .entry-summary h6,
  1706. .page-content h4,
  1707. .page-content h5,
  1708. .page-content h6,
  1709. .comment-content h4,
  1710. .comment-content h5,
  1711. .comment-content h6 {
  1712. font-size: 15px;
  1713. font-size: 1.5rem;
  1714. line-height: 1.2;
  1715. margin-top: 3.2em;
  1716. margin-bottom: 1.6em;
  1717. }
  1718.  
  1719. .entry-content h5,
  1720. .entry-content h6,
  1721. .entry-summary h5,
  1722. .entry-summary h6,
  1723. .page-content h5,
  1724. .page-content h6,
  1725. .comment-content h5,
  1726. .comment-content h6 {
  1727. letter-spacing: 0.1em;
  1728. text-transform: uppercase;
  1729. }
  1730.  
  1731. .entry-content > h1:first-child,
  1732. .entry-content > h2:first-child,
  1733. .entry-content > h3:first-child,
  1734. .entry-content > h4:first-child,
  1735. .entry-content > h5:first-child,
  1736. .entry-content > h6:first-child,
  1737. .entry-summary > h1:first-child,
  1738. .entry-summary > h2:first-child,
  1739. .entry-summary > h3:first-child,
  1740. .entry-summary > h4:first-child,
  1741. .entry-summary > h5:first-child,
  1742. .entry-summary > h6:first-child,
  1743. .page-content > h1:first-child,
  1744. .page-content > h2:first-child,
  1745. .page-content > h3:first-child,
  1746. .page-content > h4:first-child,
  1747. .page-content > h5:first-child,
  1748. .page-content > h6:first-child,
  1749. .comment-content > h1:first-child,
  1750. .comment-content > h2:first-child,
  1751. .comment-content > h3:first-child,
  1752. .comment-content > h4:first-child,
  1753. .comment-content > h5:first-child,
  1754. .comment-content > h6:first-child {
  1755. margin-top: 0;
  1756. }
  1757.  
  1758. .entry-content a,
  1759. .entry-summary a,
  1760. .page-content a,
  1761. .comment-content a,
  1762. .pingback .comment-body > a {
  1763. border-bottom: 1px solid #333;
  1764. }
  1765.  
  1766. .entry-content a:hover,
  1767. .entry-content a:focus,
  1768. .entry-summary a:hover,
  1769. .entry-summary a:focus,
  1770. .page-content a:hover,
  1771. .page-content a:focus,
  1772. .comment-content a:hover,
  1773. .comment-content a:focus,
  1774. .pingback .comment-body > a:hover,
  1775. .pingback .comment-body > a:focus {
  1776. border-bottom: 0;
  1777. }
  1778.  
  1779. .entry-content a img,
  1780. .entry-summary a img,
  1781. .page-content a img,
  1782. .comment-content a img {
  1783. display: block;
  1784. }
  1785.  
  1786. .entry-content .more-link,
  1787. .entry-summary .more-link:after {
  1788. white-space: nowrap;
  1789. }
  1790.  
  1791. .entry-content .more-link:after,
  1792. .entry-summary .more-link:after {
  1793. content: "\f429";
  1794. font-size: 16px;
  1795. position: relative;
  1796. top: 5px;
  1797. }
  1798.  
  1799. .author-info {
  1800. border-top: 1px solid #eaeaea;
  1801. border-top: 1px solid rgba(51, 51, 51, 0.1);
  1802. margin: 0 7.6923%;
  1803. padding: 7.6923% 0;
  1804. }
  1805.  
  1806. .author-info .avatar {
  1807. float: left;
  1808. height: 36px;
  1809. margin: 0 1.6em 1.6em 0;
  1810. width: 36px;
  1811. }
  1812.  
  1813. .author-heading {
  1814. color: #707070;
  1815. color: rgba(51, 51, 51, 0.7);
  1816. font-family: "Noto Sans", sans-serif;
  1817. font-size: 12px;
  1818. font-size: 1.2rem;
  1819. letter-spacing: 0.04em;
  1820. margin-bottom: 1.5em;
  1821. text-transform: uppercase;
  1822. }
  1823.  
  1824. .author-title {
  1825. clear: none;
  1826. }
  1827.  
  1828. .author-bio {
  1829. font-size: 12px;
  1830. font-size: 1.2rem;
  1831. line-height: 1.5;
  1832. overflow: hidden;
  1833. padding-bottom: 1px;
  1834. }
  1835.  
  1836. .author-description {
  1837. -webkit-hyphens: auto;
  1838. -moz-hyphens: auto;
  1839. -ms-hyphens: auto;
  1840. hyphens: auto;
  1841. word-wrap: break-word;
  1842. }
  1843.  
  1844. .author-description a {
  1845. border-bottom: 1px solid #333;
  1846. }
  1847.  
  1848. .author-description a:hover,
  1849. .author-description a:focus {
  1850. border-bottom: 0;
  1851. }
  1852.  
  1853. .author-description > :last-child {
  1854. margin-bottom: 0;
  1855. }
  1856.  
  1857. .author-link {
  1858. white-space: nowrap;
  1859. }
  1860.  
  1861. .author-link:after {
  1862. content: "\f429";
  1863. position: relative;
  1864. top: 1px;
  1865. }
  1866.  
  1867. .entry-footer {
  1868. background-color: #f7f7f7;
  1869. color: #707070;
  1870. color: rgba(51, 51, 51, 0.7);
  1871. font-family: "Noto Sans", sans-serif;
  1872. font-size: 12px;
  1873. font-size: 1.2rem;
  1874. line-height: 1.5;
  1875. padding: 3.8461% 7.6923%;
  1876. }
  1877.  
  1878. .entry-footer a {
  1879. border-bottom: 1px solid transparent;
  1880. color: #707070;
  1881. color: rgba(51, 51, 51, 0.7);
  1882. }
  1883.  
  1884. .entry-footer a:hover {
  1885. border-bottom: 1px solid #333;
  1886. }
  1887.  
  1888. .entry-footer a:hover,
  1889. .entry-footer a:focus {
  1890. color: #333;
  1891. }
  1892.  
  1893. .sticky-post {
  1894. background-color: #333;
  1895. color: #fff;
  1896. font-weight: 700;
  1897. letter-spacing: 0.04em;
  1898. padding: 0.25em 0.5em;
  1899. position: absolute;
  1900. top: 0;
  1901. text-transform: uppercase;
  1902. }
  1903.  
  1904. .updated:not(.published) {
  1905. display: none;
  1906. }
  1907.  
  1908. .sticky .posted-on {
  1909. display: none;
  1910. }
  1911.  
  1912. .posted-on:before,
  1913. .byline:before,
  1914. .cat-links:before,
  1915. .tags-links:before,
  1916. .comments-link:before,
  1917. .entry-format:before,
  1918. .edit-link:before,
  1919. .full-size-link:before {
  1920. margin-right: 2px;
  1921. position: relative;
  1922. }
  1923.  
  1924. .posted-on,
  1925. .byline,
  1926. .cat-links,
  1927. .tags-links,
  1928. .comments-link,
  1929. .entry-format,
  1930. .full-size-link {
  1931. margin-right: 1em;
  1932. }
  1933.  
  1934. .format-aside .entry-format:before {
  1935. content: "\f101";
  1936. }
  1937.  
  1938. .format-image .entry-format:before {
  1939. content: "\f473";
  1940. }
  1941.  
  1942. .format-gallery .entry-format:before {
  1943. content: "\f103";
  1944. }
  1945.  
  1946. .format-video .entry-format:before {
  1947. content: "\f104";
  1948. }
  1949.  
  1950. .format-status .entry-format:before {
  1951. content: "\f105";
  1952. }
  1953.  
  1954. .format-quote .entry-format:before {
  1955. content: "\f106";
  1956. }
  1957.  
  1958. .format-link .entry-format:before {
  1959. content: "\f107";
  1960. }
  1961.  
  1962. .format-chat .entry-format:before {
  1963. content: "\f108";
  1964. }
  1965.  
  1966. .format-audio .entry-format:before {
  1967. content: "\f109";
  1968. }
  1969.  
  1970. .posted-on:before {
  1971. content: "\f307";
  1972. }
  1973.  
  1974. .byline:before {
  1975. content: "\f304";
  1976. }
  1977.  
  1978. .cat-links:before {
  1979. content: "\f301";
  1980. }
  1981.  
  1982. .tags-links:before {
  1983. content: "\f302";
  1984. }
  1985.  
  1986. .comments-link:before {
  1987. content: "\f300";
  1988. }
  1989.  
  1990. .full-size-link:before {
  1991. content: "\f402";
  1992. }
  1993.  
  1994. .edit-link:before {
  1995. content: "\f411";
  1996. }
  1997.  
  1998. .comments-link,
  1999. .edit-link {
  2000. white-space: nowrap;
  2001. }
  2002.  
  2003. .page-header {
  2004. background-color: #fff;
  2005. border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  2006. padding: 7.6923%;
  2007. }
  2008.  
  2009. .page-title {
  2010. font-family: "Noto Serif", serif;
  2011. font-size: 18px;
  2012. font-size: 1.8rem;
  2013. line-height: 1.3333;
  2014. }
  2015.  
  2016. .taxonomy-description {
  2017. color: #707070;
  2018. color: rgba(51, 51, 51, 0.7);
  2019. padding-top: 0.4em;
  2020. }
  2021.  
  2022. .taxonomy-description a {
  2023. border-bottom: 1px solid #333;
  2024. }
  2025.  
  2026. .taxonomy-description a:hover,
  2027. .taxonomy-description a:focus {
  2028. border-bottom: 0;
  2029. }
  2030.  
  2031. .taxonomy-description > :last-child {
  2032. margin-bottom: 0;
  2033. }
  2034.  
  2035. .page-content {
  2036. background-color: #fff;
  2037. padding: 7.6923%;
  2038. }
  2039.  
  2040. .page-content > :last-child {
  2041. margin-bottom: 0;
  2042. }
  2043.  
  2044. .page-links {
  2045. clear: both;
  2046. font-family: "Noto Sans", sans-serif;
  2047. margin-bottom: 1.3333em;
  2048. }
  2049.  
  2050. .page-links a,
  2051. .page-links > span {
  2052. border: 1px solid #eaeaea;
  2053. border: 1px solid rgba(51, 51, 51, 0.1);
  2054. display: inline-block;
  2055. font-size: 12px;
  2056. font-size: 1.2rem;
  2057. height: 2em;
  2058. line-height: 2;
  2059. margin: 0 0.3333em 0.3333em 0;
  2060. text-align: center;
  2061. width: 2em;
  2062. }
  2063.  
  2064. .page-links a {
  2065. -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  2066. background-color: #333;
  2067. border-color: #333;
  2068. color: #fff;
  2069. }
  2070.  
  2071. .page-links a:hover,
  2072. .page-links a:focus {
  2073. background-color: #707070;
  2074. background-color: rgba(51, 51, 51, 0.7);
  2075. border-color: transparent;
  2076. color: #fff;
  2077. }
  2078.  
  2079. .page-links > .page-links-title {
  2080. border: 0;
  2081. color: #707070;
  2082. color: rgba(51, 51, 51, 0.7);
  2083. height: auto;
  2084. margin: 0;
  2085. padding-right: 0.5em;
  2086. width: auto;
  2087. }
  2088.  
  2089. .entry-attachment {
  2090. margin-bottom: 1.6em;
  2091. }
  2092.  
  2093. .type-attachment .entry-title {
  2094. -webkit-hyphens: auto;
  2095. -moz-hyphens: auto;
  2096. -ms-hyphens: auto;
  2097. hyphens: auto;
  2098. word-wrap: break-word;
  2099. }
  2100.  
  2101. .entry-caption {
  2102. color: #707070;
  2103. color: rgba(51, 51, 51, 0.7);
  2104. font-family: "Noto Sans", sans-serif;
  2105. font-size: 12px;
  2106. font-size: 1.2rem;
  2107. -webkit-hyphens: auto;
  2108. -moz-hyphens: auto;
  2109. -ms-hyphens: auto;
  2110. hyphens: auto;
  2111. line-height: 1.5;
  2112. padding-top: 0.5em;
  2113. word-wrap: break-word;
  2114. }
  2115.  
  2116. .entry-caption > :last-child {
  2117. margin-bottom: 0;
  2118. }
  2119.  
  2120.  
  2121. /**
  2122. * 12.2 Post Formats
  2123. */
  2124.  
  2125. .format-aside .entry-title,
  2126. .format-image .entry-title,
  2127. .format-video .entry-title,
  2128. .format-quote .entry-title,
  2129. .format-gallery .entry-title,
  2130. .format-status .entry-title,
  2131. .format-link .entry-title,
  2132. .format-audio .entry-title,
  2133. .format-chat .entry-title {
  2134. font-size: 18px;
  2135. font-size: 1.8rem;
  2136. line-height: 1.3333;
  2137. margin-bottom: 1.3333em;
  2138. }
  2139.  
  2140. .format-link .entry-title a:after {
  2141. content: "\f442";
  2142. font-size: 24px;
  2143. height: 24px;
  2144. position: relative;
  2145. top: 0;
  2146. width: 24px;
  2147. }
  2148.  
  2149. .blog .format-status .entry-title,
  2150. .archive .format-status .entry-title {
  2151. display: none;
  2152. }
  2153.  
  2154.  
  2155. /**
  2156. * 12.3 Comments
  2157. */
  2158.  
  2159. .comments-area {
  2160. background-color: #fff;
  2161. border-top: 1px solid #eaeaea;
  2162. border-top: 1px solid rgba(51, 51, 51, 0.1);
  2163. padding: 7.6923%;
  2164. }
  2165.  
  2166. .comments-area > :last-child {
  2167. margin-bottom: 0;
  2168. }
  2169.  
  2170. .comment-list + .comment-respond {
  2171. border-top: 1px solid #eaeaea;
  2172. border-top: 1px solid rgba(51, 51, 51, 0.1);
  2173. }
  2174.  
  2175. .comment-list + .comment-respond,
  2176. .comment-navigation + .comment-respond {
  2177. padding-top: 1.6em;
  2178. }
  2179.  
  2180. .comments-title,
  2181. .comment-reply-title {
  2182. font-family: "Noto Serif", serif;
  2183. font-size: 18px;
  2184. font-size: 1.8rem;
  2185. line-height: 1.3333;
  2186. }
  2187.  
  2188. .comments-title {
  2189. margin-bottom: 1.3333em;
  2190. }
  2191.  
  2192. .comment-list {
  2193. list-style: none;
  2194. margin: 0;
  2195. }
  2196.  
  2197. .comment-list article,
  2198. .comment-list .pingback,
  2199. .comment-list .trackback {
  2200. border-top: 1px solid #eaeaea;
  2201. border-top: 1px solid rgba(51, 51, 51, 0.1);
  2202. padding: 1.6em 0;
  2203. }
  2204.  
  2205. .comment-list .children {
  2206. list-style: none;
  2207. margin: 0;
  2208. }
  2209.  
  2210. .comment-list .children > li {
  2211. padding-left: 0.8em;
  2212. }
  2213.  
  2214. .comment-author {
  2215. color: #707070;
  2216. color: rgba(51, 51, 51, 0.7);
  2217. margin-bottom: 0.4em;
  2218. }
  2219.  
  2220. .comment-author a:hover {
  2221. border-bottom: 1px solid #707070;
  2222. border-bottom: 1px solid rgba(51, 51, 51, 0.7);
  2223. }
  2224.  
  2225. .comment-author .avatar {
  2226. float: left;
  2227. height: 24px;
  2228. margin-right: 0.8em;
  2229. width: 24px;
  2230. }
  2231.  
  2232. .bypostauthor > article .fn:after {
  2233. content: "\f304";
  2234. position: relative;
  2235. top: 5px;
  2236. left: 3px;
  2237. }
  2238.  
  2239. .comment-metadata,
  2240. .pingback .edit-link {
  2241. color: #707070;
  2242. color: rgba(51, 51, 51, 0.7);
  2243. font-family: "Noto Sans", sans-serif;
  2244. font-size: 12px;
  2245. font-size: 1.2rem;
  2246. line-height: 1.5;
  2247. }
  2248.  
  2249. .comment-metadata a,
  2250. .pingback .edit-link a {
  2251. color: #707070;
  2252. color: rgba(51, 51, 51, 0.7);
  2253. }
  2254.  
  2255. .comment-metadata a:hover,
  2256. .pingback .edit-link a:hover {
  2257. border-bottom: 1px solid #333;
  2258. }
  2259.  
  2260. .comment-metadata a:hover,
  2261. .comment-metadata a:focus,
  2262. .pingback .edit-link a:hover,
  2263. .pingback .edit-link a:focus {
  2264. color: #333;
  2265. }
  2266.  
  2267. .comment-metadata {
  2268. margin-bottom: 1.6em;
  2269. }
  2270.  
  2271. .comment-metadata .edit-link {
  2272. margin-left: 1em;
  2273. }
  2274.  
  2275. .pingback .edit-link {
  2276. margin-left: 1em;
  2277. }
  2278.  
  2279. .pingback .edit-link:before {
  2280. top: 5px;
  2281. }
  2282.  
  2283. .comment-content ul,
  2284. .comment-content ol {
  2285. margin: 0 0 1.6em 1.3333em;
  2286. }
  2287.  
  2288. .comment-content li > ul,
  2289. .comment-content li > ol {
  2290. margin-bottom: 0;
  2291. }
  2292.  
  2293. .comment-content > :last-child {
  2294. margin-bottom: 0;
  2295. }
  2296.  
  2297. .comment-list .reply {
  2298. font-size: 12px;
  2299. font-size: 1.2rem;
  2300. }
  2301.  
  2302. .comment-list .reply a {
  2303. border: 1px solid #eaeaea;
  2304. border: 1px solid rgba(51, 51, 51, 0.1);
  2305. color: #707070;
  2306. color: rgba(51, 51, 51, 0.7);
  2307. display: inline-block;
  2308. font-family: "Noto Sans", sans-serif;
  2309. font-weight: 700;
  2310. line-height: 1;
  2311. margin-top: 2em;
  2312. padding: 0.4167em 0.8333em;
  2313. text-transform: uppercase;
  2314. }
  2315.  
  2316. .comment-list .reply a:hover,
  2317. .comment-list .reply a:focus {
  2318. border-color: #333;
  2319. color: #333;
  2320. outline: 0;
  2321. }
  2322.  
  2323. .comment-form {
  2324. padding-top: 1.6em;
  2325. }
  2326.  
  2327. .comment-form label {
  2328. color: #707070;
  2329. color: rgba(51, 51, 51, 0.7);
  2330. font-family: "Noto Sans", sans-serif;
  2331. font-size: 12px;
  2332. font-size: 1.2rem;
  2333. font-weight: 700;
  2334. display: block;
  2335. letter-spacing: 0.04em;
  2336. line-height: 1.5;
  2337. text-transform: uppercase;
  2338. }
  2339.  
  2340. .comment-form input[type="text"],
  2341. .comment-form input[type="email"],
  2342. .comment-form input[type="url"],
  2343. .comment-form input[type="submit"] {
  2344. width: 100%;
  2345. }
  2346.  
  2347. .comment-notes,
  2348. .comment-awaiting-moderation,
  2349. .logged-in-as,
  2350. .form-allowed-tags {
  2351. color: #707070;
  2352. color: rgba(51, 51, 51, 0.7);
  2353. font-family: "Noto Sans", sans-serif;
  2354. font-size: 12px;
  2355. font-size: 1.2rem;
  2356. line-height: 1.5;
  2357. margin-bottom: 2em;
  2358. }
  2359.  
  2360. .logged-in-as a:hover {
  2361. border-bottom: 1px solid #333;
  2362. }
  2363.  
  2364. .no-comments {
  2365. border-top: 1px solid #eaeaea;
  2366. border-top: 1px solid rgba(51, 51, 51, 0.1);
  2367. color: #707070;
  2368. color: rgba(51, 51, 51, 0.7);
  2369. font-family: "Noto Sans", sans-serif;
  2370. font-weight: 700;
  2371. padding-top: 1.6em;
  2372. }
  2373.  
  2374. .comment-navigation + .no-comments {
  2375. border-top: 0;
  2376. }
  2377.  
  2378. .form-allowed-tags code {
  2379. font-family: Inconsolata, monospace;
  2380. }
  2381.  
  2382. .form-submit {
  2383. margin-bottom: 0;
  2384. }
  2385.  
  2386. .required {
  2387. color: #c0392b;
  2388. }
  2389.  
  2390. .comment-reply-title small {
  2391. font-size: 100%;
  2392. }
  2393.  
  2394. .comment-reply-title small a {
  2395. border: 0;
  2396. float: right;
  2397. height: 32px;
  2398. overflow: hidden;
  2399. width: 26px;
  2400. }
  2401.  
  2402. .comment-reply-title small a:before {
  2403. content: "\f405";
  2404. font-size: 32px;
  2405. position: relative;
  2406. top: -3px;
  2407. }
  2408.  
  2409. .comment-form #wp-comment-cookies-consent {
  2410. margin: 0 10px 0 0;
  2411. }
  2412.  
  2413. .comment-form .comment-form-cookies-consent label {
  2414. display: inline;
  2415. font-size: 12px;
  2416. font-size: 1.2rem;
  2417. font-weight: normal;
  2418. letter-spacing: 0;
  2419. text-transform: none;
  2420. }
  2421.  
  2422. /**
  2423. * 13.0 Footer
  2424. */
  2425.  
  2426. .site-info {
  2427. color: #707070;
  2428. color: rgba(51, 51, 51, 0.7);
  2429. font-size: 12px;
  2430. font-size: 1.2rem;
  2431. line-height: 1.5;
  2432. }
  2433.  
  2434. .site-info a {
  2435. border-bottom: 1px solid transparent;
  2436. color: #707070;
  2437. color: rgba(51, 51, 51, 0.7);
  2438. }
  2439.  
  2440. .site-info a:hover {
  2441. border-bottom: 1px solid #333;
  2442. }
  2443.  
  2444. .site-info a:hover,
  2445. .site-info a:focus {
  2446. color: #333;
  2447. }
  2448.  
  2449. .site-info span[role=separator] {
  2450. padding: 0 0.25em 0 0.5em;
  2451. }
  2452.  
  2453. .site-info span[role=separator]::before {
  2454. content: '\002f';
  2455. }
  2456.  
  2457. /**
  2458. * 14.0 Media
  2459. */
  2460.  
  2461. .site .avatar {
  2462. border-radius: 50%;
  2463. }
  2464.  
  2465. .page-content img.wp-smiley,
  2466. .entry-content img.wp-smiley,
  2467. .comment-content img.wp-smiley {
  2468. border: none;
  2469. margin-top: 0;
  2470. margin-bottom: 0;
  2471. padding: 0;
  2472. }
  2473.  
  2474. audio,
  2475. canvas {
  2476. display: inline-block;
  2477. }
  2478.  
  2479. embed,
  2480. iframe,
  2481. object,
  2482. video {
  2483. margin-bottom: 1.6em;
  2484. max-width: 100%;
  2485. vertical-align: middle;
  2486. }
  2487.  
  2488. p > embed,
  2489. p > iframe,
  2490. p > object,
  2491. p > video {
  2492. margin-bottom: 0;
  2493. }
  2494.  
  2495. .wp-audio-shortcode,
  2496. .wp-video,
  2497. .wp-playlist.wp-audio-playlist {
  2498. font-size: 15px;
  2499. font-size: 1.5rem;
  2500. margin-top: 0;
  2501. margin-bottom: 1.6em;
  2502. }
  2503.  
  2504. .wp-playlist.wp-playlist {
  2505. padding-bottom: 0;
  2506. }
  2507.  
  2508. .wp-playlist .wp-playlist-tracks {
  2509. margin-top: 0;
  2510. }
  2511.  
  2512. .wp-playlist-item .wp-playlist-caption {
  2513. border-bottom: 0;
  2514. padding: 10px 0;
  2515. }
  2516.  
  2517. .wp-playlist-item .wp-playlist-item-length {
  2518. top: 10px;
  2519. }
  2520.  
  2521.  
  2522. /**
  2523. * 14.1 Captions
  2524. */
  2525.  
  2526. .wp-caption {
  2527. margin-bottom: 1.6em;
  2528. max-width: 100%;
  2529. }
  2530.  
  2531. .wp-caption img[class*="wp-image-"] {
  2532. display: block;
  2533. margin: 0;
  2534. }
  2535.  
  2536. .wp-caption-text {
  2537. color: #707070;
  2538. color: rgba(51, 51, 51, 0.7);
  2539. font-family: "Noto Sans", sans-serif;
  2540. font-size: 12px;
  2541. font-size: 1.2rem;
  2542. line-height: 1.5;
  2543. padding: 0.5em 0;
  2544. }
  2545.  
  2546.  
  2547. /**
  2548. * 14.2 Galleries
  2549. */
  2550.  
  2551. .gallery {
  2552. margin-bottom: 1.6em;
  2553. }
  2554.  
  2555. .gallery-item {
  2556. display: inline-block;
  2557. padding: 1.79104477%;
  2558. text-align: center;
  2559. vertical-align: top;
  2560. width: 100%;
  2561. }
  2562.  
  2563. .gallery-columns-2 .gallery-item {
  2564. max-width: 50%;
  2565. }
  2566.  
  2567. .gallery-columns-3 .gallery-item {
  2568. max-width: 33.33%;
  2569. }
  2570.  
  2571. .gallery-columns-4 .gallery-item {
  2572. max-width: 25%;
  2573. }
  2574.  
  2575. .gallery-columns-5 .gallery-item {
  2576. max-width: 20%;
  2577. }
  2578.  
  2579. .gallery-columns-6 .gallery-item {
  2580. max-width: 16.66%;
  2581. }
  2582.  
  2583. .gallery-columns-7 .gallery-item {
  2584. max-width: 14.28%;
  2585. }
  2586.  
  2587. .gallery-columns-8 .gallery-item {
  2588. max-width: 12.5%;
  2589. }
  2590.  
  2591. .gallery-columns-9 .gallery-item {
  2592. max-width: 11.11%;
  2593. }
  2594.  
  2595. .gallery-icon img {
  2596. margin: 0 auto;
  2597. }
  2598.  
  2599. .gallery-caption {
  2600. color: #707070;
  2601. color: rgba(51, 51, 51, 0.7);
  2602. display: block;
  2603. font-family: "Noto Sans", sans-serif;
  2604. font-size: 12px;
  2605. font-size: 1.2rem;
  2606. line-height: 1.5;
  2607. padding: 0.5em 0;
  2608. }
  2609.  
  2610. .gallery-columns-6 .gallery-caption,
  2611. .gallery-columns-7 .gallery-caption,
  2612. .gallery-columns-8 .gallery-caption,
  2613. .gallery-columns-9 .gallery-caption {
  2614. display: none;
  2615. }
  2616.  
  2617.  
  2618. /**
  2619. * 15.0 Multisite
  2620. */
  2621.  
  2622. .widecolumn {
  2623. background-color: #fff;
  2624. padding: 7.6923%;
  2625. }
  2626.  
  2627. .widecolumn .mu_register {
  2628. width: auto;
  2629. }
  2630.  
  2631. .widecolumn .mu_alert {
  2632. margin-bottom: 1.6em;
  2633. }
  2634.  
  2635. .widecolumn form,
  2636. .widecolumn .mu_register form {
  2637. margin-top: 0;
  2638. }
  2639.  
  2640. .widecolumn h2 {
  2641. font-size: 26px;
  2642. font-size: 2.6rem;
  2643. line-height: 1.1538;
  2644. margin-bottom: 0.9231em;
  2645. }
  2646.  
  2647. .widecolumn p {
  2648. margin: 1.6em 0;
  2649. }
  2650.  
  2651. .widecolumn p + h2 {
  2652. margin-top: 1.8462em;
  2653. }
  2654.  
  2655. .widecolumn label,
  2656. .widecolumn .mu_register label {
  2657. color: #707070;
  2658. color: rgba(51, 51, 51, 0.7);
  2659. font-family: "Noto Sans", sans-serif;
  2660. font-size: 12px;
  2661. font-size: 1.2rem;
  2662. font-weight: 700;
  2663. letter-spacing: 0.04em;
  2664. line-height: 1.5;
  2665. text-transform: uppercase;
  2666. }
  2667.  
  2668. .widecolumn .mu_register label {
  2669. margin: 2em 0 0;
  2670. }
  2671.  
  2672. .widecolumn #key,
  2673. .widecolumn .mu_register #blog_title,
  2674. .widecolumn .mu_register #user_email,
  2675. .widecolumn .mu_register #blogname,
  2676. .widecolumn .mu_register #user_name {
  2677. font-size: 16px;
  2678. font-size: 1.6rem;
  2679. width: 100%;
  2680. }
  2681.  
  2682. .widecolumn .mu_register #blogname {
  2683. margin: 0;
  2684. }
  2685.  
  2686. .widecolumn .mu_register #blog_title,
  2687. .widecolumn .mu_register #user_email,
  2688. .widecolumn .mu_register #user_name {
  2689. margin: 0 0 0.375em;
  2690. }
  2691.  
  2692. .widecolumn #submit,
  2693. .widecolumn .mu_register input[type="submit"] {
  2694. font-size: 12px;
  2695. font-size: 1.2rem;
  2696. margin: 0;
  2697. width: 100%;
  2698. }
  2699.  
  2700. .widecolumn .mu_register .prefix_address,
  2701. .widecolumn .mu_register .suffix_address {
  2702. font-size: inherit;
  2703. }
  2704.  
  2705. .widecolumn .mu_register > :last-child,
  2706. .widecolumn form > :last-child {
  2707. margin-bottom: 0;
  2708. }
  2709.  
  2710.  
  2711. /**
  2712. * 16.0 Media Queries
  2713. */
  2714.  
  2715. /*
  2716. * Does the same thing as <meta name="viewport" content="width=device-width">,
  2717. * but in the future W3C standard way. -ms- prefix is required for IE10+ to
  2718. * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
  2719. * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
  2720. */
  2721. @-ms-viewport {
  2722. width: device-width;
  2723. }
  2724.  
  2725. @viewport {
  2726. width: device-width;
  2727. }
  2728.  
  2729. /**
  2730. * 16.1 Mobile Large 620px
  2731. */
  2732.  
  2733. @media screen and (min-width: 38.75em) {
  2734. ul,
  2735. ol {
  2736. margin-left: 0;
  2737. }
  2738.  
  2739. li > ul,
  2740. li > ol,
  2741. blockquote > ul,
  2742. blockquote > ol {
  2743. margin-left: 1.3333em;
  2744. }
  2745.  
  2746. blockquote {
  2747. margin-left: -1em;
  2748. }
  2749.  
  2750. blockquote > blockquote {
  2751. margin-left: 0;
  2752. }
  2753.  
  2754. .site-branding {
  2755. min-height: 3.2em;
  2756. }
  2757.  
  2758. .site-title {
  2759. font-size: 22px;
  2760. font-size: 2.2rem;
  2761. line-height: 1.0909;
  2762. }
  2763.  
  2764. .site-description {
  2765. display: block;
  2766. }
  2767.  
  2768. .secondary {
  2769. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  2770. margin: 7.6923% 7.6923% 0;
  2771. padding: 7.6923% 7.6923% 0;
  2772. }
  2773.  
  2774. .main-navigation {
  2775. margin-bottom: 11.1111%;
  2776. }
  2777.  
  2778. .main-navigation ul {
  2779. border-top: 1px solid rgba(51, 51, 51, 0.1);
  2780. border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  2781. }
  2782.  
  2783. .main-navigation ul ul {
  2784. border-top: 0;
  2785. border-bottom: 0;
  2786. }
  2787.  
  2788. .social-navigation {
  2789. margin-bottom: 11.1111%;
  2790. }
  2791.  
  2792. .social-navigation {
  2793. margin-top: 0;
  2794. }
  2795.  
  2796. .widget-area {
  2797. margin-top: 0;
  2798. }
  2799.  
  2800. .widget {
  2801. margin-bottom: 11.1111%;
  2802. }
  2803.  
  2804. .site-main {
  2805. padding: 7.6923% 0;
  2806. }
  2807.  
  2808. .hentry.sticky:not(.has-post-thumbnail) {
  2809. padding-top: inherit;
  2810. }
  2811.  
  2812. .hentry,
  2813. .page-header,
  2814. .page-content {
  2815. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  2816. margin: 0 7.6923%;
  2817. }
  2818.  
  2819. .hentry + .hentry,
  2820. .page-header + .hentry,
  2821. .page-header + .page-content {
  2822. margin-top: 7.6923%;
  2823. }
  2824.  
  2825. .hentry + .hentry {
  2826. border-top: 0;
  2827. }
  2828.  
  2829. .post-thumbnail {
  2830. margin-bottom: 2.4em;
  2831. }
  2832.  
  2833. .entry-header {
  2834. padding: 0 9.0909%;
  2835. }
  2836.  
  2837. .entry-content,
  2838. .entry-summary {
  2839. padding: 0 9.0909% 9.0909%;
  2840. }
  2841.  
  2842. .entry-footer {
  2843. padding: 4.5454% 9.0909%;
  2844. }
  2845.  
  2846. .page-header {
  2847. border-bottom: 0;
  2848. border-left: 7px solid #333;
  2849. padding: 3.8461% 7.6923%;
  2850. }
  2851.  
  2852. .page-title,
  2853. .taxonomy-description {
  2854. margin-left: -7px;
  2855. }
  2856.  
  2857. .page-content {
  2858. padding: 9.0909%;
  2859. }
  2860.  
  2861. .site-footer {
  2862. border-top: 0;
  2863. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  2864. margin: 0 7.6923%;
  2865. padding: 3.84615% 7.6923%;
  2866. }
  2867.  
  2868. .post-navigation {
  2869. border-top: 0;
  2870. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  2871. margin: 7.6923% 7.6923% 0;
  2872. }
  2873.  
  2874. .post-navigation a {
  2875. padding: 4.5454% 9.0909%;
  2876. }
  2877.  
  2878. .pagination {
  2879. border-top: 0;
  2880. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  2881. margin: 7.6923% 7.6923% 0;
  2882. padding: 0;
  2883. }
  2884.  
  2885. /* restore screen-reader-text */
  2886. .pagination .current .screen-reader-text {
  2887. position: absolute !important;
  2888. }
  2889.  
  2890. .pagination .page-numbers {
  2891. display: inline-block;
  2892. }
  2893.  
  2894. .image-navigation {
  2895. padding: 0 9.0909%;
  2896. }
  2897.  
  2898. .comments-area {
  2899. border-top: 0;
  2900. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  2901. margin: 7.6923% 7.6923% 0;
  2902. }
  2903.  
  2904. .comment-content ul,
  2905. .comment-content ol {
  2906. margin-left: 0;
  2907. }
  2908.  
  2909. .comment-content li > ul,
  2910. .comment-content li > ol,
  2911. .comment-content blockquote > ul,
  2912. .comment-content blockquote > ol {
  2913. margin-left: 1.3333em;
  2914. }
  2915.  
  2916. .widecolumn {
  2917. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  2918. margin: 7.6923%;
  2919. }
  2920. }
  2921.  
  2922.  
  2923. /**
  2924. * 16.2 Tablet Small 740px
  2925. */
  2926.  
  2927. @media screen and (min-width: 46.25em) {
  2928. body,
  2929. button,
  2930. input,
  2931. select,
  2932. textarea {
  2933. font-size: 17px;
  2934. font-size: 1.7rem;
  2935. line-height: 1.6471;
  2936. }
  2937.  
  2938. button,
  2939. input {
  2940. line-height: normal;
  2941. }
  2942.  
  2943. p,
  2944. address,
  2945. pre,
  2946. hr,
  2947. ul,
  2948. ol,
  2949. dl,
  2950. dd,
  2951. table {
  2952. margin-bottom: 1.6471em;
  2953. }
  2954.  
  2955. blockquote {
  2956. font-size: 20px;
  2957. font-size: 2rem;
  2958. line-height: 1.75;
  2959. margin-bottom: 1.75em;
  2960. margin-left: -1.05em;
  2961. padding-left: 0.85em;
  2962. }
  2963.  
  2964. blockquote p {
  2965. margin-bottom: 1.75em;
  2966. }
  2967.  
  2968. blockquote cite,
  2969. blockquote small {
  2970. font-size: 17px;
  2971. font-size: 1.7rem;
  2972. line-height: 1.6471;
  2973. }
  2974.  
  2975. pre {
  2976. line-height: 1.2353;
  2977. }
  2978.  
  2979. button,
  2980. input[type="button"],
  2981. input[type="reset"],
  2982. input[type="submit"],
  2983. .post-password-form input[type="submit"],
  2984. .widecolumn #submit,
  2985. .widecolumn .mu_register input[type="submit"] {
  2986. font-size: 14px;
  2987. font-size: 1.4rem;
  2988. padding: 0.8214em 1.6429em;
  2989. }
  2990.  
  2991. input[type="text"],
  2992. input[type="email"],
  2993. input[type="url"],
  2994. input[type="password"],
  2995. input[type="search"],
  2996. textarea {
  2997. padding: 0.5em;
  2998. }
  2999.  
  3000. .main-navigation {
  3001. font-size: 14px;
  3002. font-size: 1.4rem;
  3003. line-height: 1.5;
  3004. }
  3005.  
  3006. .main-navigation a {
  3007. padding: 1em 0;
  3008. }
  3009.  
  3010. .main-navigation ul ul {
  3011. margin-left: 1em;
  3012. }
  3013.  
  3014. .main-navigation .menu-item-description {
  3015. font-size: 14px;
  3016. font-size: 1.4rem;
  3017. line-height: 1.5;
  3018. }
  3019.  
  3020. .social-navigation ul {
  3021. margin-bottom: -1.4706em;
  3022. }
  3023.  
  3024. .social-navigation a {
  3025. height: 2.8824em;
  3026. width: 2.8824em;
  3027. }
  3028.  
  3029. .secondary-toggle {
  3030. height: 56px;
  3031. width: 56px;
  3032. }
  3033.  
  3034. .secondary-toggle:before {
  3035. line-height: 54px;
  3036. width: 54px;
  3037. }
  3038.  
  3039. .post-password-form label,
  3040. .post-navigation .meta-nav,
  3041. .image-navigation,
  3042. .comment-navigation,
  3043. .author-heading,
  3044. .author-bio,
  3045. .entry-footer,
  3046. .page-links a,
  3047. .page-links span,
  3048. .comment-metadata,
  3049. .pingback .edit-link,
  3050. .comment-list .reply,
  3051. .comment-notes,
  3052. .comment-awaiting-moderation,
  3053. .logged-in-as,
  3054. .comment-form label,
  3055. .comment-form .comment-form-cookies-consent label,
  3056. .form-allowed-tags,
  3057. .site-info,
  3058. .wp-caption-text,
  3059. .gallery-caption,
  3060. .entry-caption,
  3061. .widecolumn label,
  3062. .widecolumn .mu_register label {
  3063. font-size: 14px;
  3064. font-size: 1.4rem;
  3065. }
  3066.  
  3067. .pagination .nav-links {
  3068. min-height: 3.2941em;
  3069. }
  3070.  
  3071. .pagination .page-numbers {
  3072. line-height: 3.2941em;
  3073. padding: 0 0.8235em;
  3074. }
  3075.  
  3076. .pagination .prev,
  3077. .pagination .next {
  3078. height: 56px;
  3079. padding: 0;
  3080. width: 56px;
  3081. }
  3082.  
  3083. .pagination .prev:before,
  3084. .pagination .next:before {
  3085. height: 56px;
  3086. line-height: 56px;
  3087. width: 56px;
  3088. }
  3089.  
  3090. .image-navigation .nav-previous a:before,
  3091. .image-navigation .nav-next a:after,
  3092. .comment-navigation .nav-previous a:before,
  3093. .comment-navigation .nav-next a:after {
  3094. top: 2px;
  3095. }
  3096.  
  3097. blockquote.alignleft,
  3098. .wp-caption.alignleft,
  3099. img.alignleft {
  3100. margin: 0.4118em 1.6471em 1.6471em 0;
  3101. }
  3102.  
  3103. blockquote.alignright,
  3104. .wp-caption.alignright,
  3105. img.alignright {
  3106. margin: 0.4118em 0 1.6471em 1.6471em;
  3107. }
  3108.  
  3109. blockquote.aligncenter,
  3110. .wp-caption.aligncenter,
  3111. img.aligncenter {
  3112. margin-top: 0.4118em;
  3113. margin-bottom: 1.6471em;
  3114. }
  3115.  
  3116. .wp-caption.alignleft,
  3117. .wp-caption.alignright,
  3118. .wp-caption.aligncenter {
  3119. margin-bottom: 1.2353em;
  3120. }
  3121.  
  3122. .site-branding {
  3123. min-height: 3.7059em;
  3124. padding-right: 66px;
  3125. }
  3126.  
  3127. .site-title {
  3128. font-size: 29px;
  3129. font-size: 2.9rem;
  3130. line-height: 1.2069;
  3131. }
  3132.  
  3133. .custom-logo {
  3134. max-height: 105px;
  3135. }
  3136.  
  3137. .wp-custom-logo .site-title {
  3138. margin-top: 0.482758621em;
  3139. }
  3140.  
  3141. .site-description {
  3142. font-size: 14px;
  3143. font-size: 1.4rem;
  3144. }
  3145.  
  3146. .widget {
  3147. font-size: 14px;
  3148. font-size: 1.4rem;
  3149. line-height: 1.5;
  3150. }
  3151.  
  3152. .widget p,
  3153. .widget address,
  3154. .widget hr,
  3155. .widget ul,
  3156. .widget ol,
  3157. .widget dl,
  3158. .widget dd,
  3159. .widget table,
  3160. .widget pre {
  3161. margin-bottom: 1.5em;
  3162. }
  3163.  
  3164. .widget li > ul,
  3165. .widget li > ol {
  3166. margin-bottom: 0;
  3167. }
  3168.  
  3169. .widget blockquote {
  3170. font-size: 17px;
  3171. font-size: 1.7rem;
  3172. line-height: 1.6471;
  3173. margin-bottom: 1.6471em;
  3174. margin-left: -1.2353em;
  3175. padding-left: 1em;
  3176. }
  3177.  
  3178. .widget blockquote p {
  3179. margin-bottom: 1.6471em;
  3180. }
  3181.  
  3182. .widget blockquote cite,
  3183. .widget blockquote small {
  3184. font-size: 14px;
  3185. font-size: 1.4rem;
  3186. line-height: 1.5;
  3187. }
  3188.  
  3189. .widget blockquote > blockquote {
  3190. margin-left: 0;
  3191. }
  3192.  
  3193. .widget pre {
  3194. line-height: 1.5;
  3195. padding: 0.75em;
  3196. }
  3197.  
  3198. .widget button,
  3199. .widget input,
  3200. .widget select,
  3201. .widget textarea {
  3202. line-height: 1.75;
  3203. }
  3204.  
  3205. .widget button,
  3206. .widget input {
  3207. line-height: normal;
  3208. }
  3209.  
  3210. .widget button,
  3211. .widget input[type="button"],
  3212. .widget input[type="reset"],
  3213. .widget input[type="submit"] {
  3214. font-size: 14px;
  3215. font-size: 1.4rem;
  3216. padding: 0.8214em 1.6429em;
  3217. }
  3218.  
  3219. .widget input[type="text"],
  3220. .widget input[type="email"],
  3221. .widget input[type="url"],
  3222. .widget input[type="password"],
  3223. .widget input[type="search"],
  3224. .widget textarea {
  3225. padding: 0.5625em;
  3226. }
  3227.  
  3228. .widget blockquote.alignleft,
  3229. .widget .wp-caption.alignleft,
  3230. .widget img.alignleft {
  3231. margin: 0.5em 1.5em 1.5em 0;
  3232. }
  3233.  
  3234. .widget blockquote.alignright,
  3235. .widget .wp-caption.alignright,
  3236. .widget img.alignright {
  3237. margin: 0.5em 0 1.5em 1.5em;
  3238. }
  3239.  
  3240. .widget blockquote.aligncenter,
  3241. .widget .wp-caption.aligncenter,
  3242. .widget img.aligncenter {
  3243. margin-top: 0.5em;
  3244. margin-bottom: 1.5em;
  3245. }
  3246.  
  3247. .widget .wp-caption.alignleft,
  3248. .widget .wp-caption.alignright,
  3249. .widget .wp-caption.aligncenter {
  3250. margin-bottom: 1em;
  3251. }
  3252.  
  3253. .widget-title {
  3254. margin: 0 0 1.5em;
  3255. }
  3256.  
  3257. .widget_calendar td,
  3258. .widget_calendar th {
  3259. line-height: 2.9286;
  3260. }
  3261.  
  3262. .widget_calendar caption {
  3263. margin: 0 0 1.5em;
  3264. }
  3265.  
  3266. .widget_archive li,
  3267. .widget_categories li,
  3268. .widget_links li,
  3269. .widget_meta li,
  3270. .widget_nav_menu li,
  3271. .widget_pages li,
  3272. .widget_recent_comments li,
  3273. .widget_recent_entries li {
  3274. padding: 0.9643em 0;
  3275. }
  3276.  
  3277. .widget_categories .children,
  3278. .widget_nav_menu .sub-menu,
  3279. .widget_pages .children {
  3280. margin: 0.9643em 0 0 1em;
  3281. padding-top: 0.9643em;
  3282. }
  3283.  
  3284. .widget_rss li {
  3285. margin-bottom: 1.5em;
  3286. }
  3287.  
  3288. .widget_rss .rss-date,
  3289. .widget_rss cite {
  3290. line-height: 1.75;
  3291. }
  3292.  
  3293. .post-thumbnail {
  3294. margin-bottom: 3em;
  3295. }
  3296.  
  3297. .entry-title,
  3298. .widecolumn h2 {
  3299. font-size: 35px;
  3300. font-size: 3.5rem;
  3301. line-height: 1.2;
  3302. margin-bottom: 1.2em;
  3303. }
  3304.  
  3305. .entry-content h1,
  3306. .entry-summary h1,
  3307. .page-content h1,
  3308. .comment-content h1 {
  3309. font-size: 35px;
  3310. font-size: 3.5rem;
  3311. line-height: 1.2;
  3312. margin-top: 1.6em;
  3313. margin-bottom: 0.8em;
  3314. }
  3315.  
  3316. .entry-content h2,
  3317. .entry-summary h2,
  3318. .page-content h2,
  3319. .comment-content h2 {
  3320. font-size: 29px;
  3321. font-size: 2.9rem;
  3322. line-height: 1.2069;
  3323. margin-top: 1.931em;
  3324. margin-bottom: 0.9655em;
  3325. }
  3326.  
  3327. .entry-content h3,
  3328. .entry-summary h3,
  3329. .page-content h3,
  3330. .comment-content h3 {
  3331. font-size: 24px;
  3332. font-size: 2.4rem;
  3333. line-height: 1.1667;
  3334. margin-top: 2.3333em;
  3335. margin-bottom: 1.1667em;
  3336. }
  3337.  
  3338. .entry-content h4,
  3339. .entry-summary h4,
  3340. .page-content h4,
  3341. .comment-content h4 {
  3342. font-size: 20px;
  3343. font-size: 2rem;
  3344. line-height: 1.4;
  3345. margin-top: 2.8em;
  3346. margin-bottom: 1.4em;
  3347. }
  3348.  
  3349. .entry-content h5,
  3350. .entry-content h6,
  3351. .entry-summary h5,
  3352. .entry-summary h6,
  3353. .page-content h5,
  3354. .page-content h6,
  3355. .comment-content h5,
  3356. .comment-content h6 {
  3357. font-size: 17px;
  3358. font-size: 1.7rem;
  3359. line-height: 1.2353;
  3360. margin-top: 3.2941em;
  3361. margin-bottom: 1.6471em;
  3362. }
  3363.  
  3364. .entry-content .more-link:after,
  3365. .entry-summary .more-link:after {
  3366. font-size: 24px;
  3367. top: 2px;
  3368. }
  3369.  
  3370. .author-info {
  3371. margin: 0 9.0909%;
  3372. padding: 9.0909% 0;
  3373. }
  3374.  
  3375. .author-info .avatar {
  3376. height: 42px;
  3377. margin: 0 1.6471em 1.6471em 0;
  3378. width: 42px;
  3379. }
  3380.  
  3381. .author-link:after {
  3382. top: 3px;
  3383. }
  3384.  
  3385. .posted-on:before,
  3386. .byline:before,
  3387. .cat-links:before,
  3388. .tags-links:before,
  3389. .comments-link:before,
  3390. .entry-format:before,
  3391. .edit-link:before,
  3392. .full-size-link:before {
  3393. top: 3px;
  3394. }
  3395.  
  3396. .taxonomy-description {
  3397. padding-top: 0.4118em;
  3398. }
  3399.  
  3400. .page-title,
  3401. .comments-title,
  3402. .comment-reply-title,
  3403. .post-navigation .post-title {
  3404. font-size: 24px;
  3405. font-size: 2.4rem;
  3406. line-height: 1.1667;
  3407. }
  3408.  
  3409. .page-links {
  3410. margin-bottom: 1.4117em;
  3411. }
  3412.  
  3413. .page-links a,
  3414. .page-links > span {
  3415. margin: 0 0.2857em 0.2857em 0;
  3416. }
  3417.  
  3418. .entry-attachment {
  3419. margin-bottom: 1.6471em;
  3420. }
  3421.  
  3422. .format-aside .entry-title,
  3423. .format-image .entry-title,
  3424. .format-video .entry-title,
  3425. .format-quote .entry-title,
  3426. .format-gallery .entry-title,
  3427. .format-status .entry-title,
  3428. .format-link .entry-title,
  3429. .format-audio .entry-title,
  3430. .format-chat .entry-title {
  3431. font-size: 20px;
  3432. font-size: 2rem;
  3433. line-height: 1.4;
  3434. margin-bottom: 1.4em;
  3435. }
  3436.  
  3437. .format-link .entry-title a:after {
  3438. top: 0.0833em;
  3439. }
  3440.  
  3441. .comments-title {
  3442. margin-bottom: 1.4em;
  3443. }
  3444.  
  3445. .comment-list article,
  3446. .comment-list .pingback,
  3447. .comment-list .trackback {
  3448. padding: 1.6471em 0;
  3449. }
  3450.  
  3451. .comment-list + .comment-respond,
  3452. .comment-navigation + .comment-respond {
  3453. padding-top: 1.6471em;
  3454. }
  3455.  
  3456. .comment-list .children > li {
  3457. padding-left: 1.2353em;
  3458. }
  3459.  
  3460. .comment-meta {
  3461. position: relative;
  3462. }
  3463.  
  3464. .comment-author {
  3465. margin-bottom: 0;
  3466. }
  3467.  
  3468. .comment-author .avatar {
  3469. height: 42px;
  3470. margin-right: 1.64705em;
  3471. position: relative;
  3472. top: 5px;
  3473. width: 42px;
  3474. }
  3475.  
  3476. .comment-metadata .edit-link:before {
  3477. top: 2px;
  3478. }
  3479.  
  3480. .pingback .edit-link:before {
  3481. top: 6px;
  3482. }
  3483.  
  3484. .bypostauthor > article .fn:after {
  3485. top: 7px;
  3486. left: 6px;
  3487. }
  3488.  
  3489. .comment-content ul,
  3490. .comment-content ol {
  3491. margin-bottom: 1.6471em;
  3492. }
  3493.  
  3494. .comment-list .reply a {
  3495. padding: 0.4286em 0.8571em;
  3496. }
  3497.  
  3498. .comment-form,
  3499. .no-comments {
  3500. padding-top: 1.6471em;
  3501. }
  3502.  
  3503. .comment-reply-title small a:before {
  3504. top: -1px;
  3505. }
  3506.  
  3507. embed,
  3508. iframe,
  3509. object,
  3510. video {
  3511. margin-bottom: 1.6471em;
  3512. }
  3513.  
  3514. .wp-audio-shortcode,
  3515. .wp-video,
  3516. .wp-playlist.wp-audio-playlist {
  3517. font-size: 17px;
  3518. font-size: 1.7rem;
  3519. margin-bottom: 1.6471em;
  3520. }
  3521.  
  3522. .wp-caption,
  3523. .gallery {
  3524. margin-bottom: 1.6471em;
  3525. }
  3526.  
  3527. .widecolumn .mu_alert {
  3528. margin-bottom: 1.6471em;
  3529. }
  3530.  
  3531. .widecolumn p {
  3532. margin: 1.6471em 0;
  3533. }
  3534.  
  3535. .widecolumn p + h2 {
  3536. margin-top: 1.6em;
  3537. }
  3538.  
  3539. .widecolumn #key,
  3540. .widecolumn .mu_register #blog_title,
  3541. .widecolumn .mu_register #user_email,
  3542. .widecolumn .mu_register #blogname,
  3543. .widecolumn .mu_register #user_name {
  3544. font-size: 17px;
  3545. font-size: 1.7rem;
  3546. line-height: normal;
  3547. }
  3548.  
  3549. .widecolumn .mu_register #blog_title,
  3550. .widecolumn .mu_register #user_email,
  3551. .widecolumn .mu_register #user_name {
  3552. margin: 0 0 0.4117em;
  3553. }
  3554. }
  3555.  
  3556.  
  3557. /**
  3558. * 16.3 Tablet Large 880px
  3559. */
  3560.  
  3561. @media screen and (min-width: 55em) {
  3562. body,
  3563. button,
  3564. input,
  3565. select,
  3566. textarea {
  3567. font-size: 19px;
  3568. font-size: 1.9rem;
  3569. line-height: 1.6842;
  3570. }
  3571.  
  3572. button,
  3573. input {
  3574. line-height: normal;
  3575. }
  3576.  
  3577. p,
  3578. address,
  3579. pre,
  3580. hr,
  3581. ul,
  3582. ol,
  3583. dl,
  3584. dd,
  3585. table {
  3586. margin-bottom: 1.6842em;
  3587. }
  3588.  
  3589. blockquote {
  3590. font-size: 22px;
  3591. font-size: 2.2rem;
  3592. line-height: 1.8182;
  3593. margin-bottom: 1.8182em;
  3594. margin-left: -1.0909em;
  3595. padding-left: 0.9091em;
  3596. }
  3597.  
  3598. blockquote p {
  3599. margin-bottom: 1.8182em;
  3600. }
  3601.  
  3602. blockquote cite,
  3603. blockquote small {
  3604. font-size: 19px;
  3605. font-size: 1.9rem;
  3606. line-height: 1.6842;
  3607. }
  3608.  
  3609. pre {
  3610. line-height: 1.2632;
  3611. }
  3612.  
  3613. button,
  3614. input[type="button"],
  3615. input[type="reset"],
  3616. input[type="submit"],
  3617. .post-password-form input[type="submit"],
  3618. .widecolumn #submit,
  3619. .widecolumn .mu_register input[type="submit"] {
  3620. font-size: 16px;
  3621. font-size: 1.6rem;
  3622. padding: 0.8125em 1.625em;
  3623. }
  3624.  
  3625. input[type="text"],
  3626. input[type="email"],
  3627. input[type="url"],
  3628. input[type="password"],
  3629. input[type="search"],
  3630. textarea {
  3631. padding: 0.5278em;
  3632. }
  3633.  
  3634. .main-navigation {
  3635. font-size: 16px;
  3636. font-size: 1.6rem;
  3637. line-height: 1.5;
  3638. }
  3639.  
  3640. .main-navigation a {
  3641. padding: 0.75em 0;
  3642. }
  3643.  
  3644. .main-navigation .menu-item-description {
  3645. font-size: 16px;
  3646. font-size: 1.6rem;
  3647. line-height: 1.5;
  3648. }
  3649.  
  3650. .social-navigation ul {
  3651. margin-bottom: -1.2632em;
  3652. }
  3653.  
  3654. .social-navigation a {
  3655. height: 2.5263em;
  3656. width: 2.5263em;
  3657. }
  3658.  
  3659. .secondary-toggle {
  3660. height: 64px;
  3661. width: 64px;
  3662. }
  3663.  
  3664. .secondary-toggle:before {
  3665. line-height: 62px;
  3666. width: 62px;
  3667. }
  3668.  
  3669. .post-password-form label,
  3670. .post-navigation .meta-nav,
  3671. .comment-navigation,
  3672. .image-navigation,
  3673. .author-heading,
  3674. .author-bio,
  3675. .entry-footer,
  3676. .page-links a,
  3677. .page-links span,
  3678. .comment-metadata,
  3679. .pingback .edit-link,
  3680. .comment-list .reply,
  3681. .comment-notes,
  3682. .comment-awaiting-moderation,
  3683. .logged-in-as,
  3684. .comment-form label,
  3685. .comment-form .comment-form-cookies-consent label,
  3686. .form-allowed-tags,
  3687. .site-info,
  3688. .wp-caption-text,
  3689. .gallery-caption,
  3690. .entry-caption,
  3691. .widecolumn label,
  3692. .widecolumn .mu_register label {
  3693. font-size: 16px;
  3694. font-size: 1.6rem;
  3695. }
  3696.  
  3697. .pagination .nav-links {
  3698. min-height: 3.3684em;
  3699. }
  3700.  
  3701. .pagination .page-numbers {
  3702. line-height: 3.3684em;
  3703. padding: 0 0.8421em;
  3704. }
  3705.  
  3706. .pagination .prev,
  3707. .pagination .next {
  3708. height: 64px;
  3709. padding: 0;
  3710. width: 64px;
  3711. }
  3712.  
  3713. .pagination .prev:before,
  3714. .pagination .next:before {
  3715. height: 64px;
  3716. line-height: 64px;
  3717. width: 64px;
  3718. }
  3719.  
  3720. .image-navigation .nav-previous a:before,
  3721. .image-navigation .nav-next a:after,
  3722. .comment-navigation .nav-previous a:before,
  3723. .comment-navigation .nav-next a:after {
  3724. font-size: 24px;
  3725. top: -1px;
  3726. }
  3727.  
  3728. blockquote.alignleft,
  3729. .wp-caption.alignleft,
  3730. img.alignleft {
  3731. margin: 0.4211em 1.6842em 1.6842em 0;
  3732. }
  3733.  
  3734. blockquote.alignright,
  3735. .wp-caption.alignright,
  3736. img.alignright {
  3737. margin: 0.4211em 0 1.6842em 1.6842em;
  3738. }
  3739.  
  3740. blockquote.aligncenter,
  3741. .wp-caption.aligncenter,
  3742. img.aligncenter {
  3743. margin-top: 0.4211em;
  3744. margin-bottom: 1.6842em;
  3745. }
  3746.  
  3747. .wp-caption.alignleft,
  3748. .wp-caption.alignright,
  3749. .wp-caption.aligncenter {
  3750. margin-bottom: 1.2632em;
  3751. }
  3752.  
  3753. .site-branding {
  3754. min-height: 3.7895em;
  3755. padding-right: 74px;
  3756. }
  3757.  
  3758. .site-title {
  3759. font-size: 32px;
  3760. font-size: 3.2rem;
  3761. line-height: 1.25;
  3762. }
  3763.  
  3764. .custom-logo {
  3765. max-height: 104px;
  3766. }
  3767.  
  3768. .wp-custom-logo .site-title {
  3769. margin-top: 0.5em;
  3770. }
  3771.  
  3772. .site-description {
  3773. font-size: 16px;
  3774. font-size: 1.6rem;
  3775. }
  3776.  
  3777. .widget {
  3778. font-size: 16px;
  3779. font-size: 1.6rem;
  3780. }
  3781.  
  3782. .widget blockquote {
  3783. font-size: 19px;
  3784. font-size: 1.9rem;
  3785. line-height: 1.6842;
  3786. margin-bottom: 1.6842em;
  3787. margin-left: -1.2632em;
  3788. padding-left: 1.0526em;
  3789. }
  3790.  
  3791. .widget blockquote p {
  3792. margin-bottom: 1.6842em;
  3793. }
  3794.  
  3795. .widget blockquote cite,
  3796. .widget blockquote small {
  3797. font-size: 16px;
  3798. font-size: 1.6rem;
  3799. }
  3800.  
  3801. .widget button,
  3802. .widget input,
  3803. .widget select,
  3804. .widget textarea {
  3805. line-height: 1.5;
  3806. }
  3807.  
  3808. .widget button,
  3809. .widget input {
  3810. line-height: normal;
  3811. }
  3812.  
  3813. .widget button,
  3814. .widget input[type="button"],
  3815. .widget input[type="reset"],
  3816. .widget input[type="submit"] {
  3817. font-size: 16px;
  3818. font-size: 1.6rem;
  3819. padding: 0.8125em 1.625em;
  3820. }
  3821.  
  3822. .widget input[type="text"],
  3823. .widget input[type="email"],
  3824. .widget input[type="url"],
  3825. .widget input[type="password"],
  3826. .widget input[type="search"],
  3827. .widget textarea {
  3828. padding: 0.75em;
  3829. }
  3830.  
  3831. .widget .wp-caption-text,
  3832. .widget .gallery-caption {
  3833. line-height: 1.5;
  3834. }
  3835.  
  3836. .widget_calendar td,
  3837. .widget_calendar th {
  3838. line-height: 2.9375;
  3839. }
  3840.  
  3841. .widget_archive li,
  3842. .widget_categories li,
  3843. .widget_links li,
  3844. .widget_meta li,
  3845. .widget_nav_menu li,
  3846. .widget_pages li,
  3847. .widget_recent_comments li,
  3848. .widget_recent_entries li {
  3849. padding: 0.7188em 0;
  3850. }
  3851.  
  3852. .widget_categories .children,
  3853. .widget_nav_menu .sub-menu,
  3854. .widget_pages .children {
  3855. margin: 0.7188em 0 0 1em;
  3856. padding-top: 0.7188em;
  3857. }
  3858.  
  3859. .widget_rss .rss-date,
  3860. .widget_rss cite {
  3861. font-size: 13px;
  3862. font-size: 1.3rem;
  3863. line-height: 1.8462;
  3864. }
  3865.  
  3866. .post-thumbnail {
  3867. margin-bottom: 2.9474em;
  3868. }
  3869.  
  3870. .entry-title,
  3871. .widecolumn h2 {
  3872. font-size: 39px;
  3873. font-size: 3.9rem;
  3874. line-height: 1.2308;
  3875. margin-bottom: 1.2308em;
  3876. }
  3877.  
  3878. .entry-content h1,
  3879. .entry-summary h1,
  3880. .page-content h1,
  3881. .comment-content h1 {
  3882. font-size: 39px;
  3883. font-size: 3.9rem;
  3884. line-height: 1.2308;
  3885. margin-top: 1.641em;
  3886. margin-bottom: 0.8205em;
  3887. }
  3888.  
  3889. .entry-content h2,
  3890. .entry-summary h2,
  3891. .page-content h2,
  3892. .comment-content h2 {
  3893. font-size: 32px;
  3894. font-size: 3.2rem;
  3895. line-height: 1.25;
  3896. margin-top: 2em;
  3897. margin-bottom: 1em;
  3898. }
  3899.  
  3900. .entry-content h3,
  3901. .entry-summary h3,
  3902. .page-content h3,
  3903. .comment-content h3 {
  3904. font-size: 27px;
  3905. font-size: 2.7rem;
  3906. line-height: 1.1852;
  3907. margin-top: 2.3704em;
  3908. margin-bottom: 1.1852em;
  3909. }
  3910.  
  3911. .entry-content h4,
  3912. .entry-summary h4,
  3913. .page-content h4,
  3914. .comment-content h4 {
  3915. font-size: 22px;
  3916. font-size: 2.2rem;
  3917. line-height: 1.4545;
  3918. margin-top: 2.9091em;
  3919. margin-bottom: 1.4545em;
  3920. }
  3921.  
  3922. .entry-content h5,
  3923. .entry-content h6,
  3924. .entry-summary h5,
  3925. .entry-summary h6,
  3926. .page-content h5,
  3927. .page-content h6,
  3928. .comment-content h5,
  3929. .comment-content h6 {
  3930. font-size: 19px;
  3931. font-size: 1.9rem;
  3932. line-height: 1.2632;
  3933. margin-top: 3.3684em;
  3934. margin-bottom: 1.6842em;
  3935. }
  3936.  
  3937. .entry-content .more-link:after,
  3938. .entry-summary .more-link:after {
  3939. top: 3px;
  3940. }
  3941.  
  3942. .author-info .avatar {
  3943. height: 56px;
  3944. margin: 0 1.6842em 1.6842em 0;
  3945. width: 56px;
  3946. }
  3947.  
  3948. .author-link:after {
  3949. font-size: 24px;
  3950. top: 0;
  3951. }
  3952.  
  3953. .posted-on:before,
  3954. .byline:before,
  3955. .cat-links:before,
  3956. .tags-links:before,
  3957. .comments-link:before,
  3958. .entry-format:before,
  3959. .edit-link:before,
  3960. .full-size-link:before {
  3961. top: 4px;
  3962. }
  3963.  
  3964. .taxonomy-description {
  3965. padding-top: 0.4211em;
  3966. }
  3967.  
  3968. .page-title,
  3969. .comments-title,
  3970. .comment-reply-title,
  3971. .post-navigation .post-title {
  3972. font-size: 27px;
  3973. font-size: 2.7rem;
  3974. line-height: 1.1852;
  3975. }
  3976.  
  3977. .page-links {
  3978. margin-bottom: 1.4736em;
  3979. }
  3980.  
  3981. .page-links a,
  3982. .page-links > span {
  3983. margin: 0 0.25em 0.25em 0;
  3984. }
  3985.  
  3986. .entry-attachment {
  3987. margin-bottom: 1.6842em
  3988. }
  3989.  
  3990. .format-aside .entry-title,
  3991. .format-image .entry-title,
  3992. .format-video .entry-title,
  3993. .format-quote .entry-title,
  3994. .format-gallery .entry-title,
  3995. .format-status .entry-title,
  3996. .format-link .entry-title,
  3997. .format-audio .entry-title,
  3998. .format-chat .entry-title {
  3999. font-size: 22px;
  4000. font-size: 2.2rem;
  4001. line-height: 1.4545;
  4002. margin-bottom: 1.4545em;
  4003. }
  4004.  
  4005. .format-link .entry-title a:after {
  4006. top: 0.125em;
  4007. }
  4008.  
  4009. .comments-title {
  4010. margin-bottom: 1.4545em;
  4011. }
  4012.  
  4013. .comment-list article,
  4014. .comment-list .pingback,
  4015. .comment-list .trackback {
  4016. padding: 1.6842em 0;
  4017. }
  4018.  
  4019. .comment-list + .comment-respond,
  4020. .comment-navigation + .comment-respond {
  4021. padding-top: 1.6842em;
  4022. }
  4023.  
  4024. .comment-list .children > li {
  4025. padding-left: 1.4737em;
  4026. }
  4027.  
  4028. .comment-author .avatar {
  4029. height: 56px;
  4030. margin-right: 1.6842em;
  4031. top: 3px;
  4032. width: 56px;
  4033. }
  4034.  
  4035. .comment-metadata {
  4036. line-height: 2;
  4037. }
  4038.  
  4039. .comment-metadata .edit-link:before {
  4040. top: 8px;
  4041. }
  4042.  
  4043. .pingback .edit-link:before {
  4044. top: 8px;
  4045. }
  4046.  
  4047. .bypostauthor > article .fn:after {
  4048. top: 8px;
  4049. }
  4050.  
  4051. .comment-content ul,
  4052. .comment-content ol {
  4053. margin-bottom: 1.6842em;
  4054. }
  4055.  
  4056. .comment-list .reply a {
  4057. padding: 0.4375em 0.875em;
  4058. }
  4059.  
  4060. .comment-form,
  4061. .no-comments {
  4062. padding-top: 1.6842em;
  4063. }
  4064.  
  4065. embed,
  4066. iframe,
  4067. object,
  4068. video {
  4069. margin-bottom: 1.6842em;
  4070. }
  4071.  
  4072. .wp-audio-shortcode,
  4073. .wp-video,
  4074. .wp-playlist.wp-audio-playlist {
  4075. font-size: 19px;
  4076. font-size: 1.9rem;
  4077. margin-bottom: 1.6842em;
  4078. }
  4079.  
  4080. .wp-caption,
  4081. .gallery {
  4082. margin-bottom: 1.6842em;
  4083. }
  4084.  
  4085. .widecolumn .mu_alert {
  4086. margin-bottom: 1.6842em;
  4087. }
  4088.  
  4089. .widecolumn p {
  4090. margin: 1.6842em 0;
  4091. }
  4092.  
  4093. .widecolumn p + h2 {
  4094. margin-top: 1.641em;
  4095. }
  4096.  
  4097. .widecolumn #key,
  4098. .widecolumn .mu_register #blog_title,
  4099. .widecolumn .mu_register #user_email,
  4100. .widecolumn .mu_register #blogname,
  4101. .widecolumn .mu_register #user_name {
  4102. font-size: 19px;
  4103. font-size: 1.9rem;
  4104. }
  4105.  
  4106. .widecolumn .mu_register #blog_title,
  4107. .widecolumn .mu_register #user_email,
  4108. .widecolumn .mu_register #user_name {
  4109. margin: 0 0 0.421em;
  4110. }
  4111. }
  4112.  
  4113.  
  4114. /**
  4115. * 16.4 Desktop Small 955px
  4116. */
  4117.  
  4118. @media screen and (min-width: 59.6875em) {
  4119. body:before {
  4120. background-color: #fff;
  4121. box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  4122. content: "";
  4123. display: block;
  4124. height: 100%;
  4125. min-height: 100%;
  4126. position: fixed;
  4127. top: 0;
  4128. left: 0;
  4129. width: 29.4118%;
  4130. z-index: 0; /* Fixes flashing bug with scrolling on Safari */
  4131. }
  4132.  
  4133. .site {
  4134. margin: 0 auto;
  4135. max-width: 1403px;
  4136. }
  4137.  
  4138. .sidebar {
  4139. float: left;
  4140. margin-right: -100%;
  4141. max-width: 413px;
  4142. position: relative;
  4143. width: 29.4118%;
  4144. }
  4145.  
  4146. .secondary {
  4147. background-color: transparent;
  4148. box-shadow: none;
  4149. display: block;
  4150. margin: 0;
  4151. padding: 0;
  4152. }
  4153.  
  4154. .site-main {
  4155. padding: 8.3333% 0;
  4156. }
  4157.  
  4158. .site-content {
  4159. display: block;
  4160. float: left;
  4161. margin-left: 29.4118%;
  4162. width: 70.5882%;
  4163. }
  4164.  
  4165. body {
  4166. font-size: 15px;
  4167. font-size: 1.5rem;
  4168. line-height: 1.6;
  4169. }
  4170.  
  4171. p,
  4172. address,
  4173. pre,
  4174. hr,
  4175. ul,
  4176. ol,
  4177. dl,
  4178. dd,
  4179. table {
  4180. margin-bottom: 1.6em;
  4181. }
  4182.  
  4183. blockquote {
  4184. font-size: 18px;
  4185. font-size: 1.8rem;
  4186. line-height: 1.6667;
  4187. margin-bottom: 1.6667em;
  4188. margin-left: -1.3333em;
  4189. padding-left: 1.1111em;
  4190. }
  4191.  
  4192. blockquote cite,
  4193. blockquote small {
  4194. font-size: 15px;
  4195. font-size: 1.5rem;
  4196. line-height: 1.6;
  4197. }
  4198.  
  4199. pre {
  4200. line-height: 1.2;
  4201. }
  4202.  
  4203. button,
  4204. input,
  4205. select,
  4206. textarea {
  4207. font-size: 16px;
  4208. font-size: 1.6rem;
  4209. line-height: 1.5;
  4210. }
  4211.  
  4212. button,
  4213. input {
  4214. line-height: normal;
  4215. }
  4216.  
  4217. button,
  4218. input[type="button"],
  4219. input[type="reset"],
  4220. input[type="submit"],
  4221. .post-password-form input[type="submit"],
  4222. .widecolumn #submit,
  4223. .widecolumn .mu_register input[type="submit"] {
  4224. font-size: 12px;
  4225. font-size: 1.2rem;
  4226. padding: 0.7917em 1.5833em;
  4227. }
  4228.  
  4229. input[type="text"],
  4230. input[type="email"],
  4231. input[type="url"],
  4232. input[type="password"],
  4233. input[type="search"],
  4234. textarea {
  4235. padding: 0.375em;
  4236. }
  4237.  
  4238. .main-navigation {
  4239. font-size: 12px;
  4240. font-size: 1.2rem;
  4241. margin: 0 20% 20%;
  4242. }
  4243.  
  4244. .main-navigation a {
  4245. padding: 0.5em 0;
  4246. }
  4247.  
  4248. .main-navigation .menu-item-has-children > a {
  4249. padding-right: 30px;
  4250. }
  4251.  
  4252. .main-navigation .menu-item-description {
  4253. font-size: 12px;
  4254. font-size: 1.2rem;
  4255. line-height: 1.5;
  4256. }
  4257.  
  4258. .dropdown-toggle {
  4259. height: 24px;
  4260. width: 24px;
  4261. }
  4262.  
  4263. .dropdown-toggle:after {
  4264. font-size: 16px;
  4265. line-height: 24px;
  4266. width: 24px;
  4267. }
  4268.  
  4269. .social-navigation {
  4270. margin: 0 20% 20%;
  4271. }
  4272.  
  4273. .social-navigation ul {
  4274. margin-bottom: -1.6em;
  4275. }
  4276.  
  4277. .social-navigation li {
  4278. width: 25%;
  4279. }
  4280.  
  4281. .social-navigation a {
  4282. height: 3.2em;
  4283. }
  4284.  
  4285. .secondary-toggle {
  4286. display: none;
  4287. }
  4288.  
  4289. .post-password-form label,
  4290. .post-navigation .meta-nav,
  4291. .comment-navigation,
  4292. .image-navigation,
  4293. .author-heading,
  4294. .author-bio,
  4295. .entry-footer,
  4296. .page-links a,
  4297. .page-links span,
  4298. .comment-metadata,
  4299. .pingback .edit-link,
  4300. .comment-list .reply,
  4301. .comment-notes,
  4302. .comment-awaiting-moderation,
  4303. .logged-in-as,
  4304. .comment-form label,
  4305. .comment-form .comment-form-cookies-consent label,
  4306. .form-allowed-tags,
  4307. .site-info,
  4308. .wp-caption-text,
  4309. .gallery-caption,
  4310. .entry-caption,
  4311. .widecolumn label,
  4312. .widecolumn .mu_register label {
  4313. font-size: 12px;
  4314. font-size: 1.2rem;
  4315. }
  4316.  
  4317. .post-navigation {
  4318. margin: 8.3333% 8.3333% 0;
  4319. }
  4320.  
  4321. .post-navigation a {
  4322. padding: 5% 10%;
  4323. }
  4324.  
  4325. .pagination {
  4326. margin: 8.333% 8.333% 0;
  4327. }
  4328.  
  4329. .pagination .nav-links {
  4330. min-height: 3.2em;
  4331. }
  4332.  
  4333. .pagination .page-numbers {
  4334. line-height: 3.2em;
  4335. padding: 0 0.8em;
  4336. }
  4337.  
  4338. .pagination .prev,
  4339. .pagination .next {
  4340. height: 48px;
  4341. padding: 0;
  4342. width: 48px;
  4343. }
  4344.  
  4345. .pagination .prev:before,
  4346. .pagination .next:before {
  4347. height: 48px;
  4348. line-height: 48px;
  4349. width: 48px;
  4350. }
  4351.  
  4352. .image-navigation .nav-previous a:before,
  4353. .image-navigation .nav-next a:after,
  4354. .comment-navigation .nav-previous a:before,
  4355. .comment-navigation .nav-next a:after {
  4356. font-size: 16px;
  4357. top: 0;
  4358. }
  4359.  
  4360. .image-navigation {
  4361. padding: 0 10%;
  4362. }
  4363.  
  4364. blockquote.alignleft,
  4365. .wp-caption.alignleft,
  4366. img.alignleft {
  4367. margin: 0.4em 1.6em 1.6em 0;
  4368. }
  4369.  
  4370. blockquote.alignright,
  4371. .wp-caption.alignright,
  4372. img.alignright {
  4373. margin: 0.4em 0 1.6em 1.6em;
  4374. }
  4375.  
  4376. blockquote.aligncenter,
  4377. .wp-caption.aligncenter,
  4378. img.aligncenter {
  4379. clear: both;
  4380. margin-top: 0.4em;
  4381. margin-bottom: 1.6em;
  4382. }
  4383.  
  4384. .wp-caption.alignleft,
  4385. .wp-caption.alignright,
  4386. .wp-caption.aligncenter {
  4387. margin-bottom: 1.2em;
  4388. }
  4389.  
  4390. .site-header {
  4391. background-color: transparent;
  4392. border-bottom: 0;
  4393. margin: 20% 0;
  4394. padding: 0 20%;
  4395. }
  4396.  
  4397. .site-branding {
  4398. min-height: 0;
  4399. padding: 0;
  4400. }
  4401.  
  4402. .site-title {
  4403. font-size: 22px;
  4404. font-size: 2.2rem;
  4405. line-height: 1.3636;
  4406. }
  4407.  
  4408. .custom-logo {
  4409. max-height: none;
  4410. }
  4411.  
  4412. .wp-custom-logo .site-title {
  4413. margin-top: 0.545454545em;
  4414. }
  4415.  
  4416. .site-description {
  4417. font-size: 12px;
  4418. font-size: 1.2rem;
  4419. }
  4420.  
  4421. .widget {
  4422. font-size: 12px;
  4423. font-size: 1.2rem;
  4424. margin: 0 0 20%;
  4425. padding: 0 20%;
  4426. }
  4427.  
  4428. .widget blockquote {
  4429. font-size: 12px;
  4430. font-size: 1.2rem;
  4431. line-height: 1.5;
  4432. margin-bottom: 1.5em;
  4433. margin-left: -1.5em;
  4434. padding-left: 1.1667em;
  4435. }
  4436.  
  4437. .widget blockquote p {
  4438. margin-bottom: 1.5em;
  4439. }
  4440.  
  4441. .widget blockquote cite,
  4442. .widget blockquote small {
  4443. font-size: 12px;
  4444. font-size: 1.2rem;
  4445. }
  4446.  
  4447. .widget pre {
  4448. padding: 0.5em;
  4449. }
  4450.  
  4451. .widget button,
  4452. .widget input,
  4453. .widget select,
  4454. .widget textarea {
  4455. font-size: 12px;
  4456. font-size: 1.2rem;
  4457. }
  4458.  
  4459. .widget button,
  4460. .widget input[type="button"],
  4461. .widget input[type="reset"],
  4462. .widget input[type="submit"] {
  4463. font-size: 12px;
  4464. font-size: 1.2rem;
  4465. padding: 0.5417em 1.0833em;
  4466. }
  4467.  
  4468. .widget input[type="text"],
  4469. .widget input[type="email"],
  4470. .widget input[type="url"],
  4471. .widget input[type="password"],
  4472. .widget input[type="search"],
  4473. .widget textarea {
  4474. padding: 0.4583em;
  4475. }
  4476.  
  4477. .widget .wp-caption-text,
  4478. .widget .gallery-caption {
  4479. font-size: 12px;
  4480. font-size: 1.2rem;
  4481. }
  4482.  
  4483. .widget_calendar td,
  4484. .widget_calendar th {
  4485. line-height: 1.9167;
  4486. }
  4487.  
  4488. .widget_archive li,
  4489. .widget_categories li,
  4490. .widget_links li,
  4491. .widget_meta li,
  4492. .widget_nav_menu li,
  4493. .widget_pages li,
  4494. .widget_recent_comments li,
  4495. .widget_recent_entries li {
  4496. padding: 0.4583em 0;
  4497. }
  4498.  
  4499. .widget_categories .children,
  4500. .widget_nav_menu .sub-menu,
  4501. .widget_pages .children {
  4502. margin: 0.4583em 0 0 1em;
  4503. padding-top: 0.4583em;
  4504. }
  4505.  
  4506. .widget_rss .rss-date,
  4507. .widget_rss cite {
  4508. font-size: 12px;
  4509. font-size: 1.2rem;
  4510. line-height: 1.5;
  4511. }
  4512.  
  4513. .hentry,
  4514. .page-header,
  4515. .page-content {
  4516. margin: 0 8.3333%;
  4517. }
  4518.  
  4519. .hentry {
  4520. padding-top: 8.3333%;
  4521. }
  4522.  
  4523. .hentry + .hentry,
  4524. .page-header + .hentry,
  4525. .page-header + .page-content {
  4526. margin-top: 8.3333%;
  4527. }
  4528.  
  4529. .post-thumbnail {
  4530. margin-bottom: 2.4em;
  4531. }
  4532.  
  4533. .entry-header {
  4534. padding: 0 10%;
  4535. }
  4536.  
  4537. .entry-title,
  4538. .widecolumn h2 {
  4539. font-size: 31px;
  4540. font-size: 3.1rem;
  4541. line-height: 1.1613;
  4542. margin-bottom: 1.1613em;
  4543. }
  4544.  
  4545. .entry-content,
  4546. .entry-summary {
  4547. padding: 0 10% 10%;
  4548. }
  4549.  
  4550. .entry-content h1,
  4551. .entry-summary h1,
  4552. .page-content h1,
  4553. .comment-content h1 {
  4554. font-size: 31px;
  4555. font-size: 3.1rem;
  4556. line-height: 1.1613;
  4557. margin-top: 1.5484em;
  4558. margin-bottom: 0.7742em;
  4559. }
  4560.  
  4561. .entry-content h2,
  4562. .entry-summary h2,
  4563. .page-content h2,
  4564. .comment-content h2 {
  4565. font-size: 26px;
  4566. font-size: 2.6rem;
  4567. line-height: 1.3846;
  4568. margin-top: 1.8462em;
  4569. margin-bottom: 0.9231em;
  4570. }
  4571.  
  4572. .entry-content h3,
  4573. .entry-summary h3,
  4574. .page-content h3,
  4575. .comment-content h3 {
  4576. font-size: 22px;
  4577. font-size: 2.2rem;
  4578. line-height: 1.3636;
  4579. margin-top: 2.1818em;
  4580. margin-bottom: 1.0909em;
  4581. }
  4582.  
  4583. .entry-content h4,
  4584. .entry-summary h4,
  4585. .page-content h4,
  4586. .comment-content h4 {
  4587. font-size: 18px;
  4588. font-size: 1.8rem;
  4589. line-height: 1.3333;
  4590. margin-top: 2.6667em;
  4591. margin-bottom: 1.3333em;
  4592. }
  4593.  
  4594. .entry-content h5,
  4595. .entry-content h6,
  4596. .entry-summary h5,
  4597. .entry-summary h6,
  4598. .page-content h5,
  4599. .page-content h6,
  4600. .comment-content h5,
  4601. .comment-content h6 {
  4602. font-size: 15px;
  4603. font-size: 1.5rem;
  4604. line-height: 1.2;
  4605. margin-top: 3.2em;
  4606. margin-bottom: 1.6em;
  4607. }
  4608.  
  4609. .entry-content .more-link:after,
  4610. .entry-summary .more-link:after {
  4611. font-size: 16px;
  4612. top: 5px;
  4613. }
  4614.  
  4615. .author-info {
  4616. margin: 0 10%;
  4617. padding: 10% 0;
  4618. }
  4619.  
  4620. .author-info .avatar {
  4621. height: 36px;
  4622. margin: 0 1.5em 1.5em 0;
  4623. width: 36px;
  4624. }
  4625.  
  4626. .author-link:after {
  4627. font-size: 16px;
  4628. top: 1px;
  4629. }
  4630.  
  4631. .entry-footer {
  4632. padding: 5% 10%;
  4633. }
  4634.  
  4635. .posted-on:before,
  4636. .byline:before,
  4637. .cat-links:before,
  4638. .tags-links:before,
  4639. .comments-link:before,
  4640. .entry-format:before,
  4641. .edit-link:before,
  4642. .full-size-link:before {
  4643. top: 0;
  4644. }
  4645.  
  4646. .page-header {
  4647. padding: 4.1666% 8.3333%;
  4648. }
  4649.  
  4650. .page-content {
  4651. padding: 8.3333%;
  4652. }
  4653.  
  4654. .taxonomy-description {
  4655. padding-top: 0.4em;
  4656. }
  4657.  
  4658. .page-title,
  4659. .comments-title,
  4660. .comment-reply-title,
  4661. .post-navigation .post-title {
  4662. font-size: 18px;
  4663. font-size: 1.8rem;
  4664. line-height: 1.3333;
  4665. }
  4666.  
  4667. .page-links {
  4668. margin-bottom: 1.3333em;
  4669. }
  4670.  
  4671. .page-links a,
  4672. .page-links > span {
  4673. margin: 0 0.3333em 0.3333em 0;
  4674. }
  4675.  
  4676. .entry-attachment {
  4677. margin-bottom: 1.6em;
  4678. }
  4679.  
  4680. .format-aside .entry-title,
  4681. .format-image .entry-title,
  4682. .format-video .entry-title,
  4683. .format-quote .entry-title,
  4684. .format-gallery .entry-title,
  4685. .format-status .entry-title,
  4686. .format-link .entry-title,
  4687. .format-audio .entry-title,
  4688. .format-chat .entry-title {
  4689. font-size: 18px;
  4690. font-size: 1.8rem;
  4691. line-height: 1.3333;
  4692. margin-bottom: 1.3333em;
  4693. }
  4694.  
  4695. .format-link .entry-title a:after {
  4696. top: 0;
  4697. }
  4698.  
  4699. .comments-area {
  4700. margin: 8.3333% 8.3333% 0;
  4701. padding: 8.3333%;
  4702. }
  4703.  
  4704. .comments-title {
  4705. margin-bottom: 1.3333em;
  4706. }
  4707.  
  4708. .comment-list article,
  4709. .comment-list .pingback,
  4710. .comment-list .trackback {
  4711. padding: 1.6em 0;
  4712. }
  4713.  
  4714. .comment-list + .comment-respond,
  4715. .comment-navigation + .comment-respond {
  4716. padding-top: 1.6em;
  4717. }
  4718.  
  4719. .comment-list .children > li {
  4720. padding-left: 0.8em;
  4721. }
  4722.  
  4723. .comment-author {
  4724. margin-bottom: 0.4em;
  4725. }
  4726.  
  4727. .comment-author .avatar {
  4728. height: 24px;
  4729. margin-right: 0.8em;
  4730. top: 0;
  4731. width: 24px;
  4732. }
  4733.  
  4734. .comment-metadata .edit-link:before {
  4735. top: 3px;
  4736. }
  4737.  
  4738. .pingback .edit-link:before {
  4739. top: 5px;
  4740. }
  4741.  
  4742. .bypostauthor > article .fn:after {
  4743. top: 5px;
  4744. left: 3px;
  4745. }
  4746.  
  4747. .comment-content ul,
  4748. .comment-content ol {
  4749. margin-bottom: 2em;
  4750. }
  4751.  
  4752. .comment-list .reply a {
  4753. padding: 0.4167em 0.8333em;
  4754. }
  4755.  
  4756. .comment-form,
  4757. .no-comments {
  4758. padding-top: 1.6em;
  4759. }
  4760.  
  4761. .comment-reply-title small a:before {
  4762. top: -3px;
  4763. }
  4764.  
  4765. .site-footer {
  4766. float: left;
  4767. margin: 0 0 0 35.2941%;
  4768. padding: 0;
  4769. width: 58.8235%;
  4770. }
  4771.  
  4772. .site-info {
  4773. padding: 5% 10%;
  4774. }
  4775.  
  4776. embed,
  4777. iframe,
  4778. object,
  4779. video {
  4780. margin-bottom: 1.6em;
  4781. }
  4782.  
  4783. .wp-audio-shortcode,
  4784. .wp-video,
  4785. .wp-playlist.wp-audio-playlist {
  4786. font-size: 15px;
  4787. font-size: 1.5rem;
  4788. margin-bottom: 1.6em;
  4789. }
  4790.  
  4791. .wp-caption,
  4792. .gallery {
  4793. margin-bottom: 1.6em;
  4794. }
  4795.  
  4796. .widecolumn {
  4797. margin: 8.3333%;
  4798. padding: 8.3333%;
  4799. }
  4800.  
  4801. .widecolumn .mu_alert {
  4802. margin-bottom: 1.6em;
  4803. }
  4804.  
  4805. .widecolumn p {
  4806. margin: 1.6em 0;
  4807. }
  4808.  
  4809. .widecolumn p + h2 {
  4810. margin-top: 1.5484em;
  4811. }
  4812.  
  4813. .widecolumn #key,
  4814. .widecolumn .mu_register #blog_title,
  4815. .widecolumn .mu_register #user_email,
  4816. .widecolumn .mu_register #blogname,
  4817. .widecolumn .mu_register #user_name {
  4818. font-size: 16px;
  4819. font-size: 1.6rem;
  4820. }
  4821.  
  4822. .widecolumn .mu_register #blog_title,
  4823. .widecolumn .mu_register #user_email,
  4824. .widecolumn .mu_register #user_name {
  4825. margin: 0 0 0.375em;
  4826. }
  4827. }
  4828.  
  4829.  
  4830. /**
  4831. * 16.5 Desktop Medium 1100px
  4832. */
  4833.  
  4834. @media screen and (min-width: 68.75em) {
  4835. body,
  4836. button,
  4837. input,
  4838. select,
  4839. textarea {
  4840. font-size: 17px;
  4841. font-size: 1.7rem;
  4842. line-height: 1.6471;
  4843. }
  4844.  
  4845. button,
  4846. input {
  4847. line-height: normal;
  4848. }
  4849.  
  4850. p,
  4851. address,
  4852. pre,
  4853. hr,
  4854. ul,
  4855. ol,
  4856. dl,
  4857. dd,
  4858. table {
  4859. margin-bottom: 1.6471em;
  4860. }
  4861.  
  4862. blockquote {
  4863. font-size: 20px;
  4864. font-size: 2rem;
  4865. line-height: 1.75;
  4866. margin-bottom: 1.75em;
  4867. margin-left: -1.05em;
  4868. padding-left: 0.85em;
  4869. }
  4870.  
  4871. blockquote p {
  4872. margin-bottom: 1.75em;
  4873. }
  4874.  
  4875. blockquote cite,
  4876. blockquote small {
  4877. font-size: 17px;
  4878. font-size: 1.7rem;
  4879. line-height: 1.6471;
  4880. }
  4881.  
  4882. pre {
  4883. line-height: 1.2353;
  4884. }
  4885.  
  4886. button,
  4887. input[type="button"],
  4888. input[type="reset"],
  4889. input[type="submit"],
  4890. .post-password-form input[type="submit"],
  4891. .widecolumn #submit,
  4892. .widecolumn .mu_register input[type="submit"] {
  4893. font-size: 14px;
  4894. font-size: 1.4rem;
  4895. padding: 0.8214em 1.5714em;
  4896. }
  4897.  
  4898. input[type="text"],
  4899. input[type="email"],
  4900. input[type="url"],
  4901. input[type="password"],
  4902. input[type="search"],
  4903. textarea {
  4904. padding: 0.5em;
  4905. }
  4906.  
  4907. .main-navigation {
  4908. font-size: 14px;
  4909. font-size: 1.4rem;
  4910. }
  4911.  
  4912. .main-navigation a {
  4913. padding: 0.4643em 0;
  4914. }
  4915.  
  4916. .main-navigation .menu-item-has-children > a {
  4917. padding-right: 34px;
  4918. }
  4919.  
  4920. .main-navigation .menu-item-description {
  4921. line-height: 1.4583;
  4922. margin-top: 0.25em;
  4923. }
  4924.  
  4925. .dropdown-toggle {
  4926. height: 28px;
  4927. width: 28px;
  4928. }
  4929.  
  4930. .dropdown-toggle:after {
  4931. line-height: 28px;
  4932. width: 28px;
  4933. }
  4934.  
  4935. .social-navigation ul {
  4936. margin-bottom: -1.4706em;
  4937. }
  4938.  
  4939. .social-navigation li {
  4940. width: 20%;
  4941. }
  4942.  
  4943. .social-navigation a {
  4944. height: 2.8824em;
  4945. }
  4946.  
  4947. .post-password-form label,
  4948. .post-navigation .meta-nav,
  4949. .comment-navigation,
  4950. .image-navigation,
  4951. .author-heading,
  4952. .author-bio,
  4953. .entry-footer,
  4954. .page-links a,
  4955. .page-links span,
  4956. .comment-metadata,
  4957. .pingback .edit-link,
  4958. .comment-list .reply,
  4959. .comment-notes,
  4960. .comment-awaiting-moderation,
  4961. .logged-in-as,
  4962. .comment-form label,
  4963. .comment-form .comment-form-cookies-consent label,
  4964. .form-allowed-tags,
  4965. .site-info,
  4966. .wp-caption-text,
  4967. .gallery-caption,
  4968. .entry-caption,
  4969. .widecolumn label,
  4970. .widecolumn .mu_register label {
  4971. font-size: 14px;
  4972. font-size: 1.4rem;
  4973. }
  4974.  
  4975. .pagination .nav-links {
  4976. min-height: 3.2941em;
  4977. }
  4978.  
  4979. .pagination .page-numbers {
  4980. line-height: 3.2941em;
  4981. padding: 0 0.8235em;
  4982. }
  4983.  
  4984. .pagination .prev,
  4985. .pagination .next {
  4986. height: 56px;
  4987. padding: 0;
  4988. width: 56px;
  4989. }
  4990.  
  4991. .pagination .prev:before,
  4992. .pagination .next:before {
  4993. height: 56px;
  4994. line-height: 56px;
  4995. width: 56px;
  4996. }
  4997.  
  4998. .image-navigation .nav-previous a:before,
  4999. .image-navigation .nav-next a:after,
  5000. .comment-navigation .nav-previous a:before,
  5001. .comment-navigation .nav-next a:after {
  5002. top: 2px;
  5003. }
  5004.  
  5005. blockquote.alignleft,
  5006. .wp-caption.alignleft,
  5007. img.alignleft {
  5008. margin: 0.4118em 1.6471em 1.6471em 0;
  5009. }
  5010.  
  5011. blockquote.alignright,
  5012. .wp-caption.alignright,
  5013. img.alignright {
  5014. margin: 0.4118em 0 1.6471em 1.6471em;
  5015. }
  5016.  
  5017. blockquote.aligncenter,
  5018. .wp-caption.aligncenter,
  5019. img.aligncenter {
  5020. margin-top: 0.4118em;
  5021. margin-bottom: 1.6471em;
  5022. }
  5023.  
  5024. .wp-caption.alignleft,
  5025. .wp-caption.alignright,
  5026. .wp-caption.aligncenter {
  5027. margin-bottom: 1.2353em;
  5028. }
  5029.  
  5030. .site-title {
  5031. font-size: 24px;
  5032. font-size: 2.4rem;
  5033. line-height: 1.1667;
  5034. }
  5035.  
  5036. .wp-custom-logo .site-title {
  5037. margin-top: 0.583333333em;
  5038. }
  5039.  
  5040. .site-description {
  5041. font-size: 14px;
  5042. font-size: 1.4rem;
  5043. }
  5044.  
  5045. .widget {
  5046. font-size: 14px;
  5047. font-size: 1.4rem;
  5048. }
  5049.  
  5050. .widget blockquote {
  5051. font-size: 14px;
  5052. font-size: 1.4rem;
  5053. padding-left: 1.2143em;
  5054. }
  5055.  
  5056. .widget button,
  5057. .widget input,
  5058. .widget select,
  5059. .widget textarea {
  5060. font-size: 14px;
  5061. font-size: 1.4rem;
  5062. }
  5063.  
  5064. .widget button,
  5065. .widget input[type="button"],
  5066. .widget input[type="reset"],
  5067. .widget input[type="submit"] {
  5068. font-size: 12px;
  5069. font-size: 1.2rem;
  5070. padding: 0.75em 1.5em;
  5071. }
  5072.  
  5073. .widget input[type="text"],
  5074. .widget input[type="email"],
  5075. .widget input[type="url"],
  5076. .widget input[type="password"],
  5077. .widget input[type="search"],
  5078. .widget textarea {
  5079. padding: 0.5em;
  5080. }
  5081.  
  5082. .widget .wp-caption-text,
  5083. .widget .gallery-caption {
  5084. line-height: 1.4583;
  5085. padding: 0.5833em 0;
  5086. }
  5087.  
  5088. .widget_calendar caption {
  5089. margin: 0 0 1.9286em;
  5090. }
  5091.  
  5092. .widget_calendar td,
  5093. .widget_calendar th {
  5094. line-height: 1.9286;
  5095. }
  5096.  
  5097. .widget_archive li,
  5098. .widget_categories li,
  5099. .widget_links li,
  5100. .widget_meta li,
  5101. .widget_nav_menu li,
  5102. .widget_pages li,
  5103. .widget_recent_comments li,
  5104. .widget_recent_entries li {
  5105. padding: 0.4643em 0;
  5106. }
  5107.  
  5108. .widget_categories .children,
  5109. .widget_nav_menu .sub-menu,
  5110. .widget_pages .children {
  5111. margin: 0.4643em 0 0 1em;
  5112. padding-top: 0.4643em;
  5113. }
  5114.  
  5115. .widget_rss .rss-date,
  5116. .widget_rss cite {
  5117. line-height: 1.75;
  5118. }
  5119.  
  5120. .post-thumbnail {
  5121. margin-bottom: 2.4706em;
  5122. }
  5123.  
  5124. .entry-title,
  5125. .widecolumn h2 {
  5126. font-size: 35px;
  5127. font-size: 3.5rem;
  5128. line-height: 1.2;
  5129. margin-bottom: 1.2em;
  5130. }
  5131.  
  5132. .entry-content h1,
  5133. .entry-summary h1,
  5134. .page-content h1,
  5135. .comment-content h1 {
  5136. font-size: 35px;
  5137. font-size: 3.5rem;
  5138. line-height: 1.2;
  5139. margin-top: 1.6em;
  5140. margin-bottom: 0.8em;
  5141. }
  5142.  
  5143. .entry-content h2,
  5144. .entry-summary h2,
  5145. .page-content h2,
  5146. .comment-content h2 {
  5147. font-size: 29px;
  5148. font-size: 2.9rem;
  5149. line-height: 1.2069;
  5150. margin-top: 1.931em;
  5151. margin-bottom: 0.9655em;
  5152. }
  5153.  
  5154. .entry-content h3,
  5155. .entry-summary h3,
  5156. .page-content h3,
  5157. .comment-content h3 {
  5158. font-size: 24px;
  5159. font-size: 2.4rem;
  5160. line-height: 1.1667;
  5161. margin-top: 2.3333em;
  5162. margin-bottom: 1.1667em;
  5163. }
  5164.  
  5165. .entry-content h4,
  5166. .entry-summary h4,
  5167. .page-content h4,
  5168. .comment-content h4 {
  5169. font-size: 20px;
  5170. font-size: 2rem;
  5171. line-height: 1.4;
  5172. margin-top: 2.8em;
  5173. margin-bottom: 1.4em;
  5174. }
  5175.  
  5176. .entry-content h5,
  5177. .entry-content h6,
  5178. .entry-summary h5,
  5179. .entry-summary h6,
  5180. .page-content h5,
  5181. .page-content h6,
  5182. .comment-content h5,
  5183. .comment-content h6 {
  5184. font-size: 17px;
  5185. font-size: 1.7rem;
  5186. line-height: 1.2353;
  5187. margin-top: 3.2941em;
  5188. margin-bottom: 1.6471em;
  5189. }
  5190.  
  5191. .entry-content .more-link:after,
  5192. .entry-summary .more-link:after {
  5193. font-size: 24px;
  5194. top: 2px;
  5195. }
  5196.  
  5197. .author-info .avatar {
  5198. height: 42px;
  5199. margin: 0 1.6471em 1.6471em 0;
  5200. width: 42px;
  5201. }
  5202.  
  5203. .author-link:after {
  5204. top: 3px;
  5205. }
  5206.  
  5207. .posted-on:before,
  5208. .byline:before,
  5209. .cat-links:before,
  5210. .tags-links:before,
  5211. .comments-link:before,
  5212. .entry-format:before,
  5213. .edit-link:before,
  5214. .full-size-link:before {
  5215. top: 3px;
  5216. }
  5217.  
  5218. .taxonomy-description {
  5219. padding-top: 0.4118em;
  5220. }
  5221.  
  5222. .page-title,
  5223. .comments-title,
  5224. .comment-reply-title,
  5225. .post-navigation .post-title {
  5226. font-size: 24px;
  5227. font-size: 2.4rem;
  5228. line-height: 1.1667;
  5229. }
  5230.  
  5231. .page-links {
  5232. margin-bottom: 1.4117em;
  5233. }
  5234.  
  5235. .page-links a,
  5236. .page-links > span {
  5237. margin: 0 0.2857em 0.2857em 0;
  5238. }
  5239.  
  5240. .entry-attachment {
  5241. margin-bottom: 1.6471em;
  5242. }
  5243.  
  5244. .format-aside .entry-title,
  5245. .format-image .entry-title,
  5246. .format-video .entry-title,
  5247. .format-quote .entry-title,
  5248. .format-gallery .entry-title,
  5249. .format-status .entry-title,
  5250. .format-link .entry-title,
  5251. .format-audio .entry-title,
  5252. .format-chat .entry-title {
  5253. font-size: 20px;
  5254. font-size: 2rem;
  5255. line-height: 1.4;
  5256. margin-bottom: 1.4em;
  5257. }
  5258.  
  5259. .format-link .entry-title a:after {
  5260. top: 0.0833em;
  5261. }
  5262.  
  5263. .comments-title {
  5264. margin-bottom: 1.4em;
  5265. }
  5266.  
  5267. .comment-list article,
  5268. .comment-list .pingback,
  5269. .comment-list .trackback {
  5270. padding: 1.6471em 0;
  5271. }
  5272.  
  5273. .comment-list + .comment-respond,
  5274. .comment-navigation + .comment-respond {
  5275. padding-top: 1.6471em;
  5276. }
  5277.  
  5278. .comment-list .children > li {
  5279. padding-left: 1.1667em;
  5280. }
  5281.  
  5282. .comment-author {
  5283. margin-bottom: 0;
  5284. }
  5285.  
  5286. .comment-author .avatar {
  5287. height: 42px;
  5288. margin-right: 1.64705em;
  5289. top: 5px;
  5290. width: 42px;
  5291. }
  5292.  
  5293. .bypostauthor > article .fn:after {
  5294. top: 7px;
  5295. left: 6px;
  5296. }
  5297.  
  5298. .comment-metadata .edit-link:before {
  5299. top: 6px;
  5300. }
  5301.  
  5302. .pingback .edit-link:before {
  5303. top: 6px;
  5304. }
  5305.  
  5306. .comment-content ul,
  5307. .comment-content ol {
  5308. margin-bottom: 1.6471em;
  5309. }
  5310.  
  5311. .comment-list .reply a {
  5312. padding: 0.4286em 0.8571em;
  5313. }
  5314.  
  5315. .comment-form,
  5316. .no-comments {
  5317. padding-top: 1.6471em;
  5318. }
  5319.  
  5320. .comment-reply-title small a:before {
  5321. top: -1px;
  5322. }
  5323.  
  5324. embed,
  5325. iframe,
  5326. object,
  5327. video {
  5328. margin-bottom: 1.6471em;
  5329. }
  5330.  
  5331. .wp-audio-shortcode,
  5332. .wp-video,
  5333. .wp-playlist.wp-audio-playlist {
  5334. font-size: 17px;
  5335. font-size: 1.7rem;
  5336. margin-bottom: 1.6471em;
  5337. }
  5338.  
  5339. .wp-caption,
  5340. .gallery {
  5341. margin-bottom: 1.6471em;
  5342. }
  5343.  
  5344. .widecolumn .mu_alert {
  5345. margin-bottom: 1.6471em;
  5346. }
  5347.  
  5348. .widecolumn p {
  5349. margin: 1.6471em 0;
  5350. }
  5351.  
  5352. .widecolumn p + h2 {
  5353. margin-top: 1.6em;
  5354. }
  5355.  
  5356. .widecolumn #key,
  5357. .widecolumn .mu_register #blog_title,
  5358. .widecolumn .mu_register #user_email,
  5359. .widecolumn .mu_register #blogname,
  5360. .widecolumn .mu_register #user_name {
  5361. font-size: 17px;
  5362. font-size: 1.7rem;
  5363. }
  5364.  
  5365. .widecolumn .mu_register #blog_title,
  5366. .widecolumn .mu_register #user_email,
  5367. .widecolumn .mu_register #user_name {
  5368. margin: 0 0 0.4117em;
  5369. }
  5370. }
  5371.  
  5372.  
  5373. /**
  5374. * 16.6 Desktop Large 1240px
  5375. */
  5376.  
  5377. @media screen and (min-width: 77.5em) {
  5378. body,
  5379. button,
  5380. input,
  5381. select,
  5382. textarea {
  5383. font-size: 19px;
  5384. font-size: 1.9rem;
  5385. line-height: 1.6842;
  5386. }
  5387.  
  5388. button,
  5389. input {
  5390. line-height: normal;
  5391. }
  5392.  
  5393. p,
  5394. address,
  5395. pre,
  5396. hr,
  5397. ul,
  5398. ol,
  5399. dl,
  5400. dd,
  5401. table {
  5402. margin-bottom: 1.6842em;
  5403. }
  5404.  
  5405. blockquote {
  5406. font-size: 22px;
  5407. font-size: 2.2rem;
  5408. line-height: 1.8182;
  5409. margin-bottom: 1.8182em;
  5410. margin-left: -1.0909em;
  5411. padding-left: 0.9091em;
  5412. }
  5413.  
  5414. blockquote p {
  5415. margin-bottom: 1.8182em;
  5416. }
  5417.  
  5418. blockquote cite,
  5419. blockquote small {
  5420. font-size: 19px;
  5421. font-size: 1.9rem;
  5422. line-height: 1.6842;
  5423. }
  5424.  
  5425. pre {
  5426. line-height: 1.2632;
  5427. }
  5428.  
  5429. button,
  5430. input[type="button"],
  5431. input[type="reset"],
  5432. input[type="submit"],
  5433. .post-password-form input[type="submit"],
  5434. .widecolumn #submit,
  5435. .widecolumn .mu_register input[type="submit"] {
  5436. font-size: 16px;
  5437. font-size: 1.6rem;
  5438. padding: 0.8125em 1.625em;
  5439. }
  5440.  
  5441. input[type="text"],
  5442. input[type="email"],
  5443. input[type="url"],
  5444. input[type="password"],
  5445. input[type="search"],
  5446. textarea {
  5447. padding: 0.5278em;
  5448. }
  5449.  
  5450. .main-navigation {
  5451. font-size: 16px;
  5452. font-size: 1.6rem;
  5453. }
  5454.  
  5455. .main-navigation a {
  5456. padding: 0.5em 0;
  5457. }
  5458.  
  5459. .main-navigation .menu-item-has-children > a {
  5460. padding-right: 38px;
  5461. }
  5462.  
  5463. .main-navigation .menu-item-description {
  5464. font-size: 13px;
  5465. font-size: 1.3rem;
  5466. line-height: 1.5385;
  5467. margin-top: 0.3077em;
  5468. }
  5469.  
  5470. .dropdown-toggle {
  5471. height: 32px;
  5472. top: 4px;
  5473. width: 32px;
  5474. }
  5475.  
  5476. .dropdown-toggle:after {
  5477. line-height: 32px;
  5478. width: 32px;
  5479. }
  5480.  
  5481. .social-navigation ul {
  5482. margin-bottom: -1.2632em;
  5483. }
  5484.  
  5485. .social-navigation a {
  5486. height: 2.5263em;
  5487. }
  5488.  
  5489. .post-password-form label,
  5490. .post-navigation .meta-nav,
  5491. .comment-navigation,
  5492. .image-navigation,
  5493. .author-heading,
  5494. .author-bio,
  5495. .entry-footer,
  5496. .page-links a,
  5497. .page-links span,
  5498. .comment-metadata,
  5499. .pingback .edit-link,
  5500. .comment-list .reply,
  5501. .comment-notes,
  5502. .comment-awaiting-moderation,
  5503. .logged-in-as,
  5504. .comment-form label,
  5505. .comment-form .comment-form-cookies-consent label,
  5506. .form-allowed-tags,
  5507. .site-info,
  5508. .wp-caption-text,
  5509. .gallery-caption,
  5510. .entry-caption,
  5511. .widecolumn label,
  5512. .widecolumn .mu_register label {
  5513. font-size: 16px;
  5514. font-size: 1.6rem;
  5515. }
  5516.  
  5517. .pagination .nav-links {
  5518. min-height: 3.3684em;
  5519. }
  5520.  
  5521. .pagination .page-numbers {
  5522. line-height: 3.3684em;
  5523. padding: 0 0.8421em;
  5524. }
  5525.  
  5526. .pagination .prev,
  5527. .pagination .next {
  5528. height: 64px;
  5529. padding: 0;
  5530. width: 64px;
  5531. }
  5532.  
  5533. .pagination .prev:before,
  5534. .pagination .next:before {
  5535. height: 64px;
  5536. line-height: 64px;
  5537. width: 64px;
  5538. }
  5539.  
  5540. .image-navigation .nav-previous a:before,
  5541. .image-navigation .nav-next a:after,
  5542. .comment-navigation .nav-previous a:before,
  5543. .comment-navigation .nav-next a:after {
  5544. font-size: 24px;
  5545. top: -1px;
  5546. }
  5547.  
  5548. blockquote.alignleft,
  5549. .wp-caption.alignleft,
  5550. img.alignleft {
  5551. margin: 0.4211em 1.6842em 1.6842em 0;
  5552. }
  5553.  
  5554. blockquote.alignright,
  5555. .wp-caption.alignright,
  5556. img.alignright {
  5557. margin: 0.4211em 0 1.6842em 1.6842em;
  5558. }
  5559.  
  5560. blockquote.aligncenter,
  5561. .wp-caption.aligncenter,
  5562. img.aligncenter {
  5563. margin-top: 0.4211em;
  5564. margin-bottom: 1.6842em;
  5565. }
  5566.  
  5567. .wp-caption.alignleft,
  5568. .wp-caption.alignright,
  5569. .wp-caption.aligncenter {
  5570. margin-bottom: 1.2632em;
  5571. }
  5572.  
  5573. .site-title {
  5574. font-size: 27px;
  5575. font-size: 2.7rem;
  5576. line-height: 1.1852;
  5577. }
  5578.  
  5579. .wp-custom-logo .site-title {
  5580. margin-top: 0.592592593em;
  5581. }
  5582.  
  5583. .site-description {
  5584. font-size: 16px;
  5585. font-size: 1.6rem;
  5586. }
  5587.  
  5588. .widget {
  5589. font-size: 16px;
  5590. font-size: 1.6rem;
  5591. }
  5592.  
  5593. .widget blockquote {
  5594. font-size: 16px;
  5595. font-size: 1.6rem;
  5596. padding-left: 1.25em;
  5597. }
  5598.  
  5599. .widget blockquote cite,
  5600. .widget blockquote small {
  5601. font-size: 13px;
  5602. font-size: 1.3rem;
  5603. line-height: 1.8462;
  5604. }
  5605.  
  5606. .widget button,
  5607. .widget input,
  5608. .widget select,
  5609. .widget textarea {
  5610. font-size: 16px;
  5611. font-size: 1.6rem;
  5612. }
  5613.  
  5614. .widget button,
  5615. .widget input[type="button"],
  5616. .widget input[type="reset"],
  5617. .widget input[type="submit"] {
  5618. font-size: 13px;
  5619. font-size: 1.3rem;
  5620. padding: 0.8462em 1.6923em;
  5621. }
  5622.  
  5623. .widget input[type="text"],
  5624. .widget input[type="email"],
  5625. .widget input[type="url"],
  5626. .widget input[type="password"],
  5627. .widget input[type="search"],
  5628. .widget textarea {
  5629. padding: 0.5em;
  5630. }
  5631.  
  5632. .widget .wp-caption-text,
  5633. .widget .gallery-caption {
  5634. font-size: 13px;
  5635. font-size: 1.3rem;
  5636. line-height: 1.5385;
  5637. padding: 0.6154em 0;
  5638. }
  5639.  
  5640. .widget_calendar td,
  5641. .widget_calendar th {
  5642. line-height: 1.9375;
  5643. }
  5644.  
  5645. .widget_calendar caption {
  5646. margin: 0 0 1.5em;
  5647. }
  5648.  
  5649. .widget_archive li,
  5650. .widget_categories li,
  5651. .widget_links li,
  5652. .widget_meta li,
  5653. .widget_nav_menu li,
  5654. .widget_pages li,
  5655. .widget_recent_comments li,
  5656. .widget_recent_entries li {
  5657. padding: 0.4688em 0;
  5658. }
  5659.  
  5660. .widget_categories .children,
  5661. .widget_nav_menu .sub-menu,
  5662. .widget_pages .children {
  5663. margin: 0.4688em 0 0 1em;
  5664. padding-top: 0.4688em;
  5665. }
  5666.  
  5667. .widget_rss .rss-date,
  5668. .widget_rss cite {
  5669. font-size: 13px;
  5670. font-size: 1.3rem;
  5671. line-height: 1.8462;
  5672. }
  5673.  
  5674. .post-thumbnail {
  5675. margin-bottom: 2.9474em;
  5676. }
  5677.  
  5678. .entry-title,
  5679. .widecolumn h2 {
  5680. font-size: 39px;
  5681. font-size: 3.9rem;
  5682. line-height: 1.2308;
  5683. margin-bottom: 1.2308em;
  5684. }
  5685.  
  5686. .entry-content h1,
  5687. .entry-summary h1,
  5688. .page-content h1,
  5689. .comment-content h1 {
  5690. font-size: 39px;
  5691. font-size: 3.9rem;
  5692. line-height: 1.2308;
  5693. margin-top: 1.641em;
  5694. margin-bottom: 0.8205em;
  5695. }
  5696.  
  5697. .entry-content h2,
  5698. .entry-summary h2,
  5699. .page-content h2,
  5700. .comment-content h2 {
  5701. font-size: 32px;
  5702. font-size: 3.2rem;
  5703. line-height: 1.25;
  5704. margin-top: 2em;
  5705. margin-bottom: 1em;
  5706. }
  5707.  
  5708. .entry-content h3,
  5709. .entry-summary h3,
  5710. .page-content h3,
  5711. .comment-content h3 {
  5712. font-size: 27px;
  5713. font-size: 2.7rem;
  5714. line-height: 1.1852;
  5715. margin-top: 2.3704em;
  5716. margin-bottom: 1.1852em;
  5717. }
  5718.  
  5719. .entry-content h4,
  5720. .entry-summary h4,
  5721. .page-content h4,
  5722. .comment-content h4 {
  5723. font-size: 22px;
  5724. font-size: 2.2rem;
  5725. line-height: 1.4545;
  5726. margin-top: 2.9091em;
  5727. margin-bottom: 1.4545em;
  5728. }
  5729.  
  5730. .entry-content h5,
  5731. .entry-content h6,
  5732. .entry-summary h5,
  5733. .entry-summary h6,
  5734. .page-content h5,
  5735. .page-content h6,
  5736. .comment-content h5,
  5737. .comment-content h6 {
  5738. font-size: 19px;
  5739. font-size: 1.9rem;
  5740. line-height: 1.2632;
  5741. margin-top: 3.3684em;
  5742. margin-bottom: 1.6842em;
  5743. }
  5744.  
  5745. .entry-content .more-link:after,
  5746. .entry-summary .more-link:after {
  5747. top: 3px;
  5748. }
  5749.  
  5750. .author-info .avatar {
  5751. height: 56px;
  5752. margin: 0 1.6842em 1.6842em 0;
  5753. width: 56px;
  5754. }
  5755.  
  5756. .author-link:after {
  5757. font-size: 24px;
  5758. top: 0;
  5759. }
  5760.  
  5761. .posted-on:before,
  5762. .byline:before,
  5763. .cat-links:before,
  5764. .tags-links:before,
  5765. .comments-link:before,
  5766. .entry-format:before,
  5767. .edit-link:before,
  5768. .full-size-link:before {
  5769. top: 4px;
  5770. }
  5771.  
  5772. .taxonomy-description {
  5773. padding-top: 0.4211em;
  5774. }
  5775.  
  5776. .page-title,
  5777. .comments-title,
  5778. .comment-reply-title,
  5779. .post-navigation .post-title {
  5780. font-size: 27px;
  5781. font-size: 2.7rem;
  5782. line-height: 1.1852;
  5783. }
  5784.  
  5785. .page-links {
  5786. margin-bottom: 1.4736em;
  5787. }
  5788.  
  5789. .page-links a,
  5790. .page-links > span {
  5791. margin: 0 0.25em 0.25em 0;
  5792. }
  5793.  
  5794. .entry-attachment {
  5795. margin-bottom: 1.6842em;
  5796. }
  5797.  
  5798. .format-aside .entry-title,
  5799. .format-image .entry-title,
  5800. .format-video .entry-title,
  5801. .format-quote .entry-title,
  5802. .format-gallery .entry-title,
  5803. .format-status .entry-title,
  5804. .format-link .entry-title,
  5805. .format-audio .entry-title,
  5806. .format-chat .entry-title {
  5807. font-size: 22px;
  5808. font-size: 2.2rem;
  5809. line-height: 1.4545;
  5810. margin-bottom: 1.4545em;
  5811. }
  5812.  
  5813. .format-link .entry-title a:after {
  5814. top: 3px;
  5815. }
  5816.  
  5817. .comments-title {
  5818. margin-bottom: 1.4545em;
  5819. }
  5820.  
  5821. .comment-list article,
  5822. .comment-list .pingback,
  5823. .comment-list .trackback {
  5824. padding: 1.6842em 0;
  5825. }
  5826.  
  5827. .comment-list + .comment-respond,
  5828. .comment-navigation + .comment-respond {
  5829. padding-top: 1.6842em;
  5830. }
  5831.  
  5832. .comment-list .children > li {
  5833. padding-left: 1.4737em;
  5834. }
  5835.  
  5836. .comment-author .avatar {
  5837. height: 56px;
  5838. margin-right: 1.6842em;
  5839. top: 3px;
  5840. width: 56px;
  5841. }
  5842.  
  5843. .bypostauthor > article .fn:after {
  5844. top: 8px;
  5845. }
  5846.  
  5847. .comment-metadata .edit-link:before {
  5848. top: 8px;
  5849. }
  5850.  
  5851. .pingback .edit-link:before {
  5852. top: 8px;
  5853. }
  5854.  
  5855. .comment-content ul,
  5856. .comment-content ol {
  5857. margin-bottom: 1.6842em;
  5858. }
  5859.  
  5860. .comment-list .reply a {
  5861. padding: 0.4375em 0.875em;
  5862. }
  5863.  
  5864. .comment-form,
  5865. .no-comments {
  5866. padding-top: 1.6842em;
  5867. }
  5868.  
  5869. embed,
  5870. iframe,
  5871. object,
  5872. video {
  5873. margin-bottom: 1.6842em;
  5874. }
  5875.  
  5876. .wp-audio-shortcode,
  5877. .wp-video,
  5878. .wp-playlist.wp-audio-playlist {
  5879. font-size: 19px;
  5880. font-size: 1.9rem;
  5881. margin-bottom: 1.6842em;
  5882. }
  5883.  
  5884. .wp-caption,
  5885. .gallery {
  5886. margin-bottom: 1.6842em;
  5887. }
  5888.  
  5889. .widecolumn .mu_alert {
  5890. margin-bottom: 1.6842em;
  5891. }
  5892.  
  5893. .widecolumn p {
  5894. margin: 1.6842em 0;
  5895. }
  5896.  
  5897. .widecolumn p + h2 {
  5898. margin-top: 1.641em;
  5899. }
  5900.  
  5901. .widecolumn #key,
  5902. .widecolumn .mu_register #blog_title,
  5903. .widecolumn .mu_register #user_email,
  5904. .widecolumn .mu_register #blogname,
  5905. .widecolumn .mu_register #user_name {
  5906. font-size: 19px;
  5907. font-size: 1.9rem;
  5908. }
  5909.  
  5910. .widecolumn .mu_register #blog_title,
  5911. .widecolumn .mu_register #user_email,
  5912. .widecolumn .mu_register #user_name {
  5913. margin: 0 0 0.421em;
  5914. }
  5915. }
  5916.  
  5917.  
  5918. /**
  5919. * 16.7 Desktop X-Large 1403px
  5920. */
  5921.  
  5922. @media screen and (min-width: 87.6875em) {
  5923. body:before {
  5924. width: -webkit-calc(50% - 289px);
  5925. width: calc(50% - 289px);
  5926. }
  5927. }
  5928.  
  5929.  
  5930. /**
  5931. * 17.0 Print
  5932. */
  5933.  
  5934. @media print {
  5935. body {
  5936. background: none !important; /* Brute force since user agents all print differently. */
  5937. font-size: 11.25pt;
  5938. }
  5939.  
  5940. .secondary-toggle,
  5941. .navigation,
  5942. .page-links,
  5943. .edit-link,
  5944. #reply-title,
  5945. .comment-form,
  5946. .comment-edit-link,
  5947. .comment-list .reply a,
  5948. button,
  5949. input,
  5950. textarea,
  5951. select,
  5952. .widecolumn form,
  5953. .widecolumn .mu_register form {
  5954. display: none;
  5955. }
  5956.  
  5957. .site-header,
  5958. .site-footer,
  5959. .hentry,
  5960. .entry-footer,
  5961. .page-header,
  5962. .page-content,
  5963. .comments-area,
  5964. .widecolumn {
  5965. background: none !important; /* Make sure color schemes dont't affect to print */
  5966. }
  5967.  
  5968. body,
  5969. blockquote,
  5970. blockquote cite,
  5971. blockquote small,
  5972. label,
  5973. a,
  5974. .site-title a,
  5975. .site-description,
  5976. .post-title,
  5977. .author-heading,
  5978. .entry-footer,
  5979. .entry-footer a,
  5980. .taxonomy-description,
  5981. .entry-caption,
  5982. .comment-author,
  5983. .comment-metadata,
  5984. .comment-metadata a,
  5985. .comment-notes,
  5986. .comment-awaiting-moderation,
  5987. .no-comments,
  5988. .site-info,
  5989. .site-info a,
  5990. .wp-caption-text,
  5991. .gallery-caption {
  5992. color: #000 !important; /* Make sure color schemes don't affect to print */
  5993. }
  5994.  
  5995. pre,
  5996. abbr[title],
  5997. table,
  5998. th,
  5999. td,
  6000. .site-header,
  6001. .site-footer,
  6002. .hentry + .hentry,
  6003. .author-info,
  6004. .page-header,
  6005. .comments-area,
  6006. .comment-list + .comment-respond,
  6007. .comment-list article,
  6008. .comment-list .pingback,
  6009. .comment-list .trackback,
  6010. .no-comments {
  6011. border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */
  6012. }
  6013.  
  6014. .site {
  6015. margin: 0 7.6923%;
  6016. }
  6017.  
  6018. .sidebar {
  6019. position: relative !important; /* Make sure sticky sidebar doesn't affect to print */
  6020. }
  6021.  
  6022. .site-branding {
  6023. padding: 0;
  6024. }
  6025.  
  6026. .site-header {
  6027. padding: 7.6923% 0;
  6028. }
  6029.  
  6030. .site-description {
  6031. display: block;
  6032. }
  6033.  
  6034. .hentry + .hentry {
  6035. margin-top: 7.6923%;
  6036. }
  6037.  
  6038. .hentry.has-post-thumbnail {
  6039. padding-top: 7.6923%;
  6040. }
  6041.  
  6042. .sticky-post {
  6043. background: #000 !important;
  6044. color: #fff !important;
  6045. }
  6046.  
  6047. .entry-header,
  6048. .entry-footer {
  6049. padding: 0;
  6050. }
  6051.  
  6052. .entry-content,
  6053. .entry-summary {
  6054. padding: 0 0 7.6923%;
  6055. }
  6056.  
  6057. .post-thumbnail img {
  6058. margin: 0;
  6059. }
  6060.  
  6061. .author-info {
  6062. margin: 0;
  6063. }
  6064.  
  6065. .page-content {
  6066. padding: 7.6923% 0 0;
  6067. }
  6068.  
  6069. .page-header {
  6070. padding: 3.84615% 0;
  6071. }
  6072.  
  6073. .comments-area {
  6074. border: 0;
  6075. padding: 7.6923% 0 0;
  6076. }
  6077.  
  6078. .site-footer {
  6079. margin-top: 7.6923%;
  6080. padding: 3.84615% 0;
  6081. }
  6082.  
  6083. .widecolumn {
  6084. margin: 7.6923% 0 0;
  6085. padding: 0;
  6086. }
  6087. }


yg terakhir siapkan shell lo
Lalu satukan file index.php style.css sma shell lo , buat dlm file.zip

Mengapa gw suruh buat file index.php sma file style.css ? karna server gk nerima yg di file.zip hanya shell doang, krna itu sama saja kita mnginstall themes :D

lalu upload di form upload yg ada di themes
nnti akan sukses di upload :D

akses shell nya?
default site.com/wp-content/themes/namafileziplo/namashellygadadifilezip.php

OK SEKIAN TUTORIAL NYA :D
terima kasih sudah berkunjung
TAGS 

Posting Komentar

Close