2 Theme Name: Twenty Twelve
3 Theme URI: http://wordpress.org/themes/twentytwelve
4 Author: the WordPress team
5 Author URI: http://wordpress.org/
6 Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
8 License: GNU General Public License v2 or later
9 License URI: http://www.gnu.org/licenses/gpl-2.0.html
10 Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, 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
11 Text Domain: twentytwelve
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.
18 --------------------------------------------------------------
19 This stylesheet uses rem values with a pixel fallback. The rem
20 values (and line heights) are calculated using two variables:
27 * Use a pixel value with a rem fallback for font-size, padding, margins, etc.
29 padding: 0.357142857rem 0; (5 / $rembase)
31 * Set a font-size and then set a line-height based on the font-size
33 font-size: 1.142857143rem; (16 / $rembase)
34 line-height: 1.5; ($line-height / 16)
36 ---------- Vertical spacing
38 Vertical spacing between most elements should use 24px or 48px
39 to maintain vertical rhythm:
43 margin: 1.714285714rem 0; ( 24 / $rembase )
46 ---------- Further reading
48 http://snook.ca/archives/html_and_css/font-size-with-rem
49 http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
53 -------------------------------------------------------------- */
55 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
60 vertical-align: baseline;
81 border-collapse: collapse;
101 -webkit-text-size-adjust: 100%;
102 -ms-text-size-adjust: 100%;
105 outline: thin dotted;
122 display: inline-block;
124 audio:not([controls]) {
132 text-decoration: none;
135 background-color: #ccc;
139 margin-bottom: 1.714285714rem;
146 vertical-align: baseline;
159 -ms-interpolation-mode: bicubic;
162 /* Clearing floats */
165 .format-status .entry-header:after {
172 .format-status .entry-header:before,
173 .format-status .entry-header:after {
179 /* =Repeatable patterns
180 -------------------------------------------------------------- */
187 .comment-content th {
189 font-size: 0.785714286rem;
190 line-height: 2.181818182;
192 text-transform: uppercase;
196 /* Shared Post Format styling */
197 article.format-quote footer.entry-meta,
198 article.format-link footer.entry-meta,
199 article.format-status footer.entry-meta {
201 font-size: 0.785714286rem;
202 line-height: 2.181818182;
205 /* Form fields, general styles first */
209 border: 1px solid #ccc;
211 font-family: inherit;
213 padding: 0.428571429rem;
225 /* Reset non-text input types */
226 input[type="checkbox"],
229 input[type="hidden"],
231 input[type="color"] {
239 input[type="submit"],
240 input[type="button"],
242 article.post-password-required input[type=submit],
243 .bypostauthor cite span {
245 padding: 0.428571429rem 0.714285714rem;
247 font-size: 0.785714286rem;
248 line-height: 1.428571429;
251 background-color: #e6e6e6;
252 background-repeat: repeat-x;
253 background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
254 background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
255 background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
256 background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
257 background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
258 border: 1px solid #d2d2d2;
260 box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
264 input[type="submit"],
265 input[type="button"],
266 input[type="reset"] {
275 input[type="submit"]:hover,
276 input[type="button"]:hover,
277 input[type="reset"]:hover,
278 article.post-password-required input[type=submit]:hover {
280 background-color: #ebebeb;
281 background-repeat: repeat-x;
282 background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
283 background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
284 background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
285 background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
286 background-image: linear-gradient(top, #f9f9f9, #ebebeb);
289 .menu-toggle.toggled-on,
291 input[type="submit"]:active,
292 input[type="button"]:active,
293 input[type="reset"]:active {
295 background-color: #e1e1e1;
296 background-repeat: repeat-x;
297 background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
298 background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
299 background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
300 background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
301 background-image: linear-gradient(top, #ebebeb, #e1e1e1);
302 box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
303 border-color: transparent;
305 .bypostauthor cite span {
307 background-color: #21759b;
308 background-image: none;
309 border: 1px solid #1f6f93;
315 /* Responsive images */
317 .comment-content img,
319 max-width: 100%; /* Fluid images for posts, comments, and widgets */
322 img[class*="wp-image-"],
323 img[class*="attachment-"] {
324 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
331 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
334 /* Make sure videos and embeds fit their containers */
341 .entry-content .twitter-tweet-rendered {
342 max-width: 100% !important; /* Override the Twitter embed fixed width */
358 .comment-content img,
363 /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
365 box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
368 max-width: 100%; /* Keep wide captions from overflowing their container. */
371 .wp-caption .wp-caption-text,
376 font-size: 0.857142857rem;
389 .entry-content dl.gallery-item {
402 .gallery-columns-1 .gallery-item a {
406 .gallery .gallery-icon img {
411 .gallery-columns-1 .gallery-icon img {
423 padding: 1.714285714rem 0;
442 .nav-single + .comments-area,
445 margin: 3.428571429rem 0;
448 /* Author profiles */
449 .author .archive-header {
451 margin-bottom: 1.714285714rem;
454 border-top: 1px solid #ededed;
456 margin: 1.714285714rem 0;
458 padding-top: 1.714285714rem;
461 .author-description p {
464 font-size: 0.928571429rem;
465 line-height: 1.846153846;
467 .author.archive .author-info {
470 margin: 0 0 3.428571429rem;
472 .author.archive .author-avatar {
478 -------------------------------------------------------------- */
480 /* Body, links, basics */
487 font-family: Helvetica, Arial, sans-serif;
488 text-rendering: optimizeLegibility;
491 body.custom-font-enabled {
492 font-family: "Open Sans", Helvetica, Arial, sans-serif;
504 .site .screen-reader-text {
505 position: absolute !important;
506 clip: rect(1px, 1px, 1px, 1px);
508 .main-navigation .assistive-text:focus {
510 border: 2px solid #333;
512 clip: auto !important;
520 z-index: 100000; /* Above WP toolbar */
526 padding: 0 1.714285714rem;
527 background-color: #fff;
531 margin: 1.714285714rem 0 0;
535 margin: 1.714285714rem 0 0;
541 padding: 1.714285714rem 0;
550 display: inline-block;
551 text-decoration: none;
553 .site-header h1 a:hover,
554 .site-header h2 a:hover {
559 font-size: 1.714285714rem;
560 line-height: 1.285714286;
567 font-size: 0.928571429rem;
568 line-height: 1.846153846;
573 margin-top: 1.714285714rem;
576 /* Navigation Menu */
579 margin-top: 1.714285714rem;
582 .main-navigation li {
584 margin-top: 1.714285714rem;
586 font-size: 0.857142857rem;
587 line-height: 1.42857143;
592 .main-navigation a:hover {
595 .main-navigation ul.nav-menu,
596 .main-navigation div.nav-menu > ul {
599 .main-navigation ul.nav-menu.toggled-on,
601 display: inline-block;
605 section[role="banner"] {
607 margin-bottom: 3.428571429rem;
611 .widget-area .widget {
612 -webkit-hyphens: auto;
616 margin-bottom: 3.428571429rem;
617 word-wrap: break-word;
619 .widget-area .widget h3 {
621 margin-bottom: 1.714285714rem;
623 .widget-area .widget p,
624 .widget-area .widget li,
625 .widget-area .widget .textwidget {
627 font-size: 0.928571429rem;
628 line-height: 1.846153846;
630 .widget-area .widget p {
632 margin-bottom: 1.714285714rem;
634 .widget-area .textwidget ul {
635 list-style: disc outside;
637 margin: 0 0 1.714285714rem;
639 .widget-area .textwidget li {
641 margin-left: 2.571428571rem;
643 .widget-area .widget a {
646 .widget-area .widget a:hover {
649 .widget-area .widget a:visited {
653 width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
657 footer[role="contentinfo"] {
658 border-top: 1px solid #ededed;
661 font-size: 0.857142857rem;
664 max-width: 68.571428571rem;
666 margin-top: 1.714285714rem;
670 padding: 1.714285714rem 0;
672 footer[role="contentinfo"] a {
675 footer[role="contentinfo"] a:hover {
680 /* =Main content and comment content
681 -------------------------------------------------------------- */
688 margin-bottom: 1.714285714rem;
690 .entry-header img.wp-post-image {
692 margin-bottom: 1.714285714rem;
694 .entry-header .entry-title {
696 font-size: 1.428571429rem;
700 .entry-header .entry-title a {
701 text-decoration: none;
703 .entry-header .entry-format {
705 margin-top: 1.714285714rem;
708 .entry-header .comments-link {
710 margin-top: 1.714285714rem;
712 font-size: 0.928571429rem;
713 line-height: 1.846153846;
720 .comments-link a:hover,
721 .entry-meta a:hover {
724 article.sticky .featured-post {
725 border-top: 4px double #ededed;
726 border-bottom: 4px double #ededed;
729 font-size: 0.928571429rem;
730 line-height: 3.692307692;
732 margin-bottom: 1.714285714rem;
738 line-height: 1.714285714;
751 .comment-content h6 {
753 margin: 1.714285714rem 0;
754 line-height: 1.714285714;
757 .comment-content h1 {
766 font-size: 1.285714286rem;
770 .comment-content h3 {
772 font-size: 1.142857143rem;
773 line-height: 1.846153846;
776 .comment-content h4 {
779 line-height: 1.846153846;
782 .comment-content h5 {
784 font-size: 0.928571429rem;
785 line-height: 1.846153846;
788 .comment-content h6 {
790 font-size: 0.857142857rem;
791 line-height: 1.846153846;
798 margin: 0 0 1.714285714rem;
799 line-height: 1.714285714;
801 .entry-content a:visited,
802 .comment-content a:visited {
811 margin: 0 0 1.714285714rem;
812 line-height: 1.714285714;
814 .entry-content ul ul,
815 .comment-content ul ul,
816 .entry-content ol ol,
817 .comment-content ol ol,
818 .entry-content ul ol,
819 .comment-content ul ol,
820 .entry-content ol ul,
821 .comment-content ol ul {
827 list-style: disc outside;
830 .comment-content ol {
831 list-style: decimal outside;
837 margin: 0 0 0 2.571428571rem;
839 .entry-content blockquote,
840 .comment-content blockquote {
842 margin-bottom: 1.714285714rem;
844 padding: 1.714285714rem;
847 .entry-content blockquote p:last-child,
848 .comment-content blockquote p:last-child {
852 .comment-content code {
853 font-family: Consolas, Monaco, Lucida Console, monospace;
855 font-size: 0.857142857rem;
859 .comment-content pre {
860 border: 1px solid #ededed;
862 font-family: Consolas, Monaco, Lucida Console, monospace;
864 font-size: 0.857142857rem;
865 line-height: 1.714285714;
867 margin: 1.714285714rem 0;
870 padding: 1.714285714rem;
872 .entry-content pre code,
873 .comment-content pre code {
877 .comment-content abbr,
879 .comment-content dfn,
880 .entry-content acronym,
881 .comment-content acronym {
882 border-bottom: 1px dotted #666;
885 .entry-content address,
886 .comment-content address {
888 line-height: 1.714285714;
890 margin: 0 0 1.714285714rem;
893 .wp-caption.alignleft {
894 margin: 12px 24px 12px 0;
895 margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
898 .wp-caption.alignright {
899 margin: 12px 0 12px 24px;
900 margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
903 .wp-caption.aligncenter {
906 margin-top: 0.857142857rem;
908 margin-bottom: 0.857142857rem;
910 .entry-content embed,
911 .entry-content iframe,
912 .entry-content object,
913 .entry-content video {
915 margin-bottom: 1.714285714rem;
918 .comment-content dl {
920 margin: 0 1.714285714rem;
923 .comment-content dt {
925 line-height: 1.714285714;
928 .comment-content dd {
929 line-height: 1.714285714;
931 margin-bottom: 1.714285714rem;
933 .entry-content table,
934 .comment-content table {
935 border-bottom: 1px solid #ededed;
938 font-size: 0.857142857rem;
941 margin: 0 0 1.714285714rem;
944 .entry-content table caption,
945 .comment-content table caption {
947 font-size: 1.142857143rem;
949 margin: 1.714285714rem 0;
952 .comment-content td {
953 border-top: 1px solid #ededed;
954 padding: 6px 10px 6px 0;
956 .site-content article {
957 border-bottom: 4px double #ededed;
959 margin-bottom: 5.142857143rem;
960 padding-bottom: 24px;
961 padding-bottom: 1.714285714rem;
962 word-wrap: break-word;
963 -webkit-hyphens: auto;
969 line-height: 1.714285714;
973 margin-top: 1.714285714rem;
975 font-size: 0.928571429rem;
976 line-height: 1.846153846;
979 .single-author .entry-meta .by-author {
989 -------------------------------------------------------------- */
994 margin-bottom: 3.428571429rem;
995 padding-bottom: 22px;
996 padding-bottom: 1.571428571rem;
997 border-bottom: 1px solid #ededed;
1002 font-size: 0.857142857rem;
1005 margin-top: 1.571428571rem;
1009 /* =Single image attachment view
1010 -------------------------------------------------------------- */
1012 .article.attachment {
1015 .image-attachment div.attachment {
1018 .image-attachment div.attachment p {
1021 .image-attachment div.attachment img {
1027 .image-attachment .entry-caption {
1029 margin-top: 0.571428571rem;
1033 /* =Aside post format
1034 -------------------------------------------------------------- */
1036 article.format-aside h1 {
1037 margin-bottom: 24px;
1038 margin-bottom: 1.714285714rem;
1040 article.format-aside h1 a {
1041 text-decoration: none;
1044 article.format-aside h1 a:hover {
1047 article.format-aside .aside {
1048 padding: 24px 24px 0;
1049 padding: 1.714285714rem;
1050 background: #d2e0f9;
1051 border-left: 22px solid #a8bfe8;
1053 article.format-aside p {
1055 font-size: 0.928571429rem;
1056 line-height: 1.846153846;
1059 article.format-aside blockquote:last-child,
1060 article.format-aside p:last-child {
1066 -------------------------------------------------------------- */
1069 article.format-image footer h1 {
1071 font-size: 0.928571429rem;
1072 line-height: 1.846153846;
1073 font-weight: normal;
1075 article.format-image footer h2 {
1077 font-size: 0.785714286rem;
1078 line-height: 2.181818182;
1080 article.format-image footer a h2 {
1081 font-weight: normal;
1085 article.format-link header {
1087 padding: 0 0.714285714rem;
1090 font-size: 0.785714286rem;
1091 line-height: 2.181818182;
1094 text-transform: uppercase;
1096 background-color: #ebebeb;
1099 article.format-link .entry-content {
1103 article.format-link .entry-content a {
1105 font-size: 1.571428571rem;
1106 line-height: 1.090909091;
1107 text-decoration: none;
1111 article.format-quote .entry-content p {
1113 padding-bottom: 24px;
1114 padding-bottom: 1.714285714rem;
1116 article.format-quote .entry-content blockquote {
1118 padding: 24px 24px 0;
1119 padding: 1.714285714rem 1.714285714rem 0;
1121 font-size: 1.071428571rem;
1125 background: #efefef;
1129 .format-status .entry-header {
1130 margin-bottom: 24px;
1131 margin-bottom: 1.714285714rem;
1133 .format-status .entry-header header {
1134 display: inline-block;
1136 .format-status .entry-header h1 {
1138 font-size: 1.071428571rem;
1139 font-weight: normal;
1143 .format-status .entry-header h2 {
1145 font-size: 0.857142857rem;
1146 font-weight: normal;
1150 .format-status .entry-header header a {
1153 .format-status .entry-header header a:hover {
1156 .format-status .entry-header img {
1159 margin-right: 1.5rem;
1164 -------------------------------------------------------------- */
1167 margin-bottom: 48px;
1168 margin-bottom: 3.428571429rem;
1170 font-size: 1.142857143rem;
1172 font-weight: normal;
1174 .comments-area article {
1176 margin: 1.714285714rem 0;
1178 .comments-area article header {
1180 margin: 0 0 3.428571429rem;
1184 .comments-area article header img {
1189 .comments-area article header cite,
1190 .comments-area article header time {
1193 margin-left: 6.071428571rem;
1195 .comments-area article header cite {
1198 font-size: 1.071428571rem;
1199 line-height: 1.42857143;
1201 .comments-area cite b {
1202 font-weight: normal;
1204 .comments-area article header time {
1205 line-height: 1.714285714;
1206 text-decoration: none;
1208 font-size: 0.857142857rem;
1211 .comments-area article header a {
1212 text-decoration: none;
1215 .comments-area article header a:hover {
1218 .comments-area article header cite a {
1221 .comments-area article header cite a:hover {
1222 text-decoration: underline;
1224 .comments-area article header h4 {
1229 padding: 0.428571429rem 0.857142857rem;
1231 font-size: 0.857142857rem;
1232 font-weight: normal;
1234 background-color: #0088d0;
1235 background-repeat: repeat-x;
1236 background-image: -moz-linear-gradient(top, #009cee, #0088d0);
1237 background-image: -ms-linear-gradient(top, #009cee, #0088d0);
1238 background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
1239 background-image: -o-linear-gradient(top, #009cee, #0088d0);
1240 background-image: linear-gradient(top, #009cee, #0088d0);
1242 border: 1px solid #007cbd;
1244 .comments-area .bypostauthor cite span {
1247 margin-left: 0.357142857rem;
1249 padding: 0.142857143rem 0.357142857rem;
1251 font-size: 0.714285714rem;
1253 .comments-area .bypostauthor cite b {
1256 a.comment-reply-link,
1257 a.comment-edit-link {
1260 font-size: 0.928571429rem;
1261 line-height: 1.846153846;
1263 a.comment-reply-link:hover,
1264 a.comment-edit-link:hover {
1267 .commentlist .pingback {
1268 line-height: 1.714285714;
1269 margin-bottom: 24px;
1270 margin-bottom: 1.714285714rem;
1276 margin-top: 3.428571429rem;
1278 #respond h3#reply-title {
1280 font-size: 1.142857143rem;
1283 #respond h3#reply-title #cancel-comment-reply-link {
1285 margin-left: 0.714285714rem;
1286 font-weight: normal;
1288 font-size: 0.857142857rem;
1292 margin: 1.714285714rem 0;
1296 margin: 0.785714286rem 0;
1298 #respond form p.logged-in-as {
1299 margin-bottom: 24px;
1300 margin-bottom: 1.714285714rem;
1302 #respond form label {
1304 line-height: 1.714285714;
1306 #respond form input[type="text"],
1307 #respond form textarea {
1308 -moz-box-sizing: border-box;
1309 box-sizing: border-box;
1311 font-size: 0.857142857rem;
1312 line-height: 1.714285714;
1314 padding: 0.714285714rem;
1317 #respond form p.form-allowed-tags {
1320 font-size: 0.857142857rem;
1329 /* =Front page template
1330 -------------------------------------------------------------- */
1333 margin-bottom: 14px;
1334 margin-bottom: 1rem;
1336 .template-front-page .site-content article {
1340 .template-front-page .widget-area {
1345 padding-top: 1.714285714rem;
1346 border-top: 1px solid #ededed;
1348 .template-front-page .widget-area .widget li {
1350 margin: 0.571428571rem 0 0;
1352 font-size: 0.928571429rem;
1353 line-height: 1.714285714;
1354 list-style-type: square;
1355 list-style-position: inside;
1357 .template-front-page .widget-area .widget li a {
1360 .template-front-page .widget-area .widget li a:hover {
1363 .template-front-page .widget-area .widget_text img {
1365 margin: 8px 24px 8px 0;
1366 margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
1371 -------------------------------------------------------------- */
1373 .widget-area .widget ul ul {
1375 margin-left: 0.857142857rem;
1379 margin: 0.857142857rem 0;
1381 .widget_recent_entries .post-date,
1382 .widget_rss .rss-date {
1385 font-size: 0.785714286rem;
1387 margin-left: 0.857142857rem;
1393 font-size: 0.928571429rem;
1394 line-height: 1.846153846;
1399 #wp-calendar caption {
1402 #wp-calendar #next {
1403 padding-right: 24px;
1404 padding-right: 1.714285714rem;
1407 .widget_search label {
1410 font-size: 0.928571429rem;
1411 line-height: 1.846153846;
1413 .widget_twitter li {
1414 list-style-type: none;
1416 .widget_twitter .timesince {
1423 ----------------------------------------------- */
1427 margin: 0 auto 24px;
1428 margin: 0 auto 1.714285714rem;
1433 -------------------------------------------------------------- */
1435 /* Minimum width of 600 pixels. */
1436 @media screen and (min-width: 600px) {
1440 margin-top: 0.571428571rem;
1442 .author-description {
1449 max-width: 68.571428571rem;
1454 width: 65.104166667%;
1456 body.template-front-page .site-content,
1457 body.single-attachment .site-content,
1458 body.full-width .site-content {
1463 width: 26.041666667%;
1471 font-size: 1.857142857rem;
1472 line-height: 1.846153846;
1475 .main-navigation ul.nav-menu,
1476 .main-navigation div.nav-menu > ul {
1477 border-bottom: 1px solid #ededed;
1478 border-top: 1px solid #ededed;
1479 display: inline-block !important;
1483 .main-navigation ul {
1487 .main-navigation li a,
1488 .main-navigation li {
1489 display: inline-block;
1490 text-decoration: none;
1492 .main-navigation li a {
1495 line-height: 3.692307692;
1496 text-transform: uppercase;
1497 white-space: nowrap;
1499 .main-navigation li a:hover {
1502 .main-navigation li {
1504 margin: 0 2.857142857rem 0 0;
1507 .main-navigation li ul {
1515 .main-navigation li ul ul {
1519 .main-navigation ul li:hover > ul {
1523 .main-navigation li ul li a {
1524 background: #efefef;
1525 border-bottom: 1px solid #ededed;
1528 font-size: 0.785714286rem;
1529 line-height: 2.181818182;
1531 padding: 0.571428571rem 0.714285714rem;
1533 width: 12.85714286rem;
1534 white-space: normal;
1536 .main-navigation li ul li a:hover {
1537 background: #e3e3e3;
1540 .main-navigation .current-menu-item > a,
1541 .main-navigation .current-menu-ancestor > a,
1542 .main-navigation .current_page_item > a,
1543 .main-navigation .current_page_ancestor > a {
1550 .entry-header .entry-title {
1552 font-size: 1.571428571rem;
1554 #respond form input[type="text"] {
1555 width: 46.333333333%;
1557 #respond form textarea.blog-textarea {
1558 width: 79.666666667%;
1560 .template-front-page .site-content,
1561 .template-front-page article {
1564 .template-front-page.has-post-thumbnail article {
1566 width: 47.916666667%;
1571 width: 47.916666667%;
1573 .template-front-page .widget-area .widget,
1574 .template-front-page.two-sidebars .widget-area .front-widgets {
1577 margin-bottom: 24px;
1578 margin-bottom: 1.714285714rem;
1580 .template-front-page .widget-area .widget:nth-child(odd) {
1583 .template-front-page .widget-area .widget:nth-child(even),
1584 .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
1588 margin: 0 0 1.714285714rem;
1590 .template-front-page.two-sidebars .widget,
1591 .template-front-page.two-sidebars .widget:nth-child(even) {
1595 .commentlist .children {
1597 margin-left: 3.428571429rem;
1601 /* Minimum width of 960 pixels. */
1602 @media screen and (min-width: 960px) {
1604 background-color: #e6e6e6;
1608 padding: 0 2.857142857rem;
1610 margin-top: 3.428571429rem;
1611 margin-bottom: 48px;
1612 margin-bottom: 3.428571429rem;
1613 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
1615 body.custom-background-empty {
1616 background-color: #fff;
1618 body.custom-background-empty .site,
1619 body.custom-background-white .site {
1629 ----------------------------------------------- */
1633 background: none !important;
1637 footer a[rel=bookmark]:link:after,
1638 footer a[rel=bookmark]:visited:after {
1639 content: " [" attr(href) "] "; /* Show URLs */
1642 text-decoration: none;
1645 .comment-content img,
1652 clear: both !important;
1653 display: block !important;
1654 float: none !important;
1656 position: relative !important;
1659 margin-bottom: 72px;
1660 margin-bottom: 5.142857143rem;
1680 .commentlist .comment-edit-link,
1681 .commentlist .reply,
1682 .entry-header .comments-link,
1683 .entry-meta .edit-link a,
1699 .singular .entry-header .entry-meta {
1702 .singular .site-content,
1703 .singular .entry-header,
1704 .singular .entry-content,
1705 .singular footer.entry-meta,
1706 .singular .comments-title {
1710 .entry-header .entry-title,
1712 .singular .entry-title {
1716 footer.entry-meta a {
1720 .author-description {
1726 .commentlist > li.comment {
1731 .commentlist .avatar {
1737 .comments-area article header cite,
1738 .comments-area article header time {
1740 margin-left: 3.57142857rem;