WordPress.org

Make WordPress Core

Changeset 25788


Ignore:
Timestamp:
10/15/2013 04:45:42 PM (8 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: first pass at CSS revamp, props iamtakashi. See #25592.

Location:
trunk/src/wp-content/themes/twentyfourteen
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentyfourteen/functions.php

    r25769 r25788  
    101101        'default-color' => 'f5f5f5',
    102102    ) ) );
     103
     104    /*
     105     * This theme uses its own gallery styles.
     106     */
     107    add_filter( 'use_default_gallery_style', '__return_false' );
    103108}
    104109endif; // twentyfourteen_setup
     
    113118 */
    114119function twentyfourteen_content_width() {
    115     if ( is_page_template( 'full-width-page.php' ) || is_attachment() )
     120    if ( is_attachment() )
    116121        $GLOBALS['content_width'] = 810;
    117122}
  • trunk/src/wp-content/themes/twentyfourteen/sidebar.php

    r25769 r25788  
    1818
    1919        <?php if ( has_nav_menu( 'secondary' ) ) : ?>
    20         <nav role="navigation" class="navigation secondary-navigation">
     20        <nav role="navigation" class="navigation site-navigation secondary-navigation">
    2121            <?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>
    2222        </nav>
     
    2424    </div><!-- #secondary-top -->
    2525
    26     <div id="secondary-bottom" class="widget-area" role="complementary">
     26    <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
     27    <div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
    2728        <?php
    2829            do_action( 'before_sidebar' );
     
    3031        ?>
    3132    </div><!-- #secondary-bottom -->
     33    <?php endif; ?>
    3234</div><!-- #secondary -->
  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r25762 r25788  
    1515
    1616
    17 /* =Reset
    18 ----------------------------------------------- */
    19 
    20 html, body, div, span, applet, object, iframe,
    21 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    22 a, abbr, acronym, address, big, cite, code,
    23 del, dfn, em, font, ins, kbd, q, s, samp,
    24 small, strike, strong, sub, sup, tt, var,
    25 dl, dt, dd, ol, ul, li,
    26 fieldset, form, label, legend,
    27 table, caption, tbody, tfoot, thead, tr, th, td {
     17/**
     18 * Table of Contents:
     19 *
     20 * 1.0 - Reset
     21 * 2.0 - Repeatable Patterns
     22 * 3.0 - Basic Structure
     23 * 4.0 - Header
     24 * 5.0 - Navigations
     25 * 6.0 - Content
     26 *   6.1 - Post Thumbnail
     27 *   6.1 - Entry Header
     28 *   6.2 - Entry Meta
     29 *   6.3 - Entry Content
     30 *   6.4 - Galleries
     31 *   6.5 - Post Formats
     32 *   6.6 - Post/Paging Navigation
     33 *   6.7 - Attachments
     34 *   6.8 - Archives
     35 *   6.9 - Contributor Page
     36 *   6.10 - 404 Page
     37 *   6.11 - Front Page
     38 *   6.12 - Comments
     39 * 7.0 - Sidebar
     40 *   7.1 - Widgets
     41 *   7.2 - Content Sidebar Widgets
     42 * 8.0 - Footer
     43 * 9.0 - Featured Content
     44 * 10.0 - Media Queries
     45 * -----------------------------------------------------------------------------
     46 */
     47
     48
     49
     50/**
     51 * 1.0 Reset
     52 *
     53 * Resetting and rebuilding styles have been helped along thanks to the fine
     54 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
     55 * along with Nicolas Gallagher and Jonathan Neal
     56 * http://necolas.github.com/normalize.css/ and Blueprint
     57 * http://www.blueprintcss.org/
     58 *
     59 * -----------------------------------------------------------------------------
     60 */
     61
     62html, 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 {
    2863    border: 0;
    2964    font-family: inherit;
     
    3671    vertical-align: baseline;
    3772}
    38 html {
    39     font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    40     overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    41     -webkit-text-size-adjust: 100%;
    42     -ms-text-size-adjust:     100%;
    43 }
    44 body {
    45     background: #fff;
    46 }
     73
    4774article,
    4875aside,
     
    5784    display: block;
    5885}
    59 ol, ul {
    60     list-style: none;
    61 }
    62 table { /* tables still need 'cellspacing="0"' in the markup */
    63     border-collapse: separate;
    64     border-spacing: 0;
    65 }
    66 caption, th, td {
    67     font-weight: normal;
    68     text-align: left;
    69 }
    70 blockquote:before, blockquote:after,
    71 q:before, q:after {
    72     content: "";
    73 }
    74 blockquote, q {
    75     quotes: "" "";
    76 }
    77 a:focus {
    78     outline: thin dotted;
    79 }
    80 a:hover,
    81 a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    82     outline: 0;
    83 }
    84 a img {
    85     border: 0;
    86     display: block;
    87 }
    88 
    89 /* =Global
    90 ----------------------------------------------- */
     86
     87audio,
     88canvas,
     89video {
     90    display: inline-block;
     91}
     92
     93html {
     94    overflow-y: scroll;
     95    -webkit-text-size-adjust: 100%;
     96    -ms-text-size-adjust:     100%;
     97}
    9198
    9299body,
     
    96103textarea {
    97104    color: #2b2b2b;
    98     font-family: lato, sans-serif;
     105    font-family: Lato, sans-serif;
    99106    font-size: 16px;
    100107    font-weight: 400;
     
    102109}
    103110
    104 /* Selection */
    105 ::-moz-selection {
    106     background: #24890d;
    107     color: #fff;
    108     text-shadow: none;
    109 }
    110 ::selection {
    111     background: #24890d;
    112     color: #fff;
    113     text-shadow: none;
    114 }
    115 
    116 /* Headings */
    117 h1,h2,h3,h4,h5,h6 {
     111body {
     112    background: #f5f5f5;
     113}
     114
     115a {
     116    color: #24890d;
     117    text-decoration: none;
     118}
     119
     120a:focus {
     121    outline: thin dotted;
     122}
     123
     124a:hover,
     125a:active {
     126    outline: 0;
     127}
     128
     129a:hover,
     130a:focus,
     131a:active {
     132    color: #5ff23d;
     133}
     134
     135h1,
     136h2,
     137h3,
     138h4,
     139h5,
     140h6 {
    118141    clear: both;
    119142    font-weight: 700;
    120143    margin: 36px 0 12px;
    121144}
     145
    122146h1 {
    123147    font-size: 26px;
    124148    line-height: 1.3846153846;
    125149}
     150
    126151h2 {
    127152    font-size: 24px;
    128153    line-height: 1;
    129154}
     155
    130156h3 {
    131157    font-size: 22px;
    132158    line-height: 1.0909090909;
    133159}
     160
    134161h4 {
    135162    font-size: 20px;
    136163    line-height: 1.2;
    137164}
     165
    138166h5 {
    139167    font-size: 18px;
    140168    line-height: 1.3333333333;
    141169}
     170
    142171h6 {
    143172    font-size: 16px;
    144173    line-height: 1.5;
    145174}
    146 h1 a,
    147 h2 a,
    148 h3 a,
    149 h4 a,
    150 h5 a,
    151 h6 a {
    152     color: #2b2b2b;
     175
     176address {
     177    margin-bottom: 24px;
     178}
     179
     180abbr,
     181acronym {
     182    border-bottom: 1px dotted #2b2b2b;
     183    cursor: help;
     184}
     185
     186b,
     187strong {
     188    font-weight: 700;
     189}
     190
     191dfn,
     192em,
     193i {
     194    font-style: italic;
     195}
     196
     197mark,
     198ins {
     199    background: #fff9c0;
    153200    text-decoration: none;
    154201}
    155 h1 a:hover,
    156 h2 a:hover,
    157 h3 a:hover,
    158 h4 a:hover,
    159 h5 a:hover,
    160 h6 a:hover {
    161     color: #24890d;
    162     text-decoration: none;
    163 }
    164 hr {
    165     background-color: rgba(0, 0, 0, 0.1);
    166     border: 0;
    167     height: 1px;
    168     margin-bottom: 23px;
    169 }
    170 
    171 /* Text elements */
    172 p {
     202
     203code,
     204kbd,
     205tt,
     206var,
     207samp,
     208pre {
     209    font-family: monospace, serif;
     210    font-size: 15px;
     211    line-height: 1.6;
     212}
     213
     214pre {
     215    background: #eee;
    173216    margin-bottom: 24px;
    174 }
    175 ul, ol {
    176     margin: 0 0 24px 22px;
    177 }
    178 ul {
    179     list-style: disc;
    180 }
    181 ol {
    182     list-style: decimal;
    183 }
    184 li > ul,
    185 li > ol {
    186     margin-bottom: 0;
    187     margin-left: 20px;
    188 }
    189 dt {
    190     font-weight: bold;
    191 }
    192 dd {
    193     margin: 0 0 24px;
    194 }
    195 b, strong {
    196     font-weight: bold;
    197 }
    198 dfn, cite, em, i {
    199     font-style: italic;
    200 }
     217    max-width: 100%;
     218    overflow: auto;
     219    padding: 12px;
     220}
     221
     222blockquote,
     223q {
     224    quotes: none;
     225}
     226
     227blockquote:before,
     228blockquote:after,
     229q:before,
     230q:after {
     231    content: "";
     232    content: none;
     233}
     234
    201235blockquote {
     236    color: #767676;
     237    font-size: 19px;
    202238    font-style: italic;
    203239    font-weight: 300;
    204     margin: 0 0 24px;
    205 }
    206 blockquote em, blockquote i, blockquote cite {
     240    line-height: 1.2631578947;
     241    margin-bottom: 24px;
     242}
     243
     244blockquote em,
     245blockquote i,
     246blockquote cite {
    207247    font-style: normal;
    208248}
    209 blockquote p {
    210     color: #767676;
    211     font-size: 19px;
    212     line-height: 1.2631578947;
    213 }
     249
    214250blockquote cite {
    215251    color: #2b2b2b;
     
    218254    line-height: 1.5;
    219255}
    220 address {
    221     margin: 0 0 24px;
    222 }
    223 pre {
    224     background: #eee;
    225     font-family: 'Courier 10 Pitch', Courier, monospace;
    226     font-size: 15px;
    227     line-height: 1.6;
    228     margin-bottom: 24px;
    229     max-width: 100%;
    230     overflow: auto;
    231     padding: 12px;
    232 }
    233 code, kbd, tt, var {
    234     font: 15px/1.6 Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
    235 }
    236 abbr, acronym {
    237     border-bottom: 1px dotted #2b2b2b;
    238     cursor: help;
    239 }
    240 mark, ins {
    241     background: #fff9c0;
    242     text-decoration: none;
    243 }
     256
     257blockquote strong,
     258blockquote b {
     259    font-weight: 400;
     260}
     261
     262small {
     263    font-size: 75%;
     264}
     265
     266big {
     267    font-size: 125%;
     268}
     269
    244270sup,
    245271sub {
     
    250276    vertical-align: baseline;
    251277}
     278
    252279sup {
    253280    bottom: 1ex;
    254281}
     282
    255283sub {
    256284    top: .5ex;
    257285}
    258 small {
    259     font-size: 75%;
    260 }
    261 big {
    262     font-size: 125%;
    263 }
     286
     287dl {
     288    margin-bottom: 24px;
     289}
     290
     291dt {
     292    font-weight: bold;
     293}
     294
     295dd {
     296    margin-bottom: 24px;
     297}
     298
     299ul,
     300ol {
     301    list-style: none;
     302    margin: 0 0 24px 20px;
     303}
     304
     305ul {
     306    list-style: disc;
     307}
     308
     309ol {
     310    list-style: decimal;
     311}
     312
     313li > ul,
     314li > ol {
     315    margin: 0 0 0 20px;
     316}
     317
     318img {
     319    -ms-interpolation-mode: bicubic;
     320    border: 0;
     321    vertical-align: middle;
     322}
     323
    264324figure {
    265325    margin: 0;
    266326}
     327
     328table,
     329th,
     330td {
     331    border: 1px solid rgba(0, 0, 0, 0.1);
     332}
     333
    267334table {
    268     margin: 0 0 24px;
     335    border-collapse: separate;
     336    border-spacing: 0;
     337    border-width: 1px 0 0 1px;
     338    margin-bottom: 24px;
    269339    width: 100%;
    270340}
     341
     342caption,
     343th,
     344td {
     345    font-weight: normal;
     346    text-align: left;
     347}
     348
    271349th {
     350    border-width: 0 1px 1px 0;
    272351    font-weight: bold;
    273352}
     353
     354td {
     355    border-width: 0 1px 1px 0;
     356}
     357
     358del {
     359    color: #767676;
     360}
     361
     362hr {
     363    background-color: rgba(0, 0, 0, 0.1);
     364    border: 0;
     365    height: 1px;
     366    margin-bottom: 23px;
     367}
     368
     369::selection {
     370    background: #24890d;
     371    color: #fff;
     372    text-shadow: none;
     373}
     374
     375::-moz-selection {
     376    background: #24890d;
     377    color: #fff;
     378    text-shadow: none;
     379}
     380
     381p {
     382    margin-bottom: 24px;
     383}
     384
    274385button,
    275386input,
    276387select,
    277388textarea {
    278     font-size: 100%; /* Corrects font size not being inherited in all browsers */
    279     margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    280 }
     389    font-size: 100%;
     390    margin: 0;
     391    max-width: 100%;
     392}
     393
    281394button,
    282395input {
    283     line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    284     *overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
    285 }
     396    line-height: normal;
     397}
     398
     399button,
     400input[type="button"],
     401input[type="checkbox"],
     402input[type="email"],
     403input[type="password"],
     404input[type="radio"],
     405input[type="reset"],
     406input[type="search"],
     407input[type="submit"]
     408input[type="text"],
     409input[type="url"],
     410textarea {
     411    -webkit-box-sizing: border-box;
     412    -moz-box-sizing:    border-box;
     413    box-sizing:         border-box;
     414}
     415
     416button,
     417html input[type="button"],
     418input[type="reset"],
     419input[type="submit"] {
     420    -webkit-appearance: button;
     421    cursor: pointer;
     422}
     423
     424input[type="checkbox"],
     425input[type="radio"] {
     426    padding: 0;
     427}
     428
     429input[type="search"] {
     430    -webkit-appearance: textfield;
     431}
     432
     433input[type="search"]::-webkit-search-decoration {
     434    -webkit-appearance: none;
     435}
     436
     437button::-moz-focus-inner,
     438input::-moz-focus-inner {
     439    border: 0;
     440    padding: 0;
     441}
     442
     443textarea {
     444    overflow: auto;
     445    vertical-align: top;
     446}
     447
     448
     449/**
     450 * 2.0 Repeatable Patterns
     451 * -----------------------------------------------------------------------------
     452 */
     453
     454/* Buttons */
     455
    286456button,
    287457.contributor-posts-link,
    288 html input[type="button"],
     458input[type="button"],
    289459input[type="reset"],
    290460input[type="submit"] {
     
    295465    font-size: 12px;
    296466    font-weight: 700;
    297     line-height: 1;
    298     padding: 13px 33px 11px;
     467    padding: 11px 30px 10px;
    299468    text-transform: uppercase;
    300469    vertical-align: top;
    301470}
     471
    302472button:hover,
     473button:focus,
    303474.contributor-posts-link:hover,
    304 html input[type="button"]:hover,
     475input[type="button"]:hover,
     476input[type="button"]:focus,
    305477input[type="reset"]:hover,
     478input[type="reset"]:focus,
    306479input[type="submit"]:hover,
    307 button:focus,
    308 html input[type="button"]:focus,
    309 input[type="reset"]:focus,
    310480input[type="submit"]:focus {
    311481    background-color: #35921f;
    312482    color: #fff;
    313     cursor: pointer;
    314 }
     483}
     484
    315485button:active,
    316486.contributor-posts-link:active,
    317 html input[type="button"]:active,
     487input[type="button"]:active,
    318488input[type="reset"]:active,
    319489input[type="submit"]:active {
    320490    background-color: #5ff23d;
    321491}
    322 input[type="checkbox"],
    323 input[type="radio"] {
    324     -webkit-box-sizing: border-box;
    325     -moz-box-sizing:    border-box;
    326     box-sizing:         border-box;
    327     padding: 0; /* Addresses excess padding in IE8/9 */
    328 }
    329 input[type="search"] {
    330     -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    331     -webkit-box-sizing: content-box;
    332     -moz-box-sizing:    content-box;
    333     box-sizing:         content-box;
    334 }
    335 input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    336     -webkit-appearance: none;
    337 }
    338 button::-moz-focus-inner,
    339 input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    340     border: 0;
    341     padding: 0;
    342 }
     492
     493/* Input Fields */
     494
     495input[type="email"],
     496input[type="password"],
     497input[type="search"],
    343498input[type="text"],
    344 input[type="email"],
    345499input[type="url"],
    346 input[type="search"],
    347 input[type="password"],
    348500textarea {
    349501    border: 1px solid rgba(0, 0, 0, 0.1);
    350502    border-radius: 2px;
    351     -webkit-box-sizing: border-box;
    352     -moz-box-sizing:    border-box;
    353     box-sizing:         border-box;
    354503    color: #2b2b2b;
    355 }
     504    padding: 8px 10px 7px;
     505}
     506
     507input[type="email"]:focus,
     508input[type="password"]:focus,
     509input[type="search"]:focus,
    356510input[type="text"]:focus,
    357 input[type="email"]:focus,
    358511input[type="url"]:focus,
    359 input[type="search"]:focus,
    360 input[type="password"]:focus,
    361512textarea:focus {
    362513    color: #2b2b2b;
    363514}
    364 input[type="text"],
    365 input[type="email"],
    366 input[type="url"],
    367 input[type="search"],
    368 input[type="password"] {
     515
     516textarea {
    369517    padding: 8px 10px;
    370 }
    371 textarea {
    372     overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    373     padding: 8px 10px;
    374     vertical-align: top; /* Improves readability and alignment in all browsers */
    375518    width: 100%;
    376519}
     520
    377521.search-field {
    378522    width: 100%;
    379523}
    380524
    381 /* Links */
    382 a {
    383     color: #24890d;
    384     text-decoration: none;
    385 }
    386 a:hover,
    387 a:focus,
    388 a:active {
    389     color: #5FF23D;
     525.search-submit {
     526    display: none;
     527}
     528
     529/* Responsive images. Fluid images for posts, comments, and widgets */
     530
     531.entry-content img,
     532.entry-summary img,
     533.comment-content img,
     534#site-header img,
     535.widget img,
     536.wp-caption {
     537    max-width: 100%;
     538}
     539
     540/**
     541 * Make sure images with WordPress-added height and width attributes are
     542 * scaled correctly.
     543 */
     544
     545.entry-content img,
     546.entry-summary img,
     547.comment-content img[height],
     548img[class*="align"],
     549img[class*="wp-image-"],
     550img[class*="attachment-"],
     551#site-header img {
     552    height: auto;
     553}
     554
     555img.size-full,
     556img.size-large,
     557img.wp-post-image {
     558    height: auto;
     559    max-width: 100%;
     560}
     561
     562.attachment-featured-featured img,
     563.attachment-featured-thumbnail img {
     564    height: auto;
     565    max-width: 100%;
     566}
     567
     568/* Make sure embeds and iframes fit their containers */
     569
     570embed,
     571iframe,
     572object,
     573video {
     574    margin-bottom: 24px;
     575    max-width: 100%;
     576}
     577
     578p > embed,
     579p > iframe,
     580p > object,
     581span > embed,
     582span > iframe,
     583span > object {
     584    margin-bottom: 0;
    390585}
    391586
    392587/* Alignment */
     588
    393589.alignleft {
    394590    display: inline;
     
    396592    margin-right: 24px;
    397593}
     594
    398595.alignright {
    399596    display: inline;
     
    401598    margin-left: 24px;
    402599}
     600
    403601.aligncenter {
    404602    clear: both;
     
    407605}
    408606
     607blockquote.alignleft,
     608img.alignleft,
     609.wp-caption.alignleft {
     610    margin: 7px 24px 7px 0;
     611}
     612
     613blockquote.alignright,
     614img.alignright,
     615.wp-caption.alignright {
     616    margin: 7px 0 7px 24px;
     617}
     618
     619blockquote.aligncenter,
     620img.aligncenter,
     621.wp-caption.aligncenter {
     622    margin-top: 7px;
     623    margin-bottom: 7px;
     624}
     625
     626.site-content blockquote.alignleft,
     627.site-content blockquote.alignright {
     628    border-top: 1px solid rgba(0, 0, 0, 0.1);
     629    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     630    padding-top: 17px;
     631    width: 50%;
     632}
     633
     634.site-content blockquote.alignleft p,
     635.site-content blockquote.alignright p {
     636    margin-bottom: 17px;
     637}
     638
     639.wp-caption {
     640    margin-bottom: 24px;
     641}
     642
     643.wp-caption img[class*="wp-image-"] {
     644    display: block;
     645    margin: 0;
     646}
     647
     648.wp-caption {
     649    color: #767676;
     650}
     651
     652.wp-caption-text {
     653    -webkit-box-sizing: border-box;
     654    -moz-box-sizing:    border-box;
     655    box-sizing:         border-box;
     656    font-size: 12px;
     657    font-style: italic;
     658    line-height: 1.5;
     659    margin: 9px 0;
     660}
     661
     662img.wp-smiley {
     663    border: none;
     664    margin-bottom: 0;
     665    margin-top: 0;
     666    padding: 0;
     667}
     668
    409669/* Assistive text */
     670
    410671.screen-reader-text {
    411672    clip: rect(1px, 1px, 1px, 1px);
     
    434695}
    435696
    436 /* Hidden */
    437697.hide {
    438698    display: none;
    439699}
    440700
    441 /* Clearing */
     701/* Clearing floats */
     702
    442703.clear:before,
    443704.clear:after,
     705.footer-sidebar:before,
     706.footer-sidebar:after,
    444707.hentry:before,
    445708.hentry:after,
    446 .footer-sidebar:before,
    447 .footer-sidebar:after,
    448709[class*="content"]:before,
    449710[class*="content"]:after,
    450711[class*="site"]:before,
    451712[class*="site"]:after {
    452     content: '';
     713    content: "";
    453714    display: table;
    454715}
    455716
    456717.clear:after,
     718.footer-sidebar:after,
    457719.hentry:after,
    458 .footer-sidebar:after,
    459720[class*="content"]:after,
    460721[class*="site"]:after {
     
    463724
    464725/* Genericons */
     726
     727.comment-edit-link:before,
     728.comment-reply-link:before,
     729.comment-reply-login:before,
     730.contributor-posts-link:before,
    465731.search-toggle:before,
    466 .contributor-posts-link:before,
    467732.widget_twentyfourteen_ephemera .widget-title:before {
    468733    -webkit-font-smoothing: antialiased;
    469734    display: inline-block;
    470     font-family: 'Genericons';
     735    font-family: Genericons;
    471736    font-size: 16px;
    472737    font-style: normal;
     
    477742}
    478743
    479 
    480 /* =Basic Structure
    481 ----------------------------------------------- */
    482 
    483 body {
    484     background-color: #f5f5f5;
    485 }
     744/* Separator */
     745
     746.site-content span + .entry-date:before,
     747.full-size-link:before,
     748.parent-post-link:before,
     749span + .byline:before,
     750span + .comments-link:before,
     751span + .edit-link:before,
     752.widget_twentyfourteen_ephemera .entry-title:after {
     753    content: "\0020\007c\0020";
     754}
     755
     756
     757/**
     758 * 3.0 Basic Structure
     759 * -----------------------------------------------------------------------------
     760 */
     761
    486762.site {
    487763    background-color: #fff;
     
    489765    position: relative;
    490766}
    491 .content-area {
    492     padding-top: 24px;
    493 }
    494 
    495 
    496 /* =Header
    497 ----------------------------------------------- */
     767
     768
     769/**
     770 * 4.0 Header
     771 * -----------------------------------------------------------------------------
     772 */
     773
     774#site-header {
     775    position: relative;
     776    z-index: 3;
     777}
    498778
    499779.site-header {
     
    505785}
    506786
    507 /* Fixed Header */
    508 .site-header.masthead-fixed {
    509     box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    510     position: fixed;
    511         top: 0;
    512 }
    513 .admin-bar .site-header.masthead-fixed {
    514     top: 28px;
    515 }
    516 .admin-bar.mp6 .site-header.masthead-fixed {
    517     top: 32px;
    518 }
    519 #site-header {
    520     position: relative;
    521     z-index: 3;
    522 }
    523787.header-main {
    524788    margin-right: 48px;
     
    526790    padding-left: 10px;
    527791}
     792
    528793.header-extra {
    529794    background-color: #24890d;
    530795    float: right;
    531796}
     797
    532798.site-title {
    533799    display: inline-block;
     
    538804    margin: 0;
    539805}
     806
    540807.site-title a {
    541808    color: #fff;
    542809}
    543 #nav-toggle {
    544     background-color: #000;
    545     line-height: 1;
    546     padding: 16px;
    547     position: absolute;
    548         top:0;
    549         right: 0;
    550 }
    551 #nav-toggle:before {
    552     color: #fff;
    553     content: '\F419';
    554 }
    555 #nav-toggle:hover {
    556     cursor: pointer;
    557 }
     810
     811/* Search in the header */
     812
    558813.search-toggle {
    559814    background-color: #24890d;
     
    562817    box-sizing:         border-box;
    563818    color: #fff;
     819    cursor: pointer;
    564820    display: block;
    565821    float: left;
     
    572828    text-transform: uppercase;
    573829}
     830
     831.search-toggle:hover,
     832.search-toggle.active {
     833    background-color: #35921f;
     834}
     835
     836.search-toggle:before {
     837    color: #fff;
     838    content: "\f400";
     839    margin-left: -8px;
     840    position: absolute;
     841    top: 9px;
     842    left: 50%;
     843}
     844
    574845.search-toggle a,
    575846.search-toggle a:hover {
    576847    color: #fff;
    577848}
    578 .search-toggle:hover,
    579 .search-toggle.active {
    580     background-color: #35921f;
    581 }
    582 .search-toggle:hover {
    583     cursor: pointer;
    584 }
    585 .search-toggle:before {
    586     color: #fff;
    587     content: '\f400';
    588     margin-left: -8px;
    589     position: absolute;
    590         top: 9px;
    591         left: 50%;
    592 }
     849
    593850.search-box-wrapper {
    594851    -webkit-box-sizing: border-box;
     
    599856    z-index: 2;
    600857}
     858
    601859.search-box {
    602860    background-color: #35921f;
    603861}
     862
    604863.search-box .search-field {
    605864    background-color: #fff;
     
    611870}
    612871
    613 
    614 /* =Menu
    615 ----------------------------------------------- */
     872/* Fixed Header */
     873
     874.site-header.masthead-fixed {
     875    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
     876    position: fixed;
     877    top: 0;
     878}
     879
     880.admin-bar .site-header.masthead-fixed {
     881    top: 28px;
     882}
     883
     884.admin-bar.mp6 .site-header.masthead-fixed {
     885    top: 32px;
     886}
     887
     888
     889/**
     890 * 5.0 Navigations
     891 * -----------------------------------------------------------------------------
     892 */
     893
     894.site-navigation a {
     895    color: #fff;
     896    text-transform: uppercase;
     897}
     898
     899.site-navigation .current_page_item > a,
     900.site-navigation .current-menu-item > a {
     901    color: #5ff23d;
     902}
     903
     904.site-navigation ul {
     905    list-style: none;
     906}
    616907
    617908/* Primary Navigation */
     909
    618910.primary-navigation {
    619911    display: none;
    620912    float: right;
    621913    font-size: 11px;
    622     font-weight: 700;
    623914    line-height: 1.6363636363;
    624915    margin: 0 10px 0 -10px;
    625     text-transform: uppercase;
    626 }
     916}
     917
    627918.primary-navigation ul {
    628     list-style: none;
    629919    margin: 0;
    630920    padding-left: 0;
    631921}
     922
    632923.primary-navigation li {
    633924    -webkit-box-sizing: border-box;
     
    639930    position: relative;
    640931}
     932
    641933.primary-navigation a {
    642     color: #fff;
    643934    display: inline-block;
    644935    padding: 0 10px;
     
    646937    white-space: nowrap;
    647938}
     939
    648940.primary-navigation ul ul {
    649941    background-color: #24890d;
    650942    float: left;
    651943    position: absolute;
    652         top: 48px;
    653         left: -999em;
     944    top: 48px;
     945    left: -999em;
    654946    z-index: 99999;
    655947}
     948
    656949.primary-navigation li li {
    657950    display: block;
     
    659952    line-height: 1.6363636363;
    660953}
     954
    661955.primary-navigation ul ul ul {
    662956    left: -999em;
    663957    top: 0;
    664958}
     959
    665960.primary-navigation ul ul a {
    666961    padding: 9px 12px;
     
    668963    width: 148px;
    669964}
    670 .primary-navigation ul ul li {
    671 }
     965
    672966.primary-navigation li:hover > a {
    673967    background-color: #24890d;
    674968    color: #fff;
    675969}
     970
    676971.primary-navigation ul ul a:hover {
    677972    background-color: #000;
    678973}
     974
    679975.primary-navigation ul li:hover > ul,
    680976.primary-navigation ul li.focus > ul {
    681977    left: auto;
    682978}
     979
    683980.primary-navigation ul ul li:hover > ul,
    684981.primary-navigation ul ul li.focus > ul {
    685982    left: 100%;
    686983}
    687 .primary-navigation .current_page_item > a,
    688 .primary-navigation .current-menu-item > a {
    689     color: #5ff23d;
    690 }
    691984
    692985/* Secondary Navigation */
     986
    693987.secondary-navigation {
    694988    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
     
    697991    max-width: 474px;
    698992}
     993
    699994.secondary-navigation a {
    700     color: #fff;
    701995    display: block;
    702     font-weight: 700;
    703     padding: 7px 0 7px;
    704     text-transform: uppercase;
    705 }
     996    padding: 7px 0;
     997}
     998
    706999.secondary-navigation a:hover {
    707     color: #5FF23D;
    708 }
     1000    color: #5ff23d;
     1001}
     1002
    7091003.secondary-navigation ul {
    710     list-style: none;
    7111004    margin: 0;
    7121005}
     1006
    7131007.secondary-navigation ul ul {
    714     margin: 0 0 0 20px;
    715 }
     1008    margin-left: 20px;
     1009}
     1010
    7161011.secondary-navigation li {
    7171012    border-top: 1px solid rgba(255, 255, 255, 0.4);
    7181013}
     1014
    7191015.secondary-navigation li li {
    7201016    border-top: 1px solid rgba(255, 255, 255, 0.2);
    7211017}
    722 #secondary .current_page_item > a,
    723 #secondary .current-menu-item > a {
    724     color: #5FF23D;
    725 }
    7261018
    7271019/* Mobile Navigations */
     1020
    7281021#mobile-navigations {
    7291022    margin: 1px auto 0;
    7301023    max-width: 474px;
    7311024}
     1025
    7321026.mobile-navigation {
    7331027    background-color: #000;
     
    7361030    box-sizing:         border-box;
    7371031    font-size: 14px;
    738     font-weight: 700;
    7391032    padding: 24px 10px 0;
    740     text-transform: uppercase;
    741 }
     1033}
     1034
    7421035.mobile-navigation ul {
    743     list-style: none;
    7441036    margin: 0;
    7451037}
     1038
    7461039.mobile-navigation li {
    7471040    border-top: 1px solid rgba(255, 255, 255, 0.4);
    7481041}
     1042
    7491043.mobile-navigation li li {
    7501044    border-top: 1px solid rgba(255, 255, 255, 0.2);
    7511045}
     1046
    7521047.mobile-navigation ul ul li {
    7531048    margin-left: 15px;
    7541049}
     1050
    7551051.mobile-navigation a {
    756     color: rgba(255, 255, 255, 1);
    7571052    display: block;
    758     padding: 7px 0 7px;
     1053    padding: 7px 0;
    7591054    text-decoration: none;
    7601055}
     1056
    7611057.mobile-navigation a:hover {
    7621058    color: rgba(255, 255, 255, 0.7);
    7631059}
    7641060
    765 
    766 /* =Content
    767 ----------------------------------------------- */
    768 
    769 .sticky .entry-date {
    770     display: none;
    771 }
     1061#nav-toggle {
     1062    background-color: #000;
     1063    cursor: pointer;
     1064    line-height: 1;
     1065    padding: 16px;
     1066    position: absolute;
     1067    top: 0;
     1068    right: 0;
     1069}
     1070
     1071#nav-toggle:before {
     1072    color: #fff;
     1073    content: "\f419";
     1074}
     1075
     1076
     1077/**
     1078 * 6.0 Content
     1079 * -----------------------------------------------------------------------------
     1080 */
     1081
     1082.content-area {
     1083    padding-top: 24px;
     1084}
     1085
    7721086.hentry {
    7731087    margin-bottom: 24px;
    7741088    max-width: 672px;
    7751089}
    776 .attachment-featured-thumbnail {
     1090
     1091.full-width .hentry {
     1092    max-width: 100%;
     1093}
     1094
     1095.site-content .entry-header,
     1096.site-content .entry-content,
     1097.site-content .entry-summary,
     1098.site-content .entry-meta,
     1099.page-content {
     1100    margin: 0 auto;
     1101    max-width: 474px;
     1102}
     1103
     1104
     1105/**
     1106 * 6.1 Post Thumbnail
     1107 * -----------------------------------------------------------------------------
     1108 */
     1109
     1110 .attachment-featured-thumbnail {
    7771111    background: #767676;
    7781112    background-attachment: fixed;
     
    7891123    z-index: 0;
    7901124}
    791 .has-featured-image .attachment-featured-thumbnail,
    792 .format-standard .attachment-featured-thumbnail {
    793     display: block;
    794 }
     1125
    7951126.attachment-featured-thumbnail:hover {
    7961127    background: #919191;
     
    8001131    background-size: 4px 4px;
    8011132}
     1133
    8021134.attachment-featured-thumbnail img {
    8031135    display: block;
    8041136    margin: 0 auto;
    8051137}
     1138
     1139.has-featured-image .attachment-featured-thumbnail,
     1140.format-standard .attachment-featured-thumbnail {
     1141    display: block;
     1142}
     1143
     1144
     1145/**
     1146 * 6.2 Entry Header
     1147 * -----------------------------------------------------------------------------
     1148 */
     1149
    8061150.entry-header {
    8071151    position: relative;
    8081152    z-index: 1;
    8091153}
     1154
     1155.site-content .entry-header {
     1156    background-color: #fff;
     1157    padding: 0 10px 12px;
     1158}
     1159
     1160.site-content .has-featured-image .entry-header,
     1161.site-content .format-standard .entry-header {
     1162    padding-top: 24px;
     1163}
     1164
     1165.site-content .format-standard.post-password-required .entry-header {
     1166    padding-top: 0;
     1167}
     1168
    8101169.entry-title {
    8111170    clear: none;
     
    8151174    margin: 0 0 6px 0;
    8161175}
     1176
     1177.site-content .entry-title {
     1178    font-size: 33px;
     1179    font-weight: 300;
     1180    line-height: 1.0909090909;
     1181    margin-bottom: 12px;
     1182    text-transform: uppercase;
     1183}
     1184
    8171185.entry-title a {
    8181186    color: #2b2b2b;
    8191187}
     1188
    8201189.entry-title a:hover {
    8211190    color: #24890d;
    8221191}
     1192
     1193
     1194
     1195/**
     1196 * 6.3 Entry Meta
     1197 * -----------------------------------------------------------------------------
     1198 */
     1199
    8231200.entry-meta {
    8241201    clear: both;
     
    8281205    line-height: 1.3333333333;
    8291206}
     1207
     1208.site-content .entry-meta {
     1209    background-color: #fff;
     1210    margin-bottom: 8px;
     1211    text-transform: uppercase;
     1212}
     1213
    8301214.entry-meta a {
    8311215    color: #767676;
    8321216}
     1217
    8331218.entry-meta a:hover {
    8341219    color: #2b2b2b;
    8351220}
     1221
     1222.sticky .entry-date {
     1223    display: none;
     1224}
     1225
    8361226.cat-links {
    8371227    font-weight: 900;
    8381228    text-transform: uppercase;
    8391229}
     1230
    8401231.cat-links a {
    8411232    color: #2b2b2b;
    8421233}
     1234
    8431235.cat-links a:hover {
    8441236    color: #24890d;
    8451237}
     1238
    8461239.byline {
    8471240    display: none;
    8481241}
     1242
    8491243.single .byline,
    8501244.group-blog .byline {
    8511245    display: inline;
    8521246}
    853 .widget_twentyfourteen_ephemera .entry-title:after,
    854 .content-area span + .entry-date:before,
    855 span + .byline:before,
    856 span + .comments-link:before,
    857 span + .edit-link:before,
    858 .full-size-link:before,
    859 .parent-post-link:before {
    860     content: '\0020\007c\0020';
    861 }
    862 .entry-content,
    863 .page-content,
    864 .entry-summary {
    865     position: relative;
    866     z-index: 2;
    867 }
    868 .entry-content a,
    869 .page-content a,
    870 .entry-summary a,
    871 .comment-content a {
    872     text-decoration: underline;
    873 }
    874 .entry-content table,
    875 .comment-content table {
    876     border: 1px solid rgba(0, 0, 0, 0.1);
    877     border-width: 1px 0 1px 1px;
    878     font-size: 14px;
    879     line-height: 1.2857142857;
    880     margin-bottom: 24px;
    881 }
    882 .entry-content th,
    883 .comment-content th {
    884     border-right: 1px solid rgba(0, 0, 0, 0.1);
    885     font-weight: 700;
    886     padding: 8px;
    887     text-transform: uppercase;
    888 }
    889 .entry-content td,
    890 .comment-content td {
    891     border-top: 1px solid rgba(0, 0, 0, 0.1);
    892     border-right: 1px solid rgba(0, 0, 0, 0.1);
    893     padding: 8px;
    894 }
    895 .site-content blockquote.alignleft,
    896 .site-content blockquote.alignright {
    897     border-top: 1px solid rgba(0, 0, 0, 0.1);
    898     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    899     padding-top: 17px;
    900     width: 50%;
    901 }
    902 .site-content blockquote.alignleft p,
    903 .site-content blockquote.alignright p {
    904     margin-bottom: 17px;
    905 }
    906 .entry-content .video-player,
    907 .entry-content .PDS_Poll {
    908     margin-bottom: 24px;
    909 }
    910 footer.entry-meta {
    911     margin-bottom: 36px;
    912 }
    913 
    914 /* .content-area specific styles */
    915 .content-area .entry-header,
    916 .content-area .entry-content,
    917 .content-area .entry-summary,
    918 .content-area .entry-meta,
    919 .page-content {
    920     margin: 0 auto;
    921     max-width: 474px;
    922 }
    923 .content-area .entry-header {
    924     background-color: #fff;
    925     padding: 0 10px 12px;
    926 }
    927 .content-area .has-featured-image .entry-header,
    928 .content-area .format-standard .entry-header {
    929     padding-top: 24px;
    930 }
    931 .content-area .format-standard.post-password-required .entry-header {
    932     padding-top: 0;
    933 }
    934 .content-area .entry-title {
    935     font-size: 33px;
    936     font-weight: 300;
    937     line-height: 1.0909090909;
    938     margin-bottom: 12px;
    939     text-transform: uppercase;
    940 }
    941 .content-area .entry-meta {
    942     background-color: #fff;
    943     margin-bottom: 8px;
    944     text-transform: uppercase;
    945 }
    946 .content-area .entry-content,
    947 .content-area .entry-summary,
    948 .page-content {
    949     background-color: #fff;
    950     padding: 12px 10px 0;
    951 }
    952 .content-area footer.entry-meta {
    953     margin-top: 12px;
     1247
     1248.site-content footer.entry-meta {
     1249    margin: 12px auto 36px;
    9541250    padding: 0 10px;
    9551251}
    956 .content-area footer.entry-meta {
    957     margin-bottom: 24px;
    958 }
    959 .content-area footer.entry-meta .entry-title {
    960     font-size: 12px;
    961     font-weight: 400;
    962     line-height: 1.3333333333;
    963     margin-bottom: 8px;
    964     text-transform: none;
    965 }
    966 footer.entry-meta .entry-title a {
    967     color: #767676;
    968 }
    969 footer.entry-meta .entry-title a:hover {
    970     color: #2b2b2b;
    971 }
    972 .format-aside .entry-content,
    973 .format-aside .entry-summary,
    974 .format-quote .entry-content,
    975 .format-quote .entry-summary,
    976 .format-link .entry-content,
    977 .format-link.entry-summary {
    978     padding-top: 0;
    979 }
    980 /* Page specific styles */
    981 .page .entry-content,
    982 .error404 .page-header,
    983 .error404 .page-content,
    984 .attachment .entry-content {
    985     padding-top: 0;
    986 }
    987 .attachment footer.entry-meta {
    988     text-transform: none;
    989 }
    990 .more-link,
    991 .post-format-archive-link {
    992     font-size: 14px;
    993     text-transform: uppercase;
    994     white-space: pre;
    995 }
    996 .more-link:hover,
    997 .post-format-archive-link:hover {
    998     text-decoration: none;
    999 }
    1000 .more-link .meta-nav,
    1001 .post-format-archive-link .meta-nav {
    1002     position: relative;
    1003     left: 0;
    1004 }
    1005 .more-link:hover .meta-nav,
    1006 .post-format-archive-link:hover .meta-nav {
    1007     left: 5px;
    1008 }
    1009 .page-links {
    1010     clear: both;
    1011     font-size: 12px;
    1012     font-weight: 900;
    1013     line-height: 2;
    1014     margin: 0 0 24px;
    1015     text-transform: uppercase;
    1016 }
    1017 .page-links a,
    1018 .page-links > span {
    1019     background: #fff;
    1020     border: 1px solid #fff;
    1021     border-radius: 2px;
    1022     display: inline-block;
    1023     margin: 0 1px 2px 0;
    1024     text-align: center;
    1025     width: 22px;
    1026     height: 22px;
    1027 }
    1028 .page-links a {
    1029     background: #000;
    1030     border: 1px solid #000;
    1031     color: #fff;
    1032     text-decoration: none;
    1033 }
    1034 .page-links a:hover {
    1035     background: #24890d;
    1036     border: 1px solid #24890d;
    1037     color: #fff;
    1038 }
    1039 .page-links > span.page-links-title {
    1040     margin: 0;
    1041     padding-right: 9px;
    1042     width: auto;
    1043     height: auto;
    1044 }
     1252
     1253
     1254/* Tag links style */
     1255
    10451256.tag-links a {
    10461257    background-color: #767676;
     
    10561267    text-transform: uppercase;
    10571268}
     1269
    10581270.tag-links a:hover,
    10591271.tag-links a:focus {
     
    10621274    text-decoration: none;
    10631275}
     1276
    10641277.tag-links a:before {
    10651278    border-top: 10px solid transparent;
    10661279    border-right: 8px solid #767676;
    10671280    border-bottom: 10px solid transparent;
    1068     content: '';
     1281    content: "";
    10691282    position: absolute;
    1070         top: 0;
    1071         left: -8px;
     1283    top: 0;
     1284    left: -8px;
    10721285    width: 0;
    10731286    height: 0;
    10741287}
    1075 /* For Firefox to avoid jagged edge */
    1076 @-moz-document url-prefix() {
     1288
     1289.tag-links a:hover:before,
     1290.tag-links a:focus:before {
     1291    border-right-color: #2b2b2b;
     1292}
     1293
     1294.tag-links a:after {
     1295    background-color: #fff;
     1296    border-radius: 50%;
     1297    content: "";
     1298    position: absolute;
     1299    top: 8px;
     1300    left: -2px;
     1301    width: 4px;
     1302    height: 4px;
     1303}
     1304
     1305@-moz-document url-prefix() { /* For Firefox to avoid jagged edge */
    10771306    .tag-links a:before {
    10781307        border-right: 10px solid #767676;
     
    10801309    }
    10811310}
    1082 .tag-links a:hover:before,
    1083 .tag-links a:focus:before {
    1084     border-right-color: #2b2b2b;
    1085 }
    1086 .tag-links a:after {
     1311
     1312
     1313/**
     1314 * 6.3 Entry Content
     1315 * -----------------------------------------------------------------------------
     1316 */
     1317
     1318.entry-content,
     1319.page-content,
     1320.entry-summary {
     1321    position: relative;
     1322    z-index: 2;
     1323}
     1324
     1325.site-content .entry-content,
     1326.site-content .entry-summary,
     1327.page-content {
    10871328    background-color: #fff;
    1088     border-radius: 50%;
    1089     content: '';
    1090     position: absolute;
    1091         top: 8px;
    1092         left: -2px;
    1093     width: 4px;
    1094     height: 4px;
    1095 }
    1096 .archive-header,
    1097 .page-header {
    1098     margin: 0 auto 12px;
    1099     max-width: 474px;
    1100 }
    1101 .archive-title,
    1102 .page-title {
    1103     font-size: 16px;
    1104     font-weight: 900;
    1105     line-height: 1.5;
    1106     margin: 0 0 24px;
    1107 }
    1108 .taxonomy-description {
    1109     color: #767676;
    1110     font-size: 12px;
    1111     line-height: 1.5;
    1112     margin-bottom: 18px;
    1113 }
    1114 .taxonomy-description p:last-child {
    1115     margin: 0;
    1116 }
     1329    padding: 12px 10px 0;
     1330}
     1331
     1332.page .entry-content {
     1333    padding-top: 0;
     1334}
     1335
     1336.entry-content a,
     1337.page-content a,
     1338.entry-summary a,
     1339.comment-content a {
     1340    text-decoration: underline;
     1341}
     1342
     1343.entry-content table,
     1344.comment-content table {
     1345    font-size: 14px;
     1346    line-height: 1.2857142857;
     1347    margin-bottom: 24px;
     1348}
     1349
     1350.entry-content th,
     1351.comment-content th {
     1352    font-weight: 700;
     1353    padding: 8px;
     1354    text-transform: uppercase;
     1355}
     1356
     1357.entry-content td,
     1358.comment-content td {
     1359    padding: 8px;
     1360}
     1361
    11171362.entry-content .edit-link {
    11181363    clear: both;
     
    11201365}
    11211366
    1122 
    1123 /* =Front Page
    1124 ----------------------------------------------- */
    1125 
    1126 .front-page-content-wrapper {
    1127     width: 100%;
    1128 }
    1129 
    1130 
    1131 /* =404 Page
    1132 ----------------------------------------------- */
    1133 
    1134 .error404 .page-content .search-form {
    1135     margin-bottom: 36px;
    1136 }
    1137 .error404 .page-content .widget-title {
    1138     border-top: 5px solid #000;
    1139     color: #2b2b2b;
    1140     padding-top: 7px;
    1141 }
    1142 
    1143 
    1144 /* =Full-width Layout
    1145 ----------------------------------------------- */
    1146 
    1147 .full-width .hentry {
    1148     max-width: 100%;
    1149 }
    1150 
    1151 
    1152 /* =Featured Content
    1153 ----------------------------------------------- */
    1154 
    1155 .featured-content {
    1156     background: #000;
    1157     background-attachment: fixed;
    1158     background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
    1159     background-image:         linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
    1160     background-size: 4px 4px;
    1161     -webkit-box-sizing: border-box;
    1162     -moz-box-sizing:    border-box;
    1163     box-sizing:         border-box;
    1164     width: 100%;
    1165 }
    1166 .featured-content .hentry {
    1167     color: #fff;
    1168     margin: 0;
    1169     width: 100%;
    1170 }
    1171 .attachment-featured-featured {
    1172     background-color: #2b2b2b;
    1173     display: block;
    1174     min-height: 168px;
    1175 }
    1176 .attachment-featured-featured:hover img {
    1177     opacity: 0.85;
    1178 }
    1179 .featured-content .entry-wrap {
    1180     background-color: #000;
    1181     overflow: hidden;
    1182     padding: 12px 10px;
    1183 }
    1184 .featured-content a {
    1185     color: #fff;
    1186 }
    1187 .featured-content a:hover {
    1188     color: #5FF23d;
    1189 }
    1190 .featured-content .entry-meta {
    1191     font-size: 11px;
    1192     font-weight: 700;
    1193     line-height: 1.0909090909;
    1194 }
    1195 .featured-content .cat-links {
    1196     font-weight: 700;
    1197 }
    1198 .featured-content .entry-title {
    1199     font-size: 18px;
    1200     font-weight: 300;
    1201     line-height: 1.3333333333;
    1202     margin-bottom: 0;
    1203     overflow: hidden;
    1204     text-overflow: ellipsis;
    1205     text-transform: uppercase;
    1206     white-space: nowrap;
    1207 }
    1208 .featured-content .entry-summary {
    1209     background-color: transparent;
    1210     color: rgba(255, 255, 255, 0.75);
    1211     font-size: 11px;
    1212     line-height: 1.6363636363;
    1213     padding: 9px 0 12px;
    1214 }
    1215 .featured-content .more-link {
    1216     color: #5FF23d;
    1217     font-size: 11px;
    1218 }
    1219 
    1220 
    1221 /* =Media
    1222 ----------------------------------------------- */
    1223 
    1224 img {
    1225     max-width: 100%;
    1226     height: auto;
    1227 }
    1228 .attachment-featured-featured img,
    1229 .attachment-featured-thumbnail img {
    1230     height: auto;
    1231     max-width: 100%;
    1232 }
    1233 img.alignleft,
    1234 .wp-caption.alignleft,
    1235 blockquote.alignleft {
    1236     margin: 7px 24px 7px 0;
    1237 }
    1238 img.alignright,
    1239 .wp-caption.alignright,
    1240 blockquote.alignright {
    1241     margin: 7px 0 7px 24px;
    1242 }
    1243 img.aligncenter,
    1244 .wp-caption.aligncenter {
    1245     margin-top: 7px;
    1246     margin-bottom: 7px;
    1247 }
    1248 .wp-smiley {
    1249     border: none;
    1250     margin-bottom: 0;
    1251     margin-top: 0;
    1252     padding: 0;
    1253 }
    1254 .wp-caption {
    1255     margin-bottom: 24px;
    1256     max-width: 100%;
    1257 }
    1258 .wp-caption img[class*="wp-image-"] {
    1259     display: block;
    1260     height: auto;
    1261     margin: 0;
    1262     max-width: 100%;
    1263 }
    1264 .wp-caption-text {
    1265     -webkit-box-sizing: border-box;
    1266     -moz-box-sizing:    border-box;
    1267     box-sizing:         border-box;
    1268     font-size: 12px;
    1269     font-style: italic;
    1270     line-height: 1.6666666666;
    1271     margin: 4px 0;
    1272     padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
    1273     text-align: left;
    1274 }
    1275 .site-content .gallery a img {
    1276     border: none;
    1277     height: auto;
    1278     vertical-align: middle; /* Remove a little margin bottom */
    1279 }
    1280 .site-content .gallery .gallery-icon {
    1281     line-height: 1; /* Remove a little margin bottom */
    1282 }
    1283 .site-content .gallery .gallery-item {
    1284     margin: 0 0 12px 0;
    1285 }
    1286 .site-content .gallery {
    1287     margin-bottom: 12px;
    1288 }
    1289 .site-content .gallery dd {
    1290     margin: 4px 0 0 0; /* Reset the margin and add a bit of margin-top to captions */
    1291 }
    1292 .gallery-caption {
    1293     padding: 0;
    1294 }
    1295 .gallery-item .wp-caption-text {
    1296     text-align: center;
    1297 }
    1298 .hentry .tiled-gallery {
    1299     margin-bottom: 24px;
    1300 }
    1301 .site-content .gallery-columns-1 a img {
    1302     max-width: 100%;
    1303 }
    1304 .site-content .gallery-columns-2 a img {
    1305     max-width: 96%;
    1306 }
    1307 .site-content .gallery-columns-3 a img {
    1308     max-width: 94%;
    1309 }
    1310 .site-content .gallery-columns-4 a img {
    1311     max-width: 92%;
    1312 }
    1313 .site-content .gallery-columns-5 a img {
    1314     max-width: 90%;
    1315 }
    1316 .site-content .gallery-columns-6 a img,
    1317 .site-content .gallery-columns-7 a img,
    1318 .site-content .gallery-columns-8 a img,
    1319 .site-content .gallery-columns-9 a img {
    1320     max-width: 88%;
    1321 }
    1322 .entry-attachment .attachment {
    1323     margin-bottom: 24px;
    1324 }
    1325 
    13261367/* Mediaelements */
     1368
    13271369.hentry .mejs-container {
    13281370    margin: 12px 0 18px;
     
    13621404}
    13631405
    1364 /* Make sure embeds and iframes fit their containers */
    1365 embed,
    1366 iframe,
    1367 object,
    1368 video {
    1369     margin-bottom: 24px;
    1370     max-width: 100%;
    1371 }
    1372 p > embed,
    1373 p > iframe,
    1374 p > object,
    1375 span > embed,
    1376 span > iframe,
    1377 span > object {
    1378     margin-bottom: 0;
    1379 }
    1380 
    1381 
    1382 /* =Navigation
    1383 ----------------------------------------------- */
    1384 
    1385 .paging-navigation {
    1386     border-top: 1px solid rgba(0, 0, 0, 0.1);
    1387     margin: 36px 0;
    1388 }
    1389 .paging-navigation .loop-pagination {
    1390     margin-top: -1px;
    1391     text-align: center;
    1392 }
    1393 .paging-navigation .page-numbers {
    1394     border-top: 1px solid transparent;
    1395     display: inline-block;
     1406/* Page links */
     1407
     1408.page-links {
     1409    clear: both;
    13961410    font-size: 12px;
    13971411    font-weight: 900;
    1398     margin-right: 5px;
    1399     padding: 9px 15px;
     1412    line-height: 2;
     1413    margin-bottom: 24px;
    14001414    text-transform: uppercase;
    14011415}
    1402 .paging-navigation .page-numbers.current {
    1403     border-top: 1px solid #24890d;
    1404     color: #24890d;
    1405 }
    1406 .paging-navigation a {
     1416
     1417.page-links a,
     1418.page-links > span {
     1419    background: #fff;
     1420    border: 1px solid #fff;
     1421    display: inline-block;
     1422    margin: 0 1px 2px 0;
     1423    text-align: center;
     1424    width: 22px;
     1425    height: 22px;
     1426}
     1427
     1428.page-links a {
     1429    background: #000;
     1430    border: 1px solid #000;
     1431    color: #fff;
     1432    text-decoration: none;
     1433}
     1434
     1435.page-links a:hover {
     1436    background: #24890d;
     1437    border: 1px solid #24890d;
     1438    color: #fff;
     1439}
     1440
     1441.page-links > span.page-links-title {
     1442    margin: 0;
     1443    padding-right: 9px;
     1444    width: auto;
     1445    height: auto;
     1446}
     1447
     1448/* More link */
     1449
     1450.more-link,
     1451.post-format-archive-link {
     1452    font-size: 14px;
     1453    text-transform: uppercase;
     1454    white-space: pre;
     1455}
     1456
     1457.more-link:hover,
     1458.post-format-archive-link:hover {
     1459    text-decoration: none;
     1460}
     1461
     1462.more-link .meta-nav,
     1463.post-format-archive-link .meta-nav {
     1464    position: relative;
     1465    left: 0;
     1466}
     1467
     1468.more-link:hover .meta-nav,
     1469.post-format-archive-link:hover .meta-nav {
     1470    left: 5px;
     1471}
     1472
     1473
     1474/**
     1475 * 6.4 Gallery
     1476 * -----------------------------------------------------------------------------
     1477 */
     1478
     1479.gallery {
     1480    margin-bottom: 20px;
     1481}
     1482
     1483.gallery-item {
     1484    float: left;
     1485    margin: 0 4px 4px 0;
     1486    overflow: hidden;
     1487    position: relative;
     1488}
     1489
     1490.gallery-columns-1.gallery-size-medium,
     1491.gallery-columns-1.gallery-size-thumbnail,
     1492.gallery-columns-2.gallery-size-thumbnail,
     1493.gallery-columns-3.gallery-size-thumbnail {
     1494    display: table;
     1495    margin: 0 auto 20px;
     1496}
     1497
     1498.gallery-columns-1 .gallery-item {
     1499    max-width: 100%;
     1500}
     1501
     1502.gallery-columns-2 .gallery-item {
     1503    max-width: 48%;
     1504    max-width: -webkit-calc(50% - 4px);
     1505    max-width:         calc(50% - 4px);
     1506}
     1507
     1508.gallery-columns-3 .gallery-item {
     1509    max-width: 32%;
     1510    max-width: -webkit-calc(33.3% - 4px);
     1511    max-width:         calc(33.3% - 4px);
     1512}
     1513
     1514.gallery-columns-4 .gallery-item {
     1515    max-width: 23%;
     1516    max-width: -webkit-calc(25% - 4px);
     1517    max-width:         calc(25% - 4px);
     1518}
     1519
     1520.gallery-columns-5 .gallery-item {
     1521    max-width: 19%;
     1522    max-width: -webkit-calc(20% - 4px);
     1523    max-width:         calc(20% - 4px);
     1524}
     1525
     1526.gallery-columns-6 .gallery-item {
     1527    max-width: 15%;
     1528    max-width: -webkit-calc(16.7% - 4px);
     1529    max-width:         calc(16.7% - 4px);
     1530}
     1531
     1532.gallery-columns-7 .gallery-item {
     1533    max-width: 13%;
     1534    max-width: -webkit-calc(14.28% - 4px);
     1535    max-width:         calc(14.28% - 4px);
     1536}
     1537
     1538.gallery-columns-8 .gallery-item {
     1539    max-width: 11%;
     1540    max-width: -webkit-calc(12.5% - 4px);
     1541    max-width:         calc(12.5% - 4px);
     1542}
     1543
     1544.gallery-columns-9 .gallery-item {
     1545    max-width: 9%;
     1546    max-width: -webkit-calc(11.1% - 4px);
     1547    max-width:         calc(11.1% - 4px);
     1548}
     1549
     1550.gallery-columns-1 .gallery-item:nth-of-type(1n),
     1551.gallery-columns-2 .gallery-item:nth-of-type(2n),
     1552.gallery-columns-3 .gallery-item:nth-of-type(3n),
     1553.gallery-columns-4 .gallery-item:nth-of-type(4n),
     1554.gallery-columns-5 .gallery-item:nth-of-type(5n),
     1555.gallery-columns-6 .gallery-item:nth-of-type(6n),
     1556.gallery-columns-7 .gallery-item:nth-of-type(7n),
     1557.gallery-columns-8 .gallery-item:nth-of-type(8n),
     1558.gallery-columns-9 .gallery-item:nth-of-type(9n) {
     1559    margin-right: 0;
     1560}
     1561
     1562.gallery-caption {
     1563    background-color: rgba(0, 0, 0, 0.7);
     1564    box-sizing: border-box;
     1565    color: #fff;
     1566    font-size: 12px;
     1567    line-height: 1.5;
     1568    margin: 0;
     1569    max-height: 50%;
     1570    opacity: 0;
     1571    padding: 6px 8px;
     1572    position: absolute;
     1573    bottom: 0;
     1574    left: 0;
     1575    text-align: left;
     1576    width: 100%;
     1577}
     1578
     1579.gallery-caption:before {
     1580    content: "";
     1581    height: 100%;
     1582    min-height: 49px;
     1583    position: absolute;
     1584    left: 0;
     1585    top: 0;
     1586    width: 100%;
     1587}
     1588
     1589.gallery-item:hover .gallery-caption {
     1590    opacity: 1;
     1591}
     1592
     1593.gallery-columns-7 .gallery-caption,
     1594.gallery-columns-8 .gallery-caption,
     1595.gallery-columns-9 .gallery-caption {
     1596    display: none;
     1597}
     1598
     1599
     1600/**
     1601 * 6.5 Post Formats
     1602 * -----------------------------------------------------------------------------
     1603 */
     1604
     1605.format-aside .entry-content,
     1606.format-aside .entry-summary,
     1607.format-quote .entry-content,
     1608.format-quote .entry-summary,
     1609.format-link .entry-content,
     1610.format-link.entry-summary {
     1611    padding-top: 0;
     1612}
     1613
     1614.site-content .entry-meta .entry-title {
     1615    font-size: 12px;
     1616    font-weight: 400;
     1617    line-height: 1.3333333333;
     1618    margin-bottom: 8px;
     1619    text-transform: none;
     1620}
     1621
     1622.entry-meta .entry-title a {
     1623    color: #767676;
     1624}
     1625
     1626.entry-meta .entry-title a:hover {
    14071627    color: #2b2b2b;
    14081628}
    1409 .paging-navigation a:hover {
    1410     background-color: #f5f5f5;
    1411     border-top: 1px solid #000;
    1412     color: #2b2b2b;
    1413 }
     1629
     1630
     1631/**
     1632 * 6.6 Post/Image/Paging Navigation
     1633 * -----------------------------------------------------------------------------
     1634 */
     1635
     1636.nav-links {
     1637    border-top: 1px solid rgba(0, 0, 0, 0.1);
     1638}
     1639
    14141640.post-navigation,
    14151641.image-navigation {
     
    14181644    padding: 0 10px;
    14191645}
    1420 .nav-links {
    1421     border-top: 1px solid rgba(0, 0, 0, 0.1);
    1422 }
     1646
    14231647.post-navigation [rel="prev"],
    14241648.post-navigation [rel="next"],
     
    14341658    width: 100%;
    14351659}
    1436 .post-navigation [rel="next"] {
    1437     margin: 0;
    1438 }
     1660
    14391661.post-navigation .meta-nav {
    14401662    color: #767676;
     
    14451667    text-transform: uppercase;
    14461668}
    1447 .site-content .post-navigation a,
    1448 .site-content .image-navigation a {
     1669
     1670.post-navigation a,
     1671.image-navigation a {
    14491672    color: #2b2b2b;
    14501673    display: block;
     
    14541677    text-transform: none;
    14551678}
    1456 .site-content .post-navigation a:hover,
    1457 .site-content .image-navigation a:hover {
    1458     background-color: rgba(0, 0, 0, 0.01);
     1679
     1680.post-navigation a:hover,
     1681.image-navigation a:hover {
    14591682    color: #24890d;
    14601683}
    1461 .comment-navigation {
     1684
     1685/* Paging Navigation */
     1686
     1687.paging-navigation {
     1688    border-top: 5px solid #000;
     1689    margin: 36px 0;
     1690}
     1691
     1692.paging-navigation .loop-pagination {
     1693    margin-top: -5px;
     1694    text-align: center;
     1695}
     1696
     1697.paging-navigation .page-numbers {
     1698    border-top: 5px solid transparent;
     1699    display: inline-block;
     1700    font-size: 13px;
     1701    font-weight: 900;
     1702    margin-right: 1px;
     1703    padding: 7px 15px;
     1704    text-transform: uppercase;
     1705}
     1706
     1707.paging-navigation .page-numbers.current {
     1708    border-top: 5px solid #24890d;
     1709    color: #24890d;
     1710}
     1711
     1712.paging-navigation a {
     1713    color: #2b2b2b;
     1714}
     1715
     1716.paging-navigation a:hover {
     1717    background-color: #f5f5f5;
     1718    border-top: 5px solid #24890d;
     1719    color: #2b2b2b;
     1720}
     1721
     1722
     1723/**
     1724 * 6.7 Attachments
     1725 * -----------------------------------------------------------------------------
     1726 */
     1727
     1728.attachment .entry-content {
     1729    padding-top: 0;
     1730}
     1731
     1732.attachment footer.entry-meta {
     1733    text-transform: none;
     1734}
     1735.entry-attachment .attachment {
     1736    margin-bottom: 24px;
     1737}
     1738
     1739
     1740/**
     1741 * 6.8 Archives
     1742 * -----------------------------------------------------------------------------
     1743 */
     1744
     1745.archive-header,
     1746.page-header {
     1747    margin: 0 auto 12px;
     1748    max-width: 474px;
     1749}
     1750
     1751.archive-title,
     1752.page-title {
     1753    font-size: 16px;
     1754    font-weight: 900;
     1755    line-height: 1.5;
     1756    margin: 0 0 24px;
     1757}
     1758
     1759.taxonomy-description {
     1760    color: #767676;
    14621761    font-size: 12px;
    1463     line-height: 2;
    1464     margin-bottom: 48px;
     1762    line-height: 1.5;
     1763    margin-bottom: 18px;
     1764}
     1765
     1766.taxonomy-description p:last-child {
     1767    margin: 0;
     1768}
     1769
     1770
     1771/**
     1772 * 6.9 Contributor Page
     1773 * -----------------------------------------------------------------------------
     1774 */
     1775
     1776.contributor {
     1777    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     1778    -webkit-box-sizing: border-box;
     1779    -moz-box-sizing: border-box;
     1780    box-sizing:      border-box;
     1781    padding: 48px 10px;
     1782}
     1783
     1784.contributor-info {
     1785    margin: 0 auto;
     1786    max-width: 474px;
     1787}
     1788
     1789.contributor-avatar {
     1790    border: 1px solid rgba(0, 0, 0, 0.1);
     1791    float: left;
     1792    margin: 0 30px 20px 0;
     1793    padding: 2px;
     1794}
     1795
     1796.contributor-name {
     1797    font-size: 16px;
     1798    font-weight: 900;
     1799    line-height: 1.5;
     1800    margin: 0;
    14651801    text-transform: uppercase;
    14661802}
    1467 .comment-navigation .nav-previous,
    1468 .comment-navigation .nav-next {
     1803
     1804.contributor-bio {
     1805    color: #767676;
     1806}
     1807
     1808.contributor-posts-link {
    14691809    display: inline-block;
    1470 }
    1471 .comment-navigation .nav-previous a {
    1472     margin-right: 10px;
    1473 }
    1474 #comment-nav-above {
    1475     margin-top: 36px;
    1476     margin-bottom: 0;
    1477 }
    1478 
    1479 
    1480 /* =Comments
    1481 ----------------------------------------------- */
     1810    line-height: 1;
     1811    padding: 13px 30px 11px;
     1812}
     1813
     1814.contributor-posts-link:before {
     1815    content: "\f443";
     1816    margin: -3px 5px -2px -3px;
     1817}
     1818
     1819
     1820/**
     1821 * 6.10 404 Page
     1822 * -----------------------------------------------------------------------------
     1823 */
     1824
     1825.error404 .page-header,
     1826.error404 .page-content {
     1827    padding-top: 0;
     1828}
     1829
     1830.error404 .page-content .search-form {
     1831    margin-bottom: 36px;
     1832}
     1833
     1834
     1835/**
     1836 * 6.11 Front Page
     1837 * -----------------------------------------------------------------------------
     1838 */
     1839
     1840.front-page-content-wrapper {
     1841    width: 100%;
     1842}
     1843
     1844
     1845/**
     1846 * 6.11 Comments
     1847 * -----------------------------------------------------------------------------
     1848 */
    14821849
    14831850.comments-area {
     
    14861853    padding: 0 10px;
    14871854}
    1488 .comments-title,
    1489 .comment-reply-title {
     1855
     1856.comment-reply-title,
     1857.comments-title, {
    14901858    font-size: 16px;
    14911859    font-weight: 900;
     
    14941862    text-transform: uppercase;
    14951863}
     1864
    14961865.comment-form {
    14971866    background: #fff;
    14981867}
     1868
    14991869.comment-list {
    15001870    list-style: none;
    15011871    margin: 0 0 48px 0;
    15021872}
     1873
    15031874.comment-author {
    15041875    font-size: 14px;
     
    15061877    text-transform: uppercase;
    15071878}
    1508 .comment-metadata,
    1509 .comment-list .reply {
     1879
     1880.comment-list .reply,
     1881.comment-metadata {
    15101882    font-size: 12px;
    15111883    line-height: 2;
    15121884    text-transform: uppercase;
    15131885}
     1886
    15141887.comment-author .fn {
    15151888    font-weight: 900;
    15161889    text-transform: uppercase;
    15171890}
     1891
    15181892.comment-author a {
    15191893    color: #2b2b2b;
    15201894}
    1521 .comment-metadata a,
     1895
    15221896.comment-list .trackback a,
    1523 .comment-list .pingback a {
     1897.comment-list .pingback a,
     1898.comment-metadata a {
    15241899    color: #767676;
    15251900}
     1901
    15261902.comment-author a:hover,
    1527 .comment-metadata a:hover,
     1903.comment-list .pingback a:hover,
    15281904.comment-list .trackback a:hover,
    1529 .comment-list .pingback a:hover {
     1905.comment-metadata a:hover {
    15301906    color: #24890d;
    15311907    text-decoration: none;
    15321908}
     1909
    15331910.comments-area article,
    1534 .comment-list .trackback,
    1535 .comment-list .pingback {
     1911.comment-list .pingback,
     1912.comment-list .trackback {
    15361913    border-top: 1px solid rgba(0, 0, 0, 0.1);
    15371914    margin-bottom: 24px;
    15381915    padding-top: 24px;
    15391916}
     1917
    15401918.comment-list li:first-child article {
    15411919    border: none;
    15421920}
     1921
    15431922.comments-area article {
    15441923    background: none;
    15451924    min-height: 48px;
    15461925}
     1926
    15471927.comment-author {
    15481928    padding-left: 36px;
    15491929    position: relative;
    15501930}
     1931
    15511932.comment-author .avatar {
    15521933    border: 1px solid rgba(0, 0, 0, 0.1);
    15531934    padding: 2px;
    15541935    position: absolute;
    1555         top: 0;
    1556         left: 0;
     1936    top: 0;
     1937    left: 0;
    15571938    width: 18px;
    15581939    height: 18px;
    15591940}
     1941
    15601942.bypostauthor .avatar {
    15611943    background-color: #000;
    15621944}
     1945
    15631946.says {
    15641947    display: none;
    15651948}
     1949
    15661950.comment-author .fn {
    15671951    font-style: normal;
    15681952}
    1569 .comment-metadata,
     1953
    15701954.comment-content,
    1571 .comment-list .reply {
     1955.comment-list .reply,
     1956.comment-metadata {
    15721957    padding-left: 36px;
    15731958}
    1574 .comment-edit-link:before,
    1575 .comment-reply-link:before,
    1576 .comment-reply-login:before {
    1577     display: inline-block;
    1578     -webkit-font-smoothing: antialiased;
    1579     font: normal 16px/1 'Genericons';
    1580     vertical-align: top;
    1581 }
     1959
     1960
     1961
    15821962.comment-edit-link {
    15831963    margin-left: 10px;
    15841964}
     1965
    15851966.comment-edit-link:before {
    15861967    content: "\f411";
    15871968    margin: 3px 2px 0 0;
    15881969}
     1970
    15891971.comment-reply-link:before,
    15901972.comment-reply-login:before {
     
    15921974    margin: 3px 3px 0 0;
    15931975}
     1976
    15941977.comment-content {
    15951978    word-wrap: break-word;
    15961979}
     1980
    15971981.comment-content ul,
    15981982.comment-content ol {
    15991983    margin: 0 0 24px 22px;
    16001984}
     1985
    16011986.comment-content li > ul,
    16021987.comment-content li > ol {
    16031988    margin-bottom: 0;
    16041989}
     1990
    16051991.comment-list .children {
    16061992    list-style: none;
    16071993    margin-left: 18px;
    16081994}
     1995
    16091996.comments-area .children article {
    16101997    border: none;
    16111998}
     1999
    16122000.comment-respond {
    16132001    margin-bottom: 24px;
    16142002    padding: 0;
    16152003}
     2004
    16162005.comment .comment-respond {
    16172006    margin-left: 36px;
    16182007}
     2008
    16192009.comment-respond h3 {
    16202010    margin-top: 0;
    16212011    margin-bottom: 24px;
    16222012}
     2013
    16232014.no-comments {
    16242015    color: #767676;
     
    16302021    text-transform: uppercase;
    16312022}
     2023
    16322024.comment-form label {
    16332025    display: block;
    16342026}
     2027
    16352028.comment-form input[type=text] {
    16362029    width: 100%;
    16372030}
     2031
    16382032.form-allowed-tags {
    16392033    display: none;
    16402034}
     2035
    16412036.comment-form p:last-child {
    16422037    margin-bottom: 0;
    16432038}
    16442039
    1645 
    1646 /* =Primary Sidebar
    1647 ----------------------------------------------- */
     2040.comment-navigation {
     2041    font-size: 12px;
     2042    line-height: 2;
     2043    margin-bottom: 48px;
     2044    text-transform: uppercase;
     2045}
     2046
     2047.comment-navigation .nav-next,
     2048.comment-navigation .nav-previous {
     2049    display: inline-block;
     2050}
     2051
     2052.comment-navigation .nav-previous a {
     2053    margin-right: 10px;
     2054}
     2055
     2056#comment-nav-above {
     2057    margin-top: 36px;
     2058    margin-bottom: 0;
     2059}
     2060
     2061
     2062/**
     2063 * 7.0 Sidebars
     2064 * -----------------------------------------------------------------------------
     2065 */
     2066
     2067/* Primary Sidebar */
    16482068
    16492069#secondary {
     
    16522072    clear: both;
    16532073    color: rgba(255, 255, 255, 0.55);
    1654     padding: 48px 10px 0;
     2074    font-size: 14px;
     2075    line-height: 1.2857142857;
     2076    padding: 0 10px;
    16552077    position: relative;
    16562078    z-index: 2;
     
    16642086}
    16652087
    1666 
    1667 /* =Widgets
    1668 ----------------------------------------------- */
     2088.primary-sidebar {
     2089    padding-top: 48px;
     2090}
    16692091
    16702092.widget-area p {
     
    16732095
    16742096.widget-area a {
    1675     color: #bfbfbf;
     2097    color: rgba(255, 255, 255, 0.75);
    16762098}
    16772099
     
    16862108}
    16872109
    1688 .widget {
    1689     margin: 0 auto 48px;
    1690     max-width: 474px;
    1691     overflow: hidden;
    1692 }
    1693 
    1694 .widget ul,
    1695 .widget ol {
    1696     list-style: none;
    1697     margin: 0;
    1698 }
    1699 
    1700 .widget li > ul,
    1701 .widget li > ol {
    1702     margin-left: 10px;
    1703 }
    1704 
    1705 .widget-title {
    1706     font-size: 14px;
    1707     font-weight: 900;
    1708     line-height: 1.7142857142;
    1709     margin: 0 0 24px 0;
    1710     text-transform: uppercase;
    1711 }
    1712 
    1713 .widget-area button,
    1714 .widget-area html input[type="button"],
    1715 .widget-area input[type="reset"],
    1716 .widget-area input[type="submit"] {
    1717     font-size: 11px;
    1718     padding: 6px 24px;
    1719 }
    1720 
    1721 .widget-area input[type="text"],
    1722 .widget-area input[type="email"],
    1723 .widget-area input[type="url"],
    1724 .widget-area input[type="search"],
    1725 .widget-area input[type="password"],
    1726 .widget-area textarea {
    1727     background-color: #2b2b2b;
    1728     border: 1px solid rgba(255, 255, 255, 0.2);
    1729     color: #fff;
    1730     max-width: 100%;
    1731     padding: 4px;
    1732 }
    1733 
    1734 .widget select,
    1735 .widget iframe {
    1736     margin-left: 1px;
    1737     max-width: 99%;
    1738 }
    1739 
    1740 /* Calendar widget*/
    1741 .widget_calendar table {
    1742     border: 1px solid rgba(255, 255, 255, 0.2);
    1743     border-width: 1px 0 1px 1px;
    1744     line-height: 2;
    1745     margin: 0;
    1746 }
    1747 
    1748 .widget_calendar caption {
    1749     color: #fff;
    1750     font-weight: 700;
    1751     line-height: 1.7142857142;
    1752     margin-bottom: 18px;
    1753     text-align: left;
    1754     text-transform: uppercase;
    1755 }
    1756 
    1757 .widget_calendar thead th,
    1758 .widget_calendar tbody td {
    1759     border: 1px solid rgba(255, 255, 255, 0.2);
    1760     border-width: 0 1px 1px 0;
    1761     text-align: center;
    1762 }
    1763 
    1764 .widget_calendar tbody a {
    1765     background-color: #24890d;
    1766     color: #fff;
    1767     display: block;
    1768 }
    1769 
    1770 .widget_calendar tbody a:hover {
    1771     background-color: #35921f;
    1772 }
    1773 
    1774 .widget-area .widget_calendar tbody a:hover {
    1775     color: #fff; /* Override custom accent color with more specific selector. */
    1776 }
    1777 
    1778 .widget_calendar #prev {
    1779     padding-left: 5px;
    1780 }
    1781 
    1782 .widget_calendar #next {
    1783     border-right: 1px solid rgba(255, 255, 255, 0.2);
    1784     padding-right: 5px;
    1785     text-align: right;
    1786 }
    1787 
    1788 /* Cloud Widgets */
    1789 .widget_tag_cloud div {
    1790     word-wrap: break-word;
    1791 }
    1792 
    1793 /* Ephemera widget*/
    1794 .widget_twentyfourteen_ephemera .hentry {
    1795     margin-bottom: 0;
    1796 }
    1797 
    1798 .widget_twentyfourteen_ephemera li {
    1799     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    1800     margin-bottom: 18px;
    1801     padding: 0;
    1802 }
    1803 
    1804 .widget_twentyfourteen_ephemera .entry-title,
    1805 .widget_twentyfourteen_ephemera .entry-meta,
    1806 .widget_twentyfourteen_ephemera .post-format-archive-link {
    1807     font-size: 11px;
    1808     line-height: 1.6363636363;
    1809 }
    1810 
    1811 .widget_twentyfourteen_ephemera .entry-title {
    1812     display: inline;
    1813     font-weight: 400;
    1814     margin: 0 0 6px 0;
    1815 }
    1816 
    1817 .widget_twentyfourteen_ephemera .entry-meta {
    1818     margin-bottom: 18px;
    1819 }
    1820 
    1821 .widget_twentyfourteen_ephemera .post-format-archive-link {
    1822     display: inline-block;
    1823 }
    1824 
    1825 .widget_twentyfourteen_ephemera .wp-caption-text {
    1826     margin: 6px 0 0;
    1827     padding: 0;
    1828 }
    1829 
    1830 .widget_twentyfourteen_ephemera .format-gallery .wp-caption-text {
    1831     margin-bottom: 18px;
    1832 }
    1833 
    1834 .widget_twentyfourteen_ephemera .entry-content blockquote p cite {
    1835     font-size: 13px;
    1836     line-height: 1.3846153846;
    1837 }
    1838 
    1839 /* Recent Posts Widget */
    1840 .widget_recent_entries .post-date {
    1841     display: block;
    1842 }
    1843 
    1844 /* RSS Widget */
    1845 .widget_rss a img {
    1846     display: inline;
    1847     margin-top: -5px;
    1848     vertical-align: middle;
    1849 }
    1850 
    1851 .widget_rss li {
    1852     margin-bottom: 18px;
    1853 }
    1854 
    1855 .widget_rss li:last-child {
    1856     margin-bottom: 0;
    1857 }
    1858 
    1859 /* Search widget */
    1860 .search-submit {
    1861     display: none;
    1862 }
    1863 
    1864 
    1865 /* =Content Sidebar
    1866 ----------------------------------------------- */
     2110/* Content Sidebar */
    18672111
    18682112.content-sidebar {
     
    18882132}
    18892133
     2134
     2135/**
     2136 * 7.1 Widgets
     2137 * -----------------------------------------------------------------------------
     2138 */
     2139
     2140.widget {
     2141    margin: 0 auto 48px;
     2142    max-width: 474px;
     2143    overflow: hidden;
     2144}
     2145
     2146.widget ul,
     2147.widget ol {
     2148    list-style: none;
     2149    margin: 0;
     2150}
     2151
     2152.widget li > ol,
     2153.widget li > ul {
     2154    margin-left: 10px;
     2155}
     2156
     2157.widget select,
     2158.widget iframe {
     2159    margin-left: 1px;
     2160    max-width: 99%;
     2161}
     2162
     2163.widget-title {
     2164    font-size: 14px;
     2165    font-weight: 900;
     2166    line-height: 1.7142857142;
     2167    margin: 0 0 24px 0;
     2168    text-transform: uppercase;
     2169}
     2170
     2171.widget-area button,
     2172.widget-area input[type="button"],
     2173.widget-area input[type="reset"],
     2174.widget-area input[type="submit"] {
     2175    font-size: 11px;
     2176    padding: 6px 24px;
     2177}
     2178
     2179.widget-area input[type="email"],
     2180.widget-area input[type="password"],
     2181.widget-area input[type="search"],
     2182.widget-area input[type="text"],
     2183.widget-area input[type="url"],
     2184.widget-area textarea {
     2185    background-color: rgba(255, 255, 255, 0.15);
     2186    border: 1px solid rgba(255, 255, 255, 0.2);
     2187    color: #fff;
     2188    max-width: 100%;
     2189    padding: 4px;
     2190}
     2191
     2192/* Calendar Widget*/
     2193
     2194.widget_calendar table,
     2195.widget_calendar th,
     2196.widget_calendar td {
     2197    border-color: rgba(255, 255, 255, 0.2);
     2198}
     2199
     2200.widget_calendar table {
     2201    line-height: 2;
     2202    margin: 0;
     2203}
     2204
     2205.widget_calendar caption {
     2206    color: #fff;
     2207    font-weight: 700;
     2208    line-height: 1.7142857142;
     2209    margin-bottom: 18px;
     2210    text-align: left;
     2211    text-transform: uppercase;
     2212}
     2213
     2214.widget_calendar thead th {
     2215    background-color: rgba(255, 255, 255, 0.1);
     2216}
     2217
     2218.widget_calendar tbody td,
     2219.widget_calendar thead th {
     2220    text-align: center;
     2221}
     2222
     2223.widget_calendar tbody a {
     2224    background-color: #24890d;
     2225    color: #fff;
     2226    display: block;
     2227}
     2228
     2229.widget_calendar tbody a:hover {
     2230    background-color: #35921f;
     2231}
     2232
     2233.widget-area .widget_calendar tbody a:hover {
     2234    color: #fff; /* Override custom accent color with more specific selector. */
     2235}
     2236
     2237.widget_calendar #prev {
     2238    padding-left: 5px;
     2239}
     2240
     2241.widget_calendar #next {
     2242    padding-right: 5px;
     2243    text-align: right;
     2244}
     2245
     2246/* Cloud Widgets */
     2247
     2248.widget_tag_cloud div {
     2249    word-wrap: break-word;
     2250}
     2251
     2252/* Ephemera Widget*/
     2253
     2254.widget_twentyfourteen_ephemera .hentry {
     2255    margin-bottom: 0;
     2256}
     2257
     2258.widget_twentyfourteen_ephemera li {
     2259    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     2260    margin-bottom: 18px;
     2261    padding: 0;
     2262}
     2263
     2264.widget_twentyfourteen_ephemera .entry-title,
     2265.widget_twentyfourteen_ephemera .entry-meta,
     2266.widget_twentyfourteen_ephemera .post-format-archive-link {
     2267    font-size: 11px;
     2268    line-height: 1.6363636363;
     2269}
     2270
     2271.widget_twentyfourteen_ephemera .entry-title {
     2272    display: inline;
     2273    font-weight: 400;
     2274    margin: 0 0 6px 0;
     2275}
     2276
     2277.widget_twentyfourteen_ephemera .entry-meta {
     2278    margin-bottom: 18px;
     2279}
     2280
     2281.widget_twentyfourteen_ephemera .post-format-archive-link {
     2282    display: inline-block;
     2283}
     2284
     2285.widget_twentyfourteen_ephemera .wp-caption-text {
     2286    margin: 6px 0 0;
     2287    padding: 0;
     2288}
     2289
     2290.widget_twentyfourteen_ephemera .format-gallery .wp-caption-text {
     2291    margin-bottom: 18px;
     2292}
     2293
     2294.widget_twentyfourteen_ephemera .entry-content a {
     2295    word-wrap: break-word;
     2296}
     2297
     2298.widget_twentyfourteen_ephemera .entry-content blockquote p cite {
     2299    font-size: 13px;
     2300    line-height: 1.3846153846;
     2301}
     2302
     2303/* List Style Widgets*/
     2304
     2305.widget_archive li,
     2306.widget_categories li,
     2307.widget_links li,
     2308.widget_meta li,
     2309.widget_nav_menu li,
     2310.widget_pages li,
     2311.widget_recent_comments li,
     2312.widget_recent_entries li {
     2313    border-top: 1px solid rgba(255, 255, 255, 0.2);
     2314    padding: 8px 0 9px;
     2315}
     2316
     2317.widget_archive li:first-child,
     2318.widget_categories li:first-child,
     2319.widget_links li:first-child,
     2320.widget_meta li:first-child,
     2321.widget_nav_menu li:first-child,
     2322.widget_pages li:first-child,
     2323.widget_recent_comments li:first-child,
     2324.widget_recent_entries li:first-child {
     2325    border-top: none;
     2326}
     2327
     2328.widget_archive li li,
     2329.widget_categories li li,
     2330.widget_links li li,
     2331.widget_meta li li,
     2332.widget_nav_menu li li,
     2333.widget_pages li li,
     2334.widget_recent_comments li li,
     2335.widget_recent_entries li li {
     2336    border-top: none;
     2337    padding-bottom: 0;
     2338}
     2339
     2340/* Recent Posts Widget */
     2341
     2342.widget_recent_entries .post-date {
     2343    display: block;
     2344}
     2345
     2346/* RSS Widget */
     2347
     2348.widget_rss a img {
     2349    margin-top: -5px;
     2350}
     2351
     2352.widget_rss li {
     2353    margin-bottom: 18px;
     2354}
     2355
     2356.widget_rss li:last-child {
     2357    margin-bottom: 0;
     2358}
     2359
     2360/* Text Widget */
     2361
     2362.widget_text > div > :last-child {
     2363    margin-bottom: 0;
     2364}
     2365
     2366
     2367/**
     2368 * 7.2 Content Sidebar Widgets
     2369 * -----------------------------------------------------------------------------
     2370 */
     2371
    18902372.content-sidebar.widget-area .widget-title {
    18912373    border-top: 5px solid #000;
     
    19042386
    19052387.content-sidebar.widget-area button,
    1906 .content-sidebar.widget-area html input[type="button"],
     2388.content-sidebar.widget-area input[type="button"],
    19072389.content-sidebar.widget-area input[type="reset"],
    19082390.content-sidebar.widget-area input[type="submit"] {
     
    19102392}
    19112393
     2394.content-sidebar.widget-area input[type="email"],
     2395.content-sidebar.widget-area input[type="password"],
     2396.content-sidebar.widget-area input[type="search"],
    19122397.content-sidebar.widget-area input[type="text"],
    1913 .content-sidebar.widget-area input[type="email"],
    19142398.content-sidebar.widget-area input[type="url"],
    1915 .content-sidebar.widget-area input[type="search"],
    1916 .content-sidebar.widget-area input[type="password"],
    19172399.content-sidebar.widget-area textarea {
    19182400    background-color: #fff;
     
    19222404
    19232405/* List Style Widgets*/
     2406
    19242407.content-sidebar .widget_archive li,
    19252408.content-sidebar .widget_categories li,
     2409.content-sidebar .widget_links li,
     2410.content-sidebar .widget_meta li,
     2411.content-sidebar .widget_nav_menu li,
    19262412.content-sidebar .widget_pages li,
    1927 .content-sidebar .widget_meta li,
    19282413.content-sidebar .widget_recent_comments li,
    1929 .content-sidebar .widget_recent_entries li,
    1930 .content-sidebar .widget_nav_menu li {
    1931     border-top: 1px solid rgba(0, 0, 0, 0.1);
    1932     padding: 8px 0 9px;
    1933 }
    1934 
    1935 .content-sidebar .widget li:first-child {
    1936     border-top: none;
    1937 }
    1938 
    1939 .content-sidebar .widget li li {
    1940     border-top: none;
    1941     padding-bottom: 0;
     2414.content-sidebar .widget_recent_entries li {
     2415    border-color: rgba(0, 0, 0, 0.1);
    19422416}
    19432417
     
    19472421}
    19482422
    1949 /* Calendar widget*/
     2423/* Calendar Widget */
     2424
    19502425.content-sidebar .widget_calendar table,
    1951 .content-sidebar .widget_calendar thead th,
    1952 .content-sidebar .widget_calendar tbody td,
    1953 .content-sidebar .widget_calendar #next {
     2426.content-sidebar .widget_calendar th,
     2427.content-sidebar .widget_calendar td {
    19542428    border-color: rgba(0, 0, 0, 0.1);
    19552429}
     
    20292503
    20302504.content-sidebar .widget_twentyfourteen_ephemera .entry-meta {
    2031     color: rgba(0, 0, 0, 0.2);
     2505    color: #ccc;
    20322506}
    20332507
     
    20502524
    20512525
    2052 /* =Footer
    2053 ----------------------------------------------- */
    2054 
    2055 #supplementary {
    2056     background-color: #000;
    2057     border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    2058     color: #949a92;
    2059     padding: 48px 10px 0;
    2060     position: relative;
    2061     z-index: 3;
    2062 }
     2526/**
     2527 * 8.0 Footer
     2528 * -----------------------------------------------------------------------------
     2529 */
    20632530
    20642531.site-footer {
    20652532    background-color: #000;
    2066     color: rgba(255, 255, 255, 0.55);
     2533    color: #949a92;
    20672534    font-size: 12px;
    20682535    position: relative;
     
    20792546}
    20802547
     2548.footer-sidebar {
     2549    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
     2550    padding: 48px 10px 0;
     2551}
     2552
    20812553.site-info {
    2082     color: #bfbfbf;
     2554    color: rgba(255, 255, 255, 0.75);
    20832555    padding: 15px 10px;
    20842556}
    20852557
    20862558.site-info a {
    2087     color: #bfbfbf;
     2559    color: rgba(255, 255, 255, 0.75);
    20882560}
    20892561
     
    20932565
    20942566
    2095 /* =Contributor Page
    2096 ----------------------------------------------- */
    2097 
    2098 .contributor {
    2099     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     2567/**
     2568 * 9.0 Featured Content
     2569 * -----------------------------------------------------------------------------
     2570 */
     2571
     2572.featured-content {
     2573    background: #000;
     2574    background-attachment: fixed;
     2575    background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
     2576    background-image:         linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
     2577    background-size: 4px 4px;
    21002578    -webkit-box-sizing: border-box;
    2101     -moz-box-sizing: border-box;
    2102     box-sizing:      border-box;
    2103     padding: 48px 10px;
    2104 }
    2105 .contributor-info {
    2106     margin: 0 auto;
    2107     max-width: 474px;
    2108 }
    2109 .contributor-avatar {
    2110     border: 1px solid rgba(0, 0, 0, 0.1);
    2111     float: left;
    2112     margin: 0 30px 20px 0;
    2113     padding: 2px;
    2114 }
    2115 .contributor-avatar .avatar {
    2116     vertical-align: middle;
    2117 }
    2118 .contributor-name {
    2119     font-size: 16px;
    2120     font-weight: 900;
    2121     line-height: 1.5;
     2579    -moz-box-sizing:    border-box;
     2580    box-sizing:         border-box;
     2581    width: 100%;
     2582}
     2583
     2584.featured-content .hentry {
     2585    color: #fff;
    21222586    margin: 0;
     2587    width: 100%;
     2588}
     2589
     2590.attachment-featured-featured {
     2591    background-color: #000;
     2592    display: block;
     2593    overflow: hidden;
     2594}
     2595
     2596.attachment-featured-featured:hover img {
     2597    opacity: 0.85;
     2598}
     2599
     2600.featured-content .entry-wrap {
     2601    background-color: #000;
     2602    border: 12px solid #000;
     2603    overflow: hidden;
     2604}
     2605
     2606.featured-content a {
     2607    color: #fff;
     2608}
     2609
     2610.featured-content a:hover {
     2611    color: #5ff23d;
     2612}
     2613
     2614.featured-content .entry-meta {
     2615    font-size: 11px;
     2616    font-weight: 700;
     2617    line-height: 1.0909090909;
     2618    margin-bottom: 12px;
     2619}
     2620
     2621.featured-content .cat-links {
     2622    font-weight: 700;
     2623}
     2624
     2625.featured-content .entry-title {
     2626    font-size: 18px;
     2627    font-weight: 300;
     2628    line-height: 1.3333333333;
     2629    margin-bottom: 0;
    21232630    text-transform: uppercase;
    21242631}
    2125 .contributor-bio {
    2126     color: #767676;
    2127 }
    2128 .contributor-posts-link {
    2129     display: inline-block;
    2130 }
    2131 .contributor-posts-link:before {
    2132     content: '\f443';
    2133     margin: -3px 5px -2px -3px;
    2134 }
    2135 
    2136 
    2137 /* =Media Queries
    2138 ----------------------------------------------- */
    2139 
    2140 /* Mobile list style */
     2632
     2633
     2634/**
     2635 * 10.0 Media Queries
     2636 * -----------------------------------------------------------------------------
     2637 */
     2638
    21412639@media screen and (max-width: 400px) {
    2142     .list-view .content-area {
    2143         padding: 12px 10px;
    2144     }
    2145     .list-view .content-area .hentry {
    2146         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    2147         margin-bottom: 12px;
    2148         min-height: 60px;
    2149         padding-bottom: 9px;
    2150     }
    2151     .list-view .content-area .cat-links,
    2152     .list-view .content-area .entry-content,
    2153     .list-view .content-area .entry-summary,
    2154     .list-view .content-area footer.entry-meta {
    2155         display: none;
    2156     }
    21572640    .list-view .attachment-featured-thumbnail {
    21582641        background: none;
     
    21612644        z-index: 2;
    21622645    }
     2646
    21632647    .list-view .attachment-featured-thumbnail img {
    21642648        float: left;
     
    21662650        width: 84px;
    21672651    }
    2168     .list-view .content-area .entry-header {
     2652
     2653    .list-view .site-content .entry-header {
    21692654        background-color: transparent;
    21702655        padding: 0;
    21712656    }
    2172     .list-view .content-area .entry-title {
     2657
     2658    .list-view .content-area {
     2659        padding: 12px 10px;
     2660    }
     2661
     2662    .list-view .site-content .hentry {
     2663        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
     2664        margin-bottom: 12px;
     2665        min-height: 60px;
     2666        padding-bottom: 9px;
     2667    }
     2668
     2669    .list-view .site-content .cat-links,
     2670    .list-view .site-content .entry-content,
     2671    .list-view .site-content .entry-summary,
     2672    .list-view .site-content footer.entry-meta {
     2673        display: none;
     2674    }
     2675
     2676    .list-view .site-content .entry-title {
    21732677        font-size: 15px;
    21742678        font-weight: 900;
     
    21772681        text-transform: none;
    21782682    }
    2179     .list-view .content-area .entry-meta {
     2683
     2684    .list-view .site-content .format-aside .entry-title,
     2685    .list-view .site-content .format-link .entry-title,
     2686    .list-view .site-content .format-quote .entry-title {
     2687        display: block;
     2688    }
     2689
     2690    .list-view .site-content .entry-meta {
    21802691        background-color: transparent;
    21812692        clear: none;
     
    21832694        text-transform: none;
    21842695    }
    2185     .list-view .content-area .format-aside .entry-title,
    2186     .list-view .content-area .format-quote .entry-title,
    2187     .list-view .content-area .format-link .entry-title {
    2188         display: block;
    2189     }
     2696
    21902697    .archive-header,
    21912698    .page-header {
     
    21932700        padding-top: 12px;
    21942701    }
     2702
    21952703    .error404 .page-header {
    21962704        border-bottom: 0;
     
    22032711        opacity: 0.85;
    22042712    }
    2205     .content-area span + .entry-date:before,
    2206     .content-area span + .byline:before,
    2207     .content-area span + .comments-link:before,
    2208     .content-area span + .edit-link:before,
     2713
    22092714    .full-size-link:before,
    2210     .parent-post-link:before {
    2211         content: '';
    2212     }
    2213     .content-area .featured-post:before,
    2214     .content-area .post-format a:before,
    2215     .content-area .entry-date a:before,
     2715    .parent-post-link:before,
     2716    .site-content span + .byline:before,
     2717    .site-content span + .comments-link:before,
     2718    .site-content span + .edit-link:before,
     2719    .site-content span + .entry-date:before {
     2720        content: "";
     2721    }
     2722
    22162723    .attachment span.entry-date:before,
    2217     .content-area .byline a:before,
    2218     .content-area .comments-link a:before,
    22192724    .entry-meta .edit-link a:before,
    2220     .content-area .full-size-link a:before,
    2221     .content-area .parent-post-link a:before {
     2725    .site-content .byline a:before,
     2726    .site-content .comments-link a:before,
     2727    .site-content .entry-date a:before,
     2728    .site-content .featured-post:before,
     2729    .site-content .full-size-link a:before,
     2730    .site-content .parent-post-link a:before,
     2731    .site-content .post-format a:before {
     2732        -webkit-font-smoothing: antialiased;
    22222733        display: inline-block;
    2223         -webkit-font-smoothing: antialiased;
    2224         font: normal 16px/1 'Genericons';
    2225         margin: 0 2px 0 0;
     2734        font-family: Genericons;
     2735        font-size: 16px;
     2736        font-style: normal;
     2737        font-weight: normal;
    22262738        text-transform: none;
    22272739        vertical-align: top;
    22282740    }
    2229     .content-area .entry-meta > span {
     2741
     2742    .site-content .entry-meta > span {
    22302743        margin-right: 10px;
    22312744    }
    2232     .content-area .format-video .post-format a:before {
    2233         content: '\F104';
    2234         margin: -1px 2px 0 0;
    2235     }
    2236     .content-area .format-image .post-format a:before {
    2237         content: '\F102';
    2238         margin: -1px 2px 0 0;
    2239     }
    2240     .content-area .format-quote .post-format a:before {
    2241         content: '\F106';
    2242     }
    2243     .content-area .format-gallery .post-format a:before {
    2244         content: '\F103';
    2245         margin: -1px 4px 0 0;
    2246     }
    2247     .content-area .format-aside .post-format a:before {
    2248         content: '\F101';
    2249     }
    2250     .content-area .format-link .post-format a:before {
    2251         content: '\F107';
    2252     }
    2253     .content-area .featured-post:before {
    2254         content: '\F308';
    2255         margin: -1px 3px 0 0;
    2256     }
    2257     .content-area .entry-date a:before,
     2745
     2746    .site-content .format-video .post-format a:before {
     2747        content: "\f104";
     2748        margin: -2px 2px 0 0;
     2749    }
     2750
     2751    .site-content .format-image .post-format a:before {
     2752        content: "\f102";
     2753        margin: -3px 3px 0 0;
     2754    }
     2755
     2756    .site-content .format-quote .post-format a:before {
     2757        content: "\f106";
     2758        margin: -3px 3px 0 0;
     2759    }
     2760
     2761    .site-content .format-gallery .post-format a:before {
     2762        content: "\f103";
     2763        margin: -3px 4px 0 0;
     2764    }
     2765
     2766    .site-content .format-aside .post-format a:before {
     2767        content: "\f101";
     2768        margin: -2px 3px 0 0;
     2769    }
     2770
     2771    .site-content .format-link .post-format a:before {
     2772        content: "\f107";
     2773        margin: -2px 3px 0 0;
     2774    }
     2775
     2776    .site-content .featured-post:before {
     2777        content: "\f308";
     2778        margin: -3px 3px 0 0;
     2779    }
     2780
     2781    .site-content .entry-date a:before,
    22582782    .attachment span.entry-date:before {
    2259         content: '\F303';
    2260         margin: 0 1px 0 0;
    2261     }
    2262     .content-area .byline a:before {
    2263         content: '\F304';
    2264         margin: -1px 0 0 0;
    2265     }
    2266     .content-area .comments-link a:before {
    2267         content: '\F300';
    2268         margin: -1px 2px 0 0;
    2269     }
     2783        content: "\f303";
     2784        margin: -2px 1px 0 0;
     2785    }
     2786
     2787    .site-content .byline a:before {
     2788        content: "\f304";
     2789        margin: -3px 0 0 0;
     2790    }
     2791
     2792    .site-content .comments-link a:before {
     2793        content: "\f300";
     2794        margin: -3px 2px 0 0;
     2795    }
     2796
    22702797    .entry-meta .edit-link a:before {
    2271         content: '\F411';
    2272         margin: -1px 2px 0 0;
    2273     }
    2274     .content-area .full-size-link a:before {
    2275         content: '\F402';
    2276     }
    2277     .content-area .parent-post-link a:before {
    2278         content: '\F301';
    2279     }
     2798        content: "\f411";
     2799        margin: -3px 2px 0 0;
     2800    }
     2801
     2802    .site-content .full-size-link a:before {
     2803        content: "\f402";
     2804        margin: -3px 2px 0 0;
     2805    }
     2806
     2807    .site-content .parent-post-link a:before {
     2808        content: "\f301";
     2809        margin: -3px 2px 0 0;
     2810    }
     2811
     2812    .list-view .site-content .has-featured-image .attachment-featured-thumbnail,
     2813    .list-view .site-content .format-standard .attachment-featured-thumbnail {
     2814        margin-top: -49px;
     2815    }
     2816
     2817    .list-view .site-content .hentry {
     2818        border-top: 1px solid rgba(0, 0, 0, 0.1);
     2819        padding-top: 48px;
     2820    }
     2821
    22802822    .archive-header,
    22812823    .page-header {
     
    22832825        padding: 0 10px;
    22842826    }
    2285     .list-view .content-area .hentry {
    2286         border-top: 1px solid rgba(0, 0, 0, 0.1);
    2287         padding-top: 48px;
    2288     }
    2289     .list-view .content-area .has-featured-image .attachment-featured-thumbnail,
    2290     .list-view .content-area .format-standard .attachment-featured-thumbnail {
    2291         margin-top: -49px;
    2292     }
    22932827}
    22942828
    22952829@media screen and (min-width: 642px) {
    2296     .content-area .entry-header {
     2830    .site-content .entry-header {
    22972831        padding-right: 30px;
    22982832        padding-left: 30px;
    22992833    }
    2300     .content-area .has-featured-image .entry-header,
    2301     .content-area .format-standard .entry-header {
     2834
     2835    .site-content .has-featured-image .entry-header,
     2836    .site-content .format-standard .entry-header {
    23022837        margin-top: -48px;
    23032838    }
    2304     .content-area .format-standard.post-password-required .entry-header {
     2839
     2840    .site-content .format-standard.post-password-required .entry-header {
    23052841        margin-top: 0;
    23062842    }
     
    23132849        width: 100%;
    23142850    }
     2851
    23152852    .site-content {
    23162853        margin-right: 33.33333333%;
    23172854    }
    2318     .content-area .has-featured-image .entry-header,
    2319     .content-area .format-standard .entry-header {
     2855
     2856    .full-width .site-content {
     2857        margin-right: 0;
     2858    }
     2859
     2860    .site-content .has-featured-image .entry-header,
     2861    .site-content .format-standard .entry-header {
    23202862        margin-top: 0;
    23212863    }
    2322     .content-area .entry-content,
    2323     .content-area .entry-summary,
    2324     .content-area footer.entry-meta,
     2864
     2865    .full-width .site-content .has-featured-image .entry-header,
     2866    .full-width .site-content .format-standard .entry-header {
     2867        margin-top: -48px;
     2868    }
     2869
    23252870    .archive-header,
     2871    .comments-area,
     2872    .image-navigation,
    23262873    .page-header,
    23272874    .page-content,
    23282875    .post-navigation,
    2329     .image-navigation,
    2330     .comments-area {
     2876    .site-content .entry-content,
     2877    .site-content .entry-summary,
     2878    .site-content footer.entry-meta {
    23312879        padding-right: 30px;
    23322880        padding-left: 30px;
    23332881    }
     2882
     2883    #secondary {
     2884        padding: 0 30px;
     2885    }
     2886
    23342887    .content-sidebar {
    23352888        border: 0;
     
    23392892        width: 33.33333333%;
    23402893    }
    2341     #secondary {
    2342         padding: 48px 30px 0;
    2343     }
     2894
     2895    .attachment-featured-featured {
     2896        height: 240px;
     2897    }
     2898
    23442899    .featured-content .hentry {
    23452900        float: left;
    23462901        width: 50%;
    23472902    }
     2903
    23482904    .featured-content .hentry:nth-child( 2n+1 ) {
    23492905        clear: both;
    23502906    }
     2907
    23512908    .featured-content .entry-wrap {
    23522909        height: 96px;
    2353     }
    2354     .full-width .site-content {
    2355         margin-right: 0;
    2356     }
    2357     .full-width .content-area .has-featured-image .entry-header,
    2358     .full-width .content-area .format-standard .entry-header {
    2359         margin-top: -48px;
    23602910    }
    23612911}
     
    23652915        margin-right: 0;
    23662916    }
     2917
    23672918    .primary-navigation {
    23682919        display: block;
     
    23712922
    23722923@media screen and (min-width: 810px) {
    2373     .full-width .entry-content img.size-medium.alignleft,
    2374     .full-width .entry-content img.size-large.alignleft,
    2375     .full-width .entry-content img.size-full.alignleft,
    2376     .full-width .entry-content .wp-caption.alignleft,
    2377     .full-width .entry-content blockquote.alignleft {
     2924    .full-width .site-content blockquote.alignleft,
     2925    .full-width .site-content blockquote.alignright {
     2926        width: -webkit-calc(50% + 130px);
     2927        width:         calc(50% + 130px);
     2928    }
     2929
     2930    .full-width .site-content blockquote.alignleft,
     2931    .full-width .site-content img.size-full.alignleft,
     2932    .full-width .site-content img.size-large.alignleft,
     2933    .full-width .site-content img.size-medium.alignleft,
     2934    .full-width .site-content .wp-caption.alignleft {
    23782935        margin-left: -168px;
    23792936    }
    2380     .full-width .entry-content img.size-medium.alignright,
    2381     .full-width .entry-content img.size-large.alignright,
    2382     .full-width .entry-content img.size-full.alignright,
    2383     .full-width .entry-content .wp-caption.alignright,
    2384     .full-width .entry-content blockquote.alignright {
     2937
     2938    .full-width .site-content blockquote.alignrigh,
     2939    .full-width .site-content img.size-full.alignright,
     2940    .full-width .site-content img.size-large.alignright,
     2941    .full-width .site-content img.size-medium.alignright,
     2942    .full-width .site-content .wp-caption.alignright {
    23852943        margin-right: -168px;
    23862944    }
    2387     .full-width .entry-content img.size-full.alignnone,
     2945
    23882946    .attachment .entry-content .attachment {
    23892947        margin-right: -168px;
     
    23912949        max-width: 810px;
    23922950    }
    2393     .attachment .entry-content .attachment img {
     2951
     2952    .attachment .site-content .attachment img {
     2953        display: block;
    23942954        margin: 0 auto;
    23952955    }
    2396     .full-width .entry-content blockquote.alignleft,
    2397     .full-width .entry-content blockquote.alignright {
    2398         width: -webkit-calc(50% + 130px);
    2399         width:         calc(50% + 130px);
    2400     }
     2956
    24012957    .contributor-avatar {
    24022958        margin-left: -168px;
    24032959    }
     2960
    24042961    .contributor-summary {
    24052962        float: left;
     
    24122969        padding-top: 72px;
    24132970    }
    2414     .content-area .has-featured-image .entry-header,
    2415     .content-area .format-standard .entry-header {
     2971
     2972    .site-content .has-featured-image .entry-header,
     2973    .site-content .format-standard .entry-header {
    24162974        margin-top: -48px;
    24172975    }
    2418     .content-area .format-standard.post-password-required .entry-header {
     2976
     2977    .site-content .format-standard.post-password-required .entry-header {
    24192978        margin-top: 0;
    24202979    }
    2421     .comments-area article,
     2980
    24222981    .comment-list .trackback,
    2423     .comment-list .pingback {
     2982    .comment-list .pingback,
     2983    .comments-area article {
    24242984        margin-bottom: 36px;
    24252985        padding-top: 36px;
    24262986    }
     2987
    24272988    .comment-author .avatar {
    24282989        top: 2px;
     
    24302991        height: 34px;
    24312992    }
     2993
    24322994    .comment-author,
    2433     .comment-metadata,
    24342995    .comment-content,
    2435     .comment-list .reply {
     2996    .comment-list .reply,
     2997    .comment-metadata {
    24362998        padding-left: 54px;
    24372999    }
     3000
    24383001    .comment-list .children {
    24393002        margin-left: 37px;
    24403003    }
     3004
    24413005    .comment .comment-respond {
    24423006        margin-left: 60px;
    24433007    }
    2444     .content-sidebar {
    2445         padding-top: 72px;
    2446     }
     3008
     3009    .attachment-featured-featured {
     3010        height: 192px;
     3011    }
     3012
    24473013    .featured-content .hentry {
    24483014        width: 33.3333333%;
    24493015    }
     3016
    24503017    .featured-content .hentry:nth-child( 2n+1 ) {
    24513018        clear: none;
    24523019    }
     3020
    24533021    .featured-content .hentry:nth-child( 3n+1 ) {
    24543022        clear: both;
     
    24603028        padding-left: 27px;
    24613029    }
     3030
    24623031    .search-box-wrapper {
    24633032        padding-left: 182px;
    24643033    }
     3034
    24653035    .site-content {
    24663036        margin: 0 29.04761904% 0 182px;
    24673037    }
     3038
     3039    .site-content .entry-header {
     3040        margin-top: 0;
     3041    }
     3042
     3043    .site-content .has-featured-image .entry-header,
     3044    .site-content .format-standard .entry-header {
     3045        margin-top: 0;
     3046    }
     3047
    24683048    .content-sidebar {
    24693049        margin-left: -29.04761904%;
    24703050        width: 29.04761904%;
    24713051    }
    2472     .content-area .entry-header {
    2473         margin-top: 0;
    2474     }
     3052
    24753053    .site:before {
    24763054        background-color: #000;
    2477         content: '';
     3055        content: "";
    24783056        display: block;
    24793057        height: 100%;
    24803058        min-height: 100%;
    24813059        position: absolute;
    2482             top: 0;
    2483             left: 0;
     3060        top: 0;
     3061        left: 0;
    24843062        width: 182px;
    24853063        z-index: 2;
    24863064    }
     3065
    24873066    #secondary {
    24883067        background-color: transparent;
     
    24973076        width: 128px;
    24983077    }
    2499     body.footer-widgets #secondary {
    2500         min-height: 0;
    2501     }
     3078
     3079    .primary-sidebar {
     3080        padding-top: 0;
     3081    }
     3082    .footer-sidebar .widget_archive li,
     3083    .footer-sidebar .widget_categories li,
     3084    .footer-sidebar .widget_links li,
     3085    .footer-sidebar .widget_meta li,
     3086    .footer-sidebar .widget_nav_menu li,
     3087    .footer-sidebar .widget_pages li,
     3088    .footer-sidebar .widget_recent_comments li,
     3089    .footer-sidebar .widget_recent_entries li,
     3090    .primary-sidebar .widget_archive li,
     3091    .primary-sidebar .widget_categories li,
     3092    .primary-sidebar .widget_links li,
     3093    .primary-sidebar .widget_meta li,
     3094    .primary-sidebar .widget_nav_menu li,
     3095    .primary-sidebar .widget_pages li,
     3096    .primary-sidebar .widget_recent_comments li,
     3097    .primary-sidebar .widget_recent_entries li {
     3098        border-top: none;
     3099        padding: 0;
     3100    }
     3101
    25023102    .site-description {
    25033103        display: block;
     
    25053105        margin: -3px 0 21px;
    25063106    }
     3107
    25073108    .secondary-navigation {
    25083109        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    25093110        font-size: 11px;
    25103111    }
     3112
    25113113    .secondary-navigation ul,
    25123114    .secondary-navigation ul ul {
     
    25143116        margin: 0;
    25153117    }
     3118
    25163119    .secondary-navigation li {
    25173120        border-top: 1px solid rgba(255, 255, 255, 0.2);
    25183121        position: relative;
    25193122    }
     3123
    25203124    .secondary-navigation a {
    25213125        padding: 8px 0 9px;
    25223126    }
     3127
    25233128    .secondary-navigation ul ul {
    25243129        background: rgba(0, 0, 0, 0.9);
    25253130        display: none;
    25263131        position: absolute;
    2527             top: -1px;
    2528             left: 128px;
     3132        top: -1px;
     3133        left: 128px;
    25293134        width: 128px;
    25303135        z-index: 9999;
    25313136    }
     3137
    25323138    .secondary-navigation ul li:hover {
    25333139        background: #000;
    25343140    }
     3141
    25353142    .secondary-navigation ul li:hover > ul {
    25363143        display: block;
    25373144    }
    2538     #secondary .widget,
    2539     #supplementary .widget {
    2540         margin-bottom: 48px;
    2541     }
    2542     #secondary .widget-title,
    2543     #supplementary .widget-title {
     3145
     3146    .primary-sidebar .widget-title,
     3147    .footer-sidebar .widget-title {
    25443148        font-size: 11px;
    25453149        font-weight: 700;
     
    25473151        margin-bottom: 18px;
    25483152    }
    2549     #supplementary {
     3153
     3154    .footer-sidebar {
    25503155        font-size: 11px;
    25513156        line-height: 1.6363636363;
    25523157        padding: 48px 0 0;
    25533158    }
     3159
    25543160    .site-info {
    25553161        padding-left: 27px;
    25563162    }
     3163
    25573164    .front-page-content-wrapper {
    25583165        float: left;
    25593166    }
     3167
    25603168    .featured-content {
    25613169        padding-left: 182px;
    25623170    }
    2563     .content-area .has-featured-image .entry-header,
    2564     .content-area .format-standard .entry-header {
     3171}
     3172
     3173@media screen and (min-width: 1040px) {
     3174    .site-content .has-featured-image .entry-header,
     3175    .site-content .format-standard .entry-header {
     3176        margin-top: -48px;
     3177    }
     3178
     3179    .site-content .format-standard.post-password-required .entry-header {
    25653180        margin-top: 0;
    25663181    }
    2567 }
    2568 
    2569 @media screen and (min-width: 1040px) {
    2570     .content-area .has-featured-image .entry-header,
    2571     .content-area .format-standard .entry-header {
    2572         margin-top: -48px;
    2573     }
    2574     .content-area .format-standard.post-password-required .entry-header {
    2575         margin-top: 0;
    2576     }
    2577     .content-area .entry-header,
    2578     .content-area .entry-content,
    2579     .content-area .entry-summary,
    2580     .content-area footer.entry-meta,
     3182
    25813183    .archive-header,
     3184    .comments-area,
     3185    .image-navigation,
    25823186    .page-header,
    25833187    .page-content,
    25843188    .post-navigation,
    2585     .image-navigation,
    2586     .comments-area {
     3189    .site-content .entry-header,
     3190    .site-content .entry-content,
     3191    .site-content .entry-summary,
     3192    .site-content footer.entry-meta {
    25873193        padding-right: 15px;
    25883194        padding-left: 15px;
    25893195    }
    2590     .full-width .content-area .entry-header,
    2591     .full-width .content-area .entry-content,
    2592     .full-width .content-area .entry-summary,
    2593     .full-width .content-area footer.entry-meta,
     3196
    25943197    .full-width .archive-header,
     3198    .full-width .comments-area,
     3199    .full-width .image-navigation,
    25953200    .full-width .page-header,
    25963201    .full-width .page-content,
    25973202    .full-width .post-navigation,
    2598     .full-width .image-navigation,
    2599     .full-width .comments-area {
    2600             padding-right: 30px;
    2601             padding-left: 30px;
     3203    .full-width .site-content .entry-header,
     3204    .full-width .site-content .entry-content,
     3205    .full-width .site-content .entry-summary,
     3206    .full-width .site-content footer.entry-meta {
     3207        padding-right: 30px;
     3208        padding-left: 30px;
    26023209    }
    26033210}
    26043211
    26053212@media screen and (min-width: 1080px) {
     3213    .site-content {
     3214        margin-left: 222px;
     3215    }
     3216
    26063217    .site:before {
    26073218        width: 222px;
    26083219    }
     3220
    26093221    .search-box-wrapper,
    26103222    .featured-content {
    26113223        padding-left: 222px;
    26123224    }
    2613     .site-content {
    2614         margin-left: 222px;
    2615     }
     3225
    26163226    #secondary,
    26173227    .secondary-navigation ul ul {
     
    26243234
    26253235@media screen and (min-width: 1110px) {
    2626     .content-area .entry-header,
    2627     .content-area .entry-content,
    2628     .content-area .entry-summary,
    2629     .content-area footer.entry-meta,
    26303236    .archive-header,
     3237    .comments-area,
     3238    .image-navigation,
    26313239    .page-header,
    26323240    .page-content,
    26333241    .post-navigation,
    2634     .image-navigation,
    2635     .comments-area {
     3242    .site-content .entry-header,
     3243    .site-content .entry-content,
     3244    .site-content .entry-summary,
     3245    .site-content footer.entry-meta {
    26363246        padding-right: 30px;
    26373247        padding-left: 30px;
     
    26403250
    26413251@media screen and (min-width: 1218px) {
    2642     .content-area .entry-header,
    2643     .content-area .entry-content,
    2644     .content-area .entry-summary,
    2645     .content-area footer.entry-meta,
    26463252    .archive-header,
     3253    .comments-area,
     3254    .image-navigation,
    26473255    .page-header,
    26483256    .page-content,
    26493257    .post-navigation,
    2650     .image-navigation,
    2651     .comments-area {
     3258    .site-content .entry-header,
     3259    .site-content .entry-content,
     3260    .site-content .entry-summary,
     3261    .site-content footer.entry-meta {
    26523262        margin-right: 54px;
    26533263    }
    2654     .full-width .content-area .entry-header,
    2655     .full-width .content-area .entry-content,
    2656     .full-width .content-area .entry-summary,
    2657     .full-width .content-area footer.entry-meta,
     3264
    26583265    .full-width .archive-header,
     3266    .full-width .comments-area,
     3267    .full-width .image-navigation,
    26593268    .full-width .page-header,
    26603269    .full-width .page-content,
    26613270    .full-width .post-navigation,
    2662     .full-width .image-navigation,
    2663     .full-width .comments-area {
     3271    .full-width .site-content .entry-header,
     3272    .full-width .site-content .entry-content,
     3273    .full-width .site-content .entry-summary,
     3274    .full-width .site-content footer.entry-meta {
    26643275        margin-right: auto;
    26653276    }
     
    26673278
    26683279@media screen and (min-width: 1260px) {
    2669     .entry-content blockquote.alignleft,
    2670     .entry-content blockquote.alignright {
     3280    .site-content blockquote.alignleft,
     3281    .site-content blockquote.alignright {
    26713282        width: -webkit-calc(50% + 18px);
    26723283        width:         calc(50% + 18px);
    26733284    }
    2674     .entry-content blockquote.alignleft {
     3285    .site-content blockquote.alignleft {
    26753286        margin-left: -18%;
    26763287    }
    2677     .entry-content blockquote.alignright {
     3288    .site-content blockquote.alignright {
    26783289        margin-right: -18%;
    26793290    }
Note: See TracChangeset for help on using the changeset viewer.