You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

6052 lines
95 KiB

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