2 Theme Name: Twenty Fourteen
3 Theme URI: http://wordpress.org/themes/twentyfourteen
4 Author: the WordPress team
5 Author URI: http://wordpress.org/
6 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.
8 License: GNU General Public License v2 or later
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html
10 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
11 Text Domain: twentyfourteen
13 This theme, like WordPress, is licensed under the GPL.
14 Use it to make something cool, have fun, and share what you've learned with others.
21 * 2.0 - Repeatable Patterns
22 * 3.0 - Basic Structure
26 * 6.1 - Post Thumbnail
32 * 6.7 - Post/Image/Paging Navigation
35 * 6.10 - Contributor Page
42 * 7.2 - Content Sidebar Widgets
44 * 9.0 - Featured Content
46 * 11.0 - Media Queries
48 * -----------------------------------------------------------------------------
55 * Resetting and rebuilding styles have been helped along thanks to the fine
56 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
57 * along with Nicolas Gallagher and Jonathan Neal
58 * http://necolas.github.com/normalize.css/ and Blueprint
59 * http://www.blueprintcss.org/
61 * -----------------------------------------------------------------------------
64 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 {
73 vertical-align: baseline;
92 display: inline-block;
98 -webkit-text-size-adjust: 100%;
99 -ms-text-size-adjust: 100%;
108 font-family: Lato, sans-serif;
120 text-decoration: none;
124 outline: thin dotted;
150 line-height: 1.3846153846;
160 line-height: 1.0909090909;
170 line-height: 1.3333333333;
184 border-bottom: 1px dotted #2b2b2b;
203 text-decoration: none;
216 font-family: monospace, serif;
218 -webkit-hyphens: none;
226 border: 1px solid rgba(0, 0, 0, 0.1);
227 -webkit-box-sizing: border-box;
228 -moz-box-sizing: border-box;
229 box-sizing: border-box;
235 white-space: pre-wrap;
236 word-wrap: break-word;
241 -webkit-hyphens: none;
261 line-height: 1.2631578947;
298 vertical-align: baseline;
324 margin: 0 0 24px 20px;
341 -ms-interpolation-mode: bicubic;
343 vertical-align: middle;
351 border: 1px solid rgba(0, 0, 0, 0.1);
353 padding: 11px 12px 0;
364 -webkit-box-sizing: border-box;
365 -moz-box-sizing: border-box;
366 box-sizing: border-box;
370 vertical-align: baseline;
380 background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
384 html input[type="button"],
386 input[type="submit"] {
387 -webkit-appearance: button;
396 input[type="checkbox"],
397 input[type="radio"] {
401 input[type="search"] {
402 -webkit-appearance: textfield;
405 input[type="search"]::-webkit-search-decoration {
406 -webkit-appearance: none;
409 button::-moz-focus-inner,
410 input::-moz-focus-inner {
423 border: 1px solid rgba(0, 0, 0, 0.1);
427 border-collapse: separate;
429 border-width: 1px 0 0 1px;
442 border-width: 0 1px 1px 0;
447 border-width: 0 1px 1px 0;
455 background-color: rgba(0, 0, 0, 0.1);
461 /* Support a widely-adopted but non-standard selector for text selection styles
462 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
478 * 2.0 Repeatable Patterns
479 * -----------------------------------------------------------------------------
486 border: 1px solid rgba(0, 0, 0, 0.1);
489 padding: 8px 10px 7px;
498 border: 1px solid rgba(0, 0, 0, 0.3);
506 input[type="button"],
508 input[type="submit"] {
509 background-color: #24890d;
515 padding: 10px 30px 11px;
516 text-transform: uppercase;
517 vertical-align: bottom;
524 input[type="button"]:hover,
525 input[type="button"]:focus,
526 input[type="reset"]:hover,
527 input[type="reset"]:focus,
528 input[type="submit"]:hover,
529 input[type="submit"]:focus {
530 background-color: #41a62a;
536 input[type="button"]:active,
537 input[type="reset"]:active,
538 input[type="submit"]:active {
539 background-color: #55d737;
550 /* Placeholder text color -- selectors need to be separate to work. */
552 ::-webkit-input-placeholder {
562 opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
565 :-ms-input-placeholder {
569 /* Responsive images. Fluid images for posts, comments, and widgets */
571 .comment-content img,
581 * Make sure images with WordPress-added height and width attributes are
585 .comment-content img[height],
589 img[class*="wp-image-"],
590 img[class*="attachment-"],
598 .post-thumbnail img {
603 /* Make sure embeds and iframes fit their containers */
638 blockquote.alignleft,
639 figure.wp-caption.alignleft,
641 margin: 7px 24px 7px 0;
644 .wp-caption.alignleft {
645 margin: 7px 14px 7px 0;
648 blockquote.alignright,
649 figure.wp-caption.alignright,
651 margin: 7px 0 7px 24px;
654 .wp-caption.alignright {
655 margin: 7px 0 7px 14px;
658 blockquote.aligncenter,
660 .wp-caption.aligncenter {
665 .site-content blockquote.alignleft,
666 .site-content blockquote.alignright {
667 border-top: 1px solid rgba(0, 0, 0, 0.1);
668 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
673 .site-content blockquote.alignleft p,
674 .site-content blockquote.alignright p {
682 .wp-caption img[class*="wp-image-"] {
692 -webkit-box-sizing: border-box;
693 -moz-box-sizing: border-box;
694 box-sizing: border-box;
701 div.wp-caption .wp-caption-text {
705 div.wp-caption.alignright img[class*="wp-image-"],
706 div.wp-caption.alignright .wp-caption-text {
720 .screen-reader-text {
721 clip: rect(1px, 1px, 1px, 1px);
725 .screen-reader-text:focus {
726 background-color: #f1f1f1;
728 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
736 padding: 15px 23px 14px;
740 text-decoration: none;
741 text-transform: none;
743 z-index: 100000; /* Above WP toolbar */
750 /* Clearing floats */
752 .footer-sidebar:before,
753 .footer-sidebar:after,
758 .slider-direction-nav:before,
759 .slider-direction-nav:after,
760 .contributor-info:before,
761 .contributor-info:after,
764 [class*="content"]:before,
765 [class*="content"]:after,
766 [class*="site"]:before,
767 [class*="site"]:after {
772 .footer-sidebar:after,
775 .slider-direction-nav:after,
776 .contributor-info:after,
778 [class*="content"]:after,
779 [class*="site"]:after {
785 .bypostauthor > article .fn:before,
786 .comment-edit-link:before,
787 .comment-reply-link:before,
788 .comment-reply-login:before,
789 .comment-reply-title small a:before,
790 .contributor-posts-link:before,
792 .search-toggle:before,
793 .slider-direction-nav a:before,
794 .widget_twentyfourteen_ephemera .widget-title:before {
795 -webkit-font-smoothing: antialiased;
796 display: inline-block;
797 font: normal 16px/1 Genericons;
798 text-decoration: inherit;
799 vertical-align: text-bottom;
804 .site-content span + .entry-date:before,
805 .full-size-link:before,
806 .parent-post-link:before,
807 span + .byline:before,
808 span + .comments-link:before,
809 span + .edit-link:before,
810 .widget_twentyfourteen_ephemera .entry-title:after {
811 content: "\0020\007c\0020";
816 * 3.0 Basic Structure
817 * -----------------------------------------------------------------------------
821 background-color: #fff;
833 * -----------------------------------------------------------------------------
836 /* Ensure that there is no gap between the header and
837 the admin bar for WordPress versions before 3.8. */
848 background-color: #000;
869 .site-title a:hover {
873 /* Search in the header */
876 background-color: #24890d;
885 .search-toggle:hover,
886 .search-toggle.active {
887 background-color: #41a62a;
890 .search-toggle:before {
897 .search-toggle .screen-reader-text {
898 left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
901 .search-box-wrapper {
902 -webkit-box-sizing: border-box;
903 -moz-box-sizing: border-box;
904 box-sizing: border-box;
913 background-color: #41a62a;
917 .search-box .search-field {
918 background-color: #fff;
922 padding: 2px 2px 3px 6px;
929 * -----------------------------------------------------------------------------
932 .site-navigation ul {
937 .site-navigation li {
938 border-top: 1px solid rgba(255, 255, 255, 0.2);
941 .site-navigation ul ul {
948 text-transform: uppercase;
951 .site-navigation a:hover {
955 .site-navigation .current_page_item > a,
956 .site-navigation .current_page_ancestor > a,
957 .site-navigation .current-menu-item > a,
958 .site-navigation .current-menu-ancestor > a {
963 /* Primary Navigation */
965 .primary-navigation {
966 -webkit-box-sizing: border-box;
967 -moz-box-sizing: border-box;
968 box-sizing: border-box;
973 .primary-navigation.toggled-on {
974 padding: 72px 0 36px;
977 .primary-navigation .nav-menu {
978 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
982 .primary-navigation.toggled-on .nav-menu {
986 .primary-navigation a {
990 /* Secondary Navigation */
992 .secondary-navigation {
993 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
998 .secondary-navigation a {
1003 background-color: #000;
1018 .menu-toggle:before {
1025 .menu-toggle:active,
1027 .menu-toggle:hover {
1028 background-color: #444;
1031 .menu-toggle:focus {
1032 outline: 1px dotted;
1038 * -----------------------------------------------------------------------------
1046 margin: 0 auto 48px;
1050 .site-content .entry-header,
1051 .site-content .entry-content,
1052 .site-content .entry-summary,
1053 .site-content .entry-meta,
1060 margin-bottom: 48px;
1065 * 6.1 Post Thumbnail
1066 * -----------------------------------------------------------------------------
1070 background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
1077 a.post-thumbnail:hover {
1078 background-color: #999;
1081 .full-width .post-thumbnail img {
1089 * -----------------------------------------------------------------------------
1100 line-height: 1.0909090909;
1101 margin-bottom: 12px;
1103 text-transform: uppercase;
1110 .entry-title a:hover {
1114 .site-content .entry-header {
1115 background-color: #fff;
1116 padding: 0 10px 12px;
1119 .site-content .has-post-thumbnail .entry-header {
1126 * -----------------------------------------------------------------------------
1134 line-height: 1.3333333333;
1135 text-transform: uppercase;
1142 .entry-meta a:hover {
1146 .sticky .entry-date {
1152 text-transform: uppercase;
1159 .cat-links a:hover {
1168 .group-blog .byline {
1172 .site-content .entry-meta {
1173 background-color: #fff;
1177 .site-content footer.entry-meta {
1178 margin: 24px auto 0;
1182 /* Tag links style */
1184 .entry-meta .tag-links a {
1185 background-color: #767676;
1186 border-radius: 0 2px 2px 0;
1188 display: inline-block;
1191 line-height: 1.2727272727;
1192 margin: 2px 4px 2px 10px;
1195 text-transform: uppercase;
1198 .entry-meta .tag-links a:hover {
1199 background-color: #41a62a;
1203 .entry-meta .tag-links a:before {
1204 border-top: 10px solid transparent;
1205 border-right: 8px solid #767676;
1206 border-bottom: 10px solid transparent;
1215 .entry-meta .tag-links a:hover:before {
1216 border-right-color: #41a62a;
1219 .entry-meta .tag-links a:after {
1220 background-color: #fff;
1233 * -----------------------------------------------------------------------------
1239 -webkit-hyphens: auto;
1243 word-wrap: break-word;
1246 .site-content .entry-content,
1247 .site-content .entry-summary,
1249 background-color: #fff;
1250 padding: 12px 10px 0;
1253 .page .entry-content {
1257 .entry-content h1:first-child,
1258 .entry-content h2:first-child,
1259 .entry-content h3:first-child,
1260 .entry-content h4:first-child,
1261 .entry-content h5:first-child,
1262 .entry-content h6:first-child,
1263 .entry-summary h1:first-child,
1264 .entry-summary h2:first-child,
1265 .entry-summary h3:first-child,
1266 .entry-summary h4:first-child,
1267 .entry-summary h5:first-child,
1268 .entry-summary h6:first-child,
1269 .page-content h1:first-child,
1270 .page-content h2:first-child,
1271 .page-content h3:first-child,
1272 .page-content h4:first-child,
1273 .page-content h5:first-child,
1274 .page-content h6:first-child {
1281 .comment-content a {
1282 text-decoration: underline;
1285 .entry-content a:hover,
1286 .entry-summary a:hover,
1287 .page-content a:hover,
1288 .comment-content a:hover,
1289 .entry-content a.button,
1290 .entry-summary a.button,
1291 .page-content a.button,
1292 .comment-content a.button {
1293 text-decoration: none;
1296 .entry-content table,
1297 .comment-content table {
1299 line-height: 1.2857142857;
1300 margin-bottom: 24px;
1304 .comment-content th {
1307 text-transform: uppercase;
1311 .comment-content td {
1315 .entry-content .edit-link {
1320 line-height: 1.3333333333;
1321 text-transform: uppercase;
1324 .entry-content .edit-link a {
1326 text-decoration: none;
1329 .entry-content .edit-link a:hover {
1335 .hentry .mejs-container {
1336 margin: 12px 0 18px;
1339 .hentry .mejs-mediaelement,
1340 .hentry .mejs-container .mejs-controls {
1344 .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
1345 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
1349 .hentry .mejs-controls .mejs-time-rail .mejs-time-current {
1350 background: #24890d;
1353 .hentry .mejs-controls .mejs-time-rail .mejs-time-total,
1354 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
1355 background: rgba(255, 255, 255, .33);
1358 .hentry .mejs-container .mejs-controls .mejs-time {
1362 .hentry .mejs-controls .mejs-time-rail span,
1363 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
1364 .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
1368 .hentry .mejs-overlay-loading {
1369 background: transparent;
1380 text-transform: uppercase;
1384 .page-links > span {
1386 border: 1px solid #fff;
1387 display: inline-block;
1389 margin: 0 1px 2px 0;
1396 border: 1px solid #000;
1398 text-decoration: none;
1401 .page-links a:hover {
1402 background: #41a62a;
1403 border: 1px solid #41a62a;
1407 .page-links > .page-links-title {
1417 * -----------------------------------------------------------------------------
1421 margin-bottom: 20px;
1426 margin: 0 4px 4px 0;
1431 .gallery-columns-1 .gallery-item {
1435 .gallery-columns-2 .gallery-item {
1437 max-width: -webkit-calc(50% - 4px);
1438 max-width: calc(50% - 4px);
1441 .gallery-columns-3 .gallery-item {
1443 max-width: -webkit-calc(33.3% - 4px);
1444 max-width: calc(33.3% - 4px);
1447 .gallery-columns-4 .gallery-item {
1449 max-width: -webkit-calc(25% - 4px);
1450 max-width: calc(25% - 4px);
1453 .gallery-columns-5 .gallery-item {
1455 max-width: -webkit-calc(20% - 4px);
1456 max-width: calc(20% - 4px);
1459 .gallery-columns-6 .gallery-item {
1461 max-width: -webkit-calc(16.7% - 4px);
1462 max-width: calc(16.7% - 4px);
1465 .gallery-columns-7 .gallery-item {
1467 max-width: -webkit-calc(14.28% - 4px);
1468 max-width: calc(14.28% - 4px);
1471 .gallery-columns-8 .gallery-item {
1473 max-width: -webkit-calc(12.5% - 4px);
1474 max-width: calc(12.5% - 4px);
1477 .gallery-columns-9 .gallery-item {
1479 max-width: -webkit-calc(11.1% - 4px);
1480 max-width: calc(11.1% - 4px);
1483 .gallery-columns-1 .gallery-item:nth-of-type(1n),
1484 .gallery-columns-2 .gallery-item:nth-of-type(2n),
1485 .gallery-columns-3 .gallery-item:nth-of-type(3n),
1486 .gallery-columns-4 .gallery-item:nth-of-type(4n),
1487 .gallery-columns-5 .gallery-item:nth-of-type(5n),
1488 .gallery-columns-6 .gallery-item:nth-of-type(6n),
1489 .gallery-columns-7 .gallery-item:nth-of-type(7n),
1490 .gallery-columns-8 .gallery-item:nth-of-type(8n),
1491 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
1495 .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
1496 .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
1497 .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
1498 .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
1503 background-color: rgba(0, 0, 0, 0.7);
1504 -webkit-box-sizing: border-box;
1505 -moz-box-sizing: border-box;
1506 box-sizing: border-box;
1521 .gallery-caption:before {
1531 .gallery-item:hover .gallery-caption {
1535 .gallery-columns-7 .gallery-caption,
1536 .gallery-columns-8 .gallery-caption,
1537 .gallery-columns-9 .gallery-caption {
1544 * -----------------------------------------------------------------------------
1547 .format-aside .entry-content,
1548 .format-aside .entry-summary,
1549 .format-quote .entry-content,
1550 .format-quote .entry-summary,
1551 .format-link .entry-content,
1552 .format-link .entry-summary {
1556 .site-content .format-link .entry-title,
1557 .site-content .format-aside .entry-title,
1558 .site-content .format-quote .entry-title {
1564 * 6.7 Post/Image/Paging Navigation
1565 * -----------------------------------------------------------------------------
1569 -webkit-hyphens: auto;
1572 border-top: 1px solid rgba(0, 0, 0, 0.1);
1574 word-wrap: break-word;
1579 margin: 24px auto 48px;
1585 .image-navigation .previous-image,
1586 .image-navigation .next-image {
1587 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1588 padding: 11px 0 12px;
1592 .post-navigation .meta-nav {
1598 text-transform: uppercase;
1602 .image-navigation a {
1607 line-height: 1.7142857142;
1608 text-transform: none;
1611 .post-navigation a:hover,
1612 .image-navigation a:hover {
1616 /* Paging Navigation */
1618 .paging-navigation {
1619 border-top: 5px solid #000;
1623 .paging-navigation .loop-pagination {
1628 .paging-navigation .page-numbers {
1629 border-top: 5px solid transparent;
1630 display: inline-block;
1635 text-transform: uppercase;
1638 .paging-navigation a {
1642 .paging-navigation .page-numbers.current {
1643 border-top: 5px solid #24890d;
1646 .paging-navigation a:hover {
1647 border-top: 5px solid #41a62a;
1654 * -----------------------------------------------------------------------------
1657 .attachment .content-sidebar,
1658 .attachment .post-thumbnail {
1662 .attachment .entry-content {
1666 .attachment footer.entry-meta {
1667 text-transform: none;
1670 .entry-attachment .attachment {
1671 margin-bottom: 24px;
1677 * -----------------------------------------------------------------------------
1694 .taxonomy-description,
1695 .author-description {
1698 line-height: 1.2857142857;
1702 .taxonomy-description p,
1703 .author-description p {
1704 margin-bottom: 18px;
1707 .taxonomy-description p:last-child,
1708 .author-description p:last-child {
1712 .taxonomy-description a,
1713 .author-description a {
1714 text-decoration: underline;
1717 .taxonomy-description a:hover,
1718 .author-description a:hover {
1719 text-decoration: none;
1724 * 6.10 Contributor Page
1725 * -----------------------------------------------------------------------------
1729 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1730 -webkit-box-sizing: border-box;
1731 -moz-box-sizing: border-box;
1732 box-sizing: border-box;
1736 .contributor:first-of-type {
1745 .contributor-avatar {
1746 border: 1px solid rgba(0, 0, 0, 0.1);
1748 margin: 0 30px 20px 0;
1759 .contributor-bio a {
1760 text-decoration: underline;
1763 .contributor-bio a:hover {
1764 text-decoration: none;
1767 .contributor-posts-link {
1768 display: inline-block;
1769 line-height: normal;
1773 .contributor-posts-link:before {
1780 * -----------------------------------------------------------------------------
1783 .error404 .page-content {
1787 .error404 .page-content .search-form {
1788 margin-bottom: 24px;
1794 * -----------------------------------------------------------------------------
1797 .full-width .hentry {
1804 * -----------------------------------------------------------------------------
1807 .singular .site-content .hentry.has-post-thumbnail {
1814 * -----------------------------------------------------------------------------
1823 .comment-reply-title,
1825 font: 900 16px/1.5 Lato, sans-serif;
1827 text-transform: uppercase;
1837 line-height: 1.7142857142;
1840 .comment-list .reply,
1844 text-transform: uppercase;
1847 .comment-list .reply {
1851 .comment-author .fn {
1859 .comment-list .trackback a,
1860 .comment-list .pingback a,
1861 .comment-metadata a {
1865 .comment-author a:hover,
1866 .comment-list .pingback a:hover,
1867 .comment-list .trackback a:hover,
1868 .comment-metadata a:hover {
1872 .comment-list article,
1873 .comment-list .pingback,
1874 .comment-list .trackback {
1875 border-top: 1px solid rgba(0, 0, 0, 0.1);
1876 margin-bottom: 24px;
1880 .comment-list > li:first-child > article,
1881 .comment-list > .pingback:first-child,
1882 .comment-list > .trackback:first-child {
1890 .comment-author .avatar {
1891 border: 1px solid rgba(0, 0, 0, 0.1);
1900 .bypostauthor > article .fn:before {
1902 margin: 0 2px 0 -2px;
1912 .comment-awaiting-moderation,
1914 .comment-list .reply,
1919 .comment-edit-link {
1923 .comment-edit-link:before {
1927 .comment-reply-link:before,
1928 .comment-reply-login:before {
1934 -webkit-hyphens: auto;
1938 word-wrap: break-word;
1941 .comment-content ul,
1942 .comment-content ol {
1943 margin: 0 0 24px 22px;
1946 .comment-content li > ul,
1947 .comment-content li > ol {
1951 .comment-content > :last-child {
1955 .comment-list .children {
1961 margin-bottom: 24px;
1965 .comment .comment-respond {
1969 .comment-respond h3 {
1971 margin-bottom: 24px;
1975 .comment-awaiting-moderation,
1979 .form-allowed-tags code {
1984 .comment-awaiting-moderation,
1987 line-height: 1.7142857142;
1995 text-transform: uppercase;
1998 .comment-form label {
2002 .comment-form input[type="text"],
2003 .comment-form input[type="email"],
2004 .comment-form input[type="url"] {
2009 .form-allowed-tags code {
2018 .comment-reply-title small a {
2026 .comment-reply-title small a:hover {
2030 .comment-reply-title small a:before {
2035 .comment-navigation {
2038 margin-bottom: 48px;
2039 text-transform: uppercase;
2042 .comment-navigation .nav-next,
2043 .comment-navigation .nav-previous {
2044 display: inline-block;
2047 .comment-navigation .nav-previous a {
2051 #comment-nav-above {
2059 * -----------------------------------------------------------------------------
2065 background-color: #000;
2066 border-top: 1px solid #000;
2067 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
2069 color: rgba(255, 255, 255, 0.7);
2083 /* Primary Sidebar */
2089 .secondary-navigation + .primary-sidebar {
2093 /* Content Sidebar */
2096 border-top: 1px solid rgba(0, 0, 0, 0.1);
2097 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2098 -webkit-box-sizing: border-box;
2099 -moz-box-sizing: border-box;
2100 box-sizing: border-box;
2102 padding: 48px 10px 0;
2108 * -----------------------------------------------------------------------------
2111 /* Primary Sidebar, Footer Sidebar */
2115 -webkit-hyphens: auto;
2119 line-height: 1.2857142857;
2120 margin-bottom: 48px;
2122 word-wrap: break-word;
2139 margin: 24px 0 12px;
2144 line-height: 1.0909090909;
2154 line-height: 1.3333333333;
2164 line-height: 1.7142857142;
2173 margin-bottom: 18px;
2176 .widget abbr[title] {
2177 border-color: rgba(255, 255, 255, 0.7);
2187 border-color: rgba(255, 255, 255, 0.2);
2200 .widget blockquote {
2201 color: rgba(255, 255, 255, 0.7);
2204 margin-bottom: 18px;
2207 .widget blockquote cite {
2210 line-height: 1.2857142857;
2215 margin-bottom: 18px;
2232 border-color: rgba(255, 255, 255, 0.2);
2236 margin-bottom: 18px;
2240 color: rgba(255, 255, 255, 0.4);
2244 background-color: rgba(255, 255, 255, 0.2);
2248 margin-bottom: 18px;
2253 background-color: rgba(255, 255, 255, 0.1);
2254 border-color: rgba(255, 255, 255, 0.2);
2257 padding: 1px 2px 2px 4px;
2260 .widget input:focus,
2261 .widget textarea:focus {
2262 border-color: rgba(255, 255, 255, 0.3);
2267 .widget input[type="button"],
2268 .widget input[type="reset"],
2269 .widget input[type="submit"] {
2270 background-color: #24890d;
2273 padding: 5px 15px 4px;
2276 .widget input[type="button"]:hover,
2277 .widget input[type="button"]:focus,
2278 .widget input[type="reset"]:hover,
2279 .widget input[type="reset"]:focus,
2280 .widget input[type="submit"]:hover,
2281 .widget input[type="submit"]:focus {
2282 background-color: #41a62a;
2285 .widget input[type="button"]:active,
2286 .widget input[type="reset"]:active,
2287 .widget input[type="submit"]:active {
2288 background-color: #55d737;
2291 .widget .wp-caption {
2292 color: rgba(255, 255, 255, 0.7);
2293 margin-bottom: 18px;
2296 .widget .widget-title {
2299 line-height: 1.7142857142;
2301 text-transform: uppercase;
2309 .widget-title a:hover {
2313 /* Calendar Widget*/
2315 .widget_calendar table {
2320 .widget_calendar caption {
2323 line-height: 1.7142857142;
2324 margin-bottom: 18px;
2326 text-transform: uppercase;
2329 .widget_calendar thead th {
2330 background-color: rgba(255, 255, 255, 0.1);
2333 .widget_calendar tbody td,
2334 .widget_calendar thead th {
2338 .widget_calendar tbody a {
2339 background-color: #24890d;
2344 .widget_calendar tbody a:hover {
2345 background-color: #41a62a;
2348 .widget_calendar tbody a:hover {
2352 .widget_calendar #prev {
2356 .widget_calendar #next {
2361 /* Ephemera Widget*/
2363 .widget_twentyfourteen_ephemera > ol > li {
2364 border-bottom: 1px solid rgba(255, 255, 255, 0.2);
2365 margin-bottom: 18px;
2369 .widget_twentyfourteen_ephemera .hentry {
2374 .widget_twentyfourteen_ephemera .entry-title,
2375 .widget_twentyfourteen_ephemera .entry-meta,
2376 .widget_twentyfourteen_ephemera .wp-caption-text,
2377 .widget_twentyfourteen_ephemera .post-format-archive-link,
2378 .widget_twentyfourteen_ephemera .entry-content table {
2383 .widget_twentyfourteen_ephemera .entry-title {
2388 .widget_twentyfourteen_ephemera .entry-meta {
2389 margin-bottom: 18px;
2392 .widget_twentyfourteen_ephemera .entry-meta a {
2393 color: rgba(255, 255, 255, 0.7);
2396 .widget_twentyfourteen_ephemera .entry-meta a:hover {
2400 .widget_twentyfourteen_ephemera .entry-content ul,
2401 .widget_twentyfourteen_ephemera .entry-content ol {
2402 margin: 0 0 18px 20px;
2405 .widget_twentyfourteen_ephemera .entry-content ul {
2409 .widget_twentyfourteen_ephemera .entry-content ol {
2410 list-style: decimal;
2413 .widget_twentyfourteen_ephemera .entry-content li > ul,
2414 .widget_twentyfourteen_ephemera .entry-content li > ol {
2418 .widget_twentyfourteen_ephemera .entry-content th,
2419 .widget_twentyfourteen_ephemera .entry-content td {
2423 .widget_twentyfourteen_ephemera .post-format-archive-link {
2425 text-transform: uppercase;
2428 /* List Style Widgets*/
2431 .widget_categories li,
2434 .widget_nav_menu li,
2436 .widget_recent_comments li,
2437 .widget_recent_entries li {
2438 border-top: 1px solid rgba(255, 255, 255, 0.2);
2442 .widget_archive li:first-child,
2443 .widget_categories li:first-child,
2444 .widget_links li:first-child,
2445 .widget_meta li:first-child,
2446 .widget_nav_menu li:first-child,
2447 .widget_pages li:first-child,
2448 .widget_recent_comments li:first-child,
2449 .widget_recent_entries li:first-child {
2453 .widget_categories li ul,
2454 .widget_nav_menu li ul,
2455 .widget_pages li ul {
2456 border-top: 1px solid rgba(255, 255, 255, 0.2);
2460 .widget_categories li li:last-child,
2461 .widget_nav_menu li li:last-child,
2462 .widget_pages li li:last-child {
2466 /* Recent Posts Widget */
2468 .widget_recent_entries .post-date {
2487 margin-bottom: 18px;
2490 .widget_rss li:last-child {
2496 .widget_text > div > :last-child {
2502 * 7.2 Content Sidebar Widgets
2503 * -----------------------------------------------------------------------------
2506 .content-sidebar .widget a {
2510 .content-sidebar .widget a:hover {
2514 .content-sidebar .widget pre {
2515 border-color: rgba(0, 0, 0, 0.1);
2518 .content-sidebar .widget mark,
2519 .content-sidebar .widget ins {
2523 .content-sidebar .widget abbr[title] {
2524 border-color: #2b2b2b;
2527 .content-sidebar .widget fieldset {
2528 border-color: rgba(0, 0, 0, 0.1);
2531 .content-sidebar .widget blockquote {
2535 .content-sidebar .widget blockquote cite {
2539 .content-sidebar .widget li > ol,
2540 .content-sidebar .widget li > ul {
2544 .content-sidebar .widget table,
2545 .content-sidebar .widget th,
2546 .content-sidebar .widget td {
2547 border-color: rgba(0, 0, 0, 0.1);
2550 .content-sidebar .widget del {
2554 .content-sidebar .widget hr {
2555 background-color: rgba(0, 0, 0, 0.1);
2558 .content-sidebar .widget input,
2559 .content-sidebar .widget textarea {
2560 background-color: #fff;
2561 border-color: rgba(0, 0, 0, 0.1);
2565 .content-sidebar .widget input:focus,
2566 .content-sidebar .widget textarea:focus {
2567 border-color: rgba(0, 0, 0, 0.3);
2570 .content-sidebar .widget input[type="button"],
2571 .content-sidebar .widget input[type="reset"],
2572 .content-sidebar .widget input[type="submit"] {
2573 background-color: #24890d;
2578 .content-sidebar .widget input[type="button"]:hover,
2579 .content-sidebar .widget input[type="button"]:focus,
2580 .content-sidebar .widget input[type="reset"]:hover,
2581 .content-sidebar .widget input[type="reset"]:focus,
2582 .content-sidebar .widget input[type="submit"]:hover,
2583 .content-sidebar .widget input[type="submit"]:focus {
2584 background-color: #41a62a;
2587 .content-sidebar .widget input[type="button"]:active,
2588 .content-sidebar .widget input[type="reset"]:active,
2589 .content-sidebar .widget input[type="submit"]:active {
2590 background-color: #55d737;
2593 .content-sidebar .widget .wp-caption {
2597 .content-sidebar .widget .widget-title {
2598 border-top: 5px solid #000;
2604 text-transform: uppercase;
2607 .content-sidebar .widget .widget-title a {
2611 .content-sidebar .widget .widget-title a:hover {
2615 /* List Style Widgets*/
2617 .content-sidebar .widget_archive li,
2618 .content-sidebar .widget_categories li,
2619 .content-sidebar .widget_links li,
2620 .content-sidebar .widget_meta li,
2621 .content-sidebar .widget_nav_menu li,
2622 .content-sidebar .widget_pages li,
2623 .content-sidebar .widget_recent_comments li,
2624 .content-sidebar .widget_recent_entries li,
2625 .content-sidebar .widget_categories li ul,
2626 .content-sidebar .widget_nav_menu li ul,
2627 .content-sidebar .widget_pages li ul {
2628 border-color: rgba(0, 0, 0, 0.1);
2631 /* Calendar Widget */
2633 .content-sidebar .widget_calendar caption {
2638 .content-sidebar .widget_calendar thead th {
2639 background-color: rgba(0, 0, 0, 0.02);
2642 .content-sidebar .widget_calendar tbody a,
2643 .content-sidebar .widget_calendar tbody a:hover {
2647 /* Ephemera widget*/
2649 .content-sidebar .widget_twentyfourteen_ephemera .widget-title {
2650 line-height: 1.2857142857;
2654 .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
2655 background-color: #000;
2657 margin: -1px 9px 0 0;
2660 vertical-align: middle;
2664 .content-sidebar .widget_twentyfourteen_ephemera .video.widget-title:before {
2668 .content-sidebar .widget_twentyfourteen_ephemera .audio.widget-title:before {
2672 .content-sidebar .widget_twentyfourteen_ephemera .image.widget-title:before {
2676 .content-sidebar .widget_twentyfourteen_ephemera .gallery.widget-title:before {
2680 .content-sidebar .widget_twentyfourteen_ephemera .aside.widget-title:before {
2684 .content-sidebar .widget_twentyfourteen_ephemera .quote.widget-title:before {
2688 .content-sidebar .widget_twentyfourteen_ephemera .link.widget-title:before {
2692 .content-sidebar .widget_twentyfourteen_ephemera > ol > li {
2693 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
2696 .content-sidebar .widget_twentyfourteen_ephemera .entry-meta {
2700 .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a {
2704 .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
2708 .content-sidebar.widget_twentyfourteen_ephemera blockquote cite {
2710 line-height: 1.3846153846;
2713 .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
2720 * -----------------------------------------------------------------------------
2730 color: rgba(255, 255, 255, 0.7);
2734 background-color: #000;
2748 #supplementary + .site-info {
2749 border-top: 1px solid rgba(255, 255, 255, 0.2);
2752 .site-info a:hover {
2758 * 9.0 Featured Content
2759 * -----------------------------------------------------------------------------
2763 background: #000 url(images/pattern-dark.svg) repeat fixed;
2764 -webkit-box-sizing: border-box;
2765 -moz-box-sizing: border-box;
2766 box-sizing: border-box;
2771 .featured-content-inner {
2775 .featured-content .hentry {
2782 .featured-content .post-thumbnail,
2783 .featured-content .post-thumbnail:hover {
2784 background: transparent;
2787 .featured-content .post-thumbnail {
2790 padding-top: 55.357142857%;
2794 .featured-content .post-thumbnail img {
2800 .featured-content .entry-header {
2801 background-color: #000;
2802 -webkit-box-sizing: border-box;
2803 -moz-box-sizing: border-box;
2804 box-sizing: border-box;
2810 .featured-content a {
2814 .featured-content a:hover {
2818 .featured-content .entry-meta {
2822 line-height: 1.0909090909;
2823 margin-bottom: 12px;
2826 .featured-content .cat-links {
2830 .featured-content .entry-title {
2833 line-height: 1.3333333333;
2835 text-transform: uppercase;
2841 .slider .featured-content .hentry {
2842 -webkit-backface-visibility: hidden;
2847 .slider .featured-content .post-thumbnail {
2848 padding-top: 55.49132947%;
2851 .slider-control-paging {
2852 background-color: #000;
2853 -webkit-box-sizing: border-box;
2854 -moz-box-sizing: border-box;
2855 box-sizing: border-box;
2858 margin: -24px 0 0 0;
2864 .slider-control-paging li {
2866 margin: 2px 4px 2px 0;
2869 .slider-control-paging li:last-child {
2873 .slider-control-paging a {
2878 text-indent: -999em;
2882 .slider-control-paging a:before {
2883 background-color: #4d4d4d;
2892 .slider-control-paging a:hover:before {
2893 background-color: #41a62a;
2896 .slider-control-paging .slider-active:before,
2897 .slider-control-paging .slider-active:hover:before {
2898 background-color: #24890d;
2901 .slider-direction-nav {
2910 .slider-direction-nav li {
2912 border-style: solid;
2913 border-width: 2px 1px 0 0;
2914 -webkit-box-sizing: border-box;
2915 -moz-box-sizing: border-box;
2916 box-sizing: border-box;
2922 .slider-direction-nav li:last-child {
2923 border-width: 2px 0 0 1px;
2926 .slider-direction-nav a {
2927 background-color: #000;
2933 .slider-direction-nav a:hover {
2934 background-color: #24890d;
2937 .slider-direction-nav a:before {
2944 .slider-direction-nav .slider-next:before {
2948 .slider-direction-nav .slider-disabled {
2955 * -----------------------------------------------------------------------------
2958 .site-main .widecolumn {
2962 .site-main .mu_register,
2964 .widecolumn > form {
2965 margin: 0 auto 48px;
2970 .site-main .mu_register #blog_title,
2971 .site-main .mu_register #user_email,
2972 .site-main .mu_register #blogname,
2973 .site-main .mu_register #user_name {
2978 .site-main .mu_register input[type="submit"],
2979 .widecolumn #submit {
2986 * 11.0 Media Queries
2987 * -----------------------------------------------------------------------------
2990 /* Does the same thing as <meta name="viewport" content="width=device-width">,
2991 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
2992 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
2993 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
2996 width: device-width;
3000 width: device-width;
3003 @media screen and (max-width: 400px) {
3004 .list-view .site-content .post-thumbnail {
3010 .list-view .site-content .post-thumbnail img {
3012 margin: 0 10px 3px 0;
3016 .list-view .site-content .entry-header {
3017 background-color: transparent;
3021 .list-view .content-area {
3025 .list-view .site-content .hentry {
3026 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3029 padding: 12px 0 9px;
3032 .list-view .site-content .cat-links,
3033 .list-view .site-content .type-post .entry-content,
3034 .list-view .site-content .type-page .entry-content,
3035 .list-view .site-content .type-post .entry-summary,
3036 .list-view .site-content .type-page .entry-summary,
3037 .list-view .site-content footer.entry-meta {
3041 .list-view .site-content .entry-title {
3047 text-transform: none;
3050 .list-view .site-content .format-aside .entry-title,
3051 .list-view .site-content .format-link .entry-title,
3052 .list-view .site-content .format-quote .entry-title {
3056 .list-view .site-content .entry-meta {
3057 background-color: transparent;
3060 text-transform: none;
3065 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
3066 margin: 24px auto 0;
3067 padding-bottom: 24px;
3070 .error404 .page-header {
3072 margin: 0 auto 24px;
3077 @media screen and (min-width: 401px) {
3078 a.post-thumbnail:hover img {
3082 .full-size-link:before,
3083 .parent-post-link:before,
3084 .site-content span + .byline:before,
3085 .site-content span + .comments-link:before,
3086 .site-content span + .edit-link:before,
3087 .site-content span + .entry-date:before {
3091 .attachment span.entry-date:before,
3092 .entry-content .edit-link a:before,
3093 .entry-meta .edit-link a:before,
3094 .site-content .byline a:before,
3095 .site-content .comments-link a:before,
3096 .site-content .entry-date a:before,
3097 .site-content .featured-post:before,
3098 .site-content .full-size-link a:before,
3099 .site-content .parent-post-link a:before,
3100 .site-content .post-format a:before {
3101 -webkit-font-smoothing: antialiased;
3102 display: inline-block;
3103 font: normal 16px/1 Genericons;
3104 text-decoration: inherit;
3105 vertical-align: text-bottom;
3108 .site-content .entry-meta > span {
3112 .site-content .format-video .post-format a:before {
3116 .site-content .format-audio .post-format a:before {
3120 .site-content .format-image .post-format a:before {
3124 .site-content .format-quote .post-format a:before {
3129 .site-content .format-gallery .post-format a:before {
3134 .site-content .format-aside .post-format a:before {
3139 .site-content .format-link .post-format a:before {
3145 .site-content .featured-post:before {
3152 .site-content .entry-date a:before,
3153 .attachment .site-content span.entry-date:before {
3160 .site-content .byline a:before {
3164 .site-content .comments-link a:before {
3169 .entry-content .edit-link a:before,
3170 .entry-meta .edit-link a:before {
3174 .site-content .full-size-link a:before {
3179 .site-content .parent-post-link a:before {
3183 .list-view .site-content .hentry {
3184 border-top: 1px solid rgba(0, 0, 0, 0.1);
3188 .list-view .site-content .hentry:first-of-type,
3189 .list-view .site-content .hentry.has-post-thumbnail {
3196 margin: 0 auto 60px;
3200 .error404 .page-header {
3201 margin-bottom: 24px;
3205 @media screen and (min-width: 594px) {
3206 .site-content .entry-header {
3207 padding-right: 30px;
3211 .site-content .has-post-thumbnail .entry-header {
3216 @media screen and (min-width: 673px) {
3225 .search-box .search-field {
3235 margin-right: 33.33333333%;
3238 .site-content .has-post-thumbnail .entry-header {
3248 .site-content .entry-content,
3249 .site-content .entry-summary,
3250 .site-content footer.entry-meta {
3251 padding-right: 30px;
3255 .singular .site-content .hentry.has-post-thumbnail {
3259 .full-width .site-content {
3263 .full-width .site-content .has-post-thumbnail .entry-header,
3264 .full-width.singular .site-content .hentry.has-post-thumbnail,
3265 .full-width.home .site-content .hentry.has-post-thumbnail {
3277 margin-left: -33.33333333%;
3278 padding: 48px 30px 24px;
3280 width: 33.33333333%;
3283 .grid .featured-content .hentry {
3288 .grid .featured-content .hentry:nth-child( 2n+1 ) {
3292 .grid .featured-content .entry-header {
3294 border-style: solid;
3295 border-width: 12px 10px;
3300 .slider .featured-content .entry-title {
3302 line-height: 1.0909090909;
3305 .slider .featured-content .entry-header {
3306 min-height: inherit;
3307 padding: 24px 30px 48px;
3315 .slider-control-paging {
3316 background: transparent;
3322 .slider-direction-nav {
3329 .slider-direction-nav li {
3334 .slider-direction-nav li:last-child {
3338 .slider-direction-nav a {
3342 .slider-direction-nav a:before {
3351 @media screen and (min-width: 783px) {
3362 .masthead-fixed .site-header {
3367 .admin-bar.masthead-fixed .site-header {
3371 .masthead-fixed .site-main {
3377 .site-navigation li .current_page_item > a,
3378 .site-navigation li .current_page_ancestor > a,
3379 .site-navigation li .current-menu-item > a,
3380 .site-navigation li .current-menu-ancestor > a {
3384 /* Primary Navigation */
3386 .primary-navigation {
3389 margin: 0 1px 0 -12px;
3391 text-transform: uppercase;
3394 .primary-navigation .menu-toggle {
3399 .primary-navigation .nav-menu {
3404 .primary-navigation.toggled-on {
3410 .primary-navigation li {
3412 display: inline-block;
3418 .primary-navigation a {
3419 display: inline-block;
3421 white-space: nowrap;
3424 .primary-navigation ul ul {
3425 background-color: #24890d;
3434 .primary-navigation li li {
3438 line-height: 1.0909090909;
3441 .primary-navigation ul ul ul {
3446 .primary-navigation ul ul a {
3448 white-space: normal;
3452 .primary-navigation li:hover > a,
3453 .primary-navigation li.focus > a {
3454 background-color: #24890d;
3458 .primary-navigation ul ul a:hover,
3459 .primary-navigation ul ul li.focus > a {
3460 background-color: #41a62a;
3463 .primary-navigation ul li:hover > ul,
3464 .primary-navigation ul li.focus > ul {
3468 .primary-navigation ul ul li:hover > ul,
3469 .primary-navigation ul ul li.focus > ul {
3473 .primary-navigation .menu-item-has-children > a,
3474 .primary-navigation .page_item_has_children > a {
3475 padding-right: 26px;
3478 .primary-navigation .menu-item-has-children > a:after,
3479 .primary-navigation .page_item_has_children > a:after {
3480 -webkit-font-smoothing: antialiased;
3482 display: inline-block;
3483 font: normal 8px/1 Genericons;
3487 vertical-align: text-bottom;
3490 .primary-navigation li .menu-item-has-children > a,
3491 .primary-navigation li .page_item_has_children > a {
3492 padding-right: 20px;
3496 .primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
3497 .primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
3498 .primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
3499 .primary-navigation .page_item_has_children li.page_item_has_children > a:after {
3506 @media screen and (min-width: 810px) {
3507 .attachment .entry-attachment .attachment {
3508 margin-right: -168px;
3509 margin-left: -168px;
3513 .attachment .site-content .attachment img {
3518 .contributor-avatar {
3519 margin-left: -168px;
3522 .contributor-summary {
3526 .full-width .site-content blockquote.alignleft,
3527 .full-width .site-content blockquote.alignright {
3528 width: -webkit-calc(50% + 130px);
3529 width: calc(50% + 130px);
3532 .full-width .site-content blockquote.alignleft,
3533 .full-width .site-content img.size-full.alignleft,
3534 .full-width .site-content img.size-large.alignleft,
3535 .full-width .site-content img.size-medium.alignleft,
3536 .full-width .site-content .wp-caption.alignleft {
3537 margin-left: -168px;
3540 .full-width .site-content .alignleft {
3544 .full-width .site-content blockquote.alignright,
3545 .full-width .site-content img.size-full.alignright,
3546 .full-width .site-content img.size-large.alignright,
3547 .full-width .site-content img.size-medium.alignright,
3548 .full-width .site-content .wp-caption.alignright {
3549 margin-right: -168px;
3552 .full-width .site-content .alignright {
3557 @media screen and (min-width: 846px) {
3563 .site-content .has-post-thumbnail .entry-header {
3567 .comment-list .trackback,
3568 .comment-list .pingback,
3569 .comment-list article {
3570 margin-bottom: 36px;
3574 .comment-author .avatar {
3581 .comment-awaiting-moderation,
3583 .comment-list .reply,
3588 .comment-list .children {
3592 .full-width.singular .site-content .hentry.has-post-thumbnail,
3593 .full-width.home .site-content .hentry.has-post-thumbnail {
3602 @media screen and (min-width: 1008px) {
3603 .search-box-wrapper {
3604 padding-left: 182px;
3612 margin-right: 29.04761904%;
3616 .site-content .entry-header {
3620 .site-content .has-post-thumbnail .entry-header {
3625 margin-left: -29.04761904%;
3626 width: 29.04761904%;
3630 background-color: #000;
3643 background-color: transparent;
3647 margin: 0 0 0 -100%;
3658 margin: -3px 0 21px;
3661 .site-description:empty {
3665 .secondary-navigation {
3667 margin: 0 -30px 48px;
3671 .secondary-navigation li {
3672 border-top: 1px solid rgba(255, 255, 255, 0.2);
3676 .secondary-navigation a {
3680 .secondary-navigation ul ul {
3681 background-color: #24890d;
3689 .secondary-navigation li li {
3693 .secondary-navigation li:hover > a,
3694 .secondary-navigation li.focus > a {
3695 background-color: #24890d;
3699 .secondary-navigation ul ul a:hover,
3700 .secondary-navigation ul ul li.focus > a {
3701 background-color: #41a62a;
3704 .secondary-navigation ul li:hover > ul,
3705 .secondary-navigation ul li.focus > ul {
3709 .secondary-navigation .menu-item-has-children > a {
3710 padding-right: 38px;
3713 .secondary-navigation .menu-item-has-children > a:after {
3714 -webkit-font-smoothing: antialiased;
3716 display: inline-block;
3717 font: normal 8px/1 Genericons;
3721 vertical-align: text-bottom;
3724 .footer-sidebar .widget,
3725 .primary-sidebar .widget {
3730 .footer-sidebar .widget {
3731 -webkit-box-sizing: border-box;
3732 -moz-box-sizing: border-box;
3733 box-sizing: border-box;
3739 .footer-sidebar .widget h1,
3740 .primary-sidebar .widget h1 {
3745 .footer-sidebar .widget h2,
3746 .primary-sidebar .widget h2 {
3748 line-height: 1.3333333333;
3751 .footer-sidebar .widget h3,
3752 .primary-sidebar .widget h3 {
3757 .footer-sidebar .widget h4,
3758 .primary-sidebar .widget h4 {
3760 line-height: 1.7142857142;
3763 .footer-sidebar .widget h5,
3764 .primary-sidebar .widget h5 {
3769 .footer-sidebar .widget h6,
3770 .primary-sidebar .widget h6 {
3772 line-height: 2.1818181818;
3775 .footer-sidebar .widget code,
3776 .footer-sidebar .widget kbd,
3777 .footer-sidebar .widget tt,
3778 .footer-sidebar .widget var,
3779 .footer-sidebar .widget samp,
3780 .footer-sidebar .widget pre,
3781 .primary-sidebar .widget code,
3782 .primary-sidebar .widget kbd,
3783 .primary-sidebar .widget tt,
3784 .primary-sidebar .widget var,
3785 .primary-sidebar .widget samp,
3786 .primary-sidebar .widget pre {
3788 line-height: 1.6363636363;
3791 .footer-sidebar .widget blockquote,
3792 .primary-sidebar .widget blockquote {
3794 line-height: 1.2857142857;
3797 .footer-sidebar .widget blockquote cite,
3798 .primary-sidebar .widget blockquote cite {
3803 .footer-sidebar .widget input,
3804 .footer-sidebar .widget textarea,
3805 .primary-sidebar .widget input,
3806 .primary-sidebar .widget textarea {
3808 padding: 3px 2px 4px 4px;
3811 .footer-sidebar .widget input[type="button"],
3812 .footer-sidebar .widget input[type="reset"],
3813 .footer-sidebar .widget input[type="submit"],
3814 .primary-sidebar .widget input[type="button"],
3815 .primary-sidebar .widget input[type="reset"],
3816 .primary-sidebar .widget input[type="submit"] {
3817 padding: 5px 15px 4px;
3820 .footer-sidebar .widget .widget-title,
3821 .primary-sidebar .widget .widget-title {
3824 line-height: 1.6363636363;
3825 margin-bottom: 18px;
3828 .footer-sidebar .widget_twentyfourteen_ephemera .entry-title,
3829 .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta,
3830 .footer-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
3831 .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
3832 .footer-sidebar .widget_twentyfourteen_ephemera .entry-content table,
3833 .primary-sidebar .widget_twentyfourteen_ephemera .entry-title,
3834 .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta,
3835 .primary-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
3836 .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
3837 .primary-sidebar .widget_twentyfourteen_ephemera .entry-content table {
3839 line-height: 1.6363636363;
3842 .footer-sidebar .widget_archive li,
3843 .footer-sidebar .widget_categories li,
3844 .footer-sidebar .widget_links li,
3845 .footer-sidebar .widget_meta li,
3846 .footer-sidebar .widget_nav_menu li,
3847 .footer-sidebar .widget_pages li,
3848 .footer-sidebar .widget_recent_comments li,
3849 .footer-sidebar .widget_recent_entries li,
3850 .primary-sidebar .widget_archive li,
3851 .primary-sidebar .widget_categories li,
3852 .primary-sidebar .widget_links li,
3853 .primary-sidebar .widget_meta li,
3854 .primary-sidebar .widget_nav_menu li,
3855 .primary-sidebar .widget_pages li,
3856 .primary-sidebar .widget_recent_comments li,
3857 .primary-sidebar .widget_recent_entries li {
3862 .footer-sidebar .widget_archive li:last-child,
3863 .footer-sidebar .widget_categories li:last-child,
3864 .footer-sidebar .widget_links li:last-child,
3865 .footer-sidebar .widget_meta li:last-child,
3866 .footer-sidebar .widget_nav_menu li:last-child,
3867 .footer-sidebar .widget_pages li:last-child,
3868 .footer-sidebar .widget_recent_comments li:last-child,
3869 .footer-sidebar .widget_recent_entries li:last-child,
3870 .primary-sidebar .widget_archive li:last-child,
3871 .primary-sidebar .widget_categories li:last-child,
3872 .primary-sidebar .widget_links li:last-child,
3873 .primary-sidebar .widget_meta li:last-child,
3874 .primary-sidebar .widget_nav_menu li:last-child,
3875 .primary-sidebar .widget_pages li:last-child,
3876 .primary-sidebar .widget_recent_comments li:last-child,
3877 .primary-sidebar .widget_recent_entries li:last-child {
3881 .footer-sidebar .widget_categories li ul,
3882 .footer-sidebar .widget_nav_menu li ul,
3883 .footer-sidebar .widget_pages li ul,
3884 .primary-sidebar .widget_categories li ul,
3885 .primary-sidebar .widget_nav_menu li ul,
3886 .primary-sidebar .widget_pages li ul {
3901 padding-left: 182px;
3904 .grid .featured-content .hentry {
3908 .grid .featured-content .hentry:nth-child( 2n+1 ) {
3912 .grid .featured-content .hentry:nth-child( 3n+1 ) {
3916 .grid .featured-content .entry-header {
3921 @media screen and (min-width: 1040px) {
3922 .site-content .has-post-thumbnail .entry-header {
3932 .site-content .entry-header,
3933 .site-content .entry-content,
3934 .site-content .entry-summary,
3935 .site-content footer.entry-meta {
3936 padding-right: 15px;
3940 .full-width .archive-header,
3941 .full-width .comments-area,
3942 .full-width .image-navigation,
3943 .full-width .page-header,
3944 .full-width .page-content,
3945 .full-width .post-navigation,
3946 .full-width .site-content .entry-header,
3947 .full-width .site-content .entry-content,
3948 .full-width .site-content .entry-summary,
3949 .full-width .site-content footer.entry-meta {
3950 padding-right: 30px;
3955 @media screen and (min-width: 1080px) {
3956 .search-box .search-field {
3961 .site-main .widecolumn {
3969 .search-box-wrapper,
3971 padding-left: 222px;
3978 .secondary-navigation,
3979 .secondary-navigation ul ul {
3983 .secondary-navigation ul li:hover > ul,
3984 .secondary-navigation ul li.focus > ul {
3988 .slider .featured-content .entry-title {
3992 .slider .featured-content .entry-header,
3993 .slider-control-paging {
3997 .slider-control-paging {
4001 .slider-control-paging li {
4002 margin: 12px 12px 12px 0;
4005 .slider-control-paging a {
4010 .slider-control-paging a:before {
4016 @media screen and (min-width: 1110px) {
4023 .site-content .entry-header,
4024 .site-content .entry-content,
4025 .site-content .entry-summary,
4026 .site-content footer.entry-meta {
4027 padding-right: 30px;
4032 @media screen and (min-width: 1218px) {
4039 .site-content .entry-header,
4040 .site-content .entry-content,
4041 .site-content .entry-summary,
4042 .site-content footer.entry-meta {
4046 .full-width .archive-header,
4047 .full-width .comments-area,
4048 .full-width .image-navigation,
4049 .full-width .page-header,
4050 .full-width .page-content,
4051 .full-width .post-navigation,
4052 .full-width .site-content .entry-header,
4053 .full-width .site-content .entry-content,
4054 .full-width .site-content .entry-summary,
4055 .full-width .site-content footer.entry-meta {
4060 @media screen and (min-width: 1260px) {
4061 .site-content blockquote.alignleft,
4062 .site-content blockquote.alignright {
4063 width: -webkit-calc(50% + 18px);
4064 width: calc(50% + 18px);
4067 .site-content blockquote.alignleft {
4071 .site-content blockquote.alignright {
4079 * -----------------------------------------------------------------------------
4084 background: none !important; /* Brute force since user agents all print differently. */
4092 .site-content .entry-header,
4093 .site-content .entry-content,
4094 .site-content .entry-summary,
4095 .site-content .entry-meta,
4101 .attachment .entry-attachment .attachment {
4113 .post-format-archive-link,
4115 .comment-list .reply,
4116 .comment-reply-login,
4119 .slider-control-paging,
4120 .slider-direction-nav {
4127 .featured-content .hentry,
4128 .featured-content a {
4135 .comment-content a {
4136 text-decoration: none;
4141 a.post-thumbnail:hover,
4142 .site-content .entry-header,
4145 .featured-content .entry-header {
4146 background: transparent;
4162 .list-view .site-content .hentry {
4163 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
4164 margin-bottom: 48px;
4165 padding-bottom: 24px;
4168 .post-thumbnail img {
4169 margin: 0 10px 24px;
4172 .site-content .has-post-thumbnail .entry-header {
4176 .site-content footer.entry-meta {
4180 .entry-meta .tag-links a {
4184 .singular .site-content .hentry.has-post-thumbnail {
4188 .gallery-columns-1.gallery-size-medium,
4189 .gallery-columns-1.gallery-size-thumbnail,
4190 .gallery-columns-2.gallery-size-thumbnail,
4191 .gallery-columns-3.gallery-size-thumbnail {
4197 margin: 0 10px 48px;
4200 .featured-content .hentry {
4201 margin-bottom: 48px;
4204 .featured-content .post-thumbnail,
4205 .slider .featured-content .post-thumbnail {
4209 .featured-content .post-thumbnail img {
4213 .featured-content .entry-header {
4214 padding: 0 10px 24px;
4217 .featured-content .entry-meta {
4219 margin-bottom: 11px;
4222 .featured-content .cat-links {
4226 .featured-content .entry-title {