<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[25788] trunk/src/wp-content/themes/twentyfourteen: Twenty Fourteen: first pass at CSS revamp, props iamtakashi.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://core.trac.wordpress.org/changeset/25788">25788</a></dd>
<dt>Author</dt> <dd>lancewillett</dd>
<dt>Date</dt> <dd>2013-10-15 16:45:42 +0000 (Tue, 15 Oct 2013)</dd>
</dl>

<h3>Log Message</h3>
<pre>Twenty Fourteen: first pass at CSS revamp, props iamtakashi. See <a href="http://core.trac.wordpress.org/ticket/25592">#25592</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentyfourteenfunctionsphp">trunk/src/wp-content/themes/twentyfourteen/functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyfourteensidebarphp">trunk/src/wp-content/themes/twentyfourteen/sidebar.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentyfourteenstylecss">trunk/src/wp-content/themes/twentyfourteen/style.css</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpcontentthemestwentyfourteenfunctionsphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/functions.php (25787 => 25788)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/functions.php 2013-10-15 14:54:29 UTC (rev 25787)
+++ trunk/src/wp-content/themes/twentyfourteen/functions.php    2013-10-15 16:45:42 UTC (rev 25788)
</span><span class="lines">@@ -100,6 +100,11 @@
</span><span class="cx">  add_theme_support( 'custom-background', apply_filters( 'twentyfourteen_custom_background_args', array(
</span><span class="cx">          'default-color' => 'f5f5f5',
</span><span class="cx">  ) ) );
</span><ins>+
+       /*
+        * This theme uses its own gallery styles.
+        */
+       add_filter( 'use_default_gallery_style', '__return_false' );
</ins><span class="cx"> }
</span><span class="cx"> endif; // twentyfourteen_setup
</span><span class="cx"> add_action( 'after_setup_theme', 'twentyfourteen_setup' );
</span><span class="lines">@@ -112,7 +117,7 @@
</span><span class="cx">  * @return void
</span><span class="cx">  */
</span><span class="cx"> function twentyfourteen_content_width() {
</span><del>-       if ( is_page_template( 'full-width-page.php' ) || is_attachment() )
</del><ins>+        if ( is_attachment() )
</ins><span class="cx">           $GLOBALS['content_width'] = 810;
</span><span class="cx"> }
</span><span class="cx"> add_action( 'template_redirect', 'twentyfourteen_content_width' );
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentyfourteensidebarphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/sidebar.php (25787 => 25788)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/sidebar.php   2013-10-15 14:54:29 UTC (rev 25787)
+++ trunk/src/wp-content/themes/twentyfourteen/sidebar.php      2013-10-15 16:45:42 UTC (rev 25788)
</span><span class="lines">@@ -17,16 +17,18 @@
</span><span class="cx">          <?php endif; ?>
</span><span class="cx"> 
</span><span class="cx">          <?php if ( has_nav_menu( 'secondary' ) ) : ?>
</span><del>-               <nav role="navigation" class="navigation secondary-navigation">
</del><ins>+                <nav role="navigation" class="navigation site-navigation secondary-navigation">
</ins><span class="cx">                   <?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>
</span><span class="cx">          </nav>
</span><span class="cx">          <?php endif; ?>
</span><span class="cx">  </div><!-- #secondary-top -->
</span><span class="cx"> 
</span><del>-       <div id="secondary-bottom" class="widget-area" role="complementary">
</del><ins>+        <?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
+       <div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
</ins><span class="cx">           <?php
</span><span class="cx">                  do_action( 'before_sidebar' );
</span><span class="cx">                  dynamic_sidebar( 'sidebar-1' );
</span><span class="cx">          ?>
</span><span class="cx">  </div><!-- #secondary-bottom -->
</span><ins>+       <?php endif; ?>
</ins><span class="cx"> </div><!-- #secondary -->
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentyfourteenstylecss"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/style.css (25787 => 25788)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/style.css     2013-10-15 14:54:29 UTC (rev 25787)
+++ trunk/src/wp-content/themes/twentyfourteen/style.css        2013-10-15 16:45:42 UTC (rev 25788)
</span><span class="lines">@@ -14,17 +14,52 @@
</span><span class="cx"> */
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* =Reset
------------------------------------------------ */
</del><ins>+/**
+ * Table of Contents:
+ *
+ * 1.0 - Reset
+ * 2.0 - Repeatable Patterns
+ * 3.0 - Basic Structure
+ * 4.0 - Header
+ * 5.0 - Navigations
+ * 6.0 - Content
+ *   6.1 - Post Thumbnail
+ *   6.1 - Entry Header
+ *   6.2 - Entry Meta
+ *   6.3 - Entry Content
+ *   6.4 - Galleries
+ *   6.5 - Post Formats
+ *   6.6 - Post/Paging Navigation
+ *   6.7 - Attachments
+ *   6.8 - Archives
+ *   6.9 - Contributor Page
+ *   6.10 - 404 Page
+ *   6.11 - Front Page
+ *   6.12 - Comments
+ * 7.0 - Sidebar
+ *   7.1 - Widgets
+ *   7.2 - Content Sidebar Widgets
+ * 8.0 - Footer
+ * 9.0 - Featured Content
+ * 10.0 - Media Queries
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx"> 
</span><del>-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
</del><ins>+
+
+/**
+ * 1.0 Reset
+ *
+ * Resetting and rebuilding styles have been helped along thanks to the fine
+ * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
+ * along with Nicolas Gallagher and Jonathan Neal
+ * http://necolas.github.com/normalize.css/ and Blueprint
+ * http://www.blueprintcss.org/
+ *
+ * -----------------------------------------------------------------------------
+ */
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
</ins><span class="cx">   border: 0;
</span><span class="cx">  font-family: inherit;
</span><span class="cx">  font-size: 100%;
</span><span class="lines">@@ -35,15 +70,7 @@
</span><span class="cx">  padding: 0;
</span><span class="cx">  vertical-align: baseline;
</span><span class="cx"> }
</span><del>-html {
-       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 */
-       overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
-       -webkit-text-size-adjust: 100%;
-       -ms-text-size-adjust:     100%;
-}
-body {
-       background: #fff;
-}
</del><ins>+
</ins><span class="cx"> article,
</span><span class="cx"> aside,
</span><span class="cx"> details,
</span><span class="lines">@@ -56,191 +83,190 @@
</span><span class="cx"> section {
</span><span class="cx">  display: block;
</span><span class="cx"> }
</span><del>-ol, ul {
-       list-style: none;
</del><ins>+
+audio,
+canvas,
+video {
+       display: inline-block;
</ins><span class="cx"> }
</span><del>-table { /* tables still need 'cellspacing="0"' in the markup */
-       border-collapse: separate;
-       border-spacing: 0;
</del><ins>+
+html {
+       overflow-y: scroll;
+       -webkit-text-size-adjust: 100%;
+       -ms-text-size-adjust:     100%;
</ins><span class="cx"> }
</span><del>-caption, th, td {
-       font-weight: normal;
-       text-align: left;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-       content: "";
-}
-blockquote, q {
-       quotes: "" "";
-}
-a:focus {
-       outline: thin dotted;
-}
-a:hover,
-a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
-       outline: 0;
-}
-a img {
-       border: 0;
-       display: block;
-}
</del><span class="cx"> 
</span><del>-/* =Global
------------------------------------------------ */
-
</del><span class="cx"> body,
</span><span class="cx"> button,
</span><span class="cx"> input,
</span><span class="cx"> select,
</span><span class="cx"> textarea {
</span><span class="cx">  color: #2b2b2b;
</span><del>-       font-family: lato, sans-serif;
</del><ins>+        font-family: Lato, sans-serif;
</ins><span class="cx">   font-size: 16px;
</span><span class="cx">  font-weight: 400;
</span><span class="cx">  line-height: 1.5;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Selection */
-::-moz-selection {
-       background: #24890d;
-       color: #fff;
-       text-shadow: none;
</del><ins>+body {
+       background: #f5f5f5;
</ins><span class="cx"> }
</span><del>-::selection {
-       background: #24890d;
-       color: #fff;
-       text-shadow: none;
</del><ins>+
+a {
+       color: #24890d;
+       text-decoration: none;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Headings */
-h1,h2,h3,h4,h5,h6 {
</del><ins>+a:focus {
+       outline: thin dotted;
+}
+
+a:hover,
+a:active {
+       outline: 0;
+}
+
+a:hover,
+a:focus,
+a:active {
+       color: #5ff23d;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
</ins><span class="cx">   clear: both;
</span><span class="cx">  font-weight: 700;
</span><span class="cx">  margin: 36px 0 12px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h1 {
</span><span class="cx">  font-size: 26px;
</span><span class="cx">  line-height: 1.3846153846;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h2 {
</span><span class="cx">  font-size: 24px;
</span><span class="cx">  line-height: 1;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h3 {
</span><span class="cx">  font-size: 22px;
</span><span class="cx">  line-height: 1.0909090909;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h4 {
</span><span class="cx">  font-size: 20px;
</span><span class="cx">  line-height: 1.2;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h5 {
</span><span class="cx">  font-size: 18px;
</span><span class="cx">  line-height: 1.3333333333;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> h6 {
</span><span class="cx">  font-size: 16px;
</span><span class="cx">  line-height: 1.5;
</span><span class="cx"> }
</span><del>-h1 a,
-h2 a,
-h3 a,
-h4 a,
-h5 a,
-h6 a {
-       color: #2b2b2b;
-       text-decoration: none;
-}
-h1 a:hover,
-h2 a:hover,
-h3 a:hover,
-h4 a:hover,
-h5 a:hover,
-h6 a:hover {
-       color: #24890d;
-       text-decoration: none;
-}
-hr {
-       background-color: rgba(0, 0, 0, 0.1);
-       border: 0;
-       height: 1px;
-       margin-bottom: 23px;
-}
</del><span class="cx"> 
</span><del>-/* Text elements */
-p {
</del><ins>+address {
</ins><span class="cx">   margin-bottom: 24px;
</span><span class="cx"> }
</span><del>-ul, ol {
-       margin: 0 0 24px 22px;
</del><ins>+
+abbr,
+acronym {
+       border-bottom: 1px dotted #2b2b2b;
+       cursor: help;
</ins><span class="cx"> }
</span><del>-ul {
-       list-style: disc;
</del><ins>+
+b,
+strong {
+       font-weight: 700;
</ins><span class="cx"> }
</span><del>-ol {
-       list-style: decimal;
</del><ins>+
+dfn,
+em,
+i {
+       font-style: italic;
</ins><span class="cx"> }
</span><del>-li > ul,
-li > ol {
-       margin-bottom: 0;
-       margin-left: 20px;
</del><ins>+
+mark,
+ins {
+       background: #fff9c0;
+       text-decoration: none;
</ins><span class="cx"> }
</span><del>-dt {
-       font-weight: bold;
</del><ins>+
+code,
+kbd,
+tt,
+var,
+samp,
+pre {
+       font-family: monospace, serif;
+       font-size: 15px;
+       line-height: 1.6;
</ins><span class="cx"> }
</span><del>-dd {
-       margin: 0 0 24px;
</del><ins>+
+pre {
+       background: #eee;
+       margin-bottom: 24px;
+       max-width: 100%;
+       overflow: auto;
+       padding: 12px;
</ins><span class="cx"> }
</span><del>-b, strong {
-       font-weight: bold;
</del><ins>+
+blockquote,
+q {
+       quotes: none;
</ins><span class="cx"> }
</span><del>-dfn, cite, em, i {
-       font-style: italic;
</del><ins>+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+       content: "";
+       content: none;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> blockquote {
</span><ins>+       color: #767676;
+       font-size: 19px;
</ins><span class="cx">   font-style: italic;
</span><span class="cx">  font-weight: 300;
</span><del>-       margin: 0 0 24px;
</del><ins>+        line-height: 1.2631578947;
+       margin-bottom: 24px;
</ins><span class="cx"> }
</span><del>-blockquote em, blockquote i, blockquote cite {
</del><ins>+
+blockquote em,
+blockquote i,
+blockquote cite {
</ins><span class="cx">   font-style: normal;
</span><span class="cx"> }
</span><del>-blockquote p {
-       color: #767676;
-       font-size: 19px;
-       line-height: 1.2631578947;
-}
</del><ins>+
</ins><span class="cx"> blockquote cite {
</span><span class="cx">  color: #2b2b2b;
</span><span class="cx">  font-size: 16px;
</span><span class="cx">  font-weight: 400;
</span><span class="cx">  line-height: 1.5;
</span><span class="cx"> }
</span><del>-address {
-       margin: 0 0 24px;
</del><ins>+
+blockquote strong,
+blockquote b {
+       font-weight: 400;
</ins><span class="cx"> }
</span><del>-pre {
-       background: #eee;
-       font-family: 'Courier 10 Pitch', Courier, monospace;
-       font-size: 15px;
-       line-height: 1.6;
-       margin-bottom: 24px;
-       max-width: 100%;
-       overflow: auto;
-       padding: 12px;
</del><ins>+
+small {
+       font-size: 75%;
</ins><span class="cx"> }
</span><del>-code, kbd, tt, var {
-       font: 15px/1.6 Monaco, Consolas, 'Andale Mono', 'DejaVu Sans Mono', monospace;
</del><ins>+
+big {
+       font-size: 125%;
</ins><span class="cx"> }
</span><del>-abbr, acronym {
-       border-bottom: 1px dotted #2b2b2b;
-       cursor: help;
-}
-mark, ins {
-       background: #fff9c0;
-       text-decoration: none;
-}
</del><ins>+
</ins><span class="cx"> sup,
</span><span class="cx"> sub {
</span><span class="cx">  font-size: 75%;
</span><span class="lines">@@ -249,164 +275,399 @@
</span><span class="cx">  position: relative;
</span><span class="cx">  vertical-align: baseline;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> sup {
</span><span class="cx">  bottom: 1ex;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> sub {
</span><span class="cx">  top: .5ex;
</span><span class="cx"> }
</span><del>-small {
-       font-size: 75%;
</del><ins>+
+dl {
+       margin-bottom: 24px;
</ins><span class="cx"> }
</span><del>-big {
-       font-size: 125%;
</del><ins>+
+dt {
+       font-weight: bold;
</ins><span class="cx"> }
</span><ins>+
+dd {
+       margin-bottom: 24px;
+}
+
+ul,
+ol {
+       list-style: none;
+       margin: 0 0 24px 20px;
+}
+
+ul {
+       list-style: disc;
+}
+
+ol {
+       list-style: decimal;
+}
+
+li > ul,
+li > ol {
+       margin: 0 0 0 20px;
+}
+
+img {
+       -ms-interpolation-mode: bicubic;
+       border: 0;
+       vertical-align: middle;
+}
+
</ins><span class="cx"> figure {
</span><span class="cx">  margin: 0;
</span><span class="cx"> }
</span><ins>+
+table,
+th,
+td {
+       border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
</ins><span class="cx"> table {
</span><del>-       margin: 0 0 24px;
</del><ins>+        border-collapse: separate;
+       border-spacing: 0;
+       border-width: 1px 0 0 1px;
+       margin-bottom: 24px;
</ins><span class="cx">   width: 100%;
</span><span class="cx"> }
</span><ins>+
+caption,
+th,
+td {
+       font-weight: normal;
+       text-align: left;
+}
+
</ins><span class="cx"> th {
</span><ins>+       border-width: 0 1px 1px 0;
</ins><span class="cx">   font-weight: bold;
</span><span class="cx"> }
</span><ins>+
+td {
+       border-width: 0 1px 1px 0;
+}
+
+del {
+       color: #767676;
+}
+
+hr {
+       background-color: rgba(0, 0, 0, 0.1);
+       border: 0;
+       height: 1px;
+       margin-bottom: 23px;
+}
+
+::selection {
+       background: #24890d;
+       color: #fff;
+       text-shadow: none;
+}
+
+::-moz-selection {
+       background: #24890d;
+       color: #fff;
+       text-shadow: none;
+}
+
+p {
+       margin-bottom: 24px;
+}
+
</ins><span class="cx"> button,
</span><span class="cx"> input,
</span><span class="cx"> select,
</span><span class="cx"> textarea {
</span><del>-       font-size: 100%; /* Corrects font size not being inherited in all browsers */
-       margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
</del><ins>+        font-size: 100%;
+       margin: 0;
+       max-width: 100%;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> button,
</span><span class="cx"> input {
</span><del>-       line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
-       *overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
</del><ins>+        line-height: normal;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> button,
</span><del>-.contributor-posts-link,
</del><ins>+input[type="button"],
+input[type="checkbox"],
+input[type="email"],
+input[type="password"],
+input[type="radio"],
+input[type="reset"],
+input[type="search"],
+input[type="submit"]
+input[type="text"],
+input[type="url"],
+textarea {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing:    border-box;
+       box-sizing:         border-box;
+}
+
+button,
</ins><span class="cx"> html input[type="button"],
</span><span class="cx"> input[type="reset"],
</span><span class="cx"> input[type="submit"] {
</span><ins>+       -webkit-appearance: button;
+       cursor: pointer;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+       padding: 0;
+}
+
+input[type="search"] {
+       -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration {
+       -webkit-appearance: none;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+       border: 0;
+       padding: 0;
+}
+
+textarea {
+       overflow: auto;
+       vertical-align: top;
+}
+
+
+/**
+ * 2.0 Repeatable Patterns
+ * -----------------------------------------------------------------------------
+ */
+
+/* Buttons */
+
+button,
+.contributor-posts-link,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
</ins><span class="cx">   background-color: #24890d;
</span><span class="cx">  border: none;
</span><span class="cx">  border-radius: 2px;
</span><span class="cx">  color: #fff;
</span><span class="cx">  font-size: 12px;
</span><span class="cx">  font-weight: 700;
</span><del>-       line-height: 1;
-       padding: 13px 33px 11px;
</del><ins>+        padding: 11px 30px 10px;
</ins><span class="cx">   text-transform: uppercase;
</span><span class="cx">  vertical-align: top;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> button:hover,
</span><ins>+button:focus,
</ins><span class="cx"> .contributor-posts-link:hover,
</span><del>-html input[type="button"]:hover,
</del><ins>+input[type="button"]:hover,
+input[type="button"]:focus,
</ins><span class="cx"> input[type="reset"]:hover,
</span><ins>+input[type="reset"]:focus,
</ins><span class="cx"> input[type="submit"]:hover,
</span><del>-button:focus,
-html input[type="button"]:focus,
-input[type="reset"]:focus,
</del><span class="cx"> input[type="submit"]:focus {
</span><span class="cx">  background-color: #35921f;
</span><span class="cx">  color: #fff;
</span><del>-       cursor: pointer;
</del><span class="cx"> }
</span><ins>+
</ins><span class="cx"> button:active,
</span><span class="cx"> .contributor-posts-link:active,
</span><del>-html input[type="button"]:active,
</del><ins>+input[type="button"]:active,
</ins><span class="cx"> input[type="reset"]:active,
</span><span class="cx"> input[type="submit"]:active {
</span><span class="cx">  background-color: #5ff23d;
</span><span class="cx"> }
</span><del>-input[type="checkbox"],
-input[type="radio"] {
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing:    border-box;
-       box-sizing:         border-box;
-       padding: 0; /* Addresses excess padding in IE8/9 */
-}
-input[type="search"] {
-       -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
-       -webkit-box-sizing: content-box;
-       -moz-box-sizing:    content-box;
-       box-sizing:         content-box;
-}
-input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-       -webkit-appearance: none;
-}
-button::-moz-focus-inner,
-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/ */
-       border: 0;
-       padding: 0;
-}
</del><ins>+
+/* Input Fields */
+
+input[type="email"],
+input[type="password"],
+input[type="search"],
</ins><span class="cx"> input[type="text"],
</span><del>-input[type="email"],
</del><span class="cx"> input[type="url"],
</span><del>-input[type="search"],
-input[type="password"],
</del><span class="cx"> textarea {
</span><span class="cx">  border: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx">  border-radius: 2px;
</span><del>-       -webkit-box-sizing: border-box;
-       -moz-box-sizing:    border-box;
-       box-sizing:         border-box;
</del><span class="cx">   color: #2b2b2b;
</span><ins>+       padding: 8px 10px 7px;
</ins><span class="cx"> }
</span><ins>+
+input[type="email"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
</ins><span class="cx"> input[type="text"]:focus,
</span><del>-input[type="email"]:focus,
</del><span class="cx"> input[type="url"]:focus,
</span><del>-input[type="search"]:focus,
-input[type="password"]:focus,
</del><span class="cx"> textarea:focus {
</span><span class="cx">  color: #2b2b2b;
</span><span class="cx"> }
</span><del>-input[type="text"],
-input[type="email"],
-input[type="url"],
-input[type="search"],
-input[type="password"] {
-       padding: 8px 10px;
-}
</del><ins>+
</ins><span class="cx"> textarea {
</span><del>-       overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
</del><span class="cx">   padding: 8px 10px;
</span><del>-       vertical-align: top; /* Improves readability and alignment in all browsers */
</del><span class="cx">   width: 100%;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .search-field {
</span><span class="cx">  width: 100%;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Links */
-a {
-       color: #24890d;
-       text-decoration: none;
</del><ins>+.search-submit {
+       display: none;
</ins><span class="cx"> }
</span><del>-a:hover,
-a:focus,
-a:active {
-       color: #5FF23D;
</del><ins>+
+/* Responsive images. Fluid images for posts, comments, and widgets */
+
+.entry-content img,
+.entry-summary img,
+.comment-content img,
+#site-header img,
+.widget img,
+.wp-caption {
+       max-width: 100%;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+/**
+ * Make sure images with WordPress-added height and width attributes are
+ * scaled correctly.
+ */
+
+.entry-content img,
+.entry-summary img,
+.comment-content img[height],
+img[class*="align"],
+img[class*="wp-image-"],
+img[class*="attachment-"],
+#site-header img {
+       height: auto;
+}
+
+img.size-full,
+img.size-large,
+img.wp-post-image {
+       height: auto;
+       max-width: 100%;
+}
+
+.attachment-featured-featured img,
+.attachment-featured-thumbnail img {
+       height: auto;
+       max-width: 100%;
+}
+
+/* Make sure embeds and iframes fit their containers */
+
+embed,
+iframe,
+object,
+video {
+       margin-bottom: 24px;
+       max-width: 100%;
+}
+
+p > embed,
+p > iframe,
+p > object,
+span > embed,
+span > iframe,
+span > object {
+       margin-bottom: 0;
+}
+
</ins><span class="cx"> /* Alignment */
</span><ins>+
</ins><span class="cx"> .alignleft {
</span><span class="cx">  display: inline;
</span><span class="cx">  float: left;
</span><span class="cx">  margin-right: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .alignright {
</span><span class="cx">  display: inline;
</span><span class="cx">  float: right;
</span><span class="cx">  margin-left: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .aligncenter {
</span><span class="cx">  clear: both;
</span><span class="cx">  display: block;
</span><span class="cx">  margin: 0 auto;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+blockquote.alignleft,
+img.alignleft,
+.wp-caption.alignleft {
+       margin: 7px 24px 7px 0;
+}
+
+blockquote.alignright,
+img.alignright,
+.wp-caption.alignright {
+       margin: 7px 0 7px 24px;
+}
+
+blockquote.aligncenter,
+img.aligncenter,
+.wp-caption.aligncenter {
+       margin-top: 7px;
+       margin-bottom: 7px;
+}
+
+.site-content blockquote.alignleft,
+.site-content blockquote.alignright {
+       border-top: 1px solid rgba(0, 0, 0, 0.1);
+       border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+       padding-top: 17px;
+       width: 50%;
+}
+
+.site-content blockquote.alignleft p,
+.site-content blockquote.alignright p {
+       margin-bottom: 17px;
+}
+
+.wp-caption {
+       margin-bottom: 24px;
+}
+
+.wp-caption img[class*="wp-image-"] {
+       display: block;
+       margin: 0;
+}
+
+.wp-caption {
+       color: #767676;
+}
+
+.wp-caption-text {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing:    border-box;
+       box-sizing:         border-box;
+       font-size: 12px;
+       font-style: italic;
+       line-height: 1.5;
+       margin: 9px 0;
+}
+
+img.wp-smiley {
+       border: none;
+       margin-bottom: 0;
+       margin-top: 0;
+       padding: 0;
+}
+
</ins><span class="cx"> /* Assistive text */
</span><ins>+
</ins><span class="cx"> .screen-reader-text {
</span><span class="cx">  clip: rect(1px, 1px, 1px, 1px);
</span><span class="cx">  position: absolute !important;
</span><span class="lines">@@ -433,41 +694,45 @@
</span><span class="cx">  z-index: 100000; /* Above WP toolbar */
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Hidden */
</del><span class="cx"> .hide {
</span><span class="cx">  display: none;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Clearing */
</del><ins>+/* Clearing floats */
+
</ins><span class="cx"> .clear:before,
</span><span class="cx"> .clear:after,
</span><ins>+.footer-sidebar:before,
+.footer-sidebar:after,
</ins><span class="cx"> .hentry:before,
</span><span class="cx"> .hentry:after,
</span><del>-.footer-sidebar:before,
-.footer-sidebar:after,
</del><span class="cx"> [class*="content"]:before,
</span><span class="cx"> [class*="content"]:after,
</span><span class="cx"> [class*="site"]:before,
</span><span class="cx"> [class*="site"]:after {
</span><del>-       content: '';
</del><ins>+        content: "";
</ins><span class="cx">   display: table;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .clear:after,
</span><ins>+.footer-sidebar:after,
</ins><span class="cx"> .hentry:after,
</span><del>-.footer-sidebar:after,
</del><span class="cx"> [class*="content"]:after,
</span><span class="cx"> [class*="site"]:after {
</span><span class="cx">  clear: both;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> /* Genericons */
</span><ins>+
+.comment-edit-link:before,
+.comment-reply-link:before,
+.comment-reply-login:before,
+.contributor-posts-link:before,
</ins><span class="cx"> .search-toggle:before,
</span><del>-.contributor-posts-link:before,
</del><span class="cx"> .widget_twentyfourteen_ephemera .widget-title:before {
</span><span class="cx">  -webkit-font-smoothing: antialiased;
</span><span class="cx">  display: inline-block;
</span><del>-       font-family: 'Genericons';
</del><ins>+        font-family: Genericons;
</ins><span class="cx">   font-size: 16px;
</span><span class="cx">  font-style: normal;
</span><span class="cx">  font-weight: normal;
</span><span class="lines">@@ -476,26 +741,41 @@
</span><span class="cx">  vertical-align: top;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+/* Separator */
</ins><span class="cx"> 
</span><del>-/* =Basic Structure
------------------------------------------------ */
</del><ins>+.site-content span + .entry-date:before,
+.full-size-link:before,
+.parent-post-link:before,
+span + .byline:before,
+span + .comments-link:before,
+span + .edit-link:before,
+.widget_twentyfourteen_ephemera .entry-title:after {
+       content: "\0020\007c\0020";
+}
</ins><span class="cx"> 
</span><del>-body {
-       background-color: #f5f5f5;
-}
</del><ins>+
+/**
+ * 3.0 Basic Structure
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .site {
</span><span class="cx">  background-color: #fff;
</span><span class="cx">  max-width: 1260px;
</span><span class="cx">  position: relative;
</span><span class="cx"> }
</span><del>-.content-area {
-       padding-top: 24px;
-}
</del><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* =Header
------------------------------------------------ */
</del><ins>+/**
+ * 4.0 Header
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx"> 
</span><ins>+#site-header {
+       position: relative;
+       z-index: 3;
+}
+
</ins><span class="cx"> .site-header {
</span><span class="cx">  background-color: #000;
</span><span class="cx">  max-width: 1260px;
</span><span class="lines">@@ -504,31 +784,17 @@
</span><span class="cx">  z-index: 3;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Fixed Header */
-.site-header.masthead-fixed {
-       box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
-       position: fixed;
-               top: 0;
-}
-.admin-bar .site-header.masthead-fixed {
-       top: 28px;
-}
-.admin-bar.mp6 .site-header.masthead-fixed {
-       top: 32px;
-}
-#site-header {
-       position: relative;
-       z-index: 3;
-}
</del><span class="cx"> .header-main {
</span><span class="cx">  margin-right: 48px;
</span><span class="cx">  min-height: 48px;
</span><span class="cx">  padding-left: 10px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .header-extra {
</span><span class="cx">  background-color: #24890d;
</span><span class="cx">  float: right;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .site-title {
</span><span class="cx">  display: inline-block;
</span><span class="cx">  float: left;
</span><span class="lines">@@ -537,30 +803,20 @@
</span><span class="cx">  line-height: 48px;
</span><span class="cx">  margin: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .site-title a {
</span><span class="cx">  color: #fff;
</span><span class="cx"> }
</span><del>-#nav-toggle {
-       background-color: #000;
-       line-height: 1;
-       padding: 16px;
-       position: absolute;
-               top:0;
-               right: 0;
-}
-#nav-toggle:before {
-       color: #fff;
-       content: '\F419';
-}
-#nav-toggle:hover {
-       cursor: pointer;
-}
</del><ins>+
+/* Search in the header */
+
</ins><span class="cx"> .search-toggle {
</span><span class="cx">  background-color: #24890d;
</span><span class="cx">  -webkit-box-sizing: border-box;
</span><span class="cx">  -moz-box-sizing:    border-box;
</span><span class="cx">  box-sizing:         border-box;
</span><span class="cx">  color: #fff;
</span><ins>+       cursor: pointer;
</ins><span class="cx">   display: block;
</span><span class="cx">  float: left;
</span><span class="cx">  font-size: 10px;
</span><span class="lines">@@ -571,25 +827,26 @@
</span><span class="cx">  text-align: center;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><del>-.search-toggle a,
-.search-toggle a:hover {
-       color: #fff;
-}
</del><ins>+
</ins><span class="cx"> .search-toggle:hover,
</span><span class="cx"> .search-toggle.active {
</span><span class="cx">  background-color: #35921f;
</span><span class="cx"> }
</span><del>-.search-toggle:hover {
-       cursor: pointer;
-}
</del><ins>+
</ins><span class="cx"> .search-toggle:before {
</span><span class="cx">  color: #fff;
</span><del>-       content: '\f400';
</del><ins>+        content: "\f400";
</ins><span class="cx">   margin-left: -8px;
</span><span class="cx">  position: absolute;
</span><del>-               top: 9px;
-               left: 50%;
</del><ins>+        top: 9px;
+       left: 50%;
</ins><span class="cx"> }
</span><ins>+
+.search-toggle a,
+.search-toggle a:hover {
+       color: #fff;
+}
+
</ins><span class="cx"> .search-box-wrapper {
</span><span class="cx">  -webkit-box-sizing: border-box;
</span><span class="cx">  -moz-box-sizing:    border-box;
</span><span class="lines">@@ -598,9 +855,11 @@
</span><span class="cx">  width: 100%;
</span><span class="cx">  z-index: 2;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .search-box {
</span><span class="cx">  background-color: #35921f;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .search-box .search-field {
</span><span class="cx">  background-color: #fff;
</span><span class="cx">  float: right;
</span><span class="lines">@@ -610,25 +869,57 @@
</span><span class="cx">  width: 326px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+/* Fixed Header */
</ins><span class="cx"> 
</span><del>-/* =Menu
------------------------------------------------ */
</del><ins>+.site-header.masthead-fixed {
+       box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
+       position: fixed;
+       top: 0;
+}
</ins><span class="cx"> 
</span><ins>+.admin-bar .site-header.masthead-fixed {
+       top: 28px;
+}
+
+.admin-bar.mp6 .site-header.masthead-fixed {
+       top: 32px;
+}
+
+
+/**
+ * 5.0 Navigations
+ * -----------------------------------------------------------------------------
+ */
+
+.site-navigation a {
+       color: #fff;
+       text-transform: uppercase;
+}
+
+.site-navigation .current_page_item > a,
+.site-navigation .current-menu-item > a {
+       color: #5ff23d;
+}
+
+.site-navigation ul {
+       list-style: none;
+}
+
</ins><span class="cx"> /* Primary Navigation */
</span><ins>+
</ins><span class="cx"> .primary-navigation {
</span><span class="cx">  display: none;
</span><span class="cx">  float: right;
</span><span class="cx">  font-size: 11px;
</span><del>-       font-weight: 700;
</del><span class="cx">   line-height: 1.6363636363;
</span><span class="cx">  margin: 0 10px 0 -10px;
</span><del>-       text-transform: uppercase;
</del><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul {
</span><del>-       list-style: none;
</del><span class="cx">   margin: 0;
</span><span class="cx">  padding-left: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation li {
</span><span class="cx">  -webkit-box-sizing: border-box;
</span><span class="cx">  -moz-box-sizing:    border-box;
</span><span class="lines">@@ -638,142 +929,185 @@
</span><span class="cx">  line-height: 48px;
</span><span class="cx">  position: relative;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation a {
</span><del>-       color: #fff;
</del><span class="cx">   display: inline-block;
</span><span class="cx">  padding: 0 10px;
</span><span class="cx">  text-decoration: none;
</span><span class="cx">  white-space: nowrap;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul {
</span><span class="cx">  background-color: #24890d;
</span><span class="cx">  float: left;
</span><span class="cx">  position: absolute;
</span><del>-               top: 48px;
-               left: -999em;
</del><ins>+        top: 48px;
+       left: -999em;
</ins><span class="cx">   z-index: 99999;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation li li {
</span><span class="cx">  display: block;
</span><span class="cx">  height: auto;
</span><span class="cx">  line-height: 1.6363636363;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul ul {
</span><span class="cx">  left: -999em;
</span><span class="cx">  top: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul a {
</span><span class="cx">  padding: 9px 12px;
</span><span class="cx">  white-space: normal;
</span><span class="cx">  width: 148px;
</span><span class="cx"> }
</span><del>-.primary-navigation ul ul li {
-}
</del><ins>+
</ins><span class="cx"> .primary-navigation li:hover > a {
</span><span class="cx">  background-color: #24890d;
</span><span class="cx">  color: #fff;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul a:hover {
</span><span class="cx">  background-color: #000;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul li:hover > ul,
</span><span class="cx"> .primary-navigation ul li.focus > ul {
</span><span class="cx">  left: auto;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .primary-navigation ul ul li:hover > ul,
</span><span class="cx"> .primary-navigation ul ul li.focus > ul {
</span><span class="cx">  left: 100%;
</span><span class="cx"> }
</span><del>-.primary-navigation .current_page_item > a,
-.primary-navigation .current-menu-item > a {
-       color: #5ff23d;
-}
</del><span class="cx"> 
</span><span class="cx"> /* Secondary Navigation */
</span><ins>+
</ins><span class="cx"> .secondary-navigation {
</span><span class="cx">  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
</span><span class="cx">  font-size: 14px;
</span><span class="cx">  margin: 0 auto 48px;
</span><span class="cx">  max-width: 474px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation a {
</span><del>-       color: #fff;
</del><span class="cx">   display: block;
</span><del>-       font-weight: 700;
-       padding: 7px 0 7px;
-       text-transform: uppercase;
</del><ins>+        padding: 7px 0;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation a:hover {
</span><del>-       color: #5FF23D;
</del><ins>+        color: #5ff23d;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation ul {
</span><del>-       list-style: none;
</del><span class="cx">   margin: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation ul ul {
</span><del>-       margin: 0 0 0 20px;
</del><ins>+        margin-left: 20px;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation li {
</span><span class="cx">  border-top: 1px solid rgba(255, 255, 255, 0.4);
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation li li {
</span><span class="cx">  border-top: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx"> }
</span><del>-#secondary .current_page_item > a,
-#secondary .current-menu-item > a {
-       color: #5FF23D;
-}
</del><span class="cx"> 
</span><span class="cx"> /* Mobile Navigations */
</span><ins>+
</ins><span class="cx"> #mobile-navigations {
</span><span class="cx">  margin: 1px auto 0;
</span><span class="cx">  max-width: 474px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation {
</span><span class="cx">  background-color: #000;
</span><span class="cx">  -webkit-box-sizing: border-box;
</span><span class="cx">  -moz-box-sizing:    border-box;
</span><span class="cx">  box-sizing:         border-box;
</span><span class="cx">  font-size: 14px;
</span><del>-       font-weight: 700;
</del><span class="cx">   padding: 24px 10px 0;
</span><del>-       text-transform: uppercase;
</del><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation ul {
</span><del>-       list-style: none;
</del><span class="cx">   margin: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation li {
</span><span class="cx">  border-top: 1px solid rgba(255, 255, 255, 0.4);
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation li li {
</span><span class="cx">  border-top: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation ul ul li {
</span><span class="cx">  margin-left: 15px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation a {
</span><del>-       color: rgba(255, 255, 255, 1);
</del><span class="cx">   display: block;
</span><del>-       padding: 7px 0 7px;
</del><ins>+        padding: 7px 0;
</ins><span class="cx">   text-decoration: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .mobile-navigation a:hover {
</span><span class="cx">  color: rgba(255, 255, 255, 0.7);
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+#nav-toggle {
+       background-color: #000;
+       cursor: pointer;
+       line-height: 1;
+       padding: 16px;
+       position: absolute;
+       top: 0;
+       right: 0;
+}
</ins><span class="cx"> 
</span><del>-/* =Content
------------------------------------------------ */
</del><ins>+#nav-toggle:before {
+       color: #fff;
+       content: "\f419";
+}
</ins><span class="cx"> 
</span><del>-.sticky .entry-date {
-       display: none;
</del><ins>+
+/**
+ * 6.0 Content
+ * -----------------------------------------------------------------------------
+ */
+
+.content-area {
+       padding-top: 24px;
</ins><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .hentry {
</span><span class="cx">  margin-bottom: 24px;
</span><span class="cx">  max-width: 672px;
</span><span class="cx"> }
</span><del>-.attachment-featured-thumbnail {
</del><ins>+
+.full-width .hentry {
+       max-width: 100%;
+}
+
+.site-content .entry-header,
+.site-content .entry-content,
+.site-content .entry-summary,
+.site-content .entry-meta,
+.page-content {
+       margin: 0 auto;
+       max-width: 474px;
+}
+
+
+/**
+ * 6.1 Post Thumbnail
+ * -----------------------------------------------------------------------------
+ */
+
+ .attachment-featured-thumbnail {
</ins><span class="cx">   background: #767676;
</span><span class="cx">  background-attachment: fixed;
</span><span class="cx">  background-image: -webkit-linear-gradient(135deg, #767676 12.5%, #fff 12.5%, #fff 50%, #767676 50%, #767676 62.5%, #fff 62.5%);
</span><span class="lines">@@ -788,10 +1122,7 @@
</span><span class="cx">  height: auto;
</span><span class="cx">  z-index: 0;
</span><span class="cx"> }
</span><del>-.has-featured-image .attachment-featured-thumbnail,
-.format-standard .attachment-featured-thumbnail {
-       display: block;
-}
</del><ins>+
</ins><span class="cx"> .attachment-featured-thumbnail:hover {
</span><span class="cx">  background: #919191;
</span><span class="cx">  background-attachment: fixed;
</span><span class="lines">@@ -799,14 +1130,42 @@
</span><span class="cx">  background-image:         linear-gradient(135deg, #919191 12.5%, #fff 12.5%, #fff 50%, #919191 50%, #919191 62.5%, #fff 62.5%);
</span><span class="cx">  background-size: 4px 4px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .attachment-featured-thumbnail img {
</span><span class="cx">  display: block;
</span><span class="cx">  margin: 0 auto;
</span><span class="cx"> }
</span><ins>+
+.has-featured-image .attachment-featured-thumbnail,
+.format-standard .attachment-featured-thumbnail {
+       display: block;
+}
+
+
+/**
+ * 6.2 Entry Header
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .entry-header {
</span><span class="cx">  position: relative;
</span><span class="cx">  z-index: 1;
</span><span class="cx"> }
</span><ins>+
+.site-content .entry-header {
+       background-color: #fff;
+       padding: 0 10px 12px;
+}
+
+.site-content .has-featured-image .entry-header,
+.site-content .format-standard .entry-header {
+       padding-top: 24px;
+}
+
+.site-content .format-standard.post-password-required .entry-header {
+       padding-top: 0;
+}
+
</ins><span class="cx"> .entry-title {
</span><span class="cx">  clear: none;
</span><span class="cx">  font-size: 15px;
</span><span class="lines">@@ -814,12 +1173,30 @@
</span><span class="cx">  line-height: 18px;
</span><span class="cx">  margin: 0 0 6px 0;
</span><span class="cx"> }
</span><ins>+
+.site-content .entry-title {
+       font-size: 33px;
+       font-weight: 300;
+       line-height: 1.0909090909;
+       margin-bottom: 12px;
+       text-transform: uppercase;
+}
+
</ins><span class="cx"> .entry-title a {
</span><span class="cx">  color: #2b2b2b;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-title a:hover {
</span><span class="cx">  color: #24890d;
</span><span class="cx"> }
</span><ins>+
+
+
+/**
+ * 6.3 Entry Meta
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .entry-meta {
</span><span class="cx">  clear: both;
</span><span class="cx">  color: #767676;
</span><span class="lines">@@ -827,599 +1204,446 @@
</span><span class="cx">  font-weight: 400;
</span><span class="cx">  line-height: 1.3333333333;
</span><span class="cx"> }
</span><ins>+
+.site-content .entry-meta {
+       background-color: #fff;
+       margin-bottom: 8px;
+       text-transform: uppercase;
+}
+
</ins><span class="cx"> .entry-meta a {
</span><span class="cx">  color: #767676;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-meta a:hover {
</span><span class="cx">  color: #2b2b2b;
</span><span class="cx"> }
</span><ins>+
+.sticky .entry-date {
+       display: none;
+}
+
</ins><span class="cx"> .cat-links {
</span><span class="cx">  font-weight: 900;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .cat-links a {
</span><span class="cx">  color: #2b2b2b;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .cat-links a:hover {
</span><span class="cx">  color: #24890d;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .byline {
</span><span class="cx">  display: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .single .byline,
</span><span class="cx"> .group-blog .byline {
</span><span class="cx">  display: inline;
</span><span class="cx"> }
</span><del>-.widget_twentyfourteen_ephemera .entry-title:after,
-.content-area span + .entry-date:before,
-span + .byline:before,
-span + .comments-link:before,
-span + .edit-link:before,
-.full-size-link:before,
-.parent-post-link:before {
-       content: '\0020\007c\0020';
</del><ins>+
+.site-content footer.entry-meta {
+       margin: 12px auto 36px;
+       padding: 0 10px;
</ins><span class="cx"> }
</span><ins>+
+
+/* Tag links style */
+
+.tag-links a {
+       background-color: #767676;
+       border-radius: 0 2px 2px 0;
+       color: #fff;
+       display: inline-block;
+       font-size: 11px;
+       font-weight: 700;
+       line-height: 1.2727272727;
+       margin: 0 4px 4px 10px;
+       padding: 3px 7px;
+       position: relative;
+       text-transform: uppercase;
+}
+
+.tag-links a:hover,
+.tag-links a:focus {
+       background-color: #2b2b2b;
+       color: #fff;
+       text-decoration: none;
+}
+
+.tag-links a:before {
+       border-top: 10px solid transparent;
+       border-right: 8px solid #767676;
+       border-bottom: 10px solid transparent;
+       content: "";
+       position: absolute;
+       top: 0;
+       left: -8px;
+       width: 0;
+       height: 0;
+}
+
+.tag-links a:hover:before,
+.tag-links a:focus:before {
+       border-right-color: #2b2b2b;
+}
+
+.tag-links a:after {
+       background-color: #fff;
+       border-radius: 50%;
+       content: "";
+       position: absolute;
+       top: 8px;
+       left: -2px;
+       width: 4px;
+       height: 4px;
+}
+
+@-moz-document url-prefix() { /* For Firefox to avoid jagged edge */
+       .tag-links a:before {
+               border-right: 10px solid #767676;
+               left: -10px;
+       }
+}
+
+
+/**
+ * 6.3 Entry Content
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .entry-content,
</span><span class="cx"> .page-content,
</span><span class="cx"> .entry-summary {
</span><span class="cx">  position: relative;
</span><span class="cx">  z-index: 2;
</span><span class="cx"> }
</span><ins>+
+.site-content .entry-content,
+.site-content .entry-summary,
+.page-content {
+       background-color: #fff;
+       padding: 12px 10px 0;
+}
+
+.page .entry-content {
+       padding-top: 0;
+}
+
</ins><span class="cx"> .entry-content a,
</span><span class="cx"> .page-content a,
</span><span class="cx"> .entry-summary a,
</span><span class="cx"> .comment-content a {
</span><span class="cx">  text-decoration: underline;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-content table,
</span><span class="cx"> .comment-content table {
</span><del>-       border: 1px solid rgba(0, 0, 0, 0.1);
-       border-width: 1px 0 1px 1px;
</del><span class="cx">   font-size: 14px;
</span><span class="cx">  line-height: 1.2857142857;
</span><span class="cx">  margin-bottom: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-content th,
</span><span class="cx"> .comment-content th {
</span><del>-       border-right: 1px solid rgba(0, 0, 0, 0.1);
</del><span class="cx">   font-weight: 700;
</span><span class="cx">  padding: 8px;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .entry-content td,
</span><span class="cx"> .comment-content td {
</span><del>-       border-top: 1px solid rgba(0, 0, 0, 0.1);
-       border-right: 1px solid rgba(0, 0, 0, 0.1);
</del><span class="cx">   padding: 8px;
</span><span class="cx"> }
</span><del>-.site-content blockquote.alignleft,
-.site-content blockquote.alignright {
-       border-top: 1px solid rgba(0, 0, 0, 0.1);
-       border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-       padding-top: 17px;
-       width: 50%;
</del><ins>+
+.entry-content .edit-link {
+       clear: both;
+       display: block;
</ins><span class="cx"> }
</span><del>-.site-content blockquote.alignleft p,
-.site-content blockquote.alignright p {
-       margin-bottom: 17px;
</del><ins>+
+/* Mediaelements */
+
+.hentry .mejs-container {
+       margin: 12px 0 18px;
</ins><span class="cx"> }
</span><del>-.entry-content .video-player,
-.entry-content .PDS_Poll {
-       margin-bottom: 24px;
</del><ins>+
+.hentry .mejs-mediaelement,
+.hentry .mejs-container .mejs-controls {
+       background: #000;
</ins><span class="cx"> }
</span><del>-footer.entry-meta {
-       margin-bottom: 36px;
</del><ins>+
+.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
+.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
+       background: #fff;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* .content-area specific styles */
-.content-area .entry-header,
-.content-area .entry-content,
-.content-area .entry-summary,
-.content-area .entry-meta,
-.page-content {
-       margin: 0 auto;
-       max-width: 474px;
</del><ins>+.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
+       background: #24890d;
</ins><span class="cx"> }
</span><del>-.content-area .entry-header {
-       background-color: #fff;
-       padding: 0 10px 12px;
</del><ins>+
+.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
+.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
+       background: #595959;
</ins><span class="cx"> }
</span><del>-.content-area .has-featured-image .entry-header,
-.content-area .format-standard .entry-header {
-       padding-top: 24px;
</del><ins>+
+.hentry .mejs-container .mejs-controls .mejs-time {
+       padding-top: 9px;
</ins><span class="cx"> }
</span><del>-.content-area .format-standard.post-password-required .entry-header {
-       padding-top: 0;
</del><ins>+
+.hentry .mejs-controls .mejs-time-rail span,
+.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
+.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
+       border-radius: 0;
</ins><span class="cx"> }
</span><del>-.content-area .entry-title {
-       font-size: 33px;
-       font-weight: 300;
-       line-height: 1.0909090909;
-       margin-bottom: 12px;
-       text-transform: uppercase;
</del><ins>+
+.hentry .mejs-overlay-loading {
+       background: transparent;
</ins><span class="cx"> }
</span><del>-.content-area .entry-meta {
-       background-color: #fff;
-       margin-bottom: 8px;
-       text-transform: uppercase;
-}
-.content-area .entry-content,
-.content-area .entry-summary,
-.page-content {
-       background-color: #fff;
-       padding: 12px 10px 0;
-}
-.content-area footer.entry-meta {
-       margin-top: 12px;
-       padding: 0 10px;
-}
-.content-area footer.entry-meta {
-       margin-bottom: 24px;
-}
-.content-area footer.entry-meta .entry-title {
-       font-size: 12px;
-       font-weight: 400;
-       line-height: 1.3333333333;
-       margin-bottom: 8px;
-       text-transform: none;
-}
-footer.entry-meta .entry-title a {
-       color: #767676;
-}
-footer.entry-meta .entry-title a:hover {
-       color: #2b2b2b;
-}
-.format-aside .entry-content,
-.format-aside .entry-summary,
-.format-quote .entry-content,
-.format-quote .entry-summary,
-.format-link .entry-content,
-.format-link.entry-summary {
-       padding-top: 0;
-}
-/* Page specific styles */
-.page .entry-content,
-.error404 .page-header,
-.error404 .page-content,
-.attachment .entry-content {
-       padding-top: 0;
-}
-.attachment footer.entry-meta {
-       text-transform: none;
-}
-.more-link,
-.post-format-archive-link {
-       font-size: 14px;
-       text-transform: uppercase;
-       white-space: pre;
-}
-.more-link:hover,
-.post-format-archive-link:hover {
-       text-decoration: none;
-}
-.more-link .meta-nav,
-.post-format-archive-link .meta-nav {
-       position: relative;
-       left: 0;
-}
-.more-link:hover .meta-nav,
-.post-format-archive-link:hover .meta-nav {
-       left: 5px;
-}
</del><ins>+
+/* Page links */
+
</ins><span class="cx"> .page-links {
</span><span class="cx">  clear: both;
</span><span class="cx">  font-size: 12px;
</span><span class="cx">  font-weight: 900;
</span><span class="cx">  line-height: 2;
</span><del>-       margin: 0 0 24px;
</del><ins>+        margin-bottom: 24px;
</ins><span class="cx">   text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .page-links a,
</span><span class="cx"> .page-links > span {
</span><span class="cx">  background: #fff;
</span><span class="cx">  border: 1px solid #fff;
</span><del>-       border-radius: 2px;
</del><span class="cx">   display: inline-block;
</span><span class="cx">  margin: 0 1px 2px 0;
</span><span class="cx">  text-align: center;
</span><span class="cx">  width: 22px;
</span><span class="cx">  height: 22px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .page-links a {
</span><span class="cx">  background: #000;
</span><span class="cx">  border: 1px solid #000;
</span><span class="cx">  color: #fff;
</span><span class="cx">  text-decoration: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .page-links a:hover {
</span><span class="cx">  background: #24890d;
</span><span class="cx">  border: 1px solid #24890d;
</span><span class="cx">  color: #fff;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .page-links > span.page-links-title {
</span><span class="cx">  margin: 0;
</span><span class="cx">  padding-right: 9px;
</span><span class="cx">  width: auto;
</span><span class="cx">  height: auto;
</span><span class="cx"> }
</span><del>-.tag-links a {
-       background-color: #767676;
-       border-radius: 0 2px 2px 0;
-       color: #fff;
-       display: inline-block;
-       font-size: 11px;
-       font-weight: 700;
-       line-height: 1.2727272727;
-       margin: 0 4px 4px 10px;
-       padding: 3px 7px;
-       position: relative;
</del><ins>+
+/* More link */
+
+.more-link,
+.post-format-archive-link {
+       font-size: 14px;
</ins><span class="cx">   text-transform: uppercase;
</span><ins>+       white-space: pre;
</ins><span class="cx"> }
</span><del>-.tag-links a:hover,
-.tag-links a:focus {
-       background-color: #2b2b2b;
-       color: #fff;
</del><ins>+
+.more-link:hover,
+.post-format-archive-link:hover {
</ins><span class="cx">   text-decoration: none;
</span><span class="cx"> }
</span><del>-.tag-links a:before {
-       border-top: 10px solid transparent;
-       border-right: 8px solid #767676;
-       border-bottom: 10px solid transparent;
-       content: '';
-       position: absolute;
-               top: 0;
-               left: -8px;
-       width: 0;
-       height: 0;
</del><ins>+
+.more-link .meta-nav,
+.post-format-archive-link .meta-nav {
+       position: relative;
+       left: 0;
</ins><span class="cx"> }
</span><del>-/* For Firefox to avoid jagged edge */
-@-moz-document url-prefix() {
-       .tag-links a:before {
-               border-right: 10px solid #767676;
-               left: -10px;
-       }
</del><ins>+
+.more-link:hover .meta-nav,
+.post-format-archive-link:hover .meta-nav {
+       left: 5px;
</ins><span class="cx"> }
</span><del>-.tag-links a:hover:before,
-.tag-links a:focus:before {
-       border-right-color: #2b2b2b;
-}
-.tag-links a:after {
-       background-color: #fff;
-       border-radius: 50%;
-       content: '';
-       position: absolute;
-               top: 8px;
-               left: -2px;
-       width: 4px;
-       height: 4px;
-}
-.archive-header,
-.page-header {
-       margin: 0 auto 12px;
-       max-width: 474px;
-}
-.archive-title,
-.page-title {
-       font-size: 16px;
-       font-weight: 900;
-       line-height: 1.5;
-       margin: 0 0 24px;
-}
-.taxonomy-description {
-       color: #767676;
-       font-size: 12px;
-       line-height: 1.5;
-       margin-bottom: 18px;
-}
-.taxonomy-description p:last-child {
-       margin: 0;
-}
-.entry-content .edit-link {
-       clear: both;
-       display: block;
-}
</del><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* =Front Page
------------------------------------------------ */
</del><ins>+/**
+ * 6.4 Gallery
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx"> 
</span><del>-.front-page-content-wrapper {
-       width: 100%;
</del><ins>+.gallery {
+       margin-bottom: 20px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.gallery-item {
+       float: left;
+       margin: 0 4px 4px 0;
+       overflow: hidden;
+       position: relative;
+}
</ins><span class="cx"> 
</span><del>-/* =404 Page
------------------------------------------------ */
-
-.error404 .page-content .search-form {
-       margin-bottom: 36px;
</del><ins>+.gallery-columns-1.gallery-size-medium,
+.gallery-columns-1.gallery-size-thumbnail,
+.gallery-columns-2.gallery-size-thumbnail,
+.gallery-columns-3.gallery-size-thumbnail {
+       display: table;
+       margin: 0 auto 20px;
</ins><span class="cx"> }
</span><del>-.error404 .page-content .widget-title {
-       border-top: 5px solid #000;
-       color: #2b2b2b;
-       padding-top: 7px;
-}
</del><span class="cx"> 
</span><del>-
-/* =Full-width Layout
------------------------------------------------ */
-
-.full-width .hentry {
</del><ins>+.gallery-columns-1 .gallery-item {
</ins><span class="cx">   max-width: 100%;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.gallery-columns-2 .gallery-item {
+       max-width: 48%;
+       max-width: -webkit-calc(50% - 4px);
+       max-width:         calc(50% - 4px);
+}
</ins><span class="cx"> 
</span><del>-/* =Featured Content
------------------------------------------------ */
</del><ins>+.gallery-columns-3 .gallery-item {
+       max-width: 32%;
+       max-width: -webkit-calc(33.3% - 4px);
+       max-width:         calc(33.3% - 4px);
+}
</ins><span class="cx"> 
</span><del>-.featured-content {
-       background: #000;
-       background-attachment: fixed;
-       background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
-       background-image:         linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
-       background-size: 4px 4px;
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing:    border-box;
-       box-sizing:         border-box;
-       width: 100%;
</del><ins>+.gallery-columns-4 .gallery-item {
+       max-width: 23%;
+       max-width: -webkit-calc(25% - 4px);
+       max-width:         calc(25% - 4px);
</ins><span class="cx"> }
</span><del>-.featured-content .hentry {
-       color: #fff;
-       margin: 0;
-       width: 100%;
</del><ins>+
+.gallery-columns-5 .gallery-item {
+       max-width: 19%;
+       max-width: -webkit-calc(20% - 4px);
+       max-width:         calc(20% - 4px);
</ins><span class="cx"> }
</span><del>-.attachment-featured-featured {
-       background-color: #2b2b2b;
-       display: block;
-       min-height: 168px;
</del><ins>+
+.gallery-columns-6 .gallery-item {
+       max-width: 15%;
+       max-width: -webkit-calc(16.7% - 4px);
+       max-width:         calc(16.7% - 4px);
</ins><span class="cx"> }
</span><del>-.attachment-featured-featured:hover img {
-       opacity: 0.85;
</del><ins>+
+.gallery-columns-7 .gallery-item {
+       max-width: 13%;
+       max-width: -webkit-calc(14.28% - 4px);
+       max-width:         calc(14.28% - 4px);
</ins><span class="cx"> }
</span><del>-.featured-content .entry-wrap {
-       background-color: #000;
-       overflow: hidden;
-       padding: 12px 10px;
</del><ins>+
+.gallery-columns-8 .gallery-item {
+       max-width: 11%;
+       max-width: -webkit-calc(12.5% - 4px);
+       max-width:         calc(12.5% - 4px);
</ins><span class="cx"> }
</span><del>-.featured-content a {
-       color: #fff;
</del><ins>+
+.gallery-columns-9 .gallery-item {
+       max-width: 9%;
+       max-width: -webkit-calc(11.1% - 4px);
+       max-width:         calc(11.1% - 4px);
</ins><span class="cx"> }
</span><del>-.featured-content a:hover {
-       color: #5FF23d;
</del><ins>+
+.gallery-columns-1 .gallery-item:nth-of-type(1n),
+.gallery-columns-2 .gallery-item:nth-of-type(2n),
+.gallery-columns-3 .gallery-item:nth-of-type(3n),
+.gallery-columns-4 .gallery-item:nth-of-type(4n),
+.gallery-columns-5 .gallery-item:nth-of-type(5n),
+.gallery-columns-6 .gallery-item:nth-of-type(6n),
+.gallery-columns-7 .gallery-item:nth-of-type(7n),
+.gallery-columns-8 .gallery-item:nth-of-type(8n),
+.gallery-columns-9 .gallery-item:nth-of-type(9n) {
+       margin-right: 0;
</ins><span class="cx"> }
</span><del>-.featured-content .entry-meta {
-       font-size: 11px;
-       font-weight: 700;
-       line-height: 1.0909090909;
-}
-.featured-content .cat-links {
-       font-weight: 700;
-}
-.featured-content .entry-title {
-       font-size: 18px;
-       font-weight: 300;
-       line-height: 1.3333333333;
-       margin-bottom: 0;
-       overflow: hidden;
-       text-overflow: ellipsis;
-       text-transform: uppercase;
-       white-space: nowrap;
-}
-.featured-content .entry-summary {
-       background-color: transparent;
-       color: rgba(255, 255, 255, 0.75);
-       font-size: 11px;
-       line-height: 1.6363636363;
-       padding: 9px 0 12px;
-}
-.featured-content .more-link {
-       color: #5FF23d;
-       font-size: 11px;
-}
</del><span class="cx"> 
</span><del>-
-/* =Media
------------------------------------------------ */
-
-img {
-       max-width: 100%;
-       height: auto;
-}
-.attachment-featured-featured img,
-.attachment-featured-thumbnail img {
-       height: auto;
-       max-width: 100%;
-}
-img.alignleft,
-.wp-caption.alignleft,
-blockquote.alignleft {
-       margin: 7px 24px 7px 0;
-}
-img.alignright,
-.wp-caption.alignright,
-blockquote.alignright {
-       margin: 7px 0 7px 24px;
-}
-img.aligncenter,
-.wp-caption.aligncenter {
-       margin-top: 7px;
-       margin-bottom: 7px;
-}
-.wp-smiley {
-       border: none;
-       margin-bottom: 0;
-       margin-top: 0;
-       padding: 0;
-}
-.wp-caption {
-       margin-bottom: 24px;
-       max-width: 100%;
-}
-.wp-caption img[class*="wp-image-"] {
-       display: block;
-       height: auto;
</del><ins>+.gallery-caption {
+       background-color: rgba(0, 0, 0, 0.7);
+       box-sizing: border-box;
+       color: #fff;
+       font-size: 12px;
+       line-height: 1.5;
</ins><span class="cx">   margin: 0;
</span><del>-       max-width: 100%;
-}
-.wp-caption-text {
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing:    border-box;
-       box-sizing:         border-box;
-       font-size: 12px;
-       font-style: italic;
-       line-height: 1.6666666666;
-       margin: 4px 0;
-       padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */
</del><ins>+        max-height: 50%;
+       opacity: 0;
+       padding: 6px 8px;
+       position: absolute;
+       bottom: 0;
+       left: 0;
</ins><span class="cx">   text-align: left;
</span><ins>+       width: 100%;
</ins><span class="cx"> }
</span><del>-.site-content .gallery a img {
-       border: none;
-       height: auto;
-       vertical-align: middle; /* Remove a little margin bottom */
-}
-.site-content .gallery .gallery-icon {
-       line-height: 1; /* Remove a little margin bottom */
-}
-.site-content .gallery .gallery-item {
-       margin: 0 0 12px 0;
-}
-.site-content .gallery {
-       margin-bottom: 12px;
-}
-.site-content .gallery dd {
-       margin: 4px 0 0 0; /* Reset the margin and add a bit of margin-top to captions */
-}
-.gallery-caption {
-       padding: 0;
-}
-.gallery-item .wp-caption-text {
-       text-align: center;
-}
-.hentry .tiled-gallery {
-       margin-bottom: 24px;
-}
-.site-content .gallery-columns-1 a img {
-       max-width: 100%;
-}
-.site-content .gallery-columns-2 a img {
-       max-width: 96%;
-}
-.site-content .gallery-columns-3 a img {
-       max-width: 94%;
-}
-.site-content .gallery-columns-4 a img {
-       max-width: 92%;
-}
-.site-content .gallery-columns-5 a img {
-       max-width: 90%;
-}
-.site-content .gallery-columns-6 a img,
-.site-content .gallery-columns-7 a img,
-.site-content .gallery-columns-8 a img,
-.site-content .gallery-columns-9 a img {
-       max-width: 88%;
-}
-.entry-attachment .attachment {
-       margin-bottom: 24px;
-}
</del><span class="cx"> 
</span><del>-/* Mediaelements */
-.hentry .mejs-container {
-       margin: 12px 0 18px;
</del><ins>+.gallery-caption:before {
+       content: "";
+       height: 100%;
+       min-height: 49px;
+       position: absolute;
+       left: 0;
+       top: 0;
+       width: 100%;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.hentry .mejs-mediaelement,
-.hentry .mejs-container .mejs-controls {
-       background: #000;
</del><ins>+.gallery-item:hover .gallery-caption {
+       opacity: 1;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
-.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
-       background: #fff;
</del><ins>+.gallery-columns-7 .gallery-caption,
+.gallery-columns-8 .gallery-caption,
+.gallery-columns-9 .gallery-caption {
+       display: none;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
-       background: #24890d;
-}
</del><span class="cx"> 
</span><del>-.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
-.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
-       background: #595959;
-}
</del><ins>+/**
+ * 6.5 Post Formats
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx"> 
</span><del>-.hentry .mejs-container .mejs-controls .mejs-time {
-       padding-top: 9px;
</del><ins>+.format-aside .entry-content,
+.format-aside .entry-summary,
+.format-quote .entry-content,
+.format-quote .entry-summary,
+.format-link .entry-content,
+.format-link.entry-summary {
+       padding-top: 0;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.hentry .mejs-controls .mejs-time-rail span,
-.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
-.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
-       border-radius: 0;
</del><ins>+.site-content .entry-meta .entry-title {
+       font-size: 12px;
+       font-weight: 400;
+       line-height: 1.3333333333;
+       margin-bottom: 8px;
+       text-transform: none;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.hentry .mejs-overlay-loading {
-       background: transparent;
</del><ins>+.entry-meta .entry-title a {
+       color: #767676;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Make sure embeds and iframes fit their containers */
-embed,
-iframe,
-object,
-video {
-       margin-bottom: 24px;
-       max-width: 100%;
</del><ins>+.entry-meta .entry-title a:hover {
+       color: #2b2b2b;
</ins><span class="cx"> }
</span><del>-p > embed,
-p > iframe,
-p > object,
-span > embed,
-span > iframe,
-span > object {
-       margin-bottom: 0;
-}
</del><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* =Navigation
------------------------------------------------ */
</del><ins>+/**
+ * 6.6 Post/Image/Paging Navigation
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx"> 
</span><del>-.paging-navigation {
</del><ins>+.nav-links {
</ins><span class="cx">   border-top: 1px solid rgba(0, 0, 0, 0.1);
</span><del>-       margin: 36px 0;
</del><span class="cx"> }
</span><del>-.paging-navigation .loop-pagination {
-       margin-top: -1px;
-       text-align: center;
-}
-.paging-navigation .page-numbers {
-       border-top: 1px solid transparent;
-       display: inline-block;
-       font-size: 12px;
-       font-weight: 900;
-       margin-right: 5px;
-       padding: 9px 15px;
-       text-transform: uppercase;
-}
-.paging-navigation .page-numbers.current {
-       border-top: 1px solid #24890d;
-       color: #24890d;
-}
-.paging-navigation a {
-       color: #2b2b2b;
-}
-.paging-navigation a:hover {
-       background-color: #f5f5f5;
-       border-top: 1px solid #000;
-       color: #2b2b2b;
-}
</del><ins>+
</ins><span class="cx"> .post-navigation,
</span><span class="cx"> .image-navigation {
</span><span class="cx">  margin: 24px auto 48px;
</span><span class="cx">  max-width: 474px;
</span><span class="cx">  padding: 0 10px;
</span><span class="cx"> }
</span><del>-.nav-links {
-       border-top: 1px solid rgba(0, 0, 0, 0.1);
-}
</del><ins>+
</ins><span class="cx"> .post-navigation [rel="prev"],
</span><span class="cx"> .post-navigation [rel="next"],
</span><span class="cx"> .image-navigation .previous-image,
</span><span class="lines">@@ -1433,9 +1657,7 @@
</span><span class="cx">  text-align: left;
</span><span class="cx">  width: 100%;
</span><span class="cx"> }
</span><del>-.post-navigation [rel="next"] {
-       margin: 0;
-}
</del><ins>+
</ins><span class="cx"> .post-navigation .meta-nav {
</span><span class="cx">  color: #767676;
</span><span class="cx">  display: block;
</span><span class="lines">@@ -1444,8 +1666,9 @@
</span><span class="cx">  line-height: 2;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><del>-.site-content .post-navigation a,
-.site-content .image-navigation a {
</del><ins>+
+.post-navigation a,
+.image-navigation a {
</ins><span class="cx">   color: #2b2b2b;
</span><span class="cx">  display: block;
</span><span class="cx">  font-size: 14px;
</span><span class="lines">@@ -1453,173 +1676,341 @@
</span><span class="cx">  line-height: 1.7142857142;
</span><span class="cx">  text-transform: none;
</span><span class="cx"> }
</span><del>-.site-content .post-navigation a:hover,
-.site-content .image-navigation a:hover {
-       background-color: rgba(0, 0, 0, 0.01);
</del><ins>+
+.post-navigation a:hover,
+.image-navigation a:hover {
</ins><span class="cx">   color: #24890d;
</span><span class="cx"> }
</span><del>-.comment-navigation {
</del><ins>+
+/* Paging Navigation */
+
+.paging-navigation {
+       border-top: 5px solid #000;
+       margin: 36px 0;
+}
+
+.paging-navigation .loop-pagination {
+       margin-top: -5px;
+       text-align: center;
+}
+
+.paging-navigation .page-numbers {
+       border-top: 5px solid transparent;
+       display: inline-block;
+       font-size: 13px;
+       font-weight: 900;
+       margin-right: 1px;
+       padding: 7px 15px;
+       text-transform: uppercase;
+}
+
+.paging-navigation .page-numbers.current {
+       border-top: 5px solid #24890d;
+       color: #24890d;
+}
+
+.paging-navigation a {
+       color: #2b2b2b;
+}
+
+.paging-navigation a:hover {
+       background-color: #f5f5f5;
+       border-top: 5px solid #24890d;
+       color: #2b2b2b;
+}
+
+
+/**
+ * 6.7 Attachments
+ * -----------------------------------------------------------------------------
+ */
+
+.attachment .entry-content {
+       padding-top: 0;
+}
+
+.attachment footer.entry-meta {
+       text-transform: none;
+}
+.entry-attachment .attachment {
+       margin-bottom: 24px;
+}
+
+
+/**
+ * 6.8 Archives
+ * -----------------------------------------------------------------------------
+ */
+
+.archive-header,
+.page-header {
+       margin: 0 auto 12px;
+       max-width: 474px;
+}
+
+.archive-title,
+.page-title {
+       font-size: 16px;
+       font-weight: 900;
+       line-height: 1.5;
+       margin: 0 0 24px;
+}
+
+.taxonomy-description {
+       color: #767676;
</ins><span class="cx">   font-size: 12px;
</span><del>-       line-height: 2;
-       margin-bottom: 48px;
</del><ins>+        line-height: 1.5;
+       margin-bottom: 18px;
+}
+
+.taxonomy-description p:last-child {
+       margin: 0;
+}
+
+
+/**
+ * 6.9 Contributor Page
+ * -----------------------------------------------------------------------------
+ */
+
+.contributor {
+       border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing:      border-box;
+       padding: 48px 10px;
+}
+
+.contributor-info {
+       margin: 0 auto;
+       max-width: 474px;
+}
+
+.contributor-avatar {
+       border: 1px solid rgba(0, 0, 0, 0.1);
+       float: left;
+       margin: 0 30px 20px 0;
+       padding: 2px;
+}
+
+.contributor-name {
+       font-size: 16px;
+       font-weight: 900;
+       line-height: 1.5;
+       margin: 0;
</ins><span class="cx">   text-transform: uppercase;
</span><span class="cx"> }
</span><del>-.comment-navigation .nav-previous,
-.comment-navigation .nav-next {
</del><ins>+
+.contributor-bio {
+       color: #767676;
+}
+
+.contributor-posts-link {
</ins><span class="cx">   display: inline-block;
</span><ins>+       line-height: 1;
+       padding: 13px 30px 11px;
</ins><span class="cx"> }
</span><del>-.comment-navigation .nav-previous a {
-       margin-right: 10px;
</del><ins>+
+.contributor-posts-link:before {
+       content: "\f443";
+       margin: -3px 5px -2px -3px;
</ins><span class="cx"> }
</span><del>-#comment-nav-above {
-       margin-top: 36px;
-       margin-bottom: 0;
</del><ins>+
+
+/**
+ * 6.10 404 Page
+ * -----------------------------------------------------------------------------
+ */
+
+.error404 .page-header,
+.error404 .page-content {
+       padding-top: 0;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.error404 .page-content .search-form {
+       margin-bottom: 36px;
+}
</ins><span class="cx"> 
</span><del>-/* =Comments
------------------------------------------------ */
</del><span class="cx"> 
</span><ins>+/**
+ * 6.11 Front Page
+ * -----------------------------------------------------------------------------
+ */
+
+.front-page-content-wrapper {
+       width: 100%;
+}
+
+
+/**
+ * 6.11 Comments
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .comments-area {
</span><span class="cx">  margin: 48px auto;
</span><span class="cx">  max-width: 474px;
</span><span class="cx">  padding: 0 10px;
</span><span class="cx"> }
</span><del>-.comments-title,
-.comment-reply-title {
</del><ins>+
+.comment-reply-title,
+.comments-title, {
</ins><span class="cx">   font-size: 16px;
</span><span class="cx">  font-weight: 900;
</span><span class="cx">  line-height: 1.5;
</span><span class="cx">  margin-bottom: 0;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-form {
</span><span class="cx">  background: #fff;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-list {
</span><span class="cx">  list-style: none;
</span><span class="cx">  margin: 0 0 48px 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author {
</span><span class="cx">  font-size: 14px;
</span><span class="cx">  line-height: 1.7142857142;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><del>-.comment-metadata,
-.comment-list .reply {
</del><ins>+
+.comment-list .reply,
+.comment-metadata {
</ins><span class="cx">   font-size: 12px;
</span><span class="cx">  line-height: 2;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author .fn {
</span><span class="cx">  font-weight: 900;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author a {
</span><span class="cx">  color: #2b2b2b;
</span><span class="cx"> }
</span><del>-.comment-metadata a,
</del><ins>+
</ins><span class="cx"> .comment-list .trackback a,
</span><del>-.comment-list .pingback a {
</del><ins>+.comment-list .pingback a,
+.comment-metadata a {
</ins><span class="cx">   color: #767676;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author a:hover,
</span><del>-.comment-metadata a:hover,
</del><ins>+.comment-list .pingback a:hover,
</ins><span class="cx"> .comment-list .trackback a:hover,
</span><del>-.comment-list .pingback a:hover {
</del><ins>+.comment-metadata a:hover {
</ins><span class="cx">   color: #24890d;
</span><span class="cx">  text-decoration: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comments-area article,
</span><del>-.comment-list .trackback,
-.comment-list .pingback {
</del><ins>+.comment-list .pingback,
+.comment-list .trackback {
</ins><span class="cx">   border-top: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx">  margin-bottom: 24px;
</span><span class="cx">  padding-top: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-list li:first-child article {
</span><span class="cx">  border: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comments-area article {
</span><span class="cx">  background: none;
</span><span class="cx">  min-height: 48px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author {
</span><span class="cx">  padding-left: 36px;
</span><span class="cx">  position: relative;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author .avatar {
</span><span class="cx">  border: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx">  padding: 2px;
</span><span class="cx">  position: absolute;
</span><del>-               top: 0;
-               left: 0;
</del><ins>+        top: 0;
+       left: 0;
</ins><span class="cx">   width: 18px;
</span><span class="cx">  height: 18px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .bypostauthor .avatar {
</span><span class="cx">  background-color: #000;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .says {
</span><span class="cx">  display: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-author .fn {
</span><span class="cx">  font-style: normal;
</span><span class="cx"> }
</span><del>-.comment-metadata,
</del><ins>+
</ins><span class="cx"> .comment-content,
</span><del>-.comment-list .reply {
</del><ins>+.comment-list .reply,
+.comment-metadata {
</ins><span class="cx">   padding-left: 36px;
</span><span class="cx"> }
</span><del>-.comment-edit-link:before,
-.comment-reply-link:before,
-.comment-reply-login:before {
-       display: inline-block;
-       -webkit-font-smoothing: antialiased;
-       font: normal 16px/1 'Genericons';
-       vertical-align: top;
-}
</del><ins>+
+
+
</ins><span class="cx"> .comment-edit-link {
</span><span class="cx">  margin-left: 10px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-edit-link:before {
</span><span class="cx">  content: "\f411";
</span><span class="cx">  margin: 3px 2px 0 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-reply-link:before,
</span><span class="cx"> .comment-reply-login:before {
</span><span class="cx">  content: "\f412";
</span><span class="cx">  margin: 3px 3px 0 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-content {
</span><span class="cx">  word-wrap: break-word;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-content ul,
</span><span class="cx"> .comment-content ol {
</span><span class="cx">  margin: 0 0 24px 22px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-content li > ul,
</span><span class="cx"> .comment-content li > ol {
</span><span class="cx">  margin-bottom: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-list .children {
</span><span class="cx">  list-style: none;
</span><span class="cx">  margin-left: 18px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comments-area .children article {
</span><span class="cx">  border: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-respond {
</span><span class="cx">  margin-bottom: 24px;
</span><span class="cx">  padding: 0;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment .comment-respond {
</span><span class="cx">  margin-left: 36px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-respond h3 {
</span><span class="cx">  margin-top: 0;
</span><span class="cx">  margin-bottom: 24px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .no-comments {
</span><span class="cx">  color: #767676;
</span><span class="cx">  font-size: 16px;
</span><span class="lines">@@ -1629,29 +2020,60 @@
</span><span class="cx">  padding: 0 10px;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-form label {
</span><span class="cx">  display: block;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-form input[type=text] {
</span><span class="cx">  width: 100%;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .form-allowed-tags {
</span><span class="cx">  display: none;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .comment-form p:last-child {
</span><span class="cx">  margin-bottom: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.comment-navigation {
+       font-size: 12px;
+       line-height: 2;
+       margin-bottom: 48px;
+       text-transform: uppercase;
+}
</ins><span class="cx"> 
</span><del>-/* =Primary Sidebar
------------------------------------------------ */
</del><ins>+.comment-navigation .nav-next,
+.comment-navigation .nav-previous {
+       display: inline-block;
+}
</ins><span class="cx"> 
</span><ins>+.comment-navigation .nav-previous a {
+       margin-right: 10px;
+}
+
+#comment-nav-above {
+       margin-top: 36px;
+       margin-bottom: 0;
+}
+
+
+/**
+ * 7.0 Sidebars
+ * -----------------------------------------------------------------------------
+ */
+
+/* Primary Sidebar */
+
</ins><span class="cx"> #secondary {
</span><span class="cx">  background-color: #000;
</span><span class="cx">  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx">  clear: both;
</span><span class="cx">  color: rgba(255, 255, 255, 0.55);
</span><del>-       padding: 48px 10px 0;
</del><ins>+        font-size: 14px;
+       line-height: 1.2857142857;
+       padding: 0 10px;
</ins><span class="cx">   position: relative;
</span><span class="cx">  z-index: 2;
</span><span class="cx"> }
</span><span class="lines">@@ -1663,16 +2085,16 @@
</span><span class="cx">  font-weight: 400;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.primary-sidebar {
+       padding-top: 48px;
+}
</ins><span class="cx"> 
</span><del>-/* =Widgets
------------------------------------------------ */
-
</del><span class="cx"> .widget-area p {
</span><span class="cx">  margin-bottom: 18px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .widget-area a {
</span><del>-       color: #bfbfbf;
</del><ins>+        color: rgba(255, 255, 255, 0.75);
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .widget-area a:hover {
</span><span class="lines">@@ -1685,6 +2107,36 @@
</span><span class="cx">  color: #fff;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+/* Content Sidebar */
+
+.content-sidebar {
+       border-top: 1px solid rgba(0, 0, 0, 0.1);
+       border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing:    border-box;
+       box-sizing:         border-box;
+       color: #767676;
+       font-size: 14px;
+       line-height: 1.2857142857;
+       margin: 0 auto;
+       padding: 36px 10px 0;
+       position: relative;
+}
+
+.content-sidebar.widget-area a {
+       color: #2b2b2b;
+}
+
+.content-sidebar.widget-area a:hover {
+       color: #24890d;
+}
+
+
+/**
+ * 7.1 Widgets
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> .widget {
</span><span class="cx">  margin: 0 auto 48px;
</span><span class="cx">  max-width: 474px;
</span><span class="lines">@@ -1697,11 +2149,17 @@
</span><span class="cx">  margin: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget li > ul,
-.widget li > ol {
</del><ins>+.widget li > ol,
+.widget li > ul {
</ins><span class="cx">   margin-left: 10px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.widget select,
+.widget iframe {
+       margin-left: 1px;
+       max-width: 99%;
+}
+
</ins><span class="cx"> .widget-title {
</span><span class="cx">  font-size: 14px;
</span><span class="cx">  font-weight: 900;
</span><span class="lines">@@ -1711,36 +2169,35 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .widget-area button,
</span><del>-.widget-area html input[type="button"],
</del><ins>+.widget-area input[type="button"],
</ins><span class="cx"> .widget-area input[type="reset"],
</span><span class="cx"> .widget-area input[type="submit"] {
</span><span class="cx">  font-size: 11px;
</span><span class="cx">  padding: 6px 24px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.widget-area input[type="email"],
+.widget-area input[type="password"],
+.widget-area input[type="search"],
</ins><span class="cx"> .widget-area input[type="text"],
</span><del>-.widget-area input[type="email"],
</del><span class="cx"> .widget-area input[type="url"],
</span><del>-.widget-area input[type="search"],
-.widget-area input[type="password"],
</del><span class="cx"> .widget-area textarea {
</span><del>-       background-color: #2b2b2b;
</del><ins>+        background-color: rgba(255, 255, 255, 0.15);
</ins><span class="cx">   border: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx">  color: #fff;
</span><span class="cx">  max-width: 100%;
</span><span class="cx">  padding: 4px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget select,
-.widget iframe {
-       margin-left: 1px;
-       max-width: 99%;
</del><ins>+/* Calendar Widget*/
+
+.widget_calendar table,
+.widget_calendar th,
+.widget_calendar td {
+       border-color: rgba(255, 255, 255, 0.2);
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Calendar widget*/
</del><span class="cx"> .widget_calendar table {
</span><del>-       border: 1px solid rgba(255, 255, 255, 0.2);
-       border-width: 1px 0 1px 1px;
</del><span class="cx">   line-height: 2;
</span><span class="cx">  margin: 0;
</span><span class="cx"> }
</span><span class="lines">@@ -1754,10 +2211,12 @@
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget_calendar thead th,
-.widget_calendar tbody td {
-       border: 1px solid rgba(255, 255, 255, 0.2);
-       border-width: 0 1px 1px 0;
</del><ins>+.widget_calendar thead th {
+       background-color: rgba(255, 255, 255, 0.1);
+}
+
+.widget_calendar tbody td,
+.widget_calendar thead th {
</ins><span class="cx">   text-align: center;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1780,17 +2239,18 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .widget_calendar #next {
</span><del>-       border-right: 1px solid rgba(255, 255, 255, 0.2);
</del><span class="cx">   padding-right: 5px;
</span><span class="cx">  text-align: right;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> /* Cloud Widgets */
</span><ins>+
</ins><span class="cx"> .widget_tag_cloud div {
</span><span class="cx">  word-wrap: break-word;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Ephemera widget*/
</del><ins>+/* Ephemera Widget*/
+
</ins><span class="cx"> .widget_twentyfourteen_ephemera .hentry {
</span><span class="cx">  margin-bottom: 0;
</span><span class="cx"> }
</span><span class="lines">@@ -1831,21 +2291,62 @@
</span><span class="cx">  margin-bottom: 18px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.widget_twentyfourteen_ephemera .entry-content a {
+       word-wrap: break-word;
+}
+
</ins><span class="cx"> .widget_twentyfourteen_ephemera .entry-content blockquote p cite {
</span><span class="cx">  font-size: 13px;
</span><span class="cx">  line-height: 1.3846153846;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+/* List Style Widgets*/
+
+.widget_archive li,
+.widget_categories li,
+.widget_links li,
+.widget_meta li,
+.widget_nav_menu li,
+.widget_pages li,
+.widget_recent_comments li,
+.widget_recent_entries li {
+       border-top: 1px solid rgba(255, 255, 255, 0.2);
+       padding: 8px 0 9px;
+}
+
+.widget_archive li:first-child,
+.widget_categories li:first-child,
+.widget_links li:first-child,
+.widget_meta li:first-child,
+.widget_nav_menu li:first-child,
+.widget_pages li:first-child,
+.widget_recent_comments li:first-child,
+.widget_recent_entries li:first-child {
+       border-top: none;
+}
+
+.widget_archive li li,
+.widget_categories li li,
+.widget_links li li,
+.widget_meta li li,
+.widget_nav_menu li li,
+.widget_pages li li,
+.widget_recent_comments li li,
+.widget_recent_entries li li {
+       border-top: none;
+       padding-bottom: 0;
+}
+
</ins><span class="cx"> /* Recent Posts Widget */
</span><ins>+
</ins><span class="cx"> .widget_recent_entries .post-date {
</span><span class="cx">  display: block;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> /* RSS Widget */
</span><ins>+
</ins><span class="cx"> .widget_rss a img {
</span><del>-       display: inline;
</del><span class="cx">   margin-top: -5px;
</span><del>-       vertical-align: middle;
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .widget_rss li {
</span><span class="lines">@@ -1856,36 +2357,17 @@
</span><span class="cx">  margin-bottom: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Search widget */
-.search-submit {
-       display: none;
-}
</del><ins>+/* Text Widget */
</ins><span class="cx"> 
</span><del>-
-/* =Content Sidebar
------------------------------------------------ */
-
-.content-sidebar {
-       border-top: 1px solid rgba(0, 0, 0, 0.1);
-       border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing:    border-box;
-       box-sizing:         border-box;
-       color: #767676;
-       font-size: 14px;
-       line-height: 1.2857142857;
-       margin: 0 auto;
-       padding: 36px 10px 0;
-       position: relative;
</del><ins>+.widget_text > div > :last-child {
+       margin-bottom: 0;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar.widget-area a {
-       color: #2b2b2b;
-}
</del><span class="cx"> 
</span><del>-.content-sidebar.widget-area a:hover {
-       color: #24890d;
-}
</del><ins>+/**
+ * 7.2 Content Sidebar Widgets
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx"> 
</span><span class="cx"> .content-sidebar.widget-area .widget-title {
</span><span class="cx">  border-top: 5px solid #000;
</span><span class="lines">@@ -1903,17 +2385,17 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .content-sidebar.widget-area button,
</span><del>-.content-sidebar.widget-area html input[type="button"],
</del><ins>+.content-sidebar.widget-area input[type="button"],
</ins><span class="cx"> .content-sidebar.widget-area input[type="reset"],
</span><span class="cx"> .content-sidebar.widget-area input[type="submit"] {
</span><span class="cx">  font-size: 12px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.content-sidebar.widget-area input[type="email"],
+.content-sidebar.widget-area input[type="password"],
+.content-sidebar.widget-area input[type="search"],
</ins><span class="cx"> .content-sidebar.widget-area input[type="text"],
</span><del>-.content-sidebar.widget-area input[type="email"],
</del><span class="cx"> .content-sidebar.widget-area input[type="url"],
</span><del>-.content-sidebar.widget-area input[type="search"],
-.content-sidebar.widget-area input[type="password"],
</del><span class="cx"> .content-sidebar.widget-area textarea {
</span><span class="cx">  background-color: #fff;
</span><span class="cx">  border: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="lines">@@ -1921,36 +2403,28 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> /* List Style Widgets*/
</span><ins>+
</ins><span class="cx"> .content-sidebar .widget_archive li,
</span><span class="cx"> .content-sidebar .widget_categories li,
</span><ins>+.content-sidebar .widget_links li,
+.content-sidebar .widget_meta li,
+.content-sidebar .widget_nav_menu li,
</ins><span class="cx"> .content-sidebar .widget_pages li,
</span><del>-.content-sidebar .widget_meta li,
</del><span class="cx"> .content-sidebar .widget_recent_comments li,
</span><del>-.content-sidebar .widget_recent_entries li,
-.content-sidebar .widget_nav_menu li {
-       border-top: 1px solid rgba(0, 0, 0, 0.1);
-       padding: 8px 0 9px;
</del><ins>+.content-sidebar .widget_recent_entries li {
+       border-color: rgba(0, 0, 0, 0.1);
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar .widget li:first-child {
-       border-top: none;
-}
-
-.content-sidebar .widget li li {
-       border-top: none;
-       padding-bottom: 0;
-}
-
</del><span class="cx"> .content-sidebar .widget .children,
</span><span class="cx"> .content-sidebar .widget .sub-menu {
</span><span class="cx">  margin-left: 18px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Calendar widget*/
</del><ins>+/* Calendar Widget */
+
</ins><span class="cx"> .content-sidebar .widget_calendar table,
</span><del>-.content-sidebar .widget_calendar thead th,
-.content-sidebar .widget_calendar tbody td,
-.content-sidebar .widget_calendar #next {
</del><ins>+.content-sidebar .widget_calendar th,
+.content-sidebar .widget_calendar td {
</ins><span class="cx">   border-color: rgba(0, 0, 0, 0.1);
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -2028,7 +2502,7 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .content-sidebar .widget_twentyfourteen_ephemera .entry-meta {
</span><del>-       color: rgba(0, 0, 0, 0.2);
</del><ins>+        color: #ccc;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a {
</span><span class="lines">@@ -2049,21 +2523,14 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* =Footer
------------------------------------------------ */
</del><ins>+/**
+ * 8.0 Footer
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx"> 
</span><del>-#supplementary {
</del><ins>+.site-footer {
</ins><span class="cx">   background-color: #000;
</span><del>-       border-bottom: 1px solid rgba(255, 255, 255, 0.2);
</del><span class="cx">   color: #949a92;
</span><del>-       padding: 48px 10px 0;
-       position: relative;
-       z-index: 3;
-}
-
-.site-footer {
-       background-color: #000;
-       color: rgba(255, 255, 255, 0.55);
</del><span class="cx">   font-size: 12px;
</span><span class="cx">  position: relative;
</span><span class="cx">  z-index: 3;
</span><span class="lines">@@ -2078,13 +2545,18 @@
</span><span class="cx">  width: 315px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.footer-sidebar {
+       border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+       padding: 48px 10px 0;
+}
+
</ins><span class="cx"> .site-info {
</span><del>-       color: #bfbfbf;
</del><ins>+        color: rgba(255, 255, 255, 0.75);
</ins><span class="cx">   padding: 15px 10px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .site-info a {
</span><del>-       color: #bfbfbf;
</del><ins>+        color: rgba(255, 255, 255, 0.75);
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .site-info a:hover {
</span><span class="lines">@@ -2092,106 +2564,142 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* =Contributor Page
------------------------------------------------ */
</del><ins>+/**
+ * 9.0 Featured Content
+ * -----------------------------------------------------------------------------
+ */
</ins><span class="cx"> 
</span><del>-.contributor {
-       border-bottom: 1px solid rgba(0, 0, 0, 0.1);
</del><ins>+.featured-content {
+       background: #000;
+       background-attachment: fixed;
+       background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
+       background-image:         linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
+       background-size: 4px 4px;
</ins><span class="cx">   -webkit-box-sizing: border-box;
</span><del>-       -moz-box-sizing: border-box;
-       box-sizing:      border-box;
-       padding: 48px 10px;
</del><ins>+        -moz-box-sizing:    border-box;
+       box-sizing:         border-box;
+       width: 100%;
</ins><span class="cx"> }
</span><del>-.contributor-info {
-       margin: 0 auto;
-       max-width: 474px;
</del><ins>+
+.featured-content .hentry {
+       color: #fff;
+       margin: 0;
+       width: 100%;
</ins><span class="cx"> }
</span><del>-.contributor-avatar {
-       border: 1px solid rgba(0, 0, 0, 0.1);
-       float: left;
-       margin: 0 30px 20px 0;
-       padding: 2px;
</del><ins>+
+.attachment-featured-featured {
+       background-color: #000;
+       display: block;
+       overflow: hidden;
</ins><span class="cx"> }
</span><del>-.contributor-avatar .avatar {
-       vertical-align: middle;
</del><ins>+
+.attachment-featured-featured:hover img {
+       opacity: 0.85;
</ins><span class="cx"> }
</span><del>-.contributor-name {
-       font-size: 16px;
-       font-weight: 900;
-       line-height: 1.5;
-       margin: 0;
-       text-transform: uppercase;
</del><ins>+
+.featured-content .entry-wrap {
+       background-color: #000;
+       border: 12px solid #000;
+       overflow: hidden;
</ins><span class="cx"> }
</span><del>-.contributor-bio {
-       color: #767676;
</del><ins>+
+.featured-content a {
+       color: #fff;
</ins><span class="cx"> }
</span><del>-.contributor-posts-link {
-       display: inline-block;
</del><ins>+
+.featured-content a:hover {
+       color: #5ff23d;
</ins><span class="cx"> }
</span><del>-.contributor-posts-link:before {
-       content: '\f443';
-       margin: -3px 5px -2px -3px;
</del><ins>+
+.featured-content .entry-meta {
+       font-size: 11px;
+       font-weight: 700;
+       line-height: 1.0909090909;
+       margin-bottom: 12px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.featured-content .cat-links {
+       font-weight: 700;
+}
</ins><span class="cx"> 
</span><del>-/* =Media Queries
------------------------------------------------ */
</del><ins>+.featured-content .entry-title {
+       font-size: 18px;
+       font-weight: 300;
+       line-height: 1.3333333333;
+       margin-bottom: 0;
+       text-transform: uppercase;
+}
</ins><span class="cx"> 
</span><del>-/* Mobile list style */
</del><ins>+
+/**
+ * 10.0 Media Queries
+ * -----------------------------------------------------------------------------
+ */
+
</ins><span class="cx"> @media screen and (max-width: 400px) {
</span><del>-       .list-view .content-area {
-               padding: 12px 10px;
-       }
-       .list-view .content-area .hentry {
-               border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-               margin-bottom: 12px;
-               min-height: 60px;
-               padding-bottom: 9px;
-       }
-       .list-view .content-area .cat-links,
-       .list-view .content-area .entry-content,
-       .list-view .content-area .entry-summary,
-       .list-view .content-area footer.entry-meta {
-               display: none;
-       }
</del><span class="cx">   .list-view .attachment-featured-thumbnail {
</span><span class="cx">          background: none;
</span><span class="cx">          min-height: 0;
</span><span class="cx">          width: auto;
</span><span class="cx">          z-index: 2;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .list-view .attachment-featured-thumbnail img {
</span><span class="cx">          float: left;
</span><span class="cx">          margin: 0 10px 3px 0;
</span><span class="cx">          width: 84px;
</span><span class="cx">  }
</span><del>-       .list-view .content-area .entry-header {
</del><ins>+
+       .list-view .site-content .entry-header {
</ins><span class="cx">           background-color: transparent;
</span><span class="cx">          padding: 0;
</span><span class="cx">  }
</span><del>-       .list-view .content-area .entry-title {
</del><ins>+
+       .list-view .content-area {
+               padding: 12px 10px;
+       }
+
+       .list-view .site-content .hentry {
+               border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+               margin-bottom: 12px;
+               min-height: 60px;
+               padding-bottom: 9px;
+       }
+
+       .list-view .site-content .cat-links,
+       .list-view .site-content .entry-content,
+       .list-view .site-content .entry-summary,
+       .list-view .site-content footer.entry-meta {
+               display: none;
+       }
+
+       .list-view .site-content .entry-title {
</ins><span class="cx">           font-size: 15px;
</span><span class="cx">          font-weight: 900;
</span><span class="cx">          line-height: 1.2;
</span><span class="cx">          margin-bottom: 6px;
</span><span class="cx">          text-transform: none;
</span><span class="cx">  }
</span><del>-       .list-view .content-area .entry-meta {
</del><ins>+
+       .list-view .site-content .format-aside .entry-title,
+       .list-view .site-content .format-link .entry-title,
+       .list-view .site-content .format-quote .entry-title {
+               display: block;
+       }
+
+       .list-view .site-content .entry-meta {
</ins><span class="cx">           background-color: transparent;
</span><span class="cx">          clear: none;
</span><span class="cx">          margin: 0;
</span><span class="cx">          text-transform: none;
</span><span class="cx">  }
</span><del>-       .list-view .content-area .format-aside .entry-title,
-       .list-view .content-area .format-quote .entry-title,
-       .list-view .content-area .format-link .entry-title {
-               display: block;
-       }
</del><ins>+
</ins><span class="cx">   .archive-header,
</span><span class="cx">  .page-header {
</span><span class="cx">          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx">          padding-top: 12px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .error404 .page-header {
</span><span class="cx">          border-bottom: 0;
</span><span class="cx">          padding: 0 10px;
</span><span class="lines">@@ -2202,106 +2710,134 @@
</span><span class="cx">  a.attachment-featured-thumbnail:hover img {
</span><span class="cx">          opacity: 0.85;
</span><span class="cx">  }
</span><del>-       .content-area span + .entry-date:before,
-       .content-area span + .byline:before,
-       .content-area span + .comments-link:before,
-       .content-area span + .edit-link:before,
</del><ins>+
</ins><span class="cx">   .full-size-link:before,
</span><del>-       .parent-post-link:before {
-               content: '';
</del><ins>+        .parent-post-link:before,
+       .site-content span + .byline:before,
+       .site-content span + .comments-link:before,
+       .site-content span + .edit-link:before,
+       .site-content span + .entry-date:before {
+               content: "";
</ins><span class="cx">   }
</span><del>-       .content-area .featured-post:before,
-       .content-area .post-format a:before,
-       .content-area .entry-date a:before,
</del><ins>+
</ins><span class="cx">   .attachment span.entry-date:before,
</span><del>-       .content-area .byline a:before,
-       .content-area .comments-link a:before,
</del><span class="cx">   .entry-meta .edit-link a:before,
</span><del>-       .content-area .full-size-link a:before,
-       .content-area .parent-post-link a:before {
</del><ins>+        .site-content .byline a:before,
+       .site-content .comments-link a:before,
+       .site-content .entry-date a:before,
+       .site-content .featured-post:before,
+       .site-content .full-size-link a:before,
+       .site-content .parent-post-link a:before,
+       .site-content .post-format a:before {
+               -webkit-font-smoothing: antialiased;
</ins><span class="cx">           display: inline-block;
</span><del>-               -webkit-font-smoothing: antialiased;
-               font: normal 16px/1 'Genericons';
-               margin: 0 2px 0 0;
</del><ins>+                font-family: Genericons;
+               font-size: 16px;
+               font-style: normal;
+               font-weight: normal;
</ins><span class="cx">           text-transform: none;
</span><span class="cx">          vertical-align: top;
</span><span class="cx">  }
</span><del>-       .content-area .entry-meta > span {
</del><ins>+
+       .site-content .entry-meta > span {
</ins><span class="cx">           margin-right: 10px;
</span><span class="cx">  }
</span><del>-       .content-area .format-video .post-format a:before {
-               content: '\F104';
-               margin: -1px 2px 0 0;
</del><ins>+
+       .site-content .format-video .post-format a:before {
+               content: "\f104";
+               margin: -2px 2px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .format-image .post-format a:before {
-               content: '\F102';
-               margin: -1px 2px 0 0;
</del><ins>+
+       .site-content .format-image .post-format a:before {
+               content: "\f102";
+               margin: -3px 3px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .format-quote .post-format a:before {
-               content: '\F106';
</del><ins>+
+       .site-content .format-quote .post-format a:before {
+               content: "\f106";
+               margin: -3px 3px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .format-gallery .post-format a:before {
-               content: '\F103';
-               margin: -1px 4px 0 0;
</del><ins>+
+       .site-content .format-gallery .post-format a:before {
+               content: "\f103";
+               margin: -3px 4px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .format-aside .post-format a:before {
-               content: '\F101';
</del><ins>+
+       .site-content .format-aside .post-format a:before {
+               content: "\f101";
+               margin: -2px 3px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .format-link .post-format a:before {
-               content: '\F107';
</del><ins>+
+       .site-content .format-link .post-format a:before {
+               content: "\f107";
+               margin: -2px 3px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .featured-post:before {
-               content: '\F308';
-               margin: -1px 3px 0 0;
</del><ins>+
+       .site-content .featured-post:before {
+               content: "\f308";
+               margin: -3px 3px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .entry-date a:before,
</del><ins>+
+       .site-content .entry-date a:before,
</ins><span class="cx">   .attachment span.entry-date:before {
</span><del>-               content: '\F303';
-               margin: 0 1px 0 0;
</del><ins>+                content: "\f303";
+               margin: -2px 1px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .byline a:before {
-               content: '\F304';
-               margin: -1px 0 0 0;
</del><ins>+
+       .site-content .byline a:before {
+               content: "\f304";
+               margin: -3px 0 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .comments-link a:before {
-               content: '\F300';
-               margin: -1px 2px 0 0;
</del><ins>+
+       .site-content .comments-link a:before {
+               content: "\f300";
+               margin: -3px 2px 0 0;
</ins><span class="cx">   }
</span><ins>+
</ins><span class="cx">   .entry-meta .edit-link a:before {
</span><del>-               content: '\F411';
-               margin: -1px 2px 0 0;
</del><ins>+                content: "\f411";
+               margin: -3px 2px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .full-size-link a:before {
-               content: '\F402';
</del><ins>+
+       .site-content .full-size-link a:before {
+               content: "\f402";
+               margin: -3px 2px 0 0;
</ins><span class="cx">   }
</span><del>-       .content-area .parent-post-link a:before {
-               content: '\F301';
</del><ins>+
+       .site-content .parent-post-link a:before {
+               content: "\f301";
+               margin: -3px 2px 0 0;
</ins><span class="cx">   }
</span><ins>+
+       .list-view .site-content .has-featured-image .attachment-featured-thumbnail,
+       .list-view .site-content .format-standard .attachment-featured-thumbnail {
+               margin-top: -49px;
+       }
+
+       .list-view .site-content .hentry {
+               border-top: 1px solid rgba(0, 0, 0, 0.1);
+               padding-top: 48px;
+       }
+
</ins><span class="cx">   .archive-header,
</span><span class="cx">  .page-header {
</span><span class="cx">          margin-bottom: 24px;
</span><span class="cx">          padding: 0 10px;
</span><span class="cx">  }
</span><del>-       .list-view .content-area .hentry {
-               border-top: 1px solid rgba(0, 0, 0, 0.1);
-               padding-top: 48px;
-       }
-       .list-view .content-area .has-featured-image .attachment-featured-thumbnail,
-       .list-view .content-area .format-standard .attachment-featured-thumbnail {
-               margin-top: -49px;
-       }
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 642px) {
</span><del>-       .content-area .entry-header {
</del><ins>+        .site-content .entry-header {
</ins><span class="cx">           padding-right: 30px;
</span><span class="cx">          padding-left: 30px;
</span><span class="cx">  }
</span><del>-       .content-area .has-featured-image .entry-header,
-       .content-area .format-standard .entry-header {
</del><ins>+
+       .site-content .has-featured-image .entry-header,
+       .site-content .format-standard .entry-header {
</ins><span class="cx">           margin-top: -48px;
</span><span class="cx">  }
</span><del>-       .content-area .format-standard.post-password-required .entry-header {
</del><ins>+
+       .site-content .format-standard.post-password-required .entry-header {
</ins><span class="cx">           margin-top: 0;
</span><span class="cx">  }
</span><span class="cx"> }
</span><span class="lines">@@ -2312,25 +2848,42 @@
</span><span class="cx">          padding-top: 36px;
</span><span class="cx">          width: 100%;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .site-content {
</span><span class="cx">          margin-right: 33.33333333%;
</span><span class="cx">  }
</span><del>-       .content-area .has-featured-image .entry-header,
-       .content-area .format-standard .entry-header {
</del><ins>+
+       .full-width .site-content {
+               margin-right: 0;
+       }
+
+       .site-content .has-featured-image .entry-header,
+       .site-content .format-standard .entry-header {
</ins><span class="cx">           margin-top: 0;
</span><span class="cx">  }
</span><del>-       .content-area .entry-content,
-       .content-area .entry-summary,
-       .content-area footer.entry-meta,
</del><ins>+
+       .full-width .site-content .has-featured-image .entry-header,
+       .full-width .site-content .format-standard .entry-header {
+               margin-top: -48px;
+       }
+
</ins><span class="cx">   .archive-header,
</span><ins>+       .comments-area,
+       .image-navigation,
</ins><span class="cx">   .page-header,
</span><span class="cx">  .page-content,
</span><span class="cx">  .post-navigation,
</span><del>-       .image-navigation,
-       .comments-area {
</del><ins>+        .site-content .entry-content,
+       .site-content .entry-summary,
+       .site-content footer.entry-meta {
</ins><span class="cx">           padding-right: 30px;
</span><span class="cx">          padding-left: 30px;
</span><span class="cx">  }
</span><ins>+
+       #secondary {
+               padding: 0 30px;
+       }
+
</ins><span class="cx">   .content-sidebar {
</span><span class="cx">          border: 0;
</span><span class="cx">          float: right;
</span><span class="lines">@@ -2338,69 +2891,73 @@
</span><span class="cx">          padding: 36px 30px 24px;
</span><span class="cx">          width: 33.33333333%;
</span><span class="cx">  }
</span><del>-       #secondary {
-               padding: 48px 30px 0;
</del><ins>+
+       .attachment-featured-featured {
+               height: 240px;
</ins><span class="cx">   }
</span><ins>+
</ins><span class="cx">   .featured-content .hentry {
</span><span class="cx">          float: left;
</span><span class="cx">          width: 50%;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .featured-content .hentry:nth-child( 2n+1 ) {
</span><span class="cx">          clear: both;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .featured-content .entry-wrap {
</span><span class="cx">          height: 96px;
</span><span class="cx">  }
</span><del>-       .full-width .site-content {
-               margin-right: 0;
-       }
-       .full-width .content-area .has-featured-image .entry-header,
-       .full-width .content-area .format-standard .entry-header {
-               margin-top: -48px;
-       }
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 770px) {
</span><span class="cx">  .header-main {
</span><span class="cx">          margin-right: 0;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .primary-navigation {
</span><span class="cx">          display: block;
</span><span class="cx">  }
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 810px) {
</span><del>-       .full-width .entry-content img.size-medium.alignleft,
-       .full-width .entry-content img.size-large.alignleft,
-       .full-width .entry-content img.size-full.alignleft,
-       .full-width .entry-content .wp-caption.alignleft,
-       .full-width .entry-content blockquote.alignleft {
</del><ins>+        .full-width .site-content blockquote.alignleft,
+       .full-width .site-content blockquote.alignright {
+               width: -webkit-calc(50% + 130px);
+               width:         calc(50% + 130px);
+       }
+
+       .full-width .site-content blockquote.alignleft,
+       .full-width .site-content img.size-full.alignleft,
+       .full-width .site-content img.size-large.alignleft,
+       .full-width .site-content img.size-medium.alignleft,
+       .full-width .site-content .wp-caption.alignleft {
</ins><span class="cx">           margin-left: -168px;
</span><span class="cx">  }
</span><del>-       .full-width .entry-content img.size-medium.alignright,
-       .full-width .entry-content img.size-large.alignright,
-       .full-width .entry-content img.size-full.alignright,
-       .full-width .entry-content .wp-caption.alignright,
-       .full-width .entry-content blockquote.alignright {
</del><ins>+
+       .full-width .site-content blockquote.alignrigh,
+       .full-width .site-content img.size-full.alignright,
+       .full-width .site-content img.size-large.alignright,
+       .full-width .site-content img.size-medium.alignright,
+       .full-width .site-content .wp-caption.alignright {
</ins><span class="cx">           margin-right: -168px;
</span><span class="cx">  }
</span><del>-       .full-width .entry-content img.size-full.alignnone,
</del><ins>+
</ins><span class="cx">   .attachment .entry-content .attachment {
</span><span class="cx">          margin-right: -168px;
</span><span class="cx">          margin-left: -168px;
</span><span class="cx">          max-width: 810px;
</span><span class="cx">  }
</span><del>-       .attachment .entry-content .attachment img {
</del><ins>+
+       .attachment .site-content .attachment img {
+               display: block;
</ins><span class="cx">           margin: 0 auto;
</span><span class="cx">  }
</span><del>-       .full-width .entry-content blockquote.alignleft,
-       .full-width .entry-content blockquote.alignright {
-               width: -webkit-calc(50% + 130px);
-               width:         calc(50% + 130px);
-       }
</del><ins>+
</ins><span class="cx">   .contributor-avatar {
</span><span class="cx">          margin-left: -168px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .contributor-summary {
</span><span class="cx">          float: left;
</span><span class="cx">  }
</span><span class="lines">@@ -2411,45 +2968,56 @@
</span><span class="cx">  .content-sidebar {
</span><span class="cx">          padding-top: 72px;
</span><span class="cx">  }
</span><del>-       .content-area .has-featured-image .entry-header,
-       .content-area .format-standard .entry-header {
</del><ins>+
+       .site-content .has-featured-image .entry-header,
+       .site-content .format-standard .entry-header {
</ins><span class="cx">           margin-top: -48px;
</span><span class="cx">  }
</span><del>-       .content-area .format-standard.post-password-required .entry-header {
</del><ins>+
+       .site-content .format-standard.post-password-required .entry-header {
</ins><span class="cx">           margin-top: 0;
</span><span class="cx">  }
</span><del>-       .comments-area article,
</del><ins>+
</ins><span class="cx">   .comment-list .trackback,
</span><del>-       .comment-list .pingback {
</del><ins>+        .comment-list .pingback,
+       .comments-area article {
</ins><span class="cx">           margin-bottom: 36px;
</span><span class="cx">          padding-top: 36px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .comment-author .avatar {
</span><span class="cx">          top: 2px;
</span><span class="cx">          width: 34px;
</span><span class="cx">          height: 34px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .comment-author,
</span><del>-       .comment-metadata,
</del><span class="cx">   .comment-content,
</span><del>-       .comment-list .reply {
</del><ins>+        .comment-list .reply,
+       .comment-metadata {
</ins><span class="cx">           padding-left: 54px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .comment-list .children {
</span><span class="cx">          margin-left: 37px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .comment .comment-respond {
</span><span class="cx">          margin-left: 60px;
</span><span class="cx">  }
</span><del>-       .content-sidebar {
-               padding-top: 72px;
</del><ins>+
+       .attachment-featured-featured {
+               height: 192px;
</ins><span class="cx">   }
</span><ins>+
</ins><span class="cx">   .featured-content .hentry {
</span><span class="cx">          width: 33.3333333%;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .featured-content .hentry:nth-child( 2n+1 ) {
</span><span class="cx">          clear: none;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .featured-content .hentry:nth-child( 3n+1 ) {
</span><span class="cx">          clear: both;
</span><span class="cx">  }
</span><span class="lines">@@ -2459,31 +3027,42 @@
</span><span class="cx">  .header-main {
</span><span class="cx">          padding-left: 27px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .search-box-wrapper {
</span><span class="cx">          padding-left: 182px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .site-content {
</span><span class="cx">          margin: 0 29.04761904% 0 182px;
</span><span class="cx">  }
</span><ins>+
+       .site-content .entry-header {
+               margin-top: 0;
+       }
+
+       .site-content .has-featured-image .entry-header,
+       .site-content .format-standard .entry-header {
+               margin-top: 0;
+       }
+
</ins><span class="cx">   .content-sidebar {
</span><span class="cx">          margin-left: -29.04761904%;
</span><span class="cx">          width: 29.04761904%;
</span><span class="cx">  }
</span><del>-       .content-area .entry-header {
-               margin-top: 0;
-       }
</del><ins>+
</ins><span class="cx">   .site:before {
</span><span class="cx">          background-color: #000;
</span><del>-               content: '';
</del><ins>+                content: "";
</ins><span class="cx">           display: block;
</span><span class="cx">          height: 100%;
</span><span class="cx">          min-height: 100%;
</span><span class="cx">          position: absolute;
</span><del>-                       top: 0;
-                       left: 0;
</del><ins>+                top: 0;
+               left: 0;
</ins><span class="cx">           width: 182px;
</span><span class="cx">          z-index: 2;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   #secondary {
</span><span class="cx">          background-color: transparent;
</span><span class="cx">          border-bottom: 0;
</span><span class="lines">@@ -2496,123 +3075,154 @@
</span><span class="cx">          padding: 0 27px;
</span><span class="cx">          width: 128px;
</span><span class="cx">  }
</span><del>-       body.footer-widgets #secondary {
-               min-height: 0;
</del><ins>+
+       .primary-sidebar {
+               padding-top: 0;
</ins><span class="cx">   }
</span><ins>+       .footer-sidebar .widget_archive li,
+       .footer-sidebar .widget_categories li,
+       .footer-sidebar .widget_links li,
+       .footer-sidebar .widget_meta li,
+       .footer-sidebar .widget_nav_menu li,
+       .footer-sidebar .widget_pages li,
+       .footer-sidebar .widget_recent_comments li,
+       .footer-sidebar .widget_recent_entries li,
+       .primary-sidebar .widget_archive li,
+       .primary-sidebar .widget_categories li,
+       .primary-sidebar .widget_links li,
+       .primary-sidebar .widget_meta li,
+       .primary-sidebar .widget_nav_menu li,
+       .primary-sidebar .widget_pages li,
+       .primary-sidebar .widget_recent_comments li,
+       .primary-sidebar .widget_recent_entries li {
+               border-top: none;
+               padding: 0;
+       }
+
</ins><span class="cx">   .site-description {
</span><span class="cx">          display: block;
</span><span class="cx">          line-height: 1.6363636363;
</span><span class="cx">          margin: -3px 0 21px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .secondary-navigation {
</span><span class="cx">          border-bottom: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx">          font-size: 11px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .secondary-navigation ul,
</span><span class="cx">  .secondary-navigation ul ul {
</span><span class="cx">          list-style: none;
</span><span class="cx">          margin: 0;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .secondary-navigation li {
</span><span class="cx">          border-top: 1px solid rgba(255, 255, 255, 0.2);
</span><span class="cx">          position: relative;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .secondary-navigation a {
</span><span class="cx">          padding: 8px 0 9px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .secondary-navigation ul ul {
</span><span class="cx">          background: rgba(0, 0, 0, 0.9);
</span><span class="cx">          display: none;
</span><span class="cx">          position: absolute;
</span><del>-                       top: -1px;
-                       left: 128px;
</del><ins>+                top: -1px;
+               left: 128px;
</ins><span class="cx">           width: 128px;
</span><span class="cx">          z-index: 9999;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .secondary-navigation ul li:hover {
</span><span class="cx">          background: #000;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .secondary-navigation ul li:hover > ul {
</span><span class="cx">          display: block;
</span><span class="cx">  }
</span><del>-       #secondary .widget,
-       #supplementary .widget {
-               margin-bottom: 48px;
-       }
-       #secondary .widget-title,
-       #supplementary .widget-title {
</del><ins>+
+       .primary-sidebar .widget-title,
+       .footer-sidebar .widget-title {
</ins><span class="cx">           font-size: 11px;
</span><span class="cx">          font-weight: 700;
</span><span class="cx">          line-height: 1.6363636363;
</span><span class="cx">          margin-bottom: 18px;
</span><span class="cx">  }
</span><del>-       #supplementary {
</del><ins>+
+       .footer-sidebar {
</ins><span class="cx">           font-size: 11px;
</span><span class="cx">          line-height: 1.6363636363;
</span><span class="cx">          padding: 48px 0 0;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .site-info {
</span><span class="cx">          padding-left: 27px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .front-page-content-wrapper {
</span><span class="cx">          float: left;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .featured-content {
</span><span class="cx">          padding-left: 182px;
</span><span class="cx">  }
</span><del>-       .content-area .has-featured-image .entry-header,
-       .content-area .format-standard .entry-header {
-               margin-top: 0;
-       }
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 1040px) {
</span><del>-       .content-area .has-featured-image .entry-header,
-       .content-area .format-standard .entry-header {
</del><ins>+        .site-content .has-featured-image .entry-header,
+       .site-content .format-standard .entry-header {
</ins><span class="cx">           margin-top: -48px;
</span><span class="cx">  }
</span><del>-       .content-area .format-standard.post-password-required .entry-header {
</del><ins>+
+       .site-content .format-standard.post-password-required .entry-header {
</ins><span class="cx">           margin-top: 0;
</span><span class="cx">  }
</span><del>-       .content-area .entry-header,
-       .content-area .entry-content,
-       .content-area .entry-summary,
-       .content-area footer.entry-meta,
</del><ins>+
</ins><span class="cx">   .archive-header,
</span><ins>+       .comments-area,
+       .image-navigation,
</ins><span class="cx">   .page-header,
</span><span class="cx">  .page-content,
</span><span class="cx">  .post-navigation,
</span><del>-       .image-navigation,
-       .comments-area {
</del><ins>+        .site-content .entry-header,
+       .site-content .entry-content,
+       .site-content .entry-summary,
+       .site-content footer.entry-meta {
</ins><span class="cx">           padding-right: 15px;
</span><span class="cx">          padding-left: 15px;
</span><span class="cx">  }
</span><del>-       .full-width .content-area .entry-header,
-       .full-width .content-area .entry-content,
-       .full-width .content-area .entry-summary,
-       .full-width .content-area footer.entry-meta,
</del><ins>+
</ins><span class="cx">   .full-width .archive-header,
</span><ins>+       .full-width .comments-area,
+       .full-width .image-navigation,
</ins><span class="cx">   .full-width .page-header,
</span><span class="cx">  .full-width .page-content,
</span><span class="cx">  .full-width .post-navigation,
</span><del>-       .full-width .image-navigation,
-       .full-width .comments-area {
-               padding-right: 30px;
-               padding-left: 30px;
</del><ins>+        .full-width .site-content .entry-header,
+       .full-width .site-content .entry-content,
+       .full-width .site-content .entry-summary,
+       .full-width .site-content footer.entry-meta {
+               padding-right: 30px;
+               padding-left: 30px;
</ins><span class="cx">   }
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 1080px) {
</span><ins>+       .site-content {
+               margin-left: 222px;
+       }
+
</ins><span class="cx">   .site:before {
</span><span class="cx">          width: 222px;
</span><span class="cx">  }
</span><ins>+
</ins><span class="cx">   .search-box-wrapper,
</span><span class="cx">  .featured-content {
</span><span class="cx">          padding-left: 222px;
</span><span class="cx">  }
</span><del>-       .site-content {
-               margin-left: 222px;
-       }
</del><ins>+
</ins><span class="cx">   #secondary,
</span><span class="cx">  .secondary-navigation ul ul {
</span><span class="cx">          width: 168px;
</span><span class="lines">@@ -2623,58 +3233,59 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 1110px) {
</span><del>-       .content-area .entry-header,
-       .content-area .entry-content,
-       .content-area .entry-summary,
-       .content-area footer.entry-meta,
</del><span class="cx">   .archive-header,
</span><ins>+       .comments-area,
+       .image-navigation,
</ins><span class="cx">   .page-header,
</span><span class="cx">  .page-content,
</span><span class="cx">  .post-navigation,
</span><del>-       .image-navigation,
-       .comments-area {
</del><ins>+        .site-content .entry-header,
+       .site-content .entry-content,
+       .site-content .entry-summary,
+       .site-content footer.entry-meta {
</ins><span class="cx">           padding-right: 30px;
</span><span class="cx">          padding-left: 30px;
</span><span class="cx">  }
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 1218px) {
</span><del>-       .content-area .entry-header,
-       .content-area .entry-content,
-       .content-area .entry-summary,
-       .content-area footer.entry-meta,
</del><span class="cx">   .archive-header,
</span><ins>+       .comments-area,
+       .image-navigation,
</ins><span class="cx">   .page-header,
</span><span class="cx">  .page-content,
</span><span class="cx">  .post-navigation,
</span><del>-       .image-navigation,
-       .comments-area {
</del><ins>+        .site-content .entry-header,
+       .site-content .entry-content,
+       .site-content .entry-summary,
+       .site-content footer.entry-meta {
</ins><span class="cx">           margin-right: 54px;
</span><span class="cx">  }
</span><del>-       .full-width .content-area .entry-header,
-       .full-width .content-area .entry-content,
-       .full-width .content-area .entry-summary,
-       .full-width .content-area footer.entry-meta,
</del><ins>+
</ins><span class="cx">   .full-width .archive-header,
</span><ins>+       .full-width .comments-area,
+       .full-width .image-navigation,
</ins><span class="cx">   .full-width .page-header,
</span><span class="cx">  .full-width .page-content,
</span><span class="cx">  .full-width .post-navigation,
</span><del>-       .full-width .image-navigation,
-       .full-width .comments-area {
</del><ins>+        .full-width .site-content .entry-header,
+       .full-width .site-content .entry-content,
+       .full-width .site-content .entry-summary,
+       .full-width .site-content footer.entry-meta {
</ins><span class="cx">           margin-right: auto;
</span><span class="cx">  }
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 1260px) {
</span><del>-       .entry-content blockquote.alignleft,
-       .entry-content blockquote.alignright {
</del><ins>+        .site-content blockquote.alignleft,
+       .site-content blockquote.alignright {
</ins><span class="cx">           width: -webkit-calc(50% + 18px);
</span><span class="cx">          width:         calc(50% + 18px);
</span><span class="cx">  }
</span><del>-       .entry-content blockquote.alignleft {
</del><ins>+        .site-content blockquote.alignleft {
</ins><span class="cx">           margin-left: -18%;
</span><span class="cx">  }
</span><del>-       .entry-content blockquote.alignright {
</del><ins>+        .site-content blockquote.alignright {
</ins><span class="cx">           margin-right: -18%;
</span><span class="cx">  }
</span><span class="cx"> }
</span><span class="cx">\ No newline at end of file
</span></span></pre>
</div>
</div>

</body>
</html>