Advertisement
Guest User

CODIGO STYLE CSS PARA CAMBIAR

a guest
Feb 21st, 2015
272
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 80.31 KB | None | 0 0
  1. ARCHIVO STYLE.CSS
  2.  
  3. /*
  4. Theme Name: Twenty Fourteen
  5. Theme URI: http://wordpress.org/themes/twentyfourteen
  6. Author: the WordPress team
  7. Author URI: http://wordpress.org/
  8. Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
  9. Version: 1.3
  10. License: GNU General Public License v2 or later
  11. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  12. Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
  13. Text Domain: twentyfourteen
  14.  
  15. This theme, like WordPress, is licensed under the GPL.
  16. Use it to make something cool, have fun, and share what you've learned with others.
  17. */
  18.  
  19. /**
  20.  * Table of Contents:
  21.  *
  22.  * 1.0 - Reset
  23.  * 2.0 - Repeatable Patterns
  24.  * 3.0 - Basic Structure
  25.  * 4.0 - Header
  26.  * 5.0 - Navigation
  27.  * 6.0 - Content
  28.  *   6.1 - Post Thumbnail
  29.  *   6.2 - Entry Header
  30.  *   6.3 - Entry Meta
  31.  *   6.4 - Entry Content
  32.  *   6.5 - Galleries
  33.  *   6.6 - Post Formats
  34.  *   6.7 - Post/Image/Paging Navigation
  35.  *   6.8 - Attachments
  36.  *   6.9 - Archives
  37.  *   6.10 - Contributor Page
  38.  *   6.11 - 404 Page
  39.  *   6.12 - Full-width
  40.  *   6.13 - Singular
  41.  *   6.14 - Comments
  42.  * 7.0 - Sidebar
  43.  *   7.1 - Widgets
  44.  *   7.2 - Content Sidebar Widgets
  45.  * 8.0 - Footer
  46.  * 9.0 - Featured Content
  47.  * 10.0 - Multisite
  48.  * 11.0 - Media Queries
  49.  * 12.0 - Print
  50.  * -----------------------------------------------------------------------------
  51.  */
  52.  
  53.  
  54. /**
  55.  * 1.0 Reset
  56.  *
  57.  * Resetting and rebuilding styles have been helped along thanks to the fine
  58.  * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
  59.  * along with Nicolas Gallagher and Jonathan Neal
  60.  * http://necolas.github.com/normalize.css/ and Blueprint
  61.  * http://www.blueprintcss.org/
  62.  *
  63.  * -----------------------------------------------------------------------------
  64.  */
  65.  
  66. 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 {
  67.     border: 0;
  68.     font-family: inherit;
  69.     font-size: 100%;
  70.     font-style: inherit;
  71.     font-weight: inherit;
  72.     margin: 0;
  73.     outline: 0;
  74.     padding: 0;
  75.     vertical-align: baseline;
  76. }
  77.  
  78. article,
  79. aside,
  80. details,
  81. figcaption,
  82. figure,
  83. footer,
  84. header,
  85. hgroup,
  86. nav,
  87. section {
  88.     display: block;
  89. }
  90.  
  91. audio,
  92. canvas,
  93. video {
  94.     display: inline-block;
  95.     max-width: 100%;
  96. }
  97.  
  98. html {
  99.     overflow-y: scroll;
  100.     -webkit-text-size-adjust: 100%;
  101.     -ms-text-size-adjust:     100%;
  102. }
  103.  
  104. body,
  105. button,
  106. input,
  107. select,
  108. textarea {
  109.     color: #2b2b2b;
  110.     font-family: Lato, sans-serif;
  111.     font-size: 16px;
  112.     font-weight: 400;
  113.     line-height: 1.5;
  114. }
  115.  
  116. body {
  117.     background: #f5f5f5;
  118. }
  119.  
  120.  
  121. /**
  122. *estas lineas son las que habían antes
  123. * a {
  124. *   color: #24890d;
  125. *   text-decoration: none;
  126. *}
  127. *
  128. *a:focus {
  129. *   outline: thin dotted;
  130. *}
  131. *
  132. *a:hover,
  133. *a:active {
  134. *   outline: 0;
  135. *}
  136. *
  137. *a:active,
  138. *a:hover {
  139. *   color: #41a62a;
  140. *}
  141.  
  142.  * -----------------------------------------------------------------------------
  143.  */
  144.  
  145.  
  146.  
  147. a {
  148.     color: #24890d;
  149.     text-decoration: none;
  150.     padding: 1px 3px;
  151. }
  152.  
  153. a:focus {
  154. *   outline: thin dotted;
  155.     background: #607B8B;
  156. }
  157.  
  158. a:hover,
  159. a:active {
  160. *   outline: 0;
  161.     background: #607B8B;
  162. }
  163.  
  164. a:active,
  165. a:hover {
  166.     color: #41a62a;
  167. }
  168.  
  169. h1,
  170. h2,
  171. h3,
  172. h4,
  173. h5,
  174. h6 {
  175.     clear: both;
  176.     font-weight: 700;
  177.     margin: 36px 0 12px;
  178. }
  179.  
  180. h1 {   
  181.     font-size: 26px;
  182.     line-height: 1.3846153846;
  183. }
  184.  
  185. h2 {
  186.     font-size: 24px;
  187.     line-height: 1;
  188. }
  189.  
  190. h3 {
  191.     font-size: 22px;
  192.     line-height: 1.0909090909;
  193. }
  194.  
  195. h4 {
  196.     font-size: 20px;
  197.     line-height: 1.2;
  198. }
  199.  
  200. h5 {
  201.     font-size: 18px;
  202.     line-height: 1.3333333333;
  203. }
  204.  
  205. h6 {
  206.     font-size: 16px;
  207.     line-height: 1.5;
  208. }
  209.  
  210. address {
  211.     font-style: italic;
  212.     margin-bottom: 24px;
  213. }
  214.  
  215. abbr[title] {
  216.     border-bottom: 1px dotted #2b2b2b;
  217.     cursor: help;
  218. }
  219.  
  220. b,
  221. strong {
  222.     font-weight: 700;
  223. }
  224.  
  225. cite,
  226. dfn,
  227. em,
  228. i {
  229.     font-style: italic;
  230. }
  231.  
  232. mark,
  233. ins {
  234.     background: #fff9c0;
  235.     text-decoration: none;
  236. }
  237.  
  238. p {
  239.     margin-bottom: 24px;
  240. }
  241.  
  242. code,
  243. kbd,
  244. tt,
  245. var,
  246. samp,
  247. pre {
  248.     font-family: monospace, serif;
  249.     font-size: 15px;
  250.     -webkit-hyphens: none;
  251.     -moz-hyphens:    none;
  252.     -ms-hyphens:     none;
  253.     hyphens:         none;
  254.     line-height: 1.6;
  255. }
  256.  
  257. pre {
  258.     border: 1px solid rgba(0, 0, 0, 0.1);
  259.     -webkit-box-sizing: border-box;
  260.     -moz-box-sizing:    border-box;
  261.     box-sizing:         border-box;
  262.     margin-bottom: 24px;
  263.     max-width: 100%;
  264.     overflow: auto;
  265.     padding: 12px;
  266.     white-space: pre;
  267.     white-space: pre-wrap;
  268.     word-wrap: break-word;
  269. }
  270.  
  271. blockquote,
  272. q {
  273.     -webkit-hyphens: none;
  274.     -moz-hyphens:    none;
  275.     -ms-hyphens:     none;
  276.     hyphens:         none;
  277.     quotes: none;
  278. }
  279.  
  280. blockquote:before,
  281. blockquote:after,
  282. q:before,
  283. q:after {
  284.     content: "";
  285.     content: none;
  286. }
  287.  
  288. blockquote {
  289.     color: #767676;
  290.     font-size: 19px;
  291.     font-style: italic;
  292.     font-weight: 300;
  293.     line-height: 1.2631578947;
  294.     margin-bottom: 24px;
  295. }
  296.  
  297. blockquote cite,
  298. blockquote small {
  299.     color: #2b2b2b;
  300.     font-size: 16px;
  301.     font-weight: 400;
  302.     line-height: 1.5;
  303. }
  304.  
  305. blockquote em,
  306. blockquote i,
  307. blockquote cite {
  308.     font-style: normal;
  309. }
  310.  
  311. blockquote strong,
  312. blockquote b {
  313.     font-weight: 400;
  314. }
  315.  
  316. small {
  317.     font-size: smaller;
  318. }
  319.  
  320. big {
  321.     font-size: 125%;
  322. }
  323.  
  324. sup,
  325. sub {
  326.     font-size: 75%;
  327.     height: 0;
  328.     line-height: 0;
  329.     position: relative;
  330.     vertical-align: baseline;
  331. }
  332.  
  333. sup {
  334.     bottom: 1ex;
  335. }
  336.  
  337. sub {
  338.     top: .5ex;
  339. }
  340.  
  341. dl {
  342.     margin-bottom: 24px;
  343. }
  344.  
  345. dt {
  346.     font-weight: bold;
  347. }
  348.  
  349. dd {
  350.     margin-bottom: 24px;
  351. }
  352.  
  353. ul,
  354. ol {
  355.     list-style: none;
  356.     margin: 0 0 24px 20px;
  357. }
  358.  
  359. ul {
  360.     list-style: disc;
  361. }
  362.  
  363. ol {
  364.     list-style: decimal;
  365. }
  366.  
  367. li > ul,
  368. li > ol {
  369.     margin: 0 0 0 20px;
  370. }
  371.  
  372. img {
  373.     -ms-interpolation-mode: bicubic;
  374.     border: 0;
  375.     vertical-align: middle;
  376. }
  377.  
  378. figure {
  379.     margin: 0;
  380. }
  381.  
  382. fieldset {
  383.     border: 1px solid rgba(0, 0, 0, 0.1);
  384.     margin: 0 0 24px;
  385.     padding: 11px 12px 0;
  386. }
  387.  
  388. legend {
  389.     white-space: normal;
  390. }
  391.  
  392. button,
  393. input,
  394. select,
  395. textarea {
  396.     -webkit-box-sizing: border-box;
  397.     -moz-box-sizing:    border-box;
  398.     box-sizing:         border-box;
  399.     font-size: 100%;
  400.     margin: 0;
  401.     max-width: 100%;
  402.     vertical-align: baseline;
  403. }
  404.  
  405. button,
  406. input {
  407.     line-height: normal;
  408. }
  409.  
  410. input,
  411. textarea {
  412.     background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
  413. }
  414.  
  415. button,
  416. html input[type="button"],
  417. input[type="reset"],
  418. input[type="submit"] {
  419.     -webkit-appearance: button;
  420.     cursor: pointer;
  421. }
  422.  
  423. button[disabled],
  424. input[disabled] {
  425.     cursor: default;
  426. }
  427.  
  428. input[type="checkbox"],
  429. input[type="radio"] {
  430.     padding: 0;
  431. }
  432.  
  433. input[type="search"] {
  434.     -webkit-appearance: textfield;
  435. }
  436.  
  437. input[type="search"]::-webkit-search-decoration {
  438.     -webkit-appearance: none;
  439. }
  440.  
  441. button::-moz-focus-inner,
  442. input::-moz-focus-inner {
  443.     border: 0;
  444.     padding: 0;
  445. }
  446.  
  447. textarea {
  448.     overflow: auto;
  449.     vertical-align: top;
  450. }
  451.  
  452. table,
  453. th,
  454. td {
  455.     border: 1px solid rgba(0, 0, 0, 0.1);
  456. }
  457.  
  458. table {
  459.     border-collapse: separate;
  460.     border-spacing: 0;
  461.     border-width: 1px 0 0 1px;
  462.     margin-bottom: 24px;
  463.     width: 100%;
  464. }
  465.  
  466. caption,
  467. th,
  468. td {
  469.     font-weight: normal;
  470.     text-align: left;
  471. }
  472.  
  473. th {
  474.     border-width: 0 1px 1px 0;
  475.     font-weight: bold;
  476. }
  477.  
  478. td {
  479.     border-width: 0 1px 1px 0;
  480. }
  481.  
  482. del {
  483.     color: #767676;
  484. }
  485.  
  486. hr {
  487.     background-color: rgba(0, 0, 0, 0.1);
  488.     border: 0;
  489.     height: 1px;
  490.     margin-bottom: 23px;
  491. }
  492.  
  493. /* Support a widely-adopted but non-standard selector for text selection styles
  494.  * to achieve a better experience. See https://core.trac.wordpress.org/ticket/25898.
  495.  */
  496. ::selection {
  497.     background: #24890d;
  498.     color: #fff;
  499.     text-shadow: none;
  500. }
  501.  
  502. ::-moz-selection {
  503.     background: #24890d;
  504.     color: #fff;
  505.     text-shadow: none;
  506. }
  507.  
  508.  
  509. /**
  510.  * 2.0 Repeatable Patterns
  511.  * -----------------------------------------------------------------------------
  512.  */
  513.  
  514. /* Input fields */
  515.  
  516. input,
  517. textarea {
  518.     border: 1px solid rgba(0, 0, 0, 0.1);
  519.     border-radius: 2px;
  520.     color: #2b2b2b;
  521.     padding: 8px 10px 7px;
  522. }
  523.  
  524. textarea {
  525.     width: 100%;
  526. }
  527.  
  528. input:focus,
  529. textarea:focus {
  530.     border: 1px solid rgba(0, 0, 0, 0.3);
  531.     outline: 0;
  532. }
  533.  
  534. /* Buttons */
  535.  
  536. button,
  537. .button,
  538. input[type="button"],
  539. input[type="reset"],
  540. input[type="submit"] {
  541.     background-color: #24890d;
  542.     border: 0;
  543.     border-radius: 2px;
  544.     color: #fff;
  545.     font-size: 12px;
  546.     font-weight: 700;
  547.     padding: 10px 30px 11px;
  548.     text-transform: uppercase;
  549.     vertical-align: bottom;
  550. }
  551.  
  552. button:hover,
  553. button:focus,
  554. .button:hover,
  555. .button:focus,
  556. input[type="button"]:hover,
  557. input[type="button"]:focus,
  558. input[type="reset"]:hover,
  559. input[type="reset"]:focus,
  560. input[type="submit"]:hover,
  561. input[type="submit"]:focus {
  562.     background-color: #41a62a;
  563.     color: #fff;
  564. }
  565.  
  566. button:active,
  567. .button:active,
  568. input[type="button"]:active,
  569. input[type="reset"]:active,
  570. input[type="submit"]:active {
  571.     background-color: #55d737;
  572. }
  573.  
  574. .search-field {
  575.     width: 100%;
  576. }
  577.  
  578. .search-submit {
  579.     display: none;
  580. }
  581.  
  582. /* Placeholder text color -- selectors need to be separate to work. */
  583.  
  584. ::-webkit-input-placeholder {
  585.     color: #939393;
  586. }
  587.  
  588. :-moz-placeholder {
  589.     color: #939393;
  590. }
  591.  
  592. ::-moz-placeholder {
  593.     color: #939393;
  594.     opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
  595. }
  596.  
  597. :-ms-input-placeholder {
  598.     color: #939393;
  599. }
  600.  
  601. /* Responsive images. Fluid images for posts, comments, and widgets */
  602.  
  603. .comment-content img,
  604. .entry-content img,
  605. .entry-summary img,
  606. #site-header img,
  607. .widget img,
  608. .wp-caption {
  609.     max-width: 100%;
  610. }
  611.  
  612. /**
  613.  * Make sure images with WordPress-added height and width attributes are
  614.  * scaled correctly.
  615.  */
  616.  
  617. .comment-content img[height],
  618. .entry-content img,
  619. .entry-summary img,
  620. img[class*="align"],
  621. img[class*="wp-image-"],
  622. img[class*="attachment-"],
  623. #site-header img {
  624.     height: auto;
  625. }
  626.  
  627. img.size-full,
  628. img.size-large,
  629. .wp-post-image,
  630. .post-thumbnail img {
  631.     height: auto;
  632.     max-width: 100%;
  633. }
  634.  
  635. /* Make sure embeds and iframes fit their containers */
  636.  
  637. embed,
  638. iframe,
  639. object,
  640. video {
  641.     margin-bottom: 24px;
  642.     max-width: 100%;
  643. }
  644.  
  645. p > embed,
  646. p > iframe,
  647. p > object,
  648. span > embed,
  649. span > iframe,
  650. span > object {
  651.     margin-bottom: 0;
  652. }
  653.  
  654. /* Alignment */
  655.  
  656. .alignleft {
  657.     float: left;
  658. }
  659.  
  660. .alignright {
  661.     float: right;
  662. }
  663.  
  664. .aligncenter {
  665.     display: block;
  666.     margin-left: auto;
  667.     margin-right: auto;
  668. }
  669.  
  670. blockquote.alignleft,
  671. figure.wp-caption.alignleft,
  672. img.alignleft {
  673.     margin: 7px 24px 7px 0;
  674. }
  675.  
  676. .wp-caption.alignleft {
  677.     margin: 7px 14px 7px 0;
  678. }
  679.  
  680. blockquote.alignright,
  681. figure.wp-caption.alignright,
  682. img.alignright {
  683.     margin: 7px 0 7px 24px;
  684. }
  685.  
  686. .wp-caption.alignright {
  687.     margin: 7px 0 7px 14px;
  688. }
  689.  
  690. blockquote.aligncenter,
  691. img.aligncenter,
  692. .wp-caption.aligncenter {
  693.     margin-top: 7px;
  694.     margin-bottom: 7px;
  695. }
  696.  
  697. .site-content blockquote.alignleft,
  698. .site-content blockquote.alignright {
  699.     border-top: 1px solid rgba(0, 0, 0, 0.1);
  700.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  701.     padding-top: 17px;
  702.     width: 50%;
  703. }
  704.  
  705. .site-content blockquote.alignleft p,
  706. .site-content blockquote.alignright p {
  707.     margin-bottom: 17px;
  708. }
  709.  
  710. .wp-caption {
  711.     margin-bottom: 24px;
  712. }
  713.  
  714. .wp-caption img[class*="wp-image-"] {
  715.     display: block;
  716.     margin: 0;
  717. }
  718.  
  719. .wp-caption {
  720.     color: #767676;
  721. }
  722.  
  723. .wp-caption-text {
  724.     -webkit-box-sizing: border-box;
  725.     -moz-box-sizing:    border-box;
  726.     box-sizing:         border-box;
  727.     font-size: 12px;
  728.     font-style: italic;
  729.     line-height: 1.5;
  730.     margin: 9px 0;
  731. }
  732.  
  733. div.wp-caption .wp-caption-text {
  734.     padding-right: 10px;
  735. }
  736.  
  737. div.wp-caption.alignright img[class*="wp-image-"],
  738. div.wp-caption.alignright .wp-caption-text {
  739.     padding-left: 10px;
  740.     padding-right: 0;
  741. }
  742.  
  743. .wp-smiley {
  744.     border: 0;
  745.     margin-bottom: 0;
  746.     margin-top: 0;
  747.     padding: 0;
  748. }
  749.  
  750. /* Assistive text */
  751.  
  752. .screen-reader-text {
  753.     clip: rect(1px, 1px, 1px, 1px);
  754.     position: absolute;
  755. }
  756.  
  757. .screen-reader-text:focus {
  758.     background-color: #f1f1f1;
  759.     border-radius: 3px;
  760.     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  761.     clip: auto;
  762.     color: #21759b;
  763.     display: block;
  764.     font-size: 14px;
  765.     font-weight: bold;
  766.     height: auto;
  767.     line-height: normal;
  768.     padding: 15px 23px 14px;
  769.     position: absolute;
  770.     left: 5px;
  771.     top: 5px;
  772.     text-decoration: none;
  773.     text-transform: none;
  774.     width: auto;
  775.     z-index: 100000; /* Above WP toolbar */
  776. }
  777.  
  778. .hide {
  779.     display: none;
  780. }
  781.  
  782. /* Clearing floats */
  783.  
  784. .footer-sidebar:before,
  785. .footer-sidebar:after,
  786. .hentry:before,
  787. .hentry:after,
  788. .gallery:before,
  789. .gallery:after,
  790. .slider-direction-nav:before,
  791. .slider-direction-nav:after,
  792. .contributor-info:before,
  793. .contributor-info:after,
  794. .search-box:before,
  795. .search-box:after,
  796. [class*="content"]:before,
  797. [class*="content"]:after,
  798. [class*="site"]:before,
  799. [class*="site"]:after {
  800.     content: "";
  801.     display: table;
  802. }
  803.  
  804. .footer-sidebar:after,
  805. .hentry:after,
  806. .gallery:after,
  807. .slider-direction-nav:after,
  808. .contributor-info:after,
  809. .search-box:after,
  810. [class*="content"]:after,
  811. [class*="site"]:after {
  812.     clear: both;
  813. }
  814.  
  815. /* Genericons */
  816.  
  817. .bypostauthor > article .fn:before,
  818. .comment-edit-link:before,
  819. .comment-reply-link:before,
  820. .comment-reply-login:before,
  821. .comment-reply-title small a:before,
  822. .contributor-posts-link:before,
  823. .menu-toggle:before,
  824. .search-toggle:before,
  825. .slider-direction-nav a:before,
  826. .widget_twentyfourteen_ephemera .widget-title:before {
  827.     -webkit-font-smoothing: antialiased;
  828.     display: inline-block;
  829.     font: normal 16px/1 Genericons;
  830.     text-decoration: inherit;
  831.     vertical-align: text-bottom;
  832. }
  833.  
  834. /* Separators */
  835.  
  836. .site-content span + .entry-date:before,
  837. .full-size-link:before,
  838. .parent-post-link:before,
  839. span + .byline:before,
  840. span + .comments-link:before,
  841. span + .edit-link:before,
  842. .widget_twentyfourteen_ephemera .entry-title:after {
  843.     content: "\0020\007c\0020";
  844. }
  845.  
  846.  
  847. /**
  848.  * 3.0 Basic Structure
  849.  * -----------------------------------------------------------------------------
  850.  */
  851.  
  852. .site {
  853.     background-color: #fff;
  854.     max-width: 1260px;
  855.     position: relative;
  856. }
  857.  
  858. .main-content {
  859.     width: 100%;
  860. }
  861.  
  862.  
  863. /**
  864.  * 4.0 Header
  865.  * -----------------------------------------------------------------------------
  866.  */
  867.  
  868. /* Ensure that there is no gap between the header and
  869.      the admin bar for WordPress versions before 3.8. */
  870. #wpadminbar {
  871.     min-height: 32px;
  872. }
  873.  
  874. #site-header {
  875.     position: relative;
  876.     z-index: 3;
  877. }
  878.  
  879. .site-header {
  880.     background-color: #000;
  881.     max-width: 1260px;
  882.     position: relative;
  883.     width: 100%;
  884.     z-index: 4;
  885. }
  886.  
  887. .header-main {
  888.     min-height: 48px;
  889.     padding: 0 10px;
  890. }
  891.  
  892. .site-title {
  893.     float: left;
  894.     font-size: 18px;
  895.     font-weight: 700;
  896.     line-height: 48px;
  897.     margin: 0;
  898.  
  899.     /* Nav-toggle width + search-toggle width - gutter = 86px */
  900.     max-width: -webkit-calc(100% - 86px);
  901.     max-width:         calc(100% - 86px);
  902. }
  903.  
  904. .site-title a,
  905. .site-title a:hover {
  906.     color: #fff;
  907.     display: block;
  908.     overflow: hidden;
  909.     text-overflow: ellipsis;
  910.     white-space: nowrap;
  911. }
  912.  
  913. /* Search in the header */
  914.  
  915. .search-toggle {
  916.     background-color: #24890d;
  917.     cursor: pointer;
  918.     float: right;
  919.     height: 48px;
  920.     margin-right: 38px;
  921.     text-align: center;
  922.     width: 48px;
  923. }
  924.  
  925. .search-toggle:hover,
  926. .search-toggle.active {
  927.     background-color: #41a62a;
  928. }
  929.  
  930. .search-toggle:before {
  931.     color: #fff;
  932.     content: "\f400";
  933.     font-size: 20px;
  934.     margin-top: 14px;
  935. }
  936.  
  937. .search-toggle .screen-reader-text {
  938.     left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
  939. }
  940.  
  941. .search-box-wrapper {
  942.     -webkit-box-sizing: border-box;
  943.     -moz-box-sizing:    border-box;
  944.     box-sizing:         border-box;
  945.     position: absolute;
  946.     top: 48px;
  947.     right: 0;
  948.     width: 100%;
  949.     z-index: 2;
  950. }
  951.  
  952. .search-box {
  953.     background-color: #41a62a;
  954.     padding: 12px;
  955. }
  956.  
  957. .search-box .search-field {
  958.     background-color: #fff;
  959.     border: 0;
  960.     float: right;
  961.     font-size: 16px;
  962.     padding: 2px 2px 3px 6px;
  963.     width: 100%;
  964. }
  965.  
  966.  
  967. /**
  968.  * 5.0 Navigation
  969.  * -----------------------------------------------------------------------------
  970.  */
  971.  
  972. .site-navigation ul {
  973.     list-style: none;
  974.     margin: 0;
  975. }
  976.  
  977. .site-navigation li {
  978.     border-top: 1px solid rgba(255, 255, 255, 0.2);
  979. }
  980.  
  981. .site-navigation ul ul {
  982.     margin-left: 20px;
  983. }
  984.  
  985. .site-navigation a {
  986.     color: #fff;
  987.     display: block;
  988.     text-transform: uppercase;
  989. }
  990.  
  991. .site-navigation a:hover {
  992.     color: #41a62a;
  993. }
  994.  
  995. .site-navigation .current_page_item > a,
  996. .site-navigation .current_page_ancestor > a,
  997. .site-navigation .current-menu-item > a,
  998. .site-navigation .current-menu-ancestor > a {
  999.     color: #55d737;
  1000.     font-weight: 900;
  1001. }
  1002.  
  1003. /* Primary Navigation */
  1004.  
  1005. .primary-navigation {
  1006.     -webkit-box-sizing: border-box;
  1007.     -moz-box-sizing:    border-box;
  1008.     box-sizing:         border-box;
  1009.     font-size: 14px;
  1010.     padding-top: 24px;
  1011. }
  1012.  
  1013. .primary-navigation.toggled-on {
  1014.     padding: 72px 0 36px;
  1015. }
  1016.  
  1017. .primary-navigation .nav-menu {
  1018.     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  1019.     display: none;
  1020. }
  1021.  
  1022. .primary-navigation.toggled-on .nav-menu {
  1023.     display: block;
  1024. }
  1025.  
  1026. .primary-navigation a {
  1027.     padding: 7px 0;
  1028. }
  1029.  
  1030. /* Secondary Navigation */
  1031.  
  1032. .secondary-navigation {
  1033.     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  1034.     font-size: 12px;
  1035.     margin: 48px 0;
  1036. }
  1037.  
  1038. .secondary-navigation a {
  1039.     padding: 9px 0;
  1040. }
  1041.  
  1042. .menu-toggle {
  1043.     background-color: #000;
  1044.     border-radius: 0;
  1045.     cursor: pointer;
  1046.     height: 48px;
  1047.     margin: 0;
  1048.     overflow: hidden;
  1049.     padding: 0;
  1050.     position: absolute;
  1051.     top: 0;
  1052.     right: 0;
  1053.     text-align: center;
  1054.     width: 48px;
  1055. }
  1056.  
  1057. .menu-toggle:before {
  1058.     color: #fff;
  1059.     content: "\f419";
  1060.     padding: 16px;
  1061. }
  1062.  
  1063. .menu-toggle:active,
  1064. .menu-toggle:focus,
  1065. .menu-toggle:hover {
  1066.     background-color: #444;
  1067. }
  1068.  
  1069. .menu-toggle:focus {
  1070.     outline: 1px dotted;
  1071. }
  1072.  
  1073.  
  1074. /**
  1075.  * 6.0 Content
  1076.  * -----------------------------------------------------------------------------
  1077.  */
  1078.  
  1079. .content-area {
  1080.     padding-top: 48px;
  1081. }
  1082.  
  1083. .hentry {
  1084.     margin: 0 auto 48px;
  1085.     max-width: 672px;
  1086. }
  1087.  
  1088. .site-content .entry-header,
  1089. .site-content .entry-content,
  1090. .site-content .entry-summary,
  1091. .site-content .entry-meta,
  1092. .page-content {
  1093.     margin: 0 auto;
  1094.     max-width: 474px;
  1095. }
  1096.  
  1097. .page-content {
  1098.     margin-bottom: 48px;
  1099. }
  1100.  
  1101.  
  1102. /**
  1103.  * 6.1 Post Thumbnail
  1104.  * -----------------------------------------------------------------------------
  1105.  */
  1106.  
  1107. .post-thumbnail {
  1108.     background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
  1109.     display: block;
  1110.     position: relative;
  1111.     width: 100%;
  1112.     z-index: 0;
  1113. }
  1114.  
  1115. a.post-thumbnail:hover {
  1116.     background-color: #999;
  1117. }
  1118.  
  1119. .full-width .post-thumbnail img {
  1120.     display: block;
  1121.     margin: 0 auto;
  1122. }
  1123.  
  1124.  
  1125. /**
  1126.  * 6.2 Entry Header
  1127.  * -----------------------------------------------------------------------------
  1128.  */
  1129.  
  1130. .entry-header {
  1131.     position: relative;
  1132.     z-index: 1;
  1133. }
  1134.  
  1135. .entry-title {
  1136.     font-size: 33px;
  1137.     font-weight: 300;
  1138.     line-height: 1.0909090909;
  1139.     margin-bottom: 12px;
  1140.     margin: 0 0 12px 0;
  1141.     text-transform: uppercase;
  1142. }
  1143.  
  1144. .entry-title a {
  1145.     color: #2b2b2b;
  1146. }
  1147.  
  1148. .entry-title a:hover {
  1149.     color: #41a62a;
  1150. }
  1151.  
  1152. .site-content .entry-header {
  1153.     background-color: #fff;
  1154.     padding: 0 10px 12px;
  1155. }
  1156.  
  1157. .site-content .has-post-thumbnail .entry-header {
  1158.     padding-top: 24px;
  1159. }
  1160.  
  1161.  
  1162. /**
  1163.  * 6.3 Entry Meta
  1164.  * -----------------------------------------------------------------------------
  1165.  */
  1166.  
  1167. .entry-meta {
  1168.     clear: both;
  1169.     color: #767676;
  1170.     font-size: 12px;
  1171.     font-weight: 400;
  1172.     line-height: 1.3333333333;
  1173.     text-transform: uppercase;
  1174. }
  1175.  
  1176. .entry-meta a {
  1177.     color: #767676;
  1178. }
  1179.  
  1180. .entry-meta a:hover {
  1181.     color: #41a62a;
  1182. }
  1183.  
  1184. .sticky .entry-date {
  1185.     display: none;
  1186. }
  1187.  
  1188. .cat-links {
  1189.     font-weight: 900;
  1190.     text-transform: uppercase;
  1191. }
  1192.  
  1193. .cat-links a {
  1194.     color: #2b2b2b;
  1195. }
  1196.  
  1197. .cat-links a:hover {
  1198.     color: #41a62a;
  1199. }
  1200.  
  1201. .byline {
  1202.     display: none;
  1203. }
  1204.  
  1205. .single .byline,
  1206. .group-blog .byline {
  1207.     display: inline;
  1208. }
  1209.  
  1210. .site-content .entry-meta {
  1211.     background-color: #fff;
  1212.     margin-bottom: 8px;
  1213. }
  1214.  
  1215. .site-content footer.entry-meta {
  1216.     margin: 24px auto 0;
  1217.     padding: 0 10px;
  1218. }
  1219.  
  1220. /* Tag links style */
  1221.  
  1222. .entry-meta .tag-links a {
  1223.     background-color: #767676;
  1224.     border-radius: 0 2px 2px 0;
  1225.     color: #fff;
  1226.     display: inline-block;
  1227.     font-size: 11px;
  1228.     font-weight: 700;
  1229.     line-height: 1.2727272727;
  1230.     margin: 2px 4px 2px 10px;
  1231.     padding: 3px 7px;
  1232.     position: relative;
  1233.     text-transform: uppercase;
  1234. }
  1235.  
  1236. .entry-meta .tag-links a:hover {
  1237.     background-color: #41a62a;
  1238.     color: #fff;
  1239. }
  1240.  
  1241. .entry-meta .tag-links a:before {
  1242.     border-top: 10px solid transparent;
  1243.     border-right: 8px solid #767676;
  1244.     border-bottom: 10px solid transparent;
  1245.     content: "";
  1246.     height: 0;
  1247.     position: absolute;
  1248.     top: 0;
  1249.     left: -8px;
  1250.     width: 0;
  1251. }
  1252.  
  1253. .entry-meta .tag-links a:hover:before {
  1254.     border-right-color: #41a62a;
  1255. }
  1256.  
  1257. .entry-meta .tag-links a:after {
  1258.     background-color: #fff;
  1259.     border-radius: 50%;
  1260.     content: "";
  1261.     height: 4px;
  1262.     position: absolute;
  1263.     top: 8px;
  1264.     left: -2px;
  1265.     width: 4px;
  1266. }
  1267.  
  1268.  
  1269. /**
  1270.  * 6.4 Entry Content
  1271.  * -----------------------------------------------------------------------------
  1272.  */
  1273.  
  1274. .entry-content,
  1275. .entry-summary,
  1276. .page-content {
  1277.     -webkit-hyphens: auto;
  1278.     -moz-hyphens:    auto;
  1279.     -ms-hyphens:     auto;
  1280.     hyphens:         auto;
  1281.     word-wrap: break-word;
  1282. }
  1283.  
  1284. .site-content .entry-content,
  1285. .site-content .entry-summary,
  1286. .page-content {
  1287.     background-color: #fff;
  1288.     padding: 12px 10px 0;
  1289. }
  1290.  
  1291. .page .entry-content {
  1292.     padding-top: 0;
  1293. }
  1294.  
  1295. .entry-content h1:first-child,
  1296. .entry-content h2:first-child,
  1297. .entry-content h3:first-child,
  1298. .entry-content h4:first-child,
  1299. .entry-content h5:first-child,
  1300. .entry-content h6:first-child,
  1301. .entry-summary h1:first-child,
  1302. .entry-summary h2:first-child,
  1303. .entry-summary h3:first-child,
  1304. .entry-summary h4:first-child,
  1305. .entry-summary h5:first-child,
  1306. .entry-summary h6:first-child,
  1307. .page-content h1:first-child,
  1308. .page-content h2:first-child,
  1309. .page-content h3:first-child,
  1310. .page-content h4:first-child,
  1311. .page-content h5:first-child,
  1312. .page-content h6:first-child {
  1313.     margin-top: 0;
  1314. }
  1315.  
  1316. .entry-content a,
  1317. .entry-summary a,
  1318. .page-content a,
  1319. .comment-content a {
  1320.     text-decoration: underline;
  1321. }
  1322.  
  1323. .entry-content a:hover,
  1324. .entry-summary a:hover,
  1325. .page-content a:hover,
  1326. .comment-content a:hover,
  1327. .entry-content a.button,
  1328. .entry-summary a.button,
  1329. .page-content a.button,
  1330. .comment-content a.button {
  1331.     text-decoration: none;
  1332. }
  1333.  
  1334. .entry-content table,
  1335. .comment-content table {
  1336.     font-size: 14px;
  1337.     line-height: 1.2857142857;
  1338.     margin-bottom: 24px;
  1339. }
  1340.  
  1341. .entry-content th,
  1342. .comment-content th {
  1343.     font-weight: 700;
  1344.     padding: 8px;
  1345.     text-transform: uppercase;
  1346. }
  1347.  
  1348. .entry-content td,
  1349. .comment-content td {
  1350.     padding: 8px;
  1351. }
  1352.  
  1353. .entry-content .edit-link {
  1354.     clear: both;
  1355.     display: block;
  1356.     font-size: 12px;
  1357.     font-weight: 400;
  1358.     line-height: 1.3333333333;
  1359.     text-transform: uppercase;
  1360. }
  1361.  
  1362. .entry-content .edit-link a {
  1363.     color: #767676;
  1364.     text-decoration: none;
  1365. }
  1366.  
  1367. .entry-content .edit-link a:hover {
  1368.     color: #41a62a;
  1369. }
  1370.  
  1371. .entry-content .more-link {
  1372.     white-space: nowrap;
  1373. }
  1374.  
  1375. /* Mediaelements */
  1376.  
  1377. .hentry .mejs-container {
  1378.     margin: 12px 0 18px;
  1379. }
  1380.  
  1381. .hentry .mejs-mediaelement,
  1382. .hentry .mejs-container .mejs-controls {
  1383.     background: #000;
  1384. }
  1385.  
  1386. .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
  1387. .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  1388.     background: #fff;
  1389. }
  1390.  
  1391. .hentry .mejs-controls .mejs-time-rail .mejs-time-current {
  1392.     background: #24890d;
  1393. }
  1394.  
  1395. .hentry .mejs-controls .mejs-time-rail .mejs-time-total,
  1396. .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
  1397.     background: rgba(255, 255, 255, .33);
  1398. }
  1399.  
  1400. .hentry .mejs-container .mejs-controls .mejs-time {
  1401.     padding-top: 9px;
  1402. }
  1403.  
  1404. .hentry .mejs-controls .mejs-time-rail span,
  1405. .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
  1406. .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  1407.     border-radius: 0;
  1408. }
  1409.  
  1410. .hentry .mejs-overlay-loading {
  1411.     background: transparent;
  1412. }
  1413.  
  1414. .hentry .mejs-overlay-button {
  1415.     background-color: #fff;
  1416.     background-image: none;
  1417.     border-radius: 2px;
  1418.     box-shadow: 1px 1px 1px rgba(0,0,0,.8);
  1419.     color: #000;
  1420.     height: 36px;
  1421.     margin-left: -24px;
  1422.     width: 48px;
  1423. }
  1424.  
  1425. .hentry .mejs-overlay-button:before {
  1426.     -webkit-font-smoothing: antialiased;
  1427.     content: '\f452';
  1428.     display: inline-block;
  1429.     font: normal 32px/1.125 Genericons;
  1430.     position: absolute;
  1431.     top: 1px;
  1432.     left: 10px;
  1433. }
  1434.  
  1435. .hentry .mejs-controls .mejs-button button:focus {
  1436.     outline: none;
  1437. }
  1438.  
  1439. .hentry .mejs-controls .mejs-button button {
  1440.     -webkit-font-smoothing: antialiased;
  1441.     background: none;
  1442.     color: #fff;
  1443.     display: inline-block;
  1444.     font: normal 16px/1 Genericons;
  1445. }
  1446.  
  1447. .hentry .mejs-playpause-button.mejs-play button:before {
  1448.     content: '\f452';
  1449. }
  1450.  
  1451. .hentry .mejs-playpause-button.mejs-pause button:before {
  1452.     content: '\f448';
  1453. }
  1454.  
  1455. .hentry .mejs-volume-button.mejs-mute button:before {
  1456.     content: '\f109';
  1457.     font-size: 20px;
  1458.     position: absolute;
  1459.     top: -2px;
  1460.     left: 0;
  1461. }
  1462.  
  1463. .hentry .mejs-volume-button.mejs-unmute button:before {
  1464.     content: '\f109';
  1465.     left: 0;
  1466.     position: absolute;
  1467.     top: 0;
  1468. }
  1469.  
  1470. .hentry .mejs-fullscreen-button button:before {
  1471.     content: '\f474';
  1472. }
  1473.  
  1474. .hentry .mejs-fullscreen-button.mejs-unfullscreen button:before {
  1475.     content: '\f406';
  1476. }
  1477.  
  1478. .hentry .mejs-overlay:hover .mejs-overlay-button {
  1479.     background-color: #24890d;
  1480.     color: #fff;
  1481. }
  1482.  
  1483. .hentry .mejs-controls .mejs-button button:hover {
  1484.     color: #41a62a;
  1485. }
  1486.  
  1487. .content-sidebar .wp-playlist-item .wp-playlist-caption {
  1488.     color: #000;
  1489. }
  1490.  
  1491. /* Page links */
  1492.  
  1493. .page-links {
  1494.     clear: both;
  1495.     font-size: 12px;
  1496.     font-weight: 900;
  1497.     line-height: 2;
  1498.     margin: 24px 0;
  1499.     text-transform: uppercase;
  1500. }
  1501.  
  1502. .page-links a,
  1503. .page-links > span {
  1504.     background: #fff;
  1505.     border: 1px solid #fff;
  1506.     display: inline-block;
  1507.     height: 22px;
  1508.     margin: 0 1px 2px 0;
  1509.     text-align: center;
  1510.     width: 22px;
  1511. }
  1512.  
  1513. .page-links a {
  1514.     background: #000;
  1515.     border: 1px solid #000;
  1516.     color: #fff;
  1517.     text-decoration: none;
  1518. }
  1519.  
  1520. .page-links a:hover {
  1521.     background: #41a62a;
  1522.     border: 1px solid #41a62a;
  1523.     color: #fff;
  1524. }
  1525.  
  1526. .page-links > .page-links-title {
  1527.     height: auto;
  1528.     margin: 0;
  1529.     padding-right: 7px;
  1530.     width: auto;
  1531. }
  1532.  
  1533.  
  1534. /**
  1535.  * 6.5 Gallery
  1536.  * -----------------------------------------------------------------------------
  1537.  */
  1538.  
  1539. .gallery {
  1540.     margin-bottom: 20px;
  1541. }
  1542.  
  1543. .gallery-item {
  1544.     float: left;
  1545.     margin: 0 4px 4px 0;
  1546.     overflow: hidden;
  1547.     position: relative;
  1548. }
  1549.  
  1550. .gallery-columns-1 .gallery-item {
  1551.     max-width: 100%;
  1552. }
  1553.  
  1554. .gallery-columns-2 .gallery-item {
  1555.     max-width: 48%;
  1556.     max-width: -webkit-calc(50% - 4px);
  1557.     max-width:         calc(50% - 4px);
  1558. }
  1559.  
  1560. .gallery-columns-3 .gallery-item {
  1561.     max-width: 32%;
  1562.     max-width: -webkit-calc(33.3% - 4px);
  1563.     max-width:         calc(33.3% - 4px);
  1564. }
  1565.  
  1566. .gallery-columns-4 .gallery-item {
  1567.     max-width: 23%;
  1568.     max-width: -webkit-calc(25% - 4px);
  1569.     max-width:         calc(25% - 4px);
  1570. }
  1571.  
  1572. .gallery-columns-5 .gallery-item {
  1573.     max-width: 19%;
  1574.     max-width: -webkit-calc(20% - 4px);
  1575.     max-width:         calc(20% - 4px);
  1576. }
  1577.  
  1578. .gallery-columns-6 .gallery-item {
  1579.     max-width: 15%;
  1580.     max-width: -webkit-calc(16.7% - 4px);
  1581.     max-width:         calc(16.7% - 4px);
  1582. }
  1583.  
  1584. .gallery-columns-7 .gallery-item {
  1585.     max-width: 13%;
  1586.     max-width: -webkit-calc(14.28% - 4px);
  1587.     max-width:         calc(14.28% - 4px);
  1588. }
  1589.  
  1590. .gallery-columns-8 .gallery-item {
  1591.     max-width: 11%;
  1592.     max-width: -webkit-calc(12.5% - 4px);
  1593.     max-width:         calc(12.5% - 4px);
  1594. }
  1595.  
  1596. .gallery-columns-9 .gallery-item {
  1597.     max-width: 9%;
  1598.     max-width: -webkit-calc(11.1% - 4px);
  1599.     max-width:         calc(11.1% - 4px);
  1600. }
  1601.  
  1602. .gallery-columns-1 .gallery-item:nth-of-type(1n),
  1603. .gallery-columns-2 .gallery-item:nth-of-type(2n),
  1604. .gallery-columns-3 .gallery-item:nth-of-type(3n),
  1605. .gallery-columns-4 .gallery-item:nth-of-type(4n),
  1606. .gallery-columns-5 .gallery-item:nth-of-type(5n),
  1607. .gallery-columns-6 .gallery-item:nth-of-type(6n),
  1608. .gallery-columns-7 .gallery-item:nth-of-type(7n),
  1609. .gallery-columns-8 .gallery-item:nth-of-type(8n),
  1610. .gallery-columns-9 .gallery-item:nth-of-type(9n) {
  1611.     margin-right: 0;
  1612. }
  1613.  
  1614. .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
  1615. .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
  1616. .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
  1617. .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
  1618.     clear: left;
  1619. }
  1620.  
  1621. .gallery-caption {
  1622.     background-color: rgba(0, 0, 0, 0.7);
  1623.     -webkit-box-sizing: border-box;
  1624.     -moz-box-sizing:    border-box;
  1625.     box-sizing:         border-box;
  1626.     color: #fff;
  1627.     font-size: 12px;
  1628.     line-height: 1.5;
  1629.     margin: 0;
  1630.     max-height: 50%;
  1631.     opacity: 0;
  1632.     padding: 6px 8px;
  1633.     position: absolute;
  1634.     bottom: 0;
  1635.     left: 0;
  1636.     text-align: left;
  1637.     width: 100%;
  1638. }
  1639.  
  1640. .gallery-caption:before {
  1641.     content: "";
  1642.     height: 100%;
  1643.     min-height: 49px;
  1644.     position: absolute;
  1645.     top: 0;
  1646.     left: 0;
  1647.     width: 100%;
  1648. }
  1649.  
  1650. .gallery-item:hover .gallery-caption {
  1651.     opacity: 1;
  1652. }
  1653.  
  1654. .gallery-columns-7 .gallery-caption,
  1655. .gallery-columns-8 .gallery-caption,
  1656. .gallery-columns-9 .gallery-caption {
  1657.     display: none;
  1658. }
  1659.  
  1660.  
  1661. /**
  1662.  * 6.6 Post Formats
  1663.  * -----------------------------------------------------------------------------
  1664.  */
  1665.  
  1666. .format-aside .entry-content,
  1667. .format-aside .entry-summary,
  1668. .format-quote .entry-content,
  1669. .format-quote .entry-summary,
  1670. .format-link .entry-content,
  1671. .format-link .entry-summary {
  1672.     padding-top: 0;
  1673. }
  1674.  
  1675. .site-content .format-link .entry-title,
  1676. .site-content .format-aside .entry-title,
  1677. .site-content .format-quote .entry-title {
  1678.     display: none;
  1679. }
  1680.  
  1681.  
  1682. /**
  1683.  * 6.7 Post/Image/Paging Navigation
  1684.  * -----------------------------------------------------------------------------
  1685.  */
  1686.  
  1687. .nav-links {
  1688.     -webkit-hyphens: auto;
  1689.     -moz-hyphens:    auto;
  1690.     -ms-hyphens:     auto;
  1691.     border-top: 1px solid rgba(0, 0, 0, 0.1);
  1692.     hyphens:         auto;
  1693.     word-wrap: break-word;
  1694. }
  1695.  
  1696. .post-navigation,
  1697. .image-navigation {
  1698.     margin: 24px auto 48px;
  1699.     max-width: 474px;
  1700.     padding: 0 10px;
  1701. }
  1702.  
  1703. .post-navigation a,
  1704. .image-navigation .previous-image,
  1705. .image-navigation .next-image {
  1706.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1707.     padding: 11px 0 12px;
  1708.     width: 100%;
  1709. }
  1710.  
  1711. .post-navigation .meta-nav {
  1712.     color: #767676;
  1713.     display: block;
  1714.     font-size: 12px;
  1715.     font-weight: 900;
  1716.     line-height: 2;
  1717.     text-transform: uppercase;
  1718. }
  1719.  
  1720. .post-navigation a,
  1721. .image-navigation a {
  1722.     color: #2b2b2b;
  1723.     display: block;
  1724.     font-size: 14px;
  1725.     font-weight: 700;
  1726.     line-height: 1.7142857142;
  1727.     text-transform: none;
  1728. }
  1729.  
  1730. .post-navigation a:hover,
  1731. .image-navigation a:hover {
  1732.     color: #41a62a;
  1733. }
  1734.  
  1735. /* Paging Navigation */
  1736.  
  1737. .paging-navigation {
  1738.     border-top: 5px solid #000;
  1739.     margin: 48px 0;
  1740. }
  1741.  
  1742. .paging-navigation .loop-pagination {
  1743.     margin-top: -5px;
  1744.     text-align: center;
  1745. }
  1746.  
  1747. .paging-navigation .page-numbers {
  1748.     border-top: 5px solid transparent;
  1749.     display: inline-block;
  1750.     font-size: 14px;
  1751.     font-weight: 900;
  1752.     margin-right: 1px;
  1753.     padding: 7px 16px;
  1754.     text-transform: uppercase;
  1755. }
  1756.  
  1757. .paging-navigation a {
  1758.     color: #2b2b2b;
  1759. }
  1760.  
  1761. .paging-navigation .page-numbers.current {
  1762.     border-top: 5px solid #24890d;
  1763. }
  1764.  
  1765. .paging-navigation a:hover {
  1766.     border-top: 5px solid #41a62a;
  1767.     color: #2b2b2b;
  1768. }
  1769.  
  1770.  
  1771. /**
  1772.  * 6.8 Attachments
  1773.  * -----------------------------------------------------------------------------
  1774.  */
  1775.  
  1776. .attachment .content-sidebar,
  1777. .attachment .post-thumbnail {
  1778.     display: none;
  1779. }
  1780.  
  1781. .attachment .entry-content {
  1782.     padding-top: 0;
  1783. }
  1784.  
  1785. .attachment footer.entry-meta {
  1786.     text-transform: none;
  1787. }
  1788.  
  1789. .entry-attachment .attachment {
  1790.     margin-bottom: 24px;
  1791. }
  1792.  
  1793.  
  1794. /**
  1795.  * 6.9 Archives
  1796.  * -----------------------------------------------------------------------------
  1797.  */
  1798.  
  1799. .archive-header,
  1800. .page-header {
  1801.     margin: 24px auto;
  1802.     max-width: 474px;
  1803. }
  1804.  
  1805. .archive-title,
  1806. .page-title {
  1807.     font-size: 16px;
  1808.     font-weight: 900;
  1809.     line-height: 1.5;
  1810.     margin: 0;
  1811. }
  1812.  
  1813. .taxonomy-description,
  1814. .author-description {
  1815.     color: #767676;
  1816.     font-size: 14px;
  1817.     line-height: 1.2857142857;
  1818.     padding-top: 18px;
  1819. }
  1820.  
  1821. .taxonomy-description p,
  1822. .author-description p {
  1823.     margin-bottom: 18px;
  1824. }
  1825.  
  1826. .taxonomy-description p:last-child,
  1827. .author-description p:last-child {
  1828.     margin-bottom: 0;
  1829. }
  1830.  
  1831. .taxonomy-description a,
  1832. .author-description a {
  1833.     text-decoration: underline;
  1834. }
  1835.  
  1836. .taxonomy-description a:hover,
  1837. .author-description a:hover {
  1838.     text-decoration: none;
  1839. }
  1840.  
  1841.  
  1842. /**
  1843.  * 6.10 Contributor Page
  1844.  * -----------------------------------------------------------------------------
  1845.  */
  1846.  
  1847. .contributor {
  1848.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1849.     -webkit-box-sizing: border-box;
  1850.     -moz-box-sizing: border-box;
  1851.     box-sizing:      border-box;
  1852.     padding: 48px 10px;
  1853. }
  1854.  
  1855. .contributor:first-of-type {
  1856.     padding-top: 24px;
  1857. }
  1858.  
  1859. .contributor-info {
  1860.     margin: 0 auto;
  1861.     max-width: 474px;
  1862. }
  1863.  
  1864. .contributor-avatar {
  1865.     border: 1px solid rgba(0, 0, 0, 0.1);
  1866.     float: left;
  1867.     margin: 0 30px 20px 0;
  1868.     padding: 2px;
  1869. }
  1870.  
  1871. .contributor-name {
  1872.     font-size: 16px;
  1873.     font-weight: 900;
  1874.     line-height: 1.5;
  1875.     margin: 0;
  1876. }
  1877.  
  1878. .contributor-bio a {
  1879.     text-decoration: underline;
  1880. }
  1881.  
  1882. .contributor-bio a:hover {
  1883.     text-decoration: none;
  1884. }
  1885.  
  1886. .contributor-posts-link {
  1887.     display: inline-block;
  1888.     line-height: normal;
  1889.     padding: 10px 30px;
  1890. }
  1891.  
  1892. .contributor-posts-link:before {
  1893.     content: "\f443";
  1894. }
  1895.  
  1896.  
  1897. /**
  1898.  * 6.11 404 Page
  1899.  * -----------------------------------------------------------------------------
  1900.  */
  1901.  
  1902. .error404 .page-content {
  1903.     padding-top: 0;
  1904. }
  1905.  
  1906. .error404 .page-content .search-form {
  1907.     margin-bottom: 24px;
  1908. }
  1909.  
  1910.  
  1911. /**
  1912.  * 6.12 Full-width
  1913.  * -----------------------------------------------------------------------------
  1914.  */
  1915.  
  1916. .full-width .hentry {
  1917.     max-width: 100%;
  1918. }
  1919.  
  1920.  
  1921. /**
  1922.  * 6.13 Singular
  1923.  * -----------------------------------------------------------------------------
  1924.  */
  1925.  
  1926. .singular .site-content .hentry.has-post-thumbnail {
  1927.     margin-top: -48px;
  1928. }
  1929.  
  1930.  
  1931. /**
  1932.  * 6.14 Comments
  1933.  * -----------------------------------------------------------------------------
  1934.  */
  1935.  
  1936. .comments-area {
  1937.     margin: 48px auto;
  1938.     max-width: 474px;
  1939.     padding: 0 10px;
  1940. }
  1941.  
  1942. .comment-reply-title,
  1943. .comments-title {
  1944.     font: 900 16px/1.5 Lato, sans-serif;
  1945.     margin: 0;
  1946.     text-transform: uppercase;
  1947. }
  1948.  
  1949. .comment-list {
  1950.     list-style: none;
  1951.     margin: 0 0 48px 0;
  1952. }
  1953.  
  1954. .comment-author {
  1955.     font-size: 14px;
  1956.     line-height: 1.7142857142;
  1957. }
  1958.  
  1959. .comment-list .reply,
  1960. .comment-metadata {
  1961.     font-size: 12px;
  1962.     line-height: 2;
  1963.     text-transform: uppercase;
  1964. }
  1965.  
  1966. .comment-list .reply {
  1967.     margin-top: 24px;
  1968. }
  1969.  
  1970. .comment-author .fn {
  1971.     font-weight: 900;
  1972. }
  1973.  
  1974. .comment-author a {
  1975.     color: #2b2b2b;
  1976. }
  1977.  
  1978. .comment-list .trackback a,
  1979. .comment-list .pingback a,
  1980. .comment-metadata a {
  1981.     color: #767676;
  1982. }
  1983.  
  1984. .comment-author a:hover,
  1985. .comment-list .pingback a:hover,
  1986. .comment-list .trackback a:hover,
  1987. .comment-metadata a:hover {
  1988.     color: #41a62a;
  1989. }
  1990.  
  1991. .comment-list article,
  1992. .comment-list .pingback,
  1993. .comment-list .trackback {
  1994.     border-top: 1px solid rgba(0, 0, 0, 0.1);
  1995.     margin-bottom: 24px;
  1996.     padding-top: 24px;
  1997. }
  1998.  
  1999. .comment-list > li:first-child > article,
  2000. .comment-list > .pingback:first-child,
  2001. .comment-list > .trackback:first-child {
  2002.     border-top: 0;
  2003. }
  2004.  
  2005. .comment-author {
  2006.     position: relative;
  2007. }
  2008.  
  2009. .comment-author .avatar {
  2010.     border: 1px solid rgba(0, 0, 0, 0.1);
  2011.     height: 18px;
  2012.     padding: 2px;
  2013.     position: absolute;
  2014.     top: 0;
  2015.     left: 0;
  2016.     width: 18px;
  2017. }
  2018.  
  2019. .bypostauthor > article .fn:before {
  2020.     content: "\f408";
  2021.     margin: 0 2px 0 -2px;
  2022.     position: relative;
  2023.     top: -1px;
  2024. }
  2025.  
  2026. .says {
  2027.     display: none;
  2028. }
  2029.  
  2030. .comment-author,
  2031. .comment-awaiting-moderation,
  2032. .comment-content,
  2033. .comment-list .reply,
  2034. .comment-metadata {
  2035.     padding-left: 30px;
  2036. }
  2037.  
  2038. .comment-edit-link {
  2039.     margin-left: 10px;
  2040. }
  2041.  
  2042. .comment-edit-link:before {
  2043.     content: "\f411";
  2044. }
  2045.  
  2046. .comment-reply-link:before,
  2047. .comment-reply-login:before {
  2048.     content: "\f412";
  2049.     margin-right: 2px;
  2050. }
  2051.  
  2052. .comment-content {
  2053.     -webkit-hyphens: auto;
  2054.     -moz-hyphens:    auto;
  2055.     -ms-hyphens:     auto;
  2056.     hyphens:         auto;
  2057.     word-wrap: break-word;
  2058. }
  2059.  
  2060. .comment-content ul,
  2061. .comment-content ol {
  2062.     margin: 0 0 24px 22px;
  2063. }
  2064.  
  2065. .comment-content li > ul,
  2066. .comment-content li > ol {
  2067.     margin-bottom: 0;
  2068. }
  2069.  
  2070. .comment-content > :last-child {
  2071.     margin-bottom: 0;
  2072. }
  2073.  
  2074. .comment-list .children {
  2075.     list-style: none;
  2076.     margin-left: 15px;
  2077. }
  2078.  
  2079. .comment-respond {
  2080.     margin-bottom: 24px;
  2081.     padding: 0;
  2082. }
  2083.  
  2084. .comment .comment-respond {
  2085.     margin-top: 24px;
  2086. }
  2087.  
  2088. .comment-respond h3 {
  2089.     margin-top: 0;
  2090.     margin-bottom: 24px;
  2091. }
  2092.  
  2093. .comment-notes,
  2094. .comment-awaiting-moderation,
  2095. .logged-in-as,
  2096. .no-comments,
  2097. .form-allowed-tags,
  2098. .form-allowed-tags code {
  2099.     color: #767676;
  2100. }
  2101.  
  2102. .comment-notes,
  2103. .comment-awaiting-moderation,
  2104. .logged-in-as {
  2105.     font-size: 14px;
  2106.     line-height: 1.7142857142;
  2107. }
  2108.  
  2109. .no-comments {
  2110.     font-size: 16px;
  2111.     font-weight: 900;
  2112.     line-height: 1.5;
  2113.     margin-top: 24px;
  2114.     text-transform: uppercase;
  2115. }
  2116.  
  2117. .comment-form label {
  2118.     display: block;
  2119. }
  2120.  
  2121. .comment-form input[type="text"],
  2122. .comment-form input[type="email"],
  2123. .comment-form input[type="url"] {
  2124.     width: 100%;
  2125. }
  2126.  
  2127. .form-allowed-tags,
  2128. .form-allowed-tags code {
  2129.     font-size: 12px;
  2130.     line-height: 1.5;
  2131. }
  2132.  
  2133. .required {
  2134.     color: #c0392b;
  2135. }
  2136.  
  2137. .comment-reply-title small a {
  2138.     color: #2b2b2b;
  2139.     float: right;
  2140.     height: 24px;
  2141.     overflow: hidden;
  2142.     width: 24px;
  2143. }
  2144.  
  2145. .comment-reply-title small a:hover {
  2146.     color: #41a62a;
  2147. }
  2148.  
  2149. .comment-reply-title small a:before {
  2150.     content: "\f405";
  2151.     font-size: 32px;
  2152. }
  2153.  
  2154. .comment-navigation {
  2155.     font-size: 12px;
  2156.     line-height: 2;
  2157.     margin-bottom: 48px;
  2158.     text-transform: uppercase;
  2159. }
  2160.  
  2161. .comment-navigation .nav-next,
  2162. .comment-navigation .nav-previous {
  2163.     display: inline-block;
  2164. }
  2165.  
  2166. .comment-navigation .nav-previous a {
  2167.     margin-right: 10px;
  2168. }
  2169.  
  2170. #comment-nav-above {
  2171.     margin-top: 36px;
  2172.     margin-bottom: 0;
  2173. }
  2174.  
  2175.  
  2176. /**
  2177.  * 7.0 Sidebars
  2178.  * -----------------------------------------------------------------------------
  2179.  */
  2180.  
  2181. /* Secondary */
  2182.  
  2183. #secondary {
  2184.     background-color: #000;
  2185.     border-top: 1px solid #000;
  2186.     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  2187.     clear: both;
  2188.     color: rgba(255, 255, 255, 0.7);
  2189.     margin-top: -1px;
  2190.     padding: 0 10px;
  2191.     position: relative;
  2192.     z-index: 2;
  2193. }
  2194.  
  2195. .site-description {
  2196.     display: none;
  2197.     font-size: 12px;
  2198.     font-weight: 400;
  2199.     line-height: 1.5;
  2200. }
  2201.  
  2202. /* Primary Sidebar */
  2203.  
  2204. .primary-sidebar {
  2205.     padding-top: 48px;
  2206. }
  2207.  
  2208. .secondary-navigation + .primary-sidebar {
  2209.     padding-top: 0;
  2210. }
  2211.  
  2212. /* Content Sidebar */
  2213.  
  2214. .content-sidebar {
  2215.     border-top: 1px solid rgba(0, 0, 0, 0.1);
  2216.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  2217.     -webkit-box-sizing: border-box;
  2218.     -moz-box-sizing:    border-box;
  2219.     box-sizing:         border-box;
  2220.     color: #767676;
  2221.     padding: 48px 10px 0;
  2222. }
  2223.  
  2224.  
  2225. /**
  2226.  * 7.1 Widgets
  2227.  * -----------------------------------------------------------------------------
  2228.  */
  2229.  
  2230. /* Primary Sidebar, Footer Sidebar */
  2231.  
  2232. .widget {
  2233.     font-size: 14px;
  2234.     -webkit-hyphens: auto;
  2235.     -moz-hyphens:    auto;
  2236.     -ms-hyphens:     auto;
  2237.     hyphens:         auto;
  2238.     line-height: 1.2857142857;
  2239.     margin-bottom: 48px;
  2240.     width: 100%;
  2241.     word-wrap: break-word;
  2242. }
  2243.  
  2244. .widget a {
  2245.     color: #fff;
  2246. }
  2247.  
  2248. .widget a:hover {
  2249.     color: #41a62a;
  2250. }
  2251.  
  2252. .widget h1,
  2253. .widget h2,
  2254. .widget h3,
  2255. .widget h4,
  2256. .widget h5,
  2257. .widget h6 {
  2258.     margin: 24px 0 12px;
  2259. }
  2260.  
  2261. .widget h1 {
  2262.     font-size: 22px;
  2263.     line-height: 1.0909090909;
  2264. }
  2265.  
  2266. .widget h2 {
  2267.     font-size: 20px;
  2268.     line-height: 1.2;
  2269. }
  2270.  
  2271. .widget h3 {
  2272.     font-size: 18px;
  2273.     line-height: 1.3333333333;
  2274. }
  2275.  
  2276. .widget h4 {
  2277.     font-size: 16px;
  2278.     line-height: 1.5;
  2279. }
  2280.  
  2281. .widget h5 {
  2282.     font-size: 14px;
  2283.     line-height: 1.7142857142;
  2284. }
  2285.  
  2286. .widget h6 {
  2287.     font-size: 12px;
  2288.     line-height: 2;
  2289. }
  2290.  
  2291. .widget address {
  2292.     margin-bottom: 18px;
  2293. }
  2294.  
  2295. .widget abbr[title] {
  2296.     border-color: rgba(255, 255, 255, 0.7);
  2297. }
  2298.  
  2299. .widget mark,
  2300. .widget ins {
  2301.     color: #000;
  2302. }
  2303.  
  2304. .widget pre,
  2305. .widget fieldset {
  2306.     border-color: rgba(255, 255, 255, 0.2);
  2307. }
  2308.  
  2309. .widget code,
  2310. .widget kbd,
  2311. .widget tt,
  2312. .widget var,
  2313. .widget samp,
  2314. .widget pre {
  2315.     font-size: 12px;
  2316.     line-height: 1.5;
  2317. }
  2318.  
  2319. .widget blockquote {
  2320.     color: rgba(255, 255, 255, 0.7);
  2321.     font-size: 18px;
  2322.     line-height: 1.5;
  2323.     margin-bottom: 18px;
  2324. }
  2325.  
  2326. .widget blockquote cite {
  2327.     color: #fff;
  2328.     font-size: 14px;
  2329.     line-height: 1.2857142857;
  2330. }
  2331.  
  2332. .widget dl,
  2333. .widget dd {
  2334.     margin-bottom: 18px;
  2335. }
  2336.  
  2337. .widget ul,
  2338. .widget ol {
  2339.     list-style: none;
  2340.     margin: 0;
  2341. }
  2342.  
  2343. .widget li > ol,
  2344. .widget li > ul {
  2345.     margin-left: 10px;
  2346. }
  2347.  
  2348. .widget table,
  2349. .widget th,
  2350. .widget td {
  2351.     border-color: rgba(255, 255, 255, 0.2);
  2352. }
  2353.  
  2354. .widget table {
  2355.     margin-bottom: 18px;
  2356. }
  2357.  
  2358. .widget del {
  2359.     color: rgba(255, 255, 255, 0.4);
  2360. }
  2361.  
  2362. .widget hr {
  2363.     background-color: rgba(255, 255, 255, 0.2);
  2364. }
  2365.  
  2366. .widget p {
  2367.     margin-bottom: 18px;
  2368. }
  2369.  
  2370. .widget-area .widget input,
  2371. .widget-area .widget textarea {
  2372.     background-color: rgba(255, 255, 255, 0.1);
  2373.     border-color: rgba(255, 255, 255, 0.2);
  2374.     color: #fff;
  2375.     font-size: 16px;
  2376.     padding: 1px 2px 2px 4px;
  2377. }
  2378.  
  2379. .widget-area .widget input:focus,
  2380. .widget-area .widget textarea:focus {
  2381.     border-color: rgba(255, 255, 255, 0.3);
  2382. }
  2383.  
  2384. .widget button,
  2385. .widget .button,
  2386. .widget input[type="button"],
  2387. .widget input[type="reset"],
  2388. .widget input[type="submit"] {
  2389.     background-color: #24890d;
  2390.     border: 0;
  2391.     font-size: 12px;
  2392.     padding: 5px 15px 4px;
  2393. }
  2394.  
  2395. .widget input[type="button"]:hover,
  2396. .widget input[type="button"]:focus,
  2397. .widget input[type="reset"]:hover,
  2398. .widget input[type="reset"]:focus,
  2399. .widget input[type="submit"]:hover,
  2400. .widget input[type="submit"]:focus {
  2401.     background-color: #41a62a;
  2402. }
  2403.  
  2404. .widget input[type="button"]:active,
  2405. .widget input[type="reset"]:active,
  2406. .widget input[type="submit"]:active {
  2407.     background-color: #55d737;
  2408. }
  2409.  
  2410. .widget .wp-caption {
  2411.     color: rgba(255, 255, 255, 0.7);
  2412.     margin-bottom: 18px;
  2413. }
  2414.  
  2415. .widget .widget-title {
  2416.     font-size: 14px;
  2417.     font-weight: 700;
  2418.     line-height: 1.7142857142;
  2419.     margin: 0 0 24px 0;
  2420.     text-transform: uppercase;
  2421. }
  2422.  
  2423. .widget-title,
  2424. .widget-title a {
  2425.     color: #fff;
  2426. }
  2427.  
  2428. .widget-title a:hover {
  2429.     color: #41a62a;
  2430. }
  2431.  
  2432. /* Calendar Widget*/
  2433.  
  2434. .widget_calendar table {
  2435.     line-height: 2;
  2436.     margin: 0;
  2437. }
  2438.  
  2439. .widget_calendar caption {
  2440.     color: #fff;
  2441.     font-weight: 700;
  2442.     line-height: 1.7142857142;
  2443.     margin-bottom: 18px;
  2444.     text-align: left;
  2445.     text-transform: uppercase;
  2446. }
  2447.  
  2448. .widget_calendar thead th {
  2449.     background-color: rgba(255, 255, 255, 0.1);
  2450. }
  2451.  
  2452. .widget_calendar tbody td,
  2453. .widget_calendar thead th {
  2454.     text-align: center;
  2455. }
  2456.  
  2457. .widget_calendar tbody a {
  2458.     background-color: #24890d;
  2459.     color: #fff;
  2460.     display: block;
  2461. }
  2462.  
  2463. .widget_calendar tbody a:hover {
  2464.     background-color: #41a62a;
  2465. }
  2466.  
  2467. .widget_calendar tbody a:hover {
  2468.     color: #fff;
  2469. }
  2470.  
  2471. .widget_calendar #prev {
  2472.     padding-left: 5px;
  2473. }
  2474.  
  2475. .widget_calendar #next {
  2476.     padding-right: 5px;
  2477.     text-align: right;
  2478. }
  2479.  
  2480. /* Ephemera Widget*/
  2481.  
  2482. .widget_twentyfourteen_ephemera > ol > li {
  2483.     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  2484.     margin-bottom: 18px;
  2485.     padding: 0;
  2486. }
  2487.  
  2488. .widget_twentyfourteen_ephemera .hentry {
  2489.     margin: 0;
  2490.     max-width: 100%;
  2491. }
  2492.  
  2493. .widget_twentyfourteen_ephemera .entry-title,
  2494. .widget_twentyfourteen_ephemera .entry-meta,
  2495. .widget_twentyfourteen_ephemera .wp-caption-text,
  2496. .widget_twentyfourteen_ephemera .post-format-archive-link,
  2497. .widget_twentyfourteen_ephemera .entry-content table {
  2498.     font-size: 12px;
  2499.     line-height: 1.5;
  2500. }
  2501.  
  2502. .widget_twentyfourteen_ephemera .entry-title {
  2503.     display: inline;
  2504.     font-weight: 400;
  2505. }
  2506.  
  2507. .widget_twentyfourteen_ephemera .entry-meta {
  2508.     margin-bottom: 18px;
  2509. }
  2510.  
  2511. .widget_twentyfourteen_ephemera .entry-meta a {
  2512.     color: rgba(255, 255, 255, 0.7);
  2513. }
  2514.  
  2515. .widget_twentyfourteen_ephemera .entry-meta a:hover {
  2516.     color: #41a62a;
  2517. }
  2518.  
  2519. .widget_twentyfourteen_ephemera .entry-content ul,
  2520. .widget_twentyfourteen_ephemera .entry-content ol {
  2521.     margin: 0 0 18px 20px;
  2522. }
  2523.  
  2524. .widget_twentyfourteen_ephemera .entry-content ul {
  2525.     list-style: disc;
  2526. }
  2527.  
  2528. .widget_twentyfourteen_ephemera .entry-content ol {
  2529.     list-style: decimal;
  2530. }
  2531.  
  2532. .widget_twentyfourteen_ephemera .entry-content li > ul,
  2533. .widget_twentyfourteen_ephemera .entry-content li > ol {
  2534.     margin: 0 0 0 20px;
  2535. }
  2536.  
  2537. .widget_twentyfourteen_ephemera .entry-content th,
  2538. .widget_twentyfourteen_ephemera .entry-content td {
  2539.     padding: 6px;
  2540. }
  2541.  
  2542. .widget_twentyfourteen_ephemera .post-format-archive-link {
  2543.     font-weight: 700;
  2544.     text-transform: uppercase;
  2545. }
  2546.  
  2547. /* List Style Widgets*/
  2548.  
  2549. .widget_archive li,
  2550. .widget_categories li,
  2551. .widget_links li,
  2552. .widget_meta li,
  2553. .widget_nav_menu li,
  2554. .widget_pages li,
  2555. .widget_recent_comments li,
  2556. .widget_recent_entries li {
  2557.     border-top: 1px solid rgba(255, 255, 255, 0.2);
  2558.     padding: 8px 0 9px;
  2559. }
  2560.  
  2561. .widget_archive li:first-child,
  2562. .widget_categories li:first-child,
  2563. .widget_links li:first-child,
  2564. .widget_meta li:first-child,
  2565. .widget_nav_menu li:first-child,
  2566. .widget_pages li:first-child,
  2567. .widget_recent_comments li:first-child,
  2568. .widget_recent_entries li:first-child {
  2569.     border-top: 0;
  2570. }
  2571.  
  2572. .widget_categories li ul,
  2573. .widget_nav_menu li ul,
  2574. .widget_pages li ul {
  2575.     border-top: 1px solid rgba(255, 255, 255, 0.2);
  2576.     margin-top: 9px;
  2577. }
  2578.  
  2579. .widget_categories li li:last-child,
  2580. .widget_nav_menu li li:last-child,
  2581. .widget_pages li li:last-child {
  2582.     padding-bottom: 0;
  2583. }
  2584.  
  2585. /* Recent Posts Widget */
  2586.  
  2587. .widget_recent_entries .post-date {
  2588.     display: block;
  2589. }
  2590.  
  2591. /* RSS Widget */
  2592.  
  2593. .rsswidget img {
  2594.     margin-top: -4px;
  2595. }
  2596.  
  2597. .rssSummary {
  2598.     margin: 9px 0;
  2599. }
  2600.  
  2601. .rss-date {
  2602.     display: block;
  2603. }
  2604.  
  2605. .widget_rss li {
  2606.     margin-bottom: 18px;
  2607. }
  2608.  
  2609. .widget_rss li:last-child {
  2610.     margin-bottom: 0;
  2611. }
  2612.  
  2613. /* Text Widget */
  2614.  
  2615. .widget_text > div > :last-child {
  2616.     margin-bottom: 0;
  2617. }
  2618.  
  2619.  
  2620. /**
  2621.  * 7.2 Content Sidebar Widgets
  2622.  * -----------------------------------------------------------------------------
  2623.  */
  2624.  
  2625. .content-sidebar .widget a {
  2626.     color: #24890d;
  2627. }
  2628.  
  2629. .content-sidebar .widget a:hover {
  2630.     color: #41a62a;
  2631. }
  2632.  
  2633. .content-sidebar .widget pre {
  2634.     border-color: rgba(0, 0, 0, 0.1);
  2635. }
  2636.  
  2637. .content-sidebar .widget mark,
  2638. .content-sidebar .widget ins {
  2639.     color: #2b2b2b;
  2640. }
  2641.  
  2642. .content-sidebar .widget abbr[title] {
  2643.     border-color: #2b2b2b;
  2644. }
  2645.  
  2646. .content-sidebar .widget fieldset {
  2647.     border-color: rgba(0, 0, 0, 0.1);
  2648. }
  2649.  
  2650. .content-sidebar .widget blockquote {
  2651.     color: #767676;
  2652. }
  2653.  
  2654. .content-sidebar .widget blockquote cite {
  2655.     color: #2b2b2b;
  2656. }
  2657.  
  2658. .content-sidebar .widget li > ol,
  2659. .content-sidebar .widget li > ul {
  2660.     margin-left: 18px;
  2661. }
  2662.  
  2663. .content-sidebar .widget table,
  2664. .content-sidebar .widget th,
  2665. .content-sidebar .widget td {
  2666.     border-color: rgba(0, 0, 0, 0.1);
  2667. }
  2668.  
  2669. .content-sidebar .widget del {
  2670.     color: #767676;
  2671. }
  2672.  
  2673. .content-sidebar .widget hr {
  2674.     background-color: rgba(0, 0, 0, 0.1);
  2675. }
  2676.  
  2677. .content-sidebar .widget input,
  2678. .content-sidebar .widget textarea {
  2679.     background-color: #fff;
  2680.     border-color: rgba(0, 0, 0, 0.1);
  2681.     color: #2b2b2b;
  2682. }
  2683.  
  2684. .content-sidebar .widget input:focus,
  2685. .content-sidebar .widget textarea:focus {
  2686.     border-color: rgba(0, 0, 0, 0.3);
  2687. }
  2688.  
  2689. .content-sidebar .widget input[type="button"],
  2690. .content-sidebar .widget input[type="reset"],
  2691. .content-sidebar .widget input[type="submit"] {
  2692.     background-color: #24890d;
  2693.     border: 0;
  2694.     color: #fff;
  2695. }
  2696.  
  2697. .content-sidebar .widget input[type="button"]:hover,
  2698. .content-sidebar .widget input[type="button"]:focus,
  2699. .content-sidebar .widget input[type="reset"]:hover,
  2700. .content-sidebar .widget input[type="reset"]:focus,
  2701. .content-sidebar .widget input[type="submit"]:hover,
  2702. .content-sidebar .widget input[type="submit"]:focus {
  2703.     background-color: #41a62a;
  2704. }
  2705.  
  2706. .content-sidebar .widget input[type="button"]:active,
  2707. .content-sidebar .widget input[type="reset"]:active,
  2708. .content-sidebar .widget input[type="submit"]:active {
  2709.     background-color: #55d737;
  2710. }
  2711.  
  2712. .content-sidebar .widget .wp-caption {
  2713.     color: #767676;
  2714. }
  2715.  
  2716. .content-sidebar .widget .widget-title {
  2717.     border-top: 5px solid #000;
  2718.     color: #2b2b2b;
  2719.     font-size: 14px;
  2720.     font-weight: 900;
  2721.     margin: 0 0 18px;
  2722.     padding-top: 7px;
  2723.     text-transform: uppercase;
  2724. }
  2725.  
  2726. .content-sidebar .widget .widget-title a {
  2727.     color: #2b2b2b;
  2728. }
  2729.  
  2730. .content-sidebar .widget .widget-title a:hover {
  2731.     color: #41a62a;
  2732. }
  2733.  
  2734. /* List Style Widgets*/
  2735.  
  2736. .content-sidebar .widget_archive li,
  2737. .content-sidebar .widget_categories li,
  2738. .content-sidebar .widget_links li,
  2739. .content-sidebar .widget_meta li,
  2740. .content-sidebar .widget_nav_menu li,
  2741. .content-sidebar .widget_pages li,
  2742. .content-sidebar .widget_recent_comments li,
  2743. .content-sidebar .widget_recent_entries li,
  2744. .content-sidebar .widget_categories li ul,
  2745. .content-sidebar .widget_nav_menu li ul,
  2746. .content-sidebar .widget_pages li ul {
  2747.     border-color: rgba(0, 0, 0, 0.1);
  2748. }
  2749.  
  2750. /* Calendar Widget */
  2751.  
  2752. .content-sidebar .widget_calendar caption {
  2753.     color: #2b2b2b;
  2754.     font-weight: 900;
  2755. }
  2756.  
  2757. .content-sidebar .widget_calendar thead th {
  2758.     background-color: rgba(0, 0, 0, 0.02);
  2759. }
  2760.  
  2761. .content-sidebar .widget_calendar tbody a,
  2762. .content-sidebar .widget_calendar tbody a:hover {
  2763.     color: #fff;
  2764. }
  2765.  
  2766. /* Ephemera widget*/
  2767.  
  2768. .content-sidebar .widget_twentyfourteen_ephemera .widget-title {
  2769.     line-height: 1.2857142857;
  2770.     padding-top: 1px;
  2771. }
  2772.  
  2773. .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
  2774.     background-color: #000;
  2775.     color: #fff;
  2776.     margin: -1px 9px 0 0;
  2777.     padding: 6px 0 9px;
  2778.     text-align: center;
  2779.     vertical-align: middle;
  2780.     width: 36px;
  2781. }
  2782.  
  2783. .content-sidebar .widget_twentyfourteen_ephemera .video.widget-title:before {
  2784.     content: "\f104";
  2785. }
  2786.  
  2787. .content-sidebar .widget_twentyfourteen_ephemera .audio.widget-title:before {
  2788.     content: "\f109";
  2789. }
  2790.  
  2791. .content-sidebar .widget_twentyfourteen_ephemera .image.widget-title:before {
  2792.     content: "\f473";
  2793. }
  2794.  
  2795. .content-sidebar .widget_twentyfourteen_ephemera .gallery.widget-title:before {
  2796.     content: "\f103";
  2797. }
  2798.  
  2799. .content-sidebar .widget_twentyfourteen_ephemera .aside.widget-title:before {
  2800.     content: "\f101";
  2801. }
  2802.  
  2803. .content-sidebar .widget_twentyfourteen_ephemera .quote.widget-title:before {
  2804.     content: "\f106";
  2805. }
  2806.  
  2807. .content-sidebar .widget_twentyfourteen_ephemera .link.widget-title:before {
  2808.     content: "\f107";
  2809. }
  2810.  
  2811. .content-sidebar .widget_twentyfourteen_ephemera > ol > li {
  2812.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  2813. }
  2814.  
  2815. .content-sidebar .widget_twentyfourteen_ephemera .entry-meta {
  2816.     color: #ccc;
  2817. }
  2818.  
  2819. .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a {
  2820.     color: #767676;
  2821. }
  2822.  
  2823. .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
  2824.     color: #41a62a;
  2825. }
  2826.  
  2827. .content-sidebar.widget_twentyfourteen_ephemera blockquote cite {
  2828.     font-size: 13px;
  2829.     line-height: 1.3846153846;
  2830. }
  2831.  
  2832. .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
  2833.     font-weight: 900;
  2834. }
  2835.  
  2836.  
  2837. /**
  2838.  * 8.0 Footer
  2839.  * -----------------------------------------------------------------------------
  2840.  */
  2841.  
  2842. #supplementary {
  2843.     padding: 0 10px;
  2844. }
  2845.  
  2846. .site-footer,
  2847. .site-info,
  2848. .site-info a {
  2849.     color: rgba(255, 255, 255, 0.7);
  2850. }
  2851.  
  2852. .site-footer {
  2853.     background-color: #000;
  2854.     font-size: 12px;
  2855.     position: relative;
  2856.     z-index: 3;
  2857. }
  2858.  
  2859. .footer-sidebar {
  2860.     padding-top: 48px;
  2861. }
  2862.  
  2863. .site-info {
  2864.     padding: 15px 10px;
  2865. }
  2866.  
  2867. #supplementary + .site-info {
  2868.     border-top: 1px solid rgba(255, 255, 255, 0.2);
  2869. }
  2870.  
  2871. .site-info a:hover {
  2872.     color: #41a62a;
  2873. }
  2874.  
  2875.  
  2876. /**
  2877.  * 9.0 Featured Content
  2878.  * -----------------------------------------------------------------------------
  2879.  */
  2880.  
  2881. .featured-content {
  2882.     background: #000 url(images/pattern-dark.svg) repeat fixed;
  2883.     -webkit-box-sizing: border-box;
  2884.     -moz-box-sizing:    border-box;
  2885.     box-sizing:         border-box;
  2886.     position: relative;
  2887.     width: 100%;
  2888. }
  2889.  
  2890. .featured-content-inner {
  2891.     overflow: hidden;
  2892. }
  2893.  
  2894. .featured-content .hentry {
  2895.     color: #fff;
  2896.     margin: 0;
  2897.     max-width: 100%;
  2898.     width: 100%;
  2899. }
  2900.  
  2901. .featured-content .post-thumbnail,
  2902. .featured-content .post-thumbnail:hover {
  2903.     background: transparent;
  2904. }
  2905.  
  2906. .featured-content .post-thumbnail {
  2907.     display: block;
  2908.     position: relative;
  2909.     padding-top: 55.357142857%;
  2910.     overflow: hidden;
  2911. }
  2912.  
  2913. .featured-content .post-thumbnail img {
  2914.     left: 0;
  2915.     position: absolute;
  2916.     top: 0;
  2917. }
  2918.  
  2919. .featured-content .entry-header {
  2920.     background-color: #000;
  2921.     -webkit-box-sizing: border-box;
  2922.     -moz-box-sizing:    border-box;
  2923.     box-sizing:         border-box;
  2924.     min-height: 96px;
  2925.     overflow: hidden;
  2926.     padding: 24px 10px;
  2927. }
  2928.  
  2929. .featured-content a {
  2930.     color: #fff;
  2931. }
  2932.  
  2933. .featured-content a:hover {
  2934.     color: #41a62a;
  2935. }
  2936.  
  2937. .featured-content .entry-meta {
  2938.     color: #fff;
  2939.     font-size: 11px;
  2940.     font-weight: 700;
  2941.     line-height: 1.0909090909;
  2942.     margin-bottom: 12px;
  2943. }
  2944.  
  2945. .featured-content .cat-links {
  2946.     font-weight: 700;
  2947. }
  2948.  
  2949. .featured-content .entry-title {
  2950.     font-size: 18px;
  2951.     font-weight: 300;
  2952.     line-height: 1.3333333333;
  2953.     margin: 0;
  2954.     text-transform: uppercase;
  2955. }
  2956.  
  2957.  
  2958. /* Slider */
  2959.  
  2960. .slider .featured-content .hentry {
  2961.     -webkit-backface-visibility: hidden;
  2962.     display: none;
  2963.     position: relative;
  2964. }
  2965.  
  2966. .slider .featured-content .post-thumbnail {
  2967.     padding-top: 55.49132947%;
  2968. }
  2969.  
  2970. .slider-control-paging {
  2971.     background-color: #000;
  2972.     -webkit-box-sizing: border-box;
  2973.     -moz-box-sizing:    border-box;
  2974.     box-sizing:         border-box;
  2975.     float: left;
  2976.     list-style: none;
  2977.     margin: -24px 0 0 0;
  2978.     position: relative;
  2979.     width: 100%;
  2980.     z-index: 3;
  2981. }
  2982.  
  2983. .slider-control-paging li {
  2984.     float: left;
  2985.     margin: 2px 4px 2px 0;
  2986. }
  2987.  
  2988. .slider-control-paging li:last-child {
  2989.     margin-right: 0;
  2990. }
  2991.  
  2992. .slider-control-paging a {
  2993.     cursor: pointer;
  2994.     display: block;
  2995.     height: 44px;
  2996.     position: relative;
  2997.     text-indent: -999em;
  2998.     width: 44px;
  2999. }
  3000.  
  3001. .slider-control-paging a:before {
  3002.     background-color: #4d4d4d;
  3003.     content: "";
  3004.     height: 12px;
  3005.     left: 10px;
  3006.     position: absolute;
  3007.     top: 16px;
  3008.     width: 12px;
  3009. }
  3010.  
  3011. .slider-control-paging a:hover:before {
  3012.     background-color: #41a62a;
  3013. }
  3014.  
  3015. .slider-control-paging .slider-active:before,
  3016. .slider-control-paging .slider-active:hover:before {
  3017.     background-color: #24890d;
  3018. }
  3019.  
  3020. .slider-direction-nav {
  3021.     clear: both;
  3022.     list-style: none;
  3023.     margin: 0;
  3024.     position: relative;
  3025.     width: 100%;
  3026.     z-index: 3;
  3027. }
  3028.  
  3029. .slider-direction-nav li {
  3030.     border-color: #fff;
  3031.     border-style: solid;
  3032.     border-width: 2px 1px 0 0;
  3033.     -webkit-box-sizing: border-box;
  3034.     -moz-box-sizing:    border-box;
  3035.     box-sizing:         border-box;
  3036.     float: left;
  3037.     text-align: center;
  3038.     width: 50%;
  3039. }
  3040.  
  3041. .slider-direction-nav li:last-child {
  3042.     border-width: 2px 0 0 1px;
  3043. }
  3044.  
  3045. .slider-direction-nav a {
  3046.     background-color: #000;
  3047.     display: block;
  3048.     font-size: 0;
  3049.     height: 46px;
  3050. }
  3051.  
  3052. .slider-direction-nav a:hover {
  3053.     background-color: #24890d;
  3054. }
  3055.  
  3056. .slider-direction-nav a:before {
  3057.     color: #fff;
  3058.     content: "\f430";
  3059.     font-size: 32px;
  3060.     line-height: 46px;
  3061. }
  3062.  
  3063. .slider-direction-nav .slider-next:before {
  3064.     content: "\f429";
  3065. }
  3066.  
  3067. .slider-direction-nav .slider-disabled {
  3068.     display: none;
  3069. }
  3070.  
  3071.  
  3072. /**
  3073.  * 10.0 Multisite
  3074.  * -----------------------------------------------------------------------------
  3075.  */
  3076.  
  3077. .site-main .widecolumn {
  3078.     padding-top: 72px;
  3079.     width: auto;
  3080. }
  3081. .site-main .mu_register,
  3082. .widecolumn > h2,
  3083. .widecolumn > form {
  3084.     margin: 0 auto 48px;
  3085.     max-width: 474px;
  3086.     padding: 0 30px;
  3087. }
  3088.  
  3089. .site-main .mu_register #blog_title,
  3090. .site-main .mu_register #user_email,
  3091. .site-main .mu_register #blogname,
  3092. .site-main .mu_register #user_name {
  3093.     font-size: inherit;
  3094.     width: 90%;
  3095. }
  3096.  
  3097. .site-main .mu_register input[type="submit"],
  3098. .widecolumn #submit {
  3099.     font-size: inherit;
  3100.     width: auto;
  3101. }
  3102.  
  3103.  
  3104. /**
  3105.  * 11.0 Media Queries
  3106.  * -----------------------------------------------------------------------------
  3107.  */
  3108.  
  3109. /* Does the same thing as <meta name="viewport" content="width=device-width">,
  3110.  * but in the future W3C standard way. -ms- prefix is required for IE10+ to
  3111.  * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
  3112.  * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
  3113.  */
  3114. @-ms-viewport {
  3115.     width: device-width;
  3116. }
  3117.  
  3118. @viewport {
  3119.     width: device-width;
  3120. }
  3121.  
  3122. @media screen and (max-width: 400px) {
  3123.     .list-view .site-content .post-thumbnail {
  3124.         background: none;
  3125.         width: auto;
  3126.         z-index: 2;
  3127.     }
  3128.  
  3129.     .list-view .site-content .post-thumbnail img {
  3130.         float: left;
  3131.         margin: 0 10px 3px 0;
  3132.         width: 84px;
  3133.     }
  3134.  
  3135.     .list-view .site-content .entry-header {
  3136.         background-color: transparent;
  3137.         padding: 0;
  3138.     }
  3139.  
  3140.     .list-view .content-area {
  3141.         padding: 0 10px;
  3142.     }
  3143.  
  3144.     .list-view .site-content .hentry {
  3145.         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  3146.         margin: 0;
  3147.         min-height: 60px;
  3148.         padding: 12px 0 9px;
  3149.     }
  3150.  
  3151.     .list-view .site-content .cat-links,
  3152.     .list-view .site-content .type-post .entry-content,
  3153.     .list-view .site-content .type-page .entry-content,
  3154.     .list-view .site-content .type-post .entry-summary,
  3155.     .list-view .site-content .type-page .entry-summary,
  3156.     .list-view .site-content footer.entry-meta {
  3157.         display: none;
  3158.     }
  3159.  
  3160.     .list-view .site-content .entry-title {
  3161.         clear: none;
  3162.         font-size: 15px;
  3163.         font-weight: 900;
  3164.         line-height: 1.2;
  3165.         margin-bottom: 6px;
  3166.         text-transform: none;
  3167.     }
  3168.  
  3169.     .list-view .site-content .format-aside .entry-title,
  3170.     .list-view .site-content .format-link .entry-title,
  3171.     .list-view .site-content .format-quote .entry-title {
  3172.         display: block;
  3173.     }
  3174.  
  3175.     .list-view .site-content .entry-meta {
  3176.         background-color: transparent;
  3177.         clear: none;
  3178.         margin: 0;
  3179.         text-transform: none;
  3180.     }
  3181.  
  3182.     .archive-header,
  3183.     .page-header {
  3184.         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  3185.         margin: 24px auto 0;
  3186.         padding-bottom: 24px;
  3187.     }
  3188.  
  3189.     .error404 .page-header {
  3190.         border-bottom: 0;
  3191.         margin: 0 auto 24px;
  3192.         padding: 0 10px;
  3193.     }
  3194. }
  3195.  
  3196. @media screen and (min-width: 401px) {
  3197.     a.post-thumbnail:hover img {
  3198.         opacity: 0.85;
  3199.     }
  3200.  
  3201.     .full-size-link:before,
  3202.     .parent-post-link:before,
  3203.     .site-content span + .byline:before,
  3204.     .site-content span + .comments-link:before,
  3205.     .site-content span + .edit-link:before,
  3206.     .site-content span + .entry-date:before {
  3207.         content: "";
  3208.     }
  3209.  
  3210.     .attachment span.entry-date:before,
  3211.     .entry-content .edit-link a:before,
  3212.     .entry-meta .edit-link a:before,
  3213.     .site-content .byline a:before,
  3214.     .site-content .comments-link a:before,
  3215.     .site-content .entry-date a:before,
  3216.     .site-content .featured-post:before,
  3217.     .site-content .full-size-link a:before,
  3218.     .site-content .parent-post-link a:before,
  3219.     .site-content .post-format a:before {
  3220.         -webkit-font-smoothing: antialiased;
  3221.         display: inline-block;
  3222.         font: normal 16px/1 Genericons;
  3223.         text-decoration: inherit;
  3224.         vertical-align: text-bottom;
  3225.     }
  3226.  
  3227.     .site-content .entry-meta > span {
  3228.         margin-right: 10px;
  3229.     }
  3230.  
  3231.     .site-content .format-video .post-format a:before {
  3232.         content: "\f104";
  3233.     }
  3234.  
  3235.     .site-content .format-audio .post-format a:before {
  3236.         content: "\f109";
  3237.     }
  3238.  
  3239.     .site-content .format-image .post-format a:before {
  3240.         content: "\f473";
  3241.     }
  3242.  
  3243.     .site-content .format-quote .post-format a:before {
  3244.         content: "\f106";
  3245.         margin-right: 2px;
  3246.     }
  3247.  
  3248.     .site-content .format-gallery .post-format a:before {
  3249.         content: "\f103";
  3250.         margin-right: 4px;
  3251.     }
  3252.  
  3253.     .site-content .format-aside .post-format a:before {
  3254.         content: "\f101";
  3255.         margin-right: 2px;
  3256.     }
  3257.  
  3258.     .site-content .format-link .post-format a:before {
  3259.         content: "\f107";
  3260.         position: relative;
  3261.         top: 1px;
  3262.     }
  3263.  
  3264.     .site-content .featured-post:before {
  3265.         content: "\f308";
  3266.         margin-right: 3px;
  3267.         position: relative;
  3268.         top: 1px;
  3269.     }
  3270.  
  3271.     .site-content .entry-date a:before,
  3272.     .attachment .site-content span.entry-date:before {
  3273.         content: "\f303";
  3274.         margin-right: 1px;
  3275.         position: relative;
  3276.         top: 1px;
  3277.     }
  3278.  
  3279.     .site-content .byline a:before {
  3280.         content: "\f304";
  3281.     }
  3282.  
  3283.     .site-content .comments-link a:before {
  3284.         content: "\f300";
  3285.         margin-right: 2px;
  3286.     }
  3287.  
  3288.     .entry-content .edit-link a:before,
  3289.     .entry-meta .edit-link a:before {
  3290.         content: "\f411";
  3291.     }
  3292.  
  3293.     .site-content .full-size-link a:before {
  3294.         content: "\f402";
  3295.         margin-right: 1px;
  3296.     }
  3297.  
  3298.     .site-content .parent-post-link a:before {
  3299.         content: "\f301";
  3300.     }
  3301.  
  3302.     .list-view .site-content .hentry {
  3303.         border-top: 1px solid rgba(0, 0, 0, 0.1);
  3304.         padding-top: 48px;
  3305.     }
  3306.  
  3307.     .list-view .site-content .hentry:first-of-type,
  3308.     .list-view .site-content .hentry.has-post-thumbnail {
  3309.         border-top: 0;
  3310.         padding-top: 0;
  3311.     }
  3312.  
  3313.     .archive-header,
  3314.     .page-header {
  3315.         margin: 0 auto 60px;
  3316.         padding: 0 10px;
  3317.     }
  3318.  
  3319.     .error404 .page-header {
  3320.         margin-bottom: 24px;
  3321.     }
  3322. }
  3323.  
  3324. @media screen and (min-width: 594px) {
  3325.     .site-content .entry-header {
  3326.         padding-right: 30px;
  3327.         padding-left: 30px;
  3328.     }
  3329.  
  3330.     .site-content .has-post-thumbnail .entry-header {
  3331.         margin-top: -48px;
  3332.     }
  3333. }
  3334.  
  3335. @media screen and (min-width: 673px) {
  3336.     .header-main {
  3337.         padding: 0 30px;
  3338.     }
  3339.  
  3340.     .search-toggle {
  3341.         margin-right: 18px;
  3342.     }
  3343.  
  3344.     .search-box .search-field {
  3345.         width: 50%;
  3346.     }
  3347.  
  3348.     .content-area {
  3349.         float: left;
  3350.         width: 100%;
  3351.     }
  3352.  
  3353.     .site-content {
  3354.         margin-right: 33.33333333%;
  3355.     }
  3356.  
  3357.     .site-content .has-post-thumbnail .entry-header {
  3358.         margin-top: 0;
  3359.     }
  3360.  
  3361.     .archive-header,
  3362.     .comments-area,
  3363.     .image-navigation,
  3364.     .page-header,
  3365.     .page-content,
  3366.     .post-navigation,
  3367.     .site-content .entry-content,
  3368.     .site-content .entry-summary,
  3369.     .site-content footer.entry-meta {
  3370.         padding-right: 30px;
  3371.         padding-left: 30px;
  3372.     }
  3373.  
  3374.     .singular .site-content .hentry.has-post-thumbnail {
  3375.         margin-top: 0;
  3376.     }
  3377.  
  3378.     .full-width .site-content {
  3379.         margin-right: 0;
  3380.     }
  3381.  
  3382.     .full-width .site-content .has-post-thumbnail .entry-header,
  3383.     .full-width .site-content .hentry.has-post-thumbnail:first-child {
  3384.         margin-top: -48px;
  3385.     }
  3386.  
  3387.     #secondary,
  3388.     #supplementary {
  3389.         padding: 0 30px;
  3390.     }
  3391.  
  3392.     .content-sidebar {
  3393.         border: 0;
  3394.         float: right;
  3395.         margin-left: -33.33333333%;
  3396.         padding: 48px 30px 24px;
  3397.         position: relative;
  3398.         width: 33.33333333%;
  3399.     }
  3400.  
  3401.     .grid .featured-content .hentry {
  3402.         float: left;
  3403.         width: 50%;
  3404.     }
  3405.  
  3406.     .grid .featured-content .hentry:nth-child( 2n+1 ) {
  3407.         clear: both;
  3408.     }
  3409.  
  3410.     .grid .featured-content .entry-header {
  3411.         border-color: #000;
  3412.         border-style: solid;
  3413.         border-width: 12px 10px;
  3414.         height: 96px;
  3415.         padding: 0;
  3416.     }
  3417.  
  3418.     .slider .featured-content .entry-title {
  3419.         font-size: 22px;
  3420.         line-height: 1.0909090909;
  3421.     }
  3422.  
  3423.     .slider .featured-content .entry-header {
  3424.         min-height: inherit;
  3425.         padding: 24px 30px 48px;
  3426.         position: absolute;
  3427.         left: 0;
  3428.         bottom: 0;
  3429.         width: 50%;
  3430.         z-index: 3;
  3431.     }
  3432.  
  3433.     .slider-control-paging {
  3434.         background: transparent;
  3435.         margin-top: -48px;
  3436.         padding-left: 20px;
  3437.         width: 50%;
  3438.     }
  3439.  
  3440.     .slider-direction-nav {
  3441.         clear: none;
  3442.         float: right;
  3443.         margin-top: -48px;
  3444.         width: 98px;
  3445.     }
  3446.  
  3447.     .slider-direction-nav li {
  3448.         border: 0;
  3449.         padding: 0 1px 0 0;
  3450.     }
  3451.  
  3452.     .slider-direction-nav li:last-child {
  3453.         padding: 0 0 0 1px;
  3454.     }
  3455.  
  3456.     .slider-direction-nav a {
  3457.         height: 48px;
  3458.     }
  3459.  
  3460.     .slider-direction-nav a:before {
  3461.         line-height: 48px;
  3462.     }
  3463.  
  3464.     .site-info {
  3465.         padding: 15px 30px;
  3466.     }
  3467. }
  3468.  
  3469. @media screen and (min-width: 783px) {
  3470.     .site-title {
  3471.         /* Search-toggle width = 48px */
  3472.         max-width: -webkit-calc(100% - 48px);
  3473.         max-width:         calc(100% - 48px);
  3474.     }
  3475.  
  3476.     .header-main {
  3477.         padding-right: 0;
  3478.     }
  3479.  
  3480.     .search-toggle {
  3481.         margin-right: 0;
  3482.     }
  3483.  
  3484.     /* Fixed Header */
  3485.  
  3486.     .masthead-fixed .site-header {
  3487.         position: fixed;
  3488.         top: 0;
  3489.     }
  3490.  
  3491.     .admin-bar.masthead-fixed .site-header {
  3492.         top: 32px;
  3493.     }
  3494.  
  3495.     .masthead-fixed .site-main {
  3496.         margin-top: 48px;
  3497.     }
  3498.  
  3499.     /* Navigation */
  3500.  
  3501.     .site-navigation li .current_page_item > a,
  3502.     .site-navigation li .current_page_ancestor > a,
  3503.     .site-navigation li .current-menu-item > a,
  3504.     .site-navigation li .current-menu-ancestor > a {
  3505.         color: #fff;
  3506.     }
  3507.  
  3508.     /* Primary Navigation */
  3509.  
  3510.     .primary-navigation {
  3511.         float: right;
  3512.         font-size: 11px;
  3513.         margin: 0 1px 0 -12px;
  3514.         padding: 0;
  3515.         text-transform: uppercase;
  3516.     }
  3517.  
  3518.     .primary-navigation .menu-toggle {
  3519.         display: none;
  3520.         padding: 0;
  3521.     }
  3522.  
  3523.     .primary-navigation .nav-menu {
  3524.         border-bottom: 0;
  3525.         display: block;
  3526.     }
  3527.  
  3528.     .primary-navigation.toggled-on {
  3529.         border-bottom: 0;
  3530.         margin: 0;
  3531.         padding: 0;
  3532.     }
  3533.  
  3534.     .primary-navigation li {
  3535.         border: 0;
  3536.         display: inline-block;
  3537.         height: 48px;
  3538.         line-height: 48px;
  3539.         position: relative;
  3540.     }
  3541.  
  3542.     .primary-navigation a {
  3543.         display: inline-block;
  3544.         padding: 0 12px;
  3545.         white-space: nowrap;
  3546.     }
  3547.  
  3548.     .primary-navigation ul ul {
  3549.         background-color: #24890d;
  3550.         float: left;
  3551.         margin: 0;
  3552.         position: absolute;
  3553.         top: 48px;
  3554.         left: -999em;
  3555.         z-index: 99999;
  3556.     }
  3557.  
  3558.     .primary-navigation li li {
  3559.         border: 0;
  3560.         display: block;
  3561.         height: auto;
  3562.         line-height: 1.0909090909;
  3563.     }
  3564.  
  3565.     .primary-navigation ul ul ul {
  3566.         left: -999em;
  3567.         top: 0;
  3568.     }
  3569.  
  3570.     .primary-navigation ul ul a {
  3571.         padding: 18px 12px;
  3572.         white-space: normal;
  3573.         width: 176px;
  3574.     }
  3575.  
  3576.     .primary-navigation li:hover > a,
  3577.     .primary-navigation li.focus > a {
  3578.         background-color: #24890d;
  3579.         color: #fff;
  3580.     }
  3581.  
  3582.     .primary-navigation ul ul a:hover,
  3583.     .primary-navigation ul ul li.focus > a {
  3584.         background-color: #41a62a;
  3585.     }
  3586.  
  3587.     .primary-navigation ul li:hover > ul,
  3588.     .primary-navigation ul li.focus > ul {
  3589.         left: auto;
  3590.     }
  3591.  
  3592.     .primary-navigation ul ul li:hover > ul,
  3593.     .primary-navigation ul ul li.focus > ul {
  3594.         left: 100%;
  3595.     }
  3596.  
  3597.     .primary-navigation .menu-item-has-children > a,
  3598.     .primary-navigation .page_item_has_children > a {
  3599.         padding-right: 26px;
  3600.     }
  3601.  
  3602.     .primary-navigation .menu-item-has-children > a:after,
  3603.     .primary-navigation .page_item_has_children > a:after {
  3604.         -webkit-font-smoothing: antialiased;
  3605.         content: "\f502";
  3606.         display: inline-block;
  3607.         font: normal 8px/1 Genericons;
  3608.         position: absolute;
  3609.         right: 12px;
  3610.         top: 22px;
  3611.         vertical-align: text-bottom;
  3612.     }
  3613.  
  3614.     .primary-navigation li .menu-item-has-children > a,
  3615.     .primary-navigation li .page_item_has_children > a {
  3616.         padding-right: 20px;
  3617.         width: 168px;
  3618.     }
  3619.  
  3620.     .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
  3621.     .primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
  3622.     .primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
  3623.     .primary-navigation .page_item_has_children li.page_item_has_children > a:after {
  3624.         content: "\f501";
  3625.         right: 8px;
  3626.         top: 20px;
  3627.     }
  3628. }
  3629.  
  3630. @media screen and (min-width: 810px) {
  3631.     .attachment .entry-attachment .attachment {
  3632.         margin-right: -168px;
  3633.         margin-left: -168px;
  3634.         max-width: 810px;
  3635.     }
  3636.  
  3637.     .attachment .site-content .attachment img {
  3638.         display: block;
  3639.         margin: 0 auto;
  3640.     }
  3641.  
  3642.     .contributor-avatar {
  3643.         margin-left: -168px;
  3644.     }
  3645.  
  3646.     .contributor-summary {
  3647.         float: left;
  3648.     }
  3649.  
  3650.     .full-width .site-content blockquote.alignleft,
  3651.     .full-width .site-content blockquote.alignright {
  3652.         width: -webkit-calc(50% + 130px);
  3653.         width:         calc(50% + 130px);
  3654.     }
  3655.  
  3656.     .full-width .site-content blockquote.alignleft,
  3657.     .full-width .site-content img.size-full.alignleft,
  3658.     .full-width .site-content img.size-large.alignleft,
  3659.     .full-width .site-content img.size-medium.alignleft,
  3660.     .full-width .site-content .wp-caption.alignleft {
  3661.         margin-left: -168px;
  3662.     }
  3663.  
  3664.     .full-width .site-content .alignleft {
  3665.         clear: left;
  3666.     }
  3667.  
  3668.     .full-width .site-content blockquote.alignright,
  3669.     .full-width .site-content img.size-full.alignright,
  3670.     .full-width .site-content img.size-large.alignright,
  3671.     .full-width .site-content img.size-medium.alignright,
  3672.     .full-width .site-content .wp-caption.alignright {
  3673.         margin-right: -168px;
  3674.     }
  3675.  
  3676.     .full-width .site-content .alignright {
  3677.         clear: right;
  3678.     }
  3679. }
  3680.  
  3681. @media screen and (min-width: 846px) {
  3682.     .content-area,
  3683.     .content-sidebar {
  3684.         padding-top: 72px;
  3685.     }
  3686.  
  3687.     .site-content .has-post-thumbnail .entry-header {
  3688.         margin-top: -48px;
  3689.     }
  3690.  
  3691.     .comment-list .trackback,
  3692.     .comment-list .pingback,
  3693.     .comment-list article {
  3694.         margin-bottom: 36px;
  3695.         padding-top: 36px;
  3696.     }
  3697.  
  3698.     .comment-author .avatar {
  3699.         height: 34px;
  3700.         top: 2px;
  3701.         width: 34px;
  3702.     }
  3703.  
  3704.     .comment-author,
  3705.     .comment-awaiting-moderation,
  3706.     .comment-content,
  3707.     .comment-list .reply,
  3708.     .comment-metadata {
  3709.         padding-left: 50px;
  3710.     }
  3711.  
  3712.     .comment-list .children {
  3713.         margin-left: 20px;
  3714.     }
  3715.  
  3716.     .full-width .site-content .hentry.has-post-thumbnail:first-child {
  3717.         margin-top: -72px;
  3718.     }
  3719.  
  3720.     .featured-content {
  3721.         margin-bottom: 0;
  3722.     }
  3723. }
  3724.  
  3725. @media screen and (min-width: 1008px) {
  3726.     .search-box-wrapper {
  3727.         padding-left: 182px;
  3728.     }
  3729.  
  3730.     .main-content {
  3731.         float: left;
  3732.     }
  3733.  
  3734.     .site-content {
  3735.         margin-right: 29.04761904%;
  3736.         margin-left: 182px;
  3737.     }
  3738.  
  3739.     .site-content .entry-header {
  3740.         margin-top: 0;
  3741.     }
  3742.  
  3743.     .site-content .has-post-thumbnail .entry-header {
  3744.         margin-top: 0;
  3745.     }
  3746.  
  3747.     .content-sidebar {
  3748.         margin-left: -29.04761904%;
  3749.         width: 29.04761904%;
  3750.     }
  3751.  
  3752.     .site:before {
  3753.         background-color: #000;
  3754.         content: "";
  3755.         display: block;
  3756.         height: 100%;
  3757.         min-height: 100%;
  3758.         position: absolute;
  3759.         top: 0;
  3760.         left: 0;
  3761.         width: 182px;
  3762.         z-index: 2;
  3763.     }
  3764.  
  3765.     #secondary {
  3766.         background-color: transparent;
  3767.         border: 0;
  3768.         clear: none;
  3769.         float: left;
  3770.         margin: 0 0 0 -100%;
  3771.         min-height: 100vh;
  3772.         width: 122px;
  3773.     }
  3774.  
  3775.     .primary-sidebar {
  3776.         padding-top: 0;
  3777.     }
  3778.  
  3779.     .site-description {
  3780.         display: block;
  3781.         margin: 0 0 18px;
  3782.     }
  3783.  
  3784.     .site-description:empty {
  3785.         margin: 0;
  3786.     }
  3787.  
  3788.     .secondary-navigation {
  3789.         font-size: 11px;
  3790.         margin: 0 -30px 48px;
  3791.         width: 182px;
  3792.     }
  3793.  
  3794.     .secondary-navigation li {
  3795.         border-top: 1px solid rgba(255, 255, 255, 0.2);
  3796.         position: relative;
  3797.     }
  3798.  
  3799.     .secondary-navigation a {
  3800.         padding: 10px 30px;
  3801.     }
  3802.  
  3803.     .secondary-navigation ul ul {
  3804.         background-color: #24890d;
  3805.         position: absolute;
  3806.         top: 0;
  3807.         left: -999em;
  3808.         width: 182px;
  3809.         z-index: 99999;
  3810.     }
  3811.  
  3812.     .secondary-navigation li li {
  3813.         border-top: 0;
  3814.     }
  3815.  
  3816.     .secondary-navigation li:hover > a,
  3817.     .secondary-navigation li.focus > a {
  3818.         background-color: #24890d;
  3819.         color: #fff;
  3820.     }
  3821.  
  3822.     .secondary-navigation ul ul a:hover,
  3823.     .secondary-navigation ul ul li.focus > a {
  3824.         background-color: #41a62a;
  3825.     }
  3826.  
  3827.     .secondary-navigation ul li:hover > ul,
  3828.     .secondary-navigation ul li.focus > ul {
  3829.         left: 162px;
  3830.     }
  3831.  
  3832.     .secondary-navigation .menu-item-has-children > a {
  3833.         padding-right: 38px;
  3834.     }
  3835.  
  3836.     .secondary-navigation .menu-item-has-children > a:after {
  3837.         -webkit-font-smoothing: antialiased;
  3838.         content: "\f501";
  3839.         display: inline-block;
  3840.         font: normal 8px/1 Genericons;
  3841.         position: absolute;
  3842.         right: 26px;
  3843.         top: 14px;
  3844.         vertical-align: text-bottom;
  3845.     }
  3846.  
  3847.     .footer-sidebar .widget,
  3848.     .primary-sidebar .widget {
  3849.         font-size: 12px;
  3850.         line-height: 1.5;
  3851.     }
  3852.  
  3853.     .footer-sidebar .widget {
  3854.         -webkit-box-sizing: border-box;
  3855.         -moz-box-sizing:    border-box;
  3856.         box-sizing:         border-box;
  3857.         float: left;
  3858.         padding: 0 30px;
  3859.         width: 25%;
  3860.     }
  3861.  
  3862.     .footer-sidebar .widget h1,
  3863.     .primary-sidebar .widget h1 {
  3864.         font-size: 20px;
  3865.         line-height: 1.2;
  3866.     }
  3867.  
  3868.     .footer-sidebar .widget h2,
  3869.     .primary-sidebar .widget h2 {
  3870.         font-size: 18px;
  3871.         line-height: 1.3333333333;
  3872.     }
  3873.  
  3874.     .footer-sidebar .widget h3,
  3875.     .primary-sidebar .widget h3 {
  3876.         font-size: 16px;
  3877.         line-height: 1.5;
  3878.     }
  3879.  
  3880.     .footer-sidebar .widget h4,
  3881.     .primary-sidebar .widget h4 {
  3882.         font-size: 14px;
  3883.         line-height: 1.7142857142;
  3884.     }
  3885.  
  3886.     .footer-sidebar .widget h5,
  3887.     .primary-sidebar .widget h5 {
  3888.         font-size: 12px;
  3889.         line-height: 2;
  3890.     }
  3891.  
  3892.     .footer-sidebar .widget h6,
  3893.     .primary-sidebar .widget h6 {
  3894.         font-size: 11px;
  3895.         line-height: 2.1818181818;
  3896.     }
  3897.  
  3898.     .footer-sidebar .widget code,
  3899.     .footer-sidebar .widget kbd,
  3900.     .footer-sidebar .widget tt,
  3901.     .footer-sidebar .widget var,
  3902.     .footer-sidebar .widget samp,
  3903.     .footer-sidebar .widget pre,
  3904.     .primary-sidebar .widget code,
  3905.     .primary-sidebar .widget kbd,
  3906.     .primary-sidebar .widget tt,
  3907.     .primary-sidebar .widget var,
  3908.     .primary-sidebar .widget samp,
  3909.     .primary-sidebar .widget pre {
  3910.         font-size: 11px;
  3911.         line-height: 1.6363636363;
  3912.     }
  3913.  
  3914.     .footer-sidebar .widget blockquote,
  3915.     .primary-sidebar .widget blockquote {
  3916.         font-size: 14px;
  3917.         line-height: 1.2857142857;
  3918.     }
  3919.  
  3920.     .footer-sidebar .widget blockquote cite,
  3921.     .primary-sidebar .widget blockquote cite {
  3922.         font-size: 12px;
  3923.         line-height: 1.5;
  3924.     }
  3925.  
  3926.     .footer-sidebar .widget input,
  3927.     .footer-sidebar .widget textarea,
  3928.     .primary-sidebar .widget input,
  3929.     .primary-sidebar .widget textarea {
  3930.         font-size: 12px;
  3931.         padding: 3px 2px 4px 4px;
  3932.     }
  3933.  
  3934.     .footer-sidebar .widget input[type="button"],
  3935.     .footer-sidebar .widget input[type="reset"],
  3936.     .footer-sidebar .widget input[type="submit"],
  3937.     .primary-sidebar .widget input[type="button"],
  3938.     .primary-sidebar .widget input[type="reset"],
  3939.     .primary-sidebar .widget input[type="submit"] {
  3940.         padding: 5px 15px 4px;
  3941.     }
  3942.  
  3943.     .footer-sidebar .widget .widget-title,
  3944.     .primary-sidebar .widget .widget-title {
  3945.         font-size: 11px;
  3946.         font-weight: 900;
  3947.         line-height: 1.6363636363;
  3948.         margin-bottom: 18px;
  3949.     }
  3950.  
  3951.     .footer-sidebar .widget_twentyfourteen_ephemera .entry-title,
  3952.     .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta,
  3953.     .footer-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
  3954.     .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
  3955.     .footer-sidebar .widget_twentyfourteen_ephemera .entry-content table,
  3956.     .primary-sidebar .widget_twentyfourteen_ephemera .entry-title,
  3957.     .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta,
  3958.     .primary-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
  3959.     .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
  3960.     .primary-sidebar .widget_twentyfourteen_ephemera .entry-content table {
  3961.         font-size: 11px;
  3962.         line-height: 1.6363636363;
  3963.     }
  3964.  
  3965.     .footer-sidebar .widget_archive li,
  3966.     .footer-sidebar .widget_categories li,
  3967.     .footer-sidebar .widget_links li,
  3968.     .footer-sidebar .widget_meta li,
  3969.     .footer-sidebar .widget_nav_menu li,
  3970.     .footer-sidebar .widget_pages li,
  3971.     .footer-sidebar .widget_recent_comments li,
  3972.     .footer-sidebar .widget_recent_entries li,
  3973.     .primary-sidebar .widget_archive li,
  3974.     .primary-sidebar .widget_categories li,
  3975.     .primary-sidebar .widget_links li,
  3976.     .primary-sidebar .widget_meta li,
  3977.     .primary-sidebar .widget_nav_menu li,
  3978.     .primary-sidebar .widget_pages li,
  3979.     .primary-sidebar .widget_recent_comments li,
  3980.     .primary-sidebar .widget_recent_entries li {
  3981.         border-top: 0;
  3982.         padding: 0 0 6px;
  3983.     }
  3984.  
  3985.     .footer-sidebar .widget_archive li:last-child,
  3986.     .footer-sidebar .widget_categories li:last-child,
  3987.     .footer-sidebar .widget_links li:last-child,
  3988.     .footer-sidebar .widget_meta li:last-child,
  3989.     .footer-sidebar .widget_nav_menu li:last-child,
  3990.     .footer-sidebar .widget_pages li:last-child,
  3991.     .footer-sidebar .widget_recent_comments li:last-child,
  3992.     .footer-sidebar .widget_recent_entries li:last-child,
  3993.     .primary-sidebar .widget_archive li:last-child,
  3994.     .primary-sidebar .widget_categories li:last-child,
  3995.     .primary-sidebar .widget_links li:last-child,
  3996.     .primary-sidebar .widget_meta li:last-child,
  3997.     .primary-sidebar .widget_nav_menu li:last-child,
  3998.     .primary-sidebar .widget_pages li:last-child,
  3999.     .primary-sidebar .widget_recent_comments li:last-child,
  4000.     .primary-sidebar .widget_recent_entries li:last-child {
  4001.         padding: 0;
  4002.     }
  4003.  
  4004.     .footer-sidebar .widget_categories li ul,
  4005.     .footer-sidebar .widget_nav_menu li ul,
  4006.     .footer-sidebar .widget_pages li ul,
  4007.     .primary-sidebar .widget_categories li ul,
  4008.     .primary-sidebar .widget_nav_menu li ul,
  4009.     .primary-sidebar .widget_pages li ul {
  4010.         border-top: 0;
  4011.         margin-top: 6px;
  4012.     }
  4013.  
  4014.     #supplementary {
  4015.         padding: 0;
  4016.     }
  4017.  
  4018.     .footer-sidebar {
  4019.         font-size: 12px;
  4020.         line-height: 1.5;
  4021.     }
  4022.  
  4023.     .featured-content {
  4024.         padding-left: 182px;
  4025.     }
  4026.  
  4027.     .grid .featured-content .hentry {
  4028.         width: 33.3333333%;
  4029.     }
  4030.  
  4031.     .grid .featured-content .hentry:nth-child( 2n+1 ) {
  4032.         clear: none;
  4033.     }
  4034.  
  4035.     .grid .featured-content .hentry:nth-child( 3n+1 ) {
  4036.         clear: both;
  4037.     }
  4038.  
  4039.     .grid .featured-content .entry-header {
  4040.         height: 120px;
  4041.     }
  4042. }
  4043.  
  4044. @media screen and (min-width: 1040px) {
  4045.     .site-content .has-post-thumbnail .entry-header {
  4046.         margin-top: -48px;
  4047.     }
  4048.  
  4049.     .archive-header,
  4050.     .comments-area,
  4051.     .image-navigation,
  4052.     .page-header,
  4053.     .page-content,
  4054.     .post-navigation,
  4055.     .site-content .entry-header,
  4056.     .site-content .entry-content,
  4057.     .site-content .entry-summary,
  4058.     .site-content footer.entry-meta {
  4059.         padding-right: 15px;
  4060.         padding-left: 15px;
  4061.     }
  4062.  
  4063.     .full-width .archive-header,
  4064.     .full-width .comments-area,
  4065.     .full-width .image-navigation,
  4066.     .full-width .page-header,
  4067.     .full-width .page-content,
  4068.     .full-width .post-navigation,
  4069.     .full-width .site-content .entry-header,
  4070.     .full-width .site-content .entry-content,
  4071.     .full-width .site-content .entry-summary,
  4072.     .full-width .site-content footer.entry-meta {
  4073.         padding-right: 30px;
  4074.         padding-left: 30px;
  4075.     }
  4076. }
  4077.  
  4078. @media screen and (min-width: 1080px) {
  4079.     .search-box .search-field {
  4080.         width: 324px;
  4081.     }
  4082.  
  4083.     .site-content,
  4084.     .site-main .widecolumn {
  4085.         margin-left: 222px;
  4086.     }
  4087.  
  4088.     .site:before {
  4089.         width: 222px;
  4090.     }
  4091.  
  4092.     .search-box-wrapper,
  4093.     .featured-content {
  4094.         padding-left: 222px;
  4095.     }
  4096.  
  4097.     #secondary {
  4098.         width: 162px;
  4099.     }
  4100.  
  4101.     .secondary-navigation,
  4102.     .secondary-navigation ul ul {
  4103.         width: 222px;
  4104.     }
  4105.  
  4106.     .secondary-navigation ul li:hover > ul,
  4107.     .secondary-navigation ul li.focus > ul {
  4108.         left: 202px;
  4109.     }
  4110.  
  4111.     .slider .featured-content .entry-title {
  4112.         font-size: 33px;
  4113.     }
  4114.  
  4115.     .slider .featured-content .entry-header,
  4116.     .slider-control-paging {
  4117.         width: 534px;
  4118.     }
  4119.  
  4120.     .slider-control-paging {
  4121.         padding-left: 24px;
  4122.     }
  4123.  
  4124.     .slider-control-paging li {
  4125.         margin: 12px 12px 12px 0;
  4126.     }
  4127.  
  4128.     .slider-control-paging a {
  4129.         height: 24px;
  4130.         width: 24px;
  4131.     }
  4132.  
  4133.     .slider-control-paging a:before {
  4134.         top: 6px;
  4135.         left: 6px;
  4136.     }
  4137. }
  4138.  
  4139. @media screen and (min-width: 1110px) {
  4140.     .archive-header,
  4141.     .comments-area,
  4142.     .image-navigation,
  4143.     .page-header,
  4144.     .page-content,
  4145.     .post-navigation,
  4146.     .site-content .entry-header,
  4147.     .site-content .entry-content,
  4148.     .site-content .entry-summary,
  4149.     .site-content footer.entry-meta {
  4150.         padding-right: 30px;
  4151.         padding-left: 30px;
  4152.     }
  4153. }
  4154.  
  4155. @media screen and (min-width: 1218px) {
  4156.     .archive-header,
  4157.     .comments-area,
  4158.     .image-navigation,
  4159.     .page-header,
  4160.     .page-content,
  4161.     .post-navigation,
  4162.     .site-content .entry-header,
  4163.     .site-content .entry-content,
  4164.     .site-content .entry-summary,
  4165.     .site-content footer.entry-meta {
  4166.         margin-right: 54px;
  4167.     }
  4168.  
  4169.     .full-width .archive-header,
  4170.     .full-width .comments-area,
  4171.     .full-width .image-navigation,
  4172.     .full-width .page-header,
  4173.     .full-width .page-content,
  4174.     .full-width .post-navigation,
  4175.     .full-width .site-content .entry-header,
  4176.     .full-width .site-content .entry-content,
  4177.     .full-width .site-content .entry-summary,
  4178.     .full-width .site-content footer.entry-meta {
  4179.         margin-right: auto;
  4180.     }
  4181. }
  4182.  
  4183. @media screen and (min-width: 1260px) {
  4184.     .site-content blockquote.alignleft,
  4185.     .site-content blockquote.alignright {
  4186.         width: -webkit-calc(50% + 18px);
  4187.         width:         calc(50% + 18px);
  4188.     }
  4189.  
  4190.     .site-content blockquote.alignleft {
  4191.         margin-left: -18%;
  4192.     }
  4193.  
  4194.     .site-content blockquote.alignright {
  4195.         margin-right: -18%;
  4196.     }
  4197. }
  4198.  
  4199.  
  4200. /**
  4201.  * 12.0 Print
  4202.  * -----------------------------------------------------------------------------
  4203.  */
  4204.  
  4205. @media print {
  4206.     body {
  4207.         background: none !important; /* Brute force since user agents all print differently. */
  4208.         color: #2b2b2b;
  4209.         font-size: 12pt;
  4210.     }
  4211.  
  4212.     .site,
  4213.     .site-header,
  4214.     .hentry,
  4215.     .site-content .entry-header,
  4216.     .site-content .entry-content,
  4217.     .site-content .entry-summary,
  4218.     .site-content .entry-meta,
  4219.     .page-content,
  4220.     .archive-header,
  4221.     .page-header,
  4222.     .contributor-info,
  4223.     .comments-area,
  4224.     .attachment .entry-attachment .attachment {
  4225.         max-width: 100%;
  4226.     }
  4227.  
  4228.     #site-header img,
  4229.     .search-toggle,
  4230.     .site-navigation,
  4231.     .site-content nav,
  4232.     .edit-link,
  4233.     .page-links,
  4234.     .widget-area,
  4235.     .more-link,
  4236.     .post-format-archive-link,
  4237.     .comment-respond,
  4238.     .comment-list .reply,
  4239.     .comment-reply-login,
  4240.     #secondary,
  4241.     .site-footer,
  4242.     .slider-control-paging,
  4243.     .slider-direction-nav {
  4244.         display: none;
  4245.     }
  4246.  
  4247.     .site-title a,
  4248.     .entry-meta,
  4249.     .entry-meta a,
  4250.     .featured-content .hentry,
  4251.     .featured-content a {
  4252.         color: #2b2b2b;
  4253.     }
  4254.  
  4255.     .entry-content a,
  4256.     .entry-summary a,
  4257.     .page-content a,
  4258.     .comment-content a {
  4259.         text-decoration: none;
  4260.     }
  4261.  
  4262.     .site-header,
  4263.     .post-thumbnail,
  4264.     a.post-thumbnail:hover,
  4265.     .site-content .entry-header,
  4266.     .site-footer,
  4267.     .featured-content,
  4268.     .featured-content .entry-header {
  4269.         background: transparent;
  4270.     }
  4271.  
  4272.     .header-main {
  4273.         padding: 48px 10px;
  4274.     }
  4275.  
  4276.     .site-title {
  4277.         float: none;
  4278.         font-size: 19pt;
  4279.     }
  4280.  
  4281.     .content-area {
  4282.         padding-top: 0;
  4283.     }
  4284.  
  4285.     .list-view .site-content .hentry {
  4286.         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  4287.         margin-bottom: 48px;
  4288.         padding-bottom: 24px;
  4289.     }
  4290.  
  4291.     .post-thumbnail img {
  4292.         margin: 0 10px 24px;
  4293.     }
  4294.  
  4295.     .site-content .has-post-thumbnail .entry-header {
  4296.         padding-top: 0;
  4297.     }
  4298.  
  4299.     .site-content footer.entry-meta {
  4300.         margin: 24px auto;
  4301.     }
  4302.  
  4303.     .entry-meta .tag-links a {
  4304.         color: #fff;
  4305.     }
  4306.  
  4307.     .singular .site-content .hentry.has-post-thumbnail {
  4308.         margin-top: 0;
  4309.     }
  4310.  
  4311.     .gallery-columns-1.gallery-size-medium,
  4312.     .gallery-columns-1.gallery-size-thumbnail,
  4313.     .gallery-columns-2.gallery-size-thumbnail,
  4314.     .gallery-columns-3.gallery-size-thumbnail {
  4315.         display: block;
  4316.     }
  4317.  
  4318.     .archive-title,
  4319.     .page-title {
  4320.         margin: 0 10px 48px;
  4321.     }
  4322.  
  4323.     .featured-content .hentry {
  4324.         margin-bottom: 48px;
  4325.     }
  4326.  
  4327.     .featured-content .post-thumbnail,
  4328.     .slider .featured-content .post-thumbnail {
  4329.         padding-top: 0;
  4330.     }
  4331.  
  4332.     .featured-content .post-thumbnail img {
  4333.         position: relative;
  4334.     }
  4335.  
  4336.     .featured-content .entry-header {
  4337.         padding: 0 10px 24px;
  4338.     }
  4339.  
  4340.     .featured-content .entry-meta {
  4341.         font-size: 9pt;
  4342.         margin-bottom: 11px;
  4343.     }
  4344.  
  4345.     .featured-content .cat-links {
  4346.         font-weight: 900;
  4347.     }
  4348.  
  4349.     .featured-content .entry-title {
  4350.         font-size: 25pt;
  4351.         line-height: 36px;
  4352.     }
  4353. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement