<!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>[25998] trunk/src/wp-content/themes/twentyfourteen: Twenty Fourteen: second pass at revamping the main CSS file.</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/25998">25998</a></dd>
<dt>Author</dt> <dd>lancewillett</dd>
<dt>Date</dt> <dd>2013-10-31 04:27:51 +0000 (Thu, 31 Oct 2013)</dd>
</dl>

<h3>Log Message</h3>
<pre>Twenty Fourteen: second pass at revamping the main CSS file. Update pattern graphics to fix issue with orientation changes on tablets. Props iamtakashi, fixes <a href="http://core.trac.wordpress.org/ticket/25592">#25592</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentyfourteenimagespatterndarksvg">trunk/src/wp-content/themes/twentyfourteen/images/pattern-dark.svg</a></li>
<li><a href="#trunksrcwpcontentthemestwentyfourteenimagespatternlightsvg">trunk/src/wp-content/themes/twentyfourteen/images/pattern-light.svg</a></li>
<li><a href="#trunksrcwpcontentthemestwentyfourteeninccustomizerphp">trunk/src/wp-content/themes/twentyfourteen/inc/customizer.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="trunksrcwpcontentthemestwentyfourteenimagespatterndarksvg"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/images/pattern-dark.svg (25997 => 25998)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/images/pattern-dark.svg       2013-10-30 20:17:21 UTC (rev 25997)
+++ trunk/src/wp-content/themes/twentyfourteen/images/pattern-dark.svg  2013-10-31 04:27:51 UTC (rev 25998)
</span><span class="lines">@@ -1,7 +1,6 @@
</span><span class="cx"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
</span><del>-        width="5px" height="5px" viewBox="0 0 5 5" enable-background="new 0 0 5 5" xml:space="preserve">
-<g>
-       <polygon points="1,0 0,1 0,5 5,0        "/>
-       <polygon points="5,5 5,1 1,5    "/>
-</g>
</del><ins>+         width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
+<path d="M0,20v-4L16,0h4L0,20z M15,0h-4L0,11v4L15,0z M25,0h-4L0,21v4L25,0z M26,0L0,26v4L30,0H26z M10,0H6L0,6v4L10,0z M5,0H1L0,1
+       v4L5,0z M30,30v-4l-4,4H30z M5,30L30,5V1L1,30H5z M10,30l20-20V6L6,30H10z M15,30l15-15v-4L11,30H15z M20,30l10-10v-4L16,30H20z
+        M25,30l5-5v-4l-9,9H25z"/>
</ins><span class="cx"> </svg>
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentyfourteenimagespatternlightsvg"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/images/pattern-light.svg (25997 => 25998)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/images/pattern-light.svg      2013-10-30 20:17:21 UTC (rev 25997)
+++ trunk/src/wp-content/themes/twentyfourteen/images/pattern-light.svg 2013-10-31 04:27:51 UTC (rev 25998)
</span><span class="lines">@@ -1,7 +1,6 @@
</span><span class="cx"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
</span><del>-        width="5px" height="5px" viewBox="0 0 5 5" enable-background="new 0 0 5 5" xml:space="preserve">
-<g>
-       <polygon fill="#FFFFFF" points="1,0 0,1 0,5 5,0       "/>
-       <polygon fill="#FFFFFF" points="5,5 5,1 1,5   "/>
-</g>
</del><ins>+         width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
+<path fill="#FFFFFF" d="M0,15v-4L11,0h4L0,15z M10,0H6L0,6v4L10,0z M20,0h-4L0,16v4L20,0z M25,0h-4L0,21v4L25,0z M26,0L0,26v4L30,0
+       H26z M5,0H1L0,1v4L5,0z M5,30L30,5V1L1,30H5z M10,30l20-20V6L6,30H10z M15,30l15-15v-4L11,30H15z M20,30l10-10v-4L16,30H20z M25,30
+       l5-5v-4l-9,9H25z M30,30v-4l-4,4H30z"/>
</ins><span class="cx"> </svg>
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentyfourteeninccustomizerphp"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php (25997 => 25998)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php    2013-10-30 20:17:21 UTC (rev 25997)
+++ trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php       2013-10-31 04:27:51 UTC (rev 25998)
</span><span class="lines">@@ -140,7 +140,7 @@
</span><span class="cx">  $css = '/* Custom accent color. */
</span><span class="cx">          a,
</span><span class="cx">          .paging-navigation .page-numbers.current,
</span><del>-               .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
</del><ins>+                .content-sidebar .widget a {
</ins><span class="cx">                   color: ' . $accent_color . ';
</span><span class="cx">          }
</span><span class="cx"> 
</span><span class="lines">@@ -151,17 +151,12 @@
</span><span class="cx">          input[type="submit"],
</span><span class="cx">          .search-toggle,
</span><span class="cx">          .hentry .mejs-controls .mejs-time-rail .mejs-time-current,
</span><del>-               .widget_calendar tbody a {
</del><ins>+                .widget_calendar tbody a,
+               .slider-control-paging a:hover:before,
+               .slider-direction-nav a:hover {
</ins><span class="cx">                   background-color: ' . $accent_color . ';
</span><span class="cx">          }
</span><span class="cx"> 
</span><del>-               @media screen and (min-width: 782px) {
-                       .primary-navigation ul ul,
-                       .primary-navigation li:hover > a {
-                               background-color: ' . $accent_color . ';
-                       }
-               }
-
</del><span class="cx">           ::-moz-selection {
</span><span class="cx">                  background: ' . $accent_color . ';
</span><span class="cx">          }
</span><span class="lines">@@ -174,6 +169,20 @@
</span><span class="cx">                  border-color: ' .  $accent_color . ';
</span><span class="cx">          }
</span><span class="cx"> 
</span><ins>+               @media screen and (min-width: 782px) {
+                       .primary-navigation ul ul,
+                       .primary-navigation li:hover > a {
+                               background-color: ' . $accent_color . ';
+                       }
+               }
+
+               @media screen and (min-width: 1008px) {
+                       .secondary-navigation li:hover > a,
+                       .secondary-navigation ul ul {
+                               background-color: ' . $accent_color . ';
+                       }
+               }
+
</ins><span class="cx">           /* Generated variant of custom accent color: slightly lighter. */
</span><span class="cx">          button:hover,
</span><span class="cx">          button:focus,
</span><span class="lines">@@ -187,11 +196,18 @@
</span><span class="cx">          .search-toggle:hover,
</span><span class="cx">          .search-toggle.active,
</span><span class="cx">          .search-box,
</span><del>-               .primary-navigation ul ul a:hover,
-               .widget_calendar tbody a:hover {
</del><ins>+                .widget_calendar tbody a:hover,
+               .slider-control-paging .slider-active:before {
</ins><span class="cx">                   background-color: ' . $accent_lighter . ';
</span><span class="cx">          }
</span><span class="cx"> 
</span><ins>+               @media screen and (min-width: 782px) {
+                       .primary-navigation ul ul a:hover,
+                       .secondary-navigation ul ul a:hover {
+                               background-color: ' . $accent_lighter . ';
+                       }
+               }
+
</ins><span class="cx">           /* Generated variant of custom accent color: much lighter. */
</span><span class="cx">          button:active,
</span><span class="cx">          .contributor-posts-link:active,
</span><span class="lines">@@ -209,8 +225,8 @@
</span><span class="cx">          .site-navigation .current_page_ancestor > a,
</span><span class="cx">          .site-navigation .current-menu-item > a,
</span><span class="cx">          .site-navigation .current-menu-ancestor > a,
</span><del>-               .secondary-navigation a:hover,
</del><span class="cx">           .entry-title a:hover,
</span><ins>+               .entry-meta a:hover,
</ins><span class="cx">           .cat-links a:hover,
</span><span class="cx">          .post-navigation a:hover,
</span><span class="cx">          .image-navigation a:hover,
</span><span class="lines">@@ -218,9 +234,13 @@
</span><span class="cx">          .comment-list .pingback a:hover,
</span><span class="cx">          .comment-list .trackback a:hover,
</span><span class="cx">          .comment-metadata a:hover,
</span><del>-               .footer-sidebar a:hover,
-               .primary-sidebar a:hover,
-               .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover,
</del><ins>+                .widget a:hover,
+               .widget a:focus,
+               .widget a:active,
+               .content-sidebar .widget a:hover,
+               .content-sidebar .widget a:focus,
+               .content-sidebar .widget a:active,
+               .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover,
</ins><span class="cx">           .featured-content a:hover {
</span><span class="cx">                  color: ' . $accent_much_lighter . ';
</span><span class="cx">          }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentyfourteenstylecss"></a>
<div class="modfile"><h4>Modified: trunk/src/wp-content/themes/twentyfourteen/style.css (25997 => 25998)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/src/wp-content/themes/twentyfourteen/style.css     2013-10-30 20:17:21 UTC (rev 25997)
+++ trunk/src/wp-content/themes/twentyfourteen/style.css        2013-10-31 04:27:51 UTC (rev 25998)
</span><span class="lines">@@ -34,7 +34,8 @@
</span><span class="cx">  *   6.9 - Contributor Page
</span><span class="cx">  *   6.10 - 404 Page
</span><span class="cx">  *   6.11 - Full-width
</span><del>- *   6.12 - Comments
</del><ins>+ *   6.12 - Singular
+ *   6.13 - Comments
</ins><span class="cx">  * 7.0 - Sidebar
</span><span class="cx">  *   7.1 - Widgets
</span><span class="cx">  *   7.2 - Content Sidebar Widgets
</span><span class="lines">@@ -45,7 +46,6 @@
</span><span class="cx">  */
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-
</del><span class="cx"> /**
</span><span class="cx">  * 1.0 Reset
</span><span class="cx">  *
</span><span class="lines">@@ -173,11 +173,11 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> address {
</span><ins>+       font-style: italic;
</ins><span class="cx">   margin-bottom: 24px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-abbr,
-acronym {
</del><ins>+abbr[title] {
</ins><span class="cx">   border-bottom: 1px dotted #2b2b2b;
</span><span class="cx">  cursor: help;
</span><span class="cx"> }
</span><span class="lines">@@ -199,6 +199,10 @@
</span><span class="cx">  text-decoration: none;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+p {
+       margin-bottom: 24px;
+}
+
</ins><span class="cx"> code,
</span><span class="cx"> kbd,
</span><span class="cx"> tt,
</span><span class="lines">@@ -207,19 +211,33 @@
</span><span class="cx"> pre {
</span><span class="cx">  font-family: monospace, serif;
</span><span class="cx">  font-size: 15px;
</span><ins>+       -webkit-hyphens: none;
+       -moz-hyphens:    none;
+       -ms-hyphens:     none;
+       hyphens:         none;
</ins><span class="cx">   line-height: 1.6;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> pre {
</span><del>-       background: #eee;
</del><ins>+        border: 1px solid rgba(0, 0, 0, 0.1);
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing:    border-box;
+       box-sizing:         border-box;
</ins><span class="cx">   margin-bottom: 24px;
</span><span class="cx">  max-width: 100%;
</span><span class="cx">  overflow: auto;
</span><span class="cx">  padding: 12px;
</span><ins>+       white-space: pre;
+       white-space: pre-wrap;
+       word-wrap: break-word;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> blockquote,
</span><span class="cx"> q {
</span><ins>+       -webkit-hyphens: none;
+       -moz-hyphens:    none;
+       -ms-hyphens:     none;
+       hyphens:         none;
</ins><span class="cx">   quotes: none;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -240,26 +258,27 @@
</span><span class="cx">  margin-bottom: 24px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+blockquote cite,
+blockquote small {
+       color: #2b2b2b;
+       font-size: 16px;
+       font-weight: 400;
+       line-height: 1.5;
+}
+
</ins><span class="cx"> blockquote em,
</span><span class="cx"> blockquote i,
</span><span class="cx"> blockquote cite {
</span><span class="cx">  font-style: normal;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-blockquote cite {
-       color: #2b2b2b;
-       font-size: 16px;
-       font-weight: 400;
-       line-height: 1.5;
-}
-
</del><span class="cx"> blockquote strong,
</span><span class="cx"> blockquote b {
</span><span class="cx">  font-weight: 400;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> small {
</span><del>-       font-size: 75%;
</del><ins>+        font-size: smaller;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> big {
</span><span class="lines">@@ -324,6 +343,75 @@
</span><span class="cx">  margin: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+fieldset {
+       border: 1px solid rgba(0, 0, 0, 0.1);
+       margin: 0 0 24px;
+       padding: 11px 12px 0;
+}
+
+legend {
+       white-space: normal;
+}
+
+button,
+input,
+select,
+textarea {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing:    border-box;
+       box-sizing:         border-box;
+       font-size: 100%;
+       margin: 0;
+       max-width: 100%;
+}
+
+button,
+input {
+       line-height: normal;
+}
+
+input,
+textarea {
+       background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+       -webkit-appearance: button;
+       cursor: pointer;
+}
+
+button[disabled],
+input[disabled] {
+       cursor: default;
+}
+
+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;
+}
+
</ins><span class="cx"> table,
</span><span class="cx"> th,
</span><span class="cx"> td {
</span><span class="lines">@@ -377,80 +465,32 @@
</span><span class="cx">  text-shadow: none;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-p {
-       margin-bottom: 24px;
-}
</del><span class="cx"> 
</span><del>-button,
</del><ins>+/**
+ * 2.0 Repeatable Patterns
+ * -----------------------------------------------------------------------------
+ */
+
+/* Input fields */
+
</ins><span class="cx"> input,
</span><del>-select,
</del><span class="cx"> textarea {
</span><del>-       font-size: 100%;
-       margin: 0;
-       max-width: 100%;
</del><ins>+        border: 1px solid rgba(0, 0, 0, 0.1);
+       border-radius: 2px;
+       color: #2b2b2b;
+       padding: 8px 10px 7px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-button,
-input {
-       line-height: normal;
-}
-
-button,
-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"],
</del><span class="cx"> textarea {
</span><del>-       -webkit-box-sizing: border-box;
-       -moz-box-sizing:    border-box;
-       box-sizing:         border-box;
-       background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
</del><ins>+        width: 100%;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
-       -webkit-appearance: button;
-       cursor: pointer;
</del><ins>+input:focus,
+textarea:focus {
+       border: 1px solid rgba(0, 0, 0, 0.3);
+       outline: 0;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-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
- * -----------------------------------------------------------------------------
- */
-
</del><span class="cx"> /* Buttons */
</span><span class="cx"> 
</span><span class="cx"> button,
</span><span class="lines">@@ -459,7 +499,7 @@
</span><span class="cx"> input[type="reset"],
</span><span class="cx"> input[type="submit"] {
</span><span class="cx">  background-color: #24890d;
</span><del>-       border: none;
</del><ins>+        border: 0;
</ins><span class="cx">   border-radius: 2px;
</span><span class="cx">  color: #fff;
</span><span class="cx">  font-size: 12px;
</span><span class="lines">@@ -490,47 +530,37 @@
</span><span class="cx">  background-color: #55d737;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Input Fields */
</del><ins>+.search-field {
+       width: 100%;
+}
</ins><span class="cx"> 
</span><del>-input[type="email"],
-input[type="password"],
-input[type="search"],
-input[type="text"],
-input[type="url"],
-textarea {
-       border: 1px solid rgba(0, 0, 0, 0.1);
-       border-radius: 2px;
-       color: #2b2b2b;
-       padding: 8px 10px 7px;
</del><ins>+.search-submit {
+       display: none;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-input[type="email"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-input[type="text"]:focus,
-input[type="url"]:focus,
-textarea:focus {
-       color: #2b2b2b;
</del><ins>+/* Placeholder text color -- selectors need to be separate to work. */
+
+::-webkit-input-placeholder {
+       color: #767676;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-textarea {
-       padding: 8px 10px;
-       width: 100%;
</del><ins>+:-moz-placeholder {
+       color: #767676;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.search-field {
-       width: 100%;
</del><ins>+::-moz-placeholder {
+       color: #767676;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.search-submit {
-       display: none;
</del><ins>+:-ms-input-placeholder {
+       color: #767676;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> /* Responsive images. Fluid images for posts, comments, and widgets */
</span><span class="cx"> 
</span><ins>+.comment-content img,
</ins><span class="cx"> .entry-content img,
</span><span class="cx"> .entry-summary img,
</span><del>-.comment-content img,
</del><span class="cx"> #site-header img,
</span><span class="cx"> .widget img,
</span><span class="cx"> .wp-caption {
</span><span class="lines">@@ -542,9 +572,9 @@
</span><span class="cx">  * scaled correctly.
</span><span class="cx">  */
</span><span class="cx"> 
</span><ins>+.comment-content img[height],
</ins><span class="cx"> .entry-content img,
</span><span class="cx"> .entry-summary img,
</span><del>-.comment-content img[height],
</del><span class="cx"> img[class*="align"],
</span><span class="cx"> img[class*="wp-image-"],
</span><span class="cx"> img[class*="attachment-"],
</span><span class="lines">@@ -582,35 +612,37 @@
</span><span class="cx"> /* Alignment */
</span><span class="cx"> 
</span><span class="cx"> .alignleft {
</span><del>-       display: inline;
</del><span class="cx">   float: left;
</span><del>-       margin-right: 24px;
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .alignright {
</span><del>-       display: inline;
</del><span class="cx">   float: right;
</span><del>-       margin-left: 24px;
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .aligncenter {
</span><del>-       clear: both;
</del><span class="cx">   display: block;
</span><del>-       margin: 0 auto;
</del><ins>+        margin-left: auto;
+       margin-right: auto;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> blockquote.alignleft,
</span><del>-img.alignleft,
-.wp-caption.alignleft {
</del><ins>+img.alignleft {
</ins><span class="cx">   margin: 7px 24px 7px 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.wp-caption.alignleft {
+       margin: 7px 14px 7px 0;
+}
+
</ins><span class="cx"> blockquote.alignright,
</span><del>-img.alignright,
-.wp-caption.alignright {
</del><ins>+img.alignright {
</ins><span class="cx">   margin: 7px 0 7px 24px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.wp-caption.alignright {
+       margin: 7px 0 7px 14px;
+}
+
</ins><span class="cx"> blockquote.aligncenter,
</span><span class="cx"> img.aligncenter,
</span><span class="cx"> .wp-caption.aligncenter {
</span><span class="lines">@@ -652,10 +684,11 @@
</span><span class="cx">  font-style: italic;
</span><span class="cx">  line-height: 1.5;
</span><span class="cx">  margin: 9px 0;
</span><ins>+       padding-right: 10px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> img.wp-smiley {
</span><del>-       border: none;
</del><ins>+        border: 0;
</ins><span class="cx">   margin-bottom: 0;
</span><span class="cx">  margin-top: 0;
</span><span class="cx">  padding: 0;
</span><span class="lines">@@ -735,16 +768,12 @@
</span><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;
-       font-size: 16px;
-       font-style: normal;
-       font-weight: normal;
-       line-height: 1;
</del><ins>+        font: normal 16px/1 Genericons;
</ins><span class="cx">   text-decoration: inherit;
</span><span class="cx">  vertical-align: top;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Separator */
</del><ins>+/* Separators */
</ins><span class="cx"> 
</span><span class="cx"> .site-content span + .entry-date:before,
</span><span class="cx"> .full-size-link:before,
</span><span class="lines">@@ -784,6 +813,7 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .site-header {
</span><ins>+       background-color: #000;
</ins><span class="cx">   max-width: 1260px;
</span><span class="cx">  position: relative;
</span><span class="cx">  width: 100%;
</span><span class="lines">@@ -791,13 +821,11 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .header-main {
</span><del>-       background-color: #000;
</del><span class="cx">   min-height: 48px;
</span><span class="cx">  padding: 0 10px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .site-title {
</span><del>-       display: inline-block;
</del><span class="cx">   float: left;
</span><span class="cx">  font-size: 18px;
</span><span class="cx">  font-weight: 700;
</span><span class="lines">@@ -816,7 +844,7 @@
</span><span class="cx">  cursor: pointer;
</span><span class="cx">  float: right;
</span><span class="cx">  height: 48px;
</span><del>-       margin-right: 48px;
</del><ins>+        margin-right: 38px;
</ins><span class="cx">   text-align: center;
</span><span class="cx">  width: 48px;
</span><span class="cx"> }
</span><span class="lines">@@ -837,7 +865,8 @@
</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><del>-       position: relative;
</del><ins>+        position: absolute;
+       top: 48px;
</ins><span class="cx">   width: 100%;
</span><span class="cx">  z-index: 2;
</span><span class="cx"> }
</span><span class="lines">@@ -855,14 +884,32 @@
</span><span class="cx">  width: 300px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.search-toggle .screen-reader-text {
+       right: 0; /* This makes sure a horizontal scrollbar won't appear */
+}
</ins><span class="cx"> 
</span><ins>+
</ins><span class="cx"> /**
</span><span class="cx">  * 5.0 Navigations
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="cx">  */
</span><span class="cx"> 
</span><ins>+.site-navigation ul {
+       list-style: none;
+       margin: 0;
+}
+
+.site-navigation li {
+       border-top: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+.site-navigation ul ul {
+       margin-left: 20px;
+}
+
</ins><span class="cx"> .site-navigation a {
</span><span class="cx">  color: #fff;
</span><ins>+       display: block;
</ins><span class="cx">   text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -873,8 +920,8 @@
</span><span class="cx">  color: #55d737;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.site-navigation ul {
-       list-style: none;
</del><ins>+.site-navigation a:hover {
+       color: rgba(255, 255, 255, 0.7);
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> /* Primary Navigation */
</span><span class="lines">@@ -885,17 +932,15 @@
</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>-       margin: 0 auto;
</del><span class="cx">   padding-top: 24px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .primary-navigation.toggled-on {
</span><del>-       border-bottom: 1px solid rgba(255, 255, 255, 0.4);
-       margin-bottom: 36px;
-       padding-top: 72px;
</del><ins>+        padding: 72px 0 36px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .primary-navigation .nav-menu {
</span><ins>+       border-bottom: 1px solid rgba(255, 255, 255, 0.2);
</ins><span class="cx">   display: none;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -903,75 +948,38 @@
</span><span class="cx">  display: block;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.primary-navigation ul {
-       list-style: none;
-       margin: 0;
-       padding-left: 0;
-}
-
-.primary-navigation li {
-       border-top: 1px solid rgba(255, 255, 255, 0.2);
-}
-
-.primary-navigation ul ul li {
-       margin-left: 15px;
-}
-
</del><span class="cx"> .primary-navigation a {
</span><del>-       color: #fff;
-       display: block;
</del><span class="cx">   padding: 7px 0;
</span><del>-       text-decoration: none;
</del><span class="cx"> }
</span><span class="cx"> 
</span><del>-.primary-navigation a:hover {
-       color: rgba(255, 255, 255, 0.7);
-}
-
</del><span class="cx"> /* Secondary Navigation */
</span><span class="cx"> 
</span><span class="cx"> .secondary-navigation {
</span><span class="cx">  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
</span><del>-       font-size: 14px;
</del><ins>+        font-size: 11px;
</ins><span class="cx">   margin: 48px 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .secondary-navigation a {
</span><del>-       display: block;
-       padding: 8px 0 9px;
</del><ins>+        padding: 10px 0;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.secondary-navigation a:hover {
-       color: #55d737;
-}
-
-.secondary-navigation ul {
-       margin: 0;
-}
-
-.secondary-navigation ul ul {
-       margin-left: 20px;
-}
-
-.secondary-navigation li {
-       border-top: 1px solid rgba(255, 255, 255, 0.2);
-}
-
</del><span class="cx"> .menu-toggle {
</span><del>-       background-color: #000;
</del><span class="cx">   cursor: pointer;
</span><span class="cx">  font-size: 0;
</span><del>-       height: 16px;
</del><ins>+        height: 48px;
</ins><span class="cx">   margin: 0;
</span><del>-       padding: 16px;
</del><span class="cx">   position: absolute;
</span><span class="cx">  top: 0;
</span><span class="cx">  right: 0;
</span><ins>+       text-align: center;
+       width: 48px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .menu-toggle:before {
</span><span class="cx">  color: #fff;
</span><span class="cx">  content: "\f419";
</span><ins>+       margin-top: 16px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><span class="lines">@@ -1005,19 +1013,18 @@
</span><span class="cx">  */
</span><span class="cx"> 
</span><span class="cx">  .post-thumbnail {
</span><del>-       background: url(images/pattern-light.svg) #767676 repeat fixed;
</del><ins>+        background: #767676 url(images/pattern-light.svg) repeat fixed;
</ins><span class="cx">   display: none;
</span><del>-       float: none;
</del><span class="cx">   height: auto;
</span><span class="cx">  margin: 0;
</span><del>-       min-height: 192px;
</del><ins>+        min-height: 216px;
</ins><span class="cx">   position: relative;
</span><span class="cx">  width: 100%;
</span><span class="cx">  z-index: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> a.post-thumbnail:hover {
</span><del>-       background: url(images/pattern-light.svg) #919191 repeat fixed;
</del><ins>+        background-color: #919191;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .post-thumbnail img {
</span><span class="lines">@@ -1041,33 +1048,12 @@
</span><span class="cx">  z-index: 1;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.site-content .entry-header {
-       background-color: #fff;
-       padding: 0 10px 12px;
-}
-
-.site-content .has-post-thumbnail .entry-header,
-.site-content .format-standard .entry-header {
-       padding-top: 24px;
-}
-
-.site-content .format-standard.post-password-required .entry-header {
-       padding-top: 0;
-}
-
</del><span class="cx"> .entry-title {
</span><del>-       clear: none;
-       font-size: 15px;
-       font-weight: 900;
-       line-height: 1.2;
-       margin: 0 0 6px 0;
-}
-
-.site-content .entry-title {
</del><span class="cx">   font-size: 33px;
</span><span class="cx">  font-weight: 300;
</span><span class="cx">  line-height: 1.0909090909;
</span><span class="cx">  margin-bottom: 12px;
</span><ins>+       margin: 0 0 12px 0;
</ins><span class="cx">   text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1079,7 +1065,21 @@
</span><span class="cx">  color: #55d737;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.site-content .entry-header {
+       background-color: #fff;
+       padding: 0 10px 12px;
+}
</ins><span class="cx"> 
</span><ins>+.site-content .has-post-thumbnail .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"> /**
</span><span class="cx">  * 6.3 Entry Meta
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="lines">@@ -1093,18 +1093,12 @@
</span><span class="cx">  line-height: 1.3333333333;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.site-content .entry-meta {
-       background-color: #fff;
-       margin-bottom: 8px;
-       text-transform: uppercase;
-}
-
</del><span class="cx"> .entry-meta a {
</span><span class="cx">  color: #767676;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .entry-meta a:hover {
</span><del>-       color: #2b2b2b;
</del><ins>+        color: #55d737;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .sticky .entry-date {
</span><span class="lines">@@ -1133,12 +1127,23 @@
</span><span class="cx">  display: inline;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.site-content .entry-meta {
+       background-color: #fff;
+       margin-bottom: 8px;
+       text-transform: uppercase;
+}
+
</ins><span class="cx"> .site-content footer.entry-meta {
</span><del>-       margin: 12px auto 36px;
</del><ins>+        margin: 12px auto;
</ins><span class="cx">   padding: 0 10px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.site-content footer.entry-meta:empty {
+       margin-top: 0;
+       margin-bottom: 0;
+}
</ins><span class="cx"> 
</span><ins>+
</ins><span class="cx"> /* Tag links style */
</span><span class="cx"> 
</span><span class="cx"> .tag-links a {
</span><span class="lines">@@ -1190,24 +1195,20 @@
</span><span class="cx">  width: 4px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-@-moz-document url-prefix() { /* For Firefox to avoid jagged edge */
-       .tag-links a:before {
-               border-right: 10px solid #767676;
-               left: -10px;
-       }
-}
</del><span class="cx"> 
</span><del>-
</del><span class="cx"> /**
</span><span class="cx">  * 6.3 Entry Content
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="cx">  */
</span><span class="cx"> 
</span><span class="cx"> .entry-content,
</span><del>-.page-content,
-.entry-summary {
-       position: relative;
-       z-index: 2;
</del><ins>+.entry-summary,
+.page-content {
+       -webkit-hyphens: auto;
+       -moz-hyphens:    auto;
+       -ms-hyphens:     auto;
+       hyphens:         auto;
+       word-wrap: break-word;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .site-content .entry-content,
</span><span class="lines">@@ -1222,15 +1223,15 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .entry-content a,
</span><ins>+.entry-summary a,
</ins><span class="cx"> .page-content a,
</span><del>-.entry-summary a,
</del><span class="cx"> .comment-content a {
</span><span class="cx">  text-decoration: underline;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .entry-content a:hover,
</span><ins>+.entry-summary a:hover,
</ins><span class="cx"> .page-content a:hover,
</span><del>-.entry-summary a:hover,
</del><span class="cx"> .comment-content a:hover {
</span><span class="cx">  text-decoration: none;
</span><span class="cx"> }
</span><span class="lines">@@ -1256,9 +1257,17 @@
</span><span class="cx"> 
</span><span class="cx"> .entry-content .edit-link {
</span><span class="cx">  clear: both;
</span><del>-       display: block;
</del><ins>+        font-size: 12px;
+       font-weight: 400;
+       line-height: 1.3333333333;
+       text-transform: uppercase;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.entry-content .edit-link a {
+       color: #767676;
+       text-decoration: none;
+}
+
</ins><span class="cx"> /* Mediaelements */
</span><span class="cx"> 
</span><span class="cx"> .hentry .mejs-container {
</span><span class="lines">@@ -1333,7 +1342,7 @@
</span><span class="cx">  color: #fff;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.page-links > span.page-links-title {
</del><ins>+.page-links > .page-links-title {
</ins><span class="cx">   height: auto;
</span><span class="cx">  margin: 0;
</span><span class="cx">  padding-right: 9px;
</span><span class="lines">@@ -1349,11 +1358,6 @@
</span><span class="cx">  white-space: pre;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.more-link:hover,
-.post-format-archive-link:hover {
-       text-decoration: none;
-}
-
</del><span class="cx"> .more-link .meta-nav,
</span><span class="cx"> .post-format-archive-link .meta-nav {
</span><span class="cx">  position: relative;
</span><span class="lines">@@ -1456,7 +1460,9 @@
</span><span class="cx"> 
</span><span class="cx"> .gallery-caption {
</span><span class="cx">  background-color: rgba(0, 0, 0, 0.7);
</span><del>-       box-sizing: border-box;
</del><ins>+        -webkit-box-sizing: border-box;
+       -moz-box-sizing:    border-box;
+       box-sizing:         border-box;
</ins><span class="cx">   color: #fff;
</span><span class="cx">  font-size: 12px;
</span><span class="cx">  line-height: 1.5;
</span><span class="lines">@@ -1476,8 +1482,8 @@
</span><span class="cx">  height: 100%;
</span><span class="cx">  min-height: 49px;
</span><span class="cx">  position: absolute;
</span><ins>+       top: 0;
</ins><span class="cx">   left: 0;
</span><del>-       top: 0;
</del><span class="cx">   width: 100%;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1502,7 +1508,7 @@
</span><span class="cx"> .format-quote .entry-content,
</span><span class="cx"> .format-quote .entry-summary,
</span><span class="cx"> .format-link .entry-content,
</span><del>-.format-link.entry-summary {
</del><ins>+.format-link .entry-summary {
</ins><span class="cx">   padding-top: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1534,12 +1540,7 @@
</span><span class="cx"> .image-navigation .previous-image,
</span><span class="cx"> .image-navigation .next-image {
</span><span class="cx">  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
</span><del>-       -webkit-box-sizing: border-box;
-       -moz-box-sizing:    border-box;
-       box-sizing:         border-box;
-       float: none;
-       padding: 11px 0;
-       text-align: left;
</del><ins>+        padding: 11px 0 12px;
</ins><span class="cx">   width: 100%;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1582,10 +1583,10 @@
</span><span class="cx"> .paging-navigation .page-numbers {
</span><span class="cx">  border-top: 5px solid transparent;
</span><span class="cx">  display: inline-block;
</span><del>-       font-size: 13px;
</del><ins>+        font-size: 14px;
</ins><span class="cx">   font-weight: 900;
</span><span class="cx">  margin-right: 1px;
</span><del>-       padding: 7px 15px;
</del><ins>+        padding: 7px 16px;
</ins><span class="cx">   text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1599,7 +1600,6 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .paging-navigation a:hover {
</span><del>-       background-color: #f5f5f5;
</del><span class="cx">   border-top: 5px solid #55d737;
</span><span class="cx">  color: #2b2b2b;
</span><span class="cx"> }
</span><span class="lines">@@ -1643,21 +1643,17 @@
</span><span class="cx">  font-size: 16px;
</span><span class="cx">  font-weight: 900;
</span><span class="cx">  line-height: 1.5;
</span><del>-       margin: 0 0 24px;
</del><ins>+        margin: 0;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .taxonomy-description {
</span><span class="cx">  color: #767676;
</span><del>-       font-size: 12px;
-       line-height: 1.5;
</del><ins>+        font-size: 14px;
+       line-height: 1.2857142857;
</ins><span class="cx">   margin-bottom: 18px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.taxonomy-description p:last-child {
-       margin: 0;
-}
</del><span class="cx"> 
</span><del>-
</del><span class="cx"> /**
</span><span class="cx">  * 6.9 Contributor Page
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="lines">@@ -1671,6 +1667,10 @@
</span><span class="cx">  padding: 48px 10px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.contributor:nth-of-type(1) {
+       padding-top: 24px;
+}
+
</ins><span class="cx"> .contributor-info {
</span><span class="cx">  margin: 0 auto;
</span><span class="cx">  max-width: 474px;
</span><span class="lines">@@ -1688,13 +1688,16 @@
</span><span class="cx">  font-weight: 900;
</span><span class="cx">  line-height: 1.5;
</span><span class="cx">  margin: 0;
</span><del>-       text-transform: uppercase;
</del><span class="cx"> }
</span><span class="cx"> 
</span><del>-.contributor-bio {
-       color: #767676;
</del><ins>+.contributor-bio a {
+       text-decoration: underline;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.contributor-bio a:hover {
+       text-decoration: none;
+}
+
</ins><span class="cx"> .contributor-posts-link {
</span><span class="cx">  display: inline-block;
</span><span class="cx">  line-height: 1;
</span><span class="lines">@@ -1712,13 +1715,12 @@
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="cx">  */
</span><span class="cx"> 
</span><del>-.error404 .page-header,
</del><span class="cx"> .error404 .page-content {
</span><span class="cx">  padding-top: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .error404 .page-content .search-form {
</span><del>-       margin-bottom: 36px;
</del><ins>+        margin-bottom: 24px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><span class="lines">@@ -1727,26 +1729,28 @@
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="cx">  */
</span><span class="cx"> 
</span><del>-.full-width.singular .content-area {
-       padding-top: 0;
-}
-
</del><span class="cx"> .full-width .hentry {
</span><span class="cx">  max-width: 100%;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.full-width.singular .hentry.no-post-thumbnail,
-.full-width.singular .hentry.no-post-thumbnail.format-standard.post-password-required {
-       padding-top: 24px;
</del><ins>+
+/**
+ * 6.12 Singular
+ * -----------------------------------------------------------------------------
+ */
+
+.singular .hentry.format-standard,
+.singular .hentry.has-post-thumbnail {
+       margin-top: -24px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.full-width.singular .hentry.no-post-thumbnail.format-standard {
-       padding-top: 0;
</del><ins>+.singular .hentry.format-standard.post-password-required {
+       margin-top: 0
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><span class="cx"> /**
</span><del>- * 6.12 Comments
</del><ins>+ * 6.13 Comments
</ins><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="cx">  */
</span><span class="cx"> 
</span><span class="lines">@@ -1757,18 +1761,14 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .comment-reply-title,
</span><del>-.comments-title, {
</del><ins>+.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><del>-       margin-bottom: 0;
</del><ins>+        margin: 0;
</ins><span class="cx">   text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.comment-form {
-       background: #fff;
-}
-
</del><span class="cx"> .comment-list {
</span><span class="cx">  list-style: none;
</span><span class="cx">  margin: 0 0 48px 0;
</span><span class="lines">@@ -1777,7 +1777,6 @@
</span><span class="cx"> .comment-author {
</span><span class="cx">  font-size: 14px;
</span><span class="cx">  line-height: 1.7142857142;
</span><del>-       text-transform: uppercase;
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .comment-list .reply,
</span><span class="lines">@@ -1787,9 +1786,12 @@
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.comment-list .reply {
+       margin-top: 24px;
+}
+
</ins><span class="cx"> .comment-author .fn {
</span><span class="cx">  font-weight: 900;
</span><del>-       text-transform: uppercase;
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .comment-author a {
</span><span class="lines">@@ -1807,26 +1809,16 @@
</span><span class="cx"> .comment-list .trackback a:hover,
</span><span class="cx"> .comment-metadata a:hover {
</span><span class="cx">  color: #55d737;
</span><del>-       text-decoration: none;
</del><span class="cx"> }
</span><span class="cx"> 
</span><del>-.comments-area article,
</del><ins>+.comment-list article,
</ins><span class="cx"> .comment-list .pingback,
</span><span class="cx"> .comment-list .trackback {
</span><del>-       border-top: 1px solid rgba(0, 0, 0, 0.1);
-       margin-bottom: 24px;
-       padding-top: 24px;
</del><ins>+        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+       margin-top: 24px;
+       padding-bottom: 24px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.comment-list li:first-child article {
-       border: none;
-}
-
-.comments-area article {
-       background: none;
-       min-height: 48px;
-}
-
</del><span class="cx"> .comment-author {
</span><span class="cx">  padding-left: 36px;
</span><span class="cx">  position: relative;
</span><span class="lines">@@ -1850,10 +1842,6 @@
</span><span class="cx">  display: none;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.comment-author .fn {
-       font-style: normal;
-}
-
</del><span class="cx"> .comment-content,
</span><span class="cx"> .comment-list .reply,
</span><span class="cx"> .comment-metadata {
</span><span class="lines">@@ -1876,6 +1864,10 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .comment-content {
</span><ins>+       -webkit-hyphens: auto;
+       -moz-hyphens:    auto;
+       -ms-hyphens:     auto;
+       hyphens:         auto;
</ins><span class="cx">   word-wrap: break-word;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1889,15 +1881,15 @@
</span><span class="cx">  margin-bottom: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.comment-content p:last-child {
+       margin-bottom: 0
+}
+
</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><span class="cx"> 
</span><del>-.comments-area .children article {
-       border: none;
-}
-
</del><span class="cx"> .comment-respond {
</span><span class="cx">  margin-bottom: 24px;
</span><span class="cx">  padding: 0;
</span><span class="lines">@@ -1918,7 +1910,6 @@
</span><span class="cx">  font-weight: 900;
</span><span class="cx">  line-height: 1.5;
</span><span class="cx">  margin-top: 24px;
</span><del>-       padding: 0 10px;
</del><span class="cx">   text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -1932,14 +1923,12 @@
</span><span class="cx">  width: 100%;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.form-allowed-tags {
-       display: none;
</del><ins>+.form-allowed-tags,
+.form-allowed-tags code {
+       font-size: 12px;
+       line-height: 1.5;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.comment-form p:last-child {
-       margin-bottom: 0;
-}
-
</del><span class="cx"> .comment-navigation {
</span><span class="cx">  font-size: 12px;
</span><span class="cx">  line-height: 2;
</span><span class="lines">@@ -1967,7 +1956,7 @@
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="cx">  */
</span><span class="cx"> 
</span><del>-/* Primary Sidebar, Footer Sidebar */
</del><ins>+/* Secondary */
</ins><span class="cx"> 
</span><span class="cx"> #secondary {
</span><span class="cx">  background-color: #000;
</span><span class="lines">@@ -1975,8 +1964,6 @@
</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>-       font-size: 14px;
-       line-height: 1.2857142857;
</del><span class="cx">   margin-top: -1px;
</span><span class="cx">  padding: 0 10px;
</span><span class="cx">  position: relative;
</span><span class="lines">@@ -1984,38 +1971,22 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .site-description {
</span><del>-       color: rgba(255, 255, 255, 0.55);
</del><span class="cx">   display: none;
</span><span class="cx">  font-size: 11px;
</span><span class="cx">  font-weight: 400;
</span><ins>+       line-height: 1.6363636363;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+/* Primary Sidebar */
+
</ins><span class="cx"> .primary-sidebar {
</span><span class="cx">  padding-top: 48px;
</span><span class="cx"> }
</span><ins>+
</ins><span class="cx"> .secondary-navigation + .primary-sidebar {
</span><span class="cx">  padding-top: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.footer-sidebar a,
-.primary-sidebar a {
-       color: rgba(255, 255, 255, 0.75);
-}
-
-.footer-sidebar a:hover,
-.primary-sidebar a:hover {
-       color: #55d737;
-}
-
-.footer-sidebar .widget-title,
-.footer-sidebar .widget-title a,
-.footer-sidebar .widget-title a:hover,
-.primary-sidebar .widget-title,
-.primary-sidebar .widget-title a,
-.primary-sidebar .widget-title a:hover {
-       color: #fff;
-}
-
</del><span class="cx"> /* Content Sidebar */
</span><span class="cx"> 
</span><span class="cx"> .content-sidebar {
</span><span class="lines">@@ -2025,11 +1996,7 @@
</span><span class="cx">  -moz-box-sizing:    border-box;
</span><span class="cx">  box-sizing:         border-box;
</span><span class="cx">  color: #767676;
</span><del>-       font-size: 14px;
-       line-height: 1.2857142857;
-       margin: 0 auto;
</del><span class="cx">   padding: 36px 10px 0;
</span><del>-       position: relative;
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><span class="lines">@@ -2038,15 +2005,119 @@
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="cx">  */
</span><span class="cx"> 
</span><ins>+/* Primary Sidebar, Footer Sidebar */
+
</ins><span class="cx"> .widget {
</span><del>-       margin: 0 auto 48px;
</del><ins>+        font-size: 14px;
+       -webkit-hyphens: auto;
+       -moz-hyphens:    auto;
+       -ms-hyphens:     auto;
+       hyphens:         auto;
+       line-height: 1.2857142857;
+       margin-bottom: 48px;
</ins><span class="cx">   width: 100%;
</span><ins>+       word-wrap: break-word;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget p {
</del><ins>+.widget a {
+       color: rgba(255, 255, 255, 0.75);
+}
+
+.widget a:hover,
+.widget a:focus,
+.widget a:active {
+       color: #55d737;
+}
+
+.widget h1,
+.widget h2,
+.widget h3,
+.widget h4,
+.widget h5,
+.widget h6 {
+       margin: 24px 0 12px;
+}
+
+.widget h1 {
+       font-size: 22px;
+       line-height: 1.0909090909;
+}
+
+.widget h2 {
+       font-size: 20px;
+       line-height: 1.2;
+}
+
+.widget h3 {
+       font-size: 18px;
+       line-height: 1.3333333333;
+}
+
+.widget h4 {
+       font-size: 16px;
+       line-height: 1.5;
+}
+
+.widget h5 {
+       font-size: 14px;
+       line-height: 1.7142857142;
+}
+
+.widget h6 {
+       font-size: 12px;
+       line-height: 2;
+}
+
+.widget address {
</ins><span class="cx">   margin-bottom: 18px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.widget abbr,
+.widget acronym {
+       border-color: rgba(255, 255, 255, 0.75);
+}
+
+.widget mark,
+.widget ins {
+       color: #000;
+}
+
+.widget pre {
+       border-color: rgba(255, 255, 255, 0.2);
+}
+
+.widget fieldset {
+       border-color: rgba(255, 255, 255, 0.2);
+}
+
+.widget code,
+.widget kbd,
+.widget tt,
+.widget var,
+.widget samp,
+.widget pre {
+       font-size: 12px;
+       line-height: 1.5;
+}
+
+.widget blockquote {
+       color: rgba(255, 255, 255, 0.55);
+       font-size: 18px;
+       line-height: 1.5;
+       margin-bottom: 18px;
+}
+
+.widget blockquote cite {
+       color: rgba(255, 255, 255, 0.8);
+       font-size: 14px;
+       line-height: 1.2857142857;
+}
+
+.widget dl,
+.widget dd {
+       margin-bottom: 18px;
+}
+
</ins><span class="cx"> .widget ul,
</span><span class="cx"> .widget ol {
</span><span class="cx">  list-style: none;
</span><span class="lines">@@ -2058,49 +2129,72 @@
</span><span class="cx">  margin-left: 10px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget select,
-.widget iframe {
-       margin-left: 1px;
-       max-width: 99%;
</del><ins>+.widget table,
+.widget th,
+.widget td {
+       border-color: rgba(255, 255, 255, 0.2);
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget-title {
</del><ins>+.widget table {
+       margin-bottom: 18px;
+}
+
+.widget del {
+       color: rgba(255, 255, 255, 0.4);
+}
+
+.widget hr {
+       background-color: rgba(255, 255, 255, 0.2);
+}
+
+.widget p {
+       margin-bottom: 18px;
+}
+
+.widget input,
+.widget textarea {
+       background-color: rgba(255, 255, 255, 0.1);
+       border: 1px solid rgba(255, 255, 255, 0.2);
+       color: #fff;
+       font-size: 16px;
+       padding: 1px 2px 2px 4px;
+}
+
+.widget input:focus,
+.widget textarea:focus {
+       border: 1px solid rgba(255, 255, 255, 0.3);
+}
+
+.widget button,
+.widget input[type="button"],
+.widget input[type="reset"],
+.widget input[type="submit"] {
+       padding: 5px 15px 4px;
+}
+
+.widget .wp-caption {
+       color: rgba(255, 255, 255, 0.45);
+       margin-bottom: 18px;
+}
+
+.widget .widget-title {
</ins><span class="cx">   font-size: 14px;
</span><del>-       font-weight: 900;
</del><ins>+        font-weight: 700;
</ins><span class="cx">   line-height: 1.7142857142;
</span><span class="cx">  margin: 0 0 24px 0;
</span><span class="cx">  text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget-area button,
-.widget-area input[type="button"],
-.widget-area input[type="reset"],
-.widget-area input[type="submit"] {
-       font-size: 11px;
-       padding: 6px 15px;
-}
-
-.widget-area input[type="email"],
-.widget-area input[type="password"],
-.widget-area input[type="search"],
-.widget-area input[type="text"],
-.widget-area input[type="url"],
-.widget-area textarea {
-       background-color: rgba(255, 255, 255, 0.15);
-       border: 1px solid rgba(255, 255, 255, 0.2);
</del><ins>+.widget-title,
+.widget-title a,
+.widget-title a:hover,
+.widget-title a:focus,
+.widget-title a:active {
</ins><span class="cx">   color: #fff;
</span><del>-       max-width: 100%;
-       padding: 4px;
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> /* Calendar Widget*/
</span><span class="cx"> 
</span><del>-.widget_calendar table,
-.widget_calendar th,
-.widget_calendar td {
-       border-color: rgba(255, 255, 255, 0.2);
-}
-
</del><span class="cx"> .widget_calendar table {
</span><span class="cx">  line-height: 2;
</span><span class="cx">  margin: 0;
</span><span class="lines">@@ -2150,63 +2244,65 @@
</span><span class="cx">  text-align: right;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Cloud Widgets */
</del><ins>+/* Ephemera Widget*/
</ins><span class="cx"> 
</span><del>-.widget_tag_cloud div {
-       word-wrap: break-word;
</del><ins>+.widget_twentyfourteen_ephemera > ol > li {
+       border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+       margin-bottom: 18px;
+       padding: 0;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Ephemera Widget*/
-
</del><span class="cx"> .widget_twentyfourteen_ephemera .hentry {
</span><span class="cx">  margin-bottom: 0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget_twentyfourteen_ephemera li {
-       border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-       margin-bottom: 18px;
-       padding: 0;
-}
-
</del><span class="cx"> .widget_twentyfourteen_ephemera .entry-title,
</span><span class="cx"> .widget_twentyfourteen_ephemera .entry-meta,
</span><del>-.widget_twentyfourteen_ephemera .post-format-archive-link {
-       font-size: 11px;
-       line-height: 1.6363636363;
</del><ins>+.widget_twentyfourteen_ephemera .wp-caption-text,
+.widget_twentyfourteen_ephemera .more-link,
+.widget_twentyfourteen_ephemera .post-format-archive-link,
+.widget_twentyfourteen_ephemera .entry-content table {
+       font-size: 12px;
+       line-height: 1.5;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .widget_twentyfourteen_ephemera .entry-title {
</span><span class="cx">  display: inline;
</span><span class="cx">  font-weight: 400;
</span><del>-       margin: 0 0 6px 0;
</del><ins>+        text-transform: none;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .widget_twentyfourteen_ephemera .entry-meta {
</span><span class="cx">  margin-bottom: 18px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget_twentyfourteen_ephemera .post-format-archive-link {
-       display: inline-block;
</del><ins>+.widget_twentyfourteen_ephemera .entry-content ul,
+.widget_twentyfourteen_ephemera .entry-content ol {
+       margin: 0 0 18px 20px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget_twentyfourteen_ephemera .wp-caption-text {
-       margin: 6px 0 0;
-       padding: 0;
</del><ins>+.widget_twentyfourteen_ephemera .entry-content ul {
+       list-style: disc;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget_twentyfourteen_ephemera .format-gallery .wp-caption-text {
-       margin-bottom: 18px;
</del><ins>+.widget_twentyfourteen_ephemera .entry-content ol {
+       list-style: decimal;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget_twentyfourteen_ephemera .entry-content a {
-       word-wrap: break-word;
</del><ins>+.widget_twentyfourteen_ephemera .entry-content li > ul,
+.widget_twentyfourteen_ephemera .entry-content li > ol {
+       margin: 0 0 0 20px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.widget_twentyfourteen_ephemera .entry-content blockquote p cite {
-       font-size: 13px;
-       line-height: 1.3846153846;
</del><ins>+.widget_twentyfourteen_ephemera .entry-content th,
+.widget_twentyfourteen_ephemera .entry-content td {
+       padding: 6px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.widget_twentyfourteen_ephemera .post-format-archive-link {
+       font-weight: 700;
+}
+
</ins><span class="cx"> /* List Style Widgets*/
</span><span class="cx"> 
</span><span class="cx"> .widget_archive li,
</span><span class="lines">@@ -2252,8 +2348,8 @@
</span><span class="cx"> 
</span><span class="cx"> /* RSS Widget */
</span><span class="cx"> 
</span><del>-.widget_rss a img {
-       margin-top: -5px;
</del><ins>+.widget_rss .rsswidget img {
+       margin-top: -4px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> .widget_rss li {
</span><span class="lines">@@ -2276,39 +2372,94 @@
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="cx">  */
</span><span class="cx"> 
</span><del>-.content-sidebar.widget-area .widget-title {
-       border-top: 5px solid #000;
</del><ins>+.content-sidebar .widget a {
+       color: #24890d;
+}
+
+.content-sidebar .widget a:hover,
+.content-sidebar .widget a:focus,
+.content-sidebar .widget a:active {
+       color: #55d737;
+}
+
+.content-sidebar .widget pre {
+       border-color: rgba(0, 0, 0, 0.1);
+}
+
+.content-sidebar .widget mark,
+.content-sidebar .widget ins {
</ins><span class="cx">   color: #2b2b2b;
</span><del>-       font-size: 14px;
-       font-weight: 900;
-       margin-bottom: 18px;
-       padding-top: 7px;
-       text-transform: uppercase;
</del><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar.widget-area .widget-title a,
-.content-sidebar.widget-area .widget-title a:hover {
</del><ins>+.content-sidebar .widget abbr,
+.content-sidebar .widget acronym {
+       border-color: #2b2b2b;
+}
+
+.content-sidebar .widget fieldset {
+       border-color: rgba(0, 0, 0, 0.1);
+}
+
+.content-sidebar .widget blockquote {
+       color: #767676;
+}
+
+.content-sidebar .widget blockquote cite {
</ins><span class="cx">   color: #2b2b2b;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar.widget-area button,
-.content-sidebar.widget-area input[type="button"],
-.content-sidebar.widget-area input[type="reset"],
-.content-sidebar.widget-area input[type="submit"] {
-       font-size: 12px;
</del><ins>+.content-sidebar .widget li > ol,
+.content-sidebar .widget li > ul {
+       margin-left: 18px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar.widget-area input[type="email"],
-.content-sidebar.widget-area input[type="password"],
-.content-sidebar.widget-area input[type="search"],
-.content-sidebar.widget-area input[type="text"],
-.content-sidebar.widget-area input[type="url"],
-.content-sidebar.widget-area textarea {
</del><ins>+.content-sidebar .widget table,
+.content-sidebar .widget th,
+.content-sidebar .widget td {
+       border-color: rgba(0, 0, 0, 0.1);
+}
+
+.content-sidebar .widget del {
+       color: #767676;
+}
+
+.content-sidebar .widget hr {
+       background-color: rgba(0, 0, 0, 0.1);
+}
+
+.content-sidebar .widget input,
+.content-sidebar .widget textarea {
</ins><span class="cx">   background-color: #fff;
</span><span class="cx">  border: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx">  color: #2b2b2b;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.content-sidebar .widget input:focus,
+.content-sidebar .widget textarea:focus {
+       border: 1px solid rgba(0, 0, 0, 0.);
+}
+
+.content-sidebar .widget .wp-caption {
+       color: #767676;
+}
+
+.content-sidebar .widget .widget-title {
+       border-top: 5px solid #000;
+       color: #2b2b2b;
+       font-size: 14px;
+       font-weight: 900;
+       margin: 0 0 18px;
+       padding-top: 7px;
+       text-transform: uppercase;
+}
+
+.content-sidebar .widget-title a,
+.content-sidebar .widget-title a:hover,
+.content-sidebar .widget-title a:focus,
+.content-sidebar .widget-title a:active {
+       color: #2b2b2b;
+}
+
</ins><span class="cx"> /* List Style Widgets*/
</span><span class="cx"> 
</span><span class="cx"> .content-sidebar .widget_archive li,
</span><span class="lines">@@ -2322,22 +2473,10 @@
</span><span class="cx">  border-color: rgba(0, 0, 0, 0.1);
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar .widget .children,
-.content-sidebar .widget .sub-menu {
-       margin-left: 18px;
-}
-
</del><span class="cx"> /* Calendar Widget */
</span><span class="cx"> 
</span><del>-.content-sidebar .widget_calendar table,
-.content-sidebar .widget_calendar th,
-.content-sidebar .widget_calendar td {
-       border-color: rgba(0, 0, 0, 0.1);
-}
-
</del><span class="cx"> .content-sidebar .widget_calendar caption {
</span><span class="cx">  color: #2b2b2b;
</span><del>-       font-size: 14px;
</del><span class="cx">   font-weight: 900;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -2345,6 +2484,11 @@
</span><span class="cx">  background-color: rgba(0, 0, 0, 0.02);
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.content-sidebar .widget_calendar tbody a,
+.content-sidebar .widget_calendar tbody a:hover {
+       color: #fff;
+}
+
</ins><span class="cx"> /* Ephemera widget*/
</span><span class="cx"> 
</span><span class="cx"> .content-sidebar .widget_twentyfourteen_ephemera .widget-title {
</span><span class="lines">@@ -2355,8 +2499,7 @@
</span><span class="cx"> .content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
</span><span class="cx">  background-color: #000;
</span><span class="cx">  color: #fff;
</span><del>-       margin-top: -1px;
-       margin-right: 10px;
</del><ins>+        margin: -1px 18px 0 0;
</ins><span class="cx">   padding: 6px 0 9px;
</span><span class="cx">  text-align: center;
</span><span class="cx">  vertical-align: middle;
</span><span class="lines">@@ -2387,23 +2530,10 @@
</span><span class="cx">  content: "\f107";
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar .widget_twentyfourteen_ephemera li {
</del><ins>+.content-sidebar .widget_twentyfourteen_ephemera > ol > li {
</ins><span class="cx">   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar .widget_twentyfourteen_ephemera .entry-title,
-.content-sidebar .widget_twentyfourteen_ephemera .entry-meta,
-.content-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
-.content-sidebar .widget_twentyfourteen_ephemera .more-link,
-.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
-       font-size: 12px;
-       line-height: 1.5;
-}
-
-.content-sidebar .widget_twentyfourteen_ephemera .entry-title {
-       font-weight: 400;
-}
-
</del><span class="cx"> .content-sidebar .widget_twentyfourteen_ephemera .entry-meta {
</span><span class="cx">  color: #ccc;
</span><span class="cx"> }
</span><span class="lines">@@ -2412,20 +2542,20 @@
</span><span class="cx">  color: #767676;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover{
-       color: #2b2b2b;
</del><ins>+.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
+       color: #55d737;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.content-sidebar.widget_twentyfourteen_ephemera blockquote cite {
+       font-size: 13px;
+       line-height: 1.3846153846;
+}
+
</ins><span class="cx"> .content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
</span><del>-       color: #24890d;
</del><span class="cx">   font-weight: 900;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover {
-       color: #55d737;
-}
</del><span class="cx"> 
</span><del>-
</del><span class="cx"> /**
</span><span class="cx">  * 8.0 Footer
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="lines">@@ -2471,7 +2601,7 @@
</span><span class="cx">  */
</span><span class="cx"> 
</span><span class="cx"> .featured-content {
</span><del>-       background: url(images/pattern-dark.svg) #4d4d4d repeat fixed;
</del><ins>+        background: #4d4d4d url(images/pattern-dark.svg) repeat fixed;
</ins><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="lines">@@ -2541,7 +2671,7 @@
</span><span class="cx">  font-size: 18px;
</span><span class="cx">  font-weight: 300;
</span><span class="cx">  line-height: 1.3333333333;
</span><del>-       margin-bottom: 0;
</del><ins>+        margin: 0;
</ins><span class="cx">   text-transform: uppercase;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -2603,7 +2733,7 @@
</span><span class="cx">  background-color: #24890d;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.slider-control-paging a.slider-active:before {
</del><ins>+.slider-control-paging .slider-active:before {
</ins><span class="cx">   background-color: #41a62a;
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -2650,7 +2780,7 @@
</span><span class="cx">  line-height: 46px;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-.slider-direction-nav a.slider-next:before {
</del><ins>+.slider-direction-nav .slider-next:before {
</ins><span class="cx">   content: "\f429";
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="lines">@@ -2658,6 +2788,7 @@
</span><span class="cx">  display: none;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+
</ins><span class="cx"> /**
</span><span class="cx">  * 10.0 Media Queries
</span><span class="cx">  * -----------------------------------------------------------------------------
</span><span class="lines">@@ -2701,6 +2832,7 @@
</span><span class="cx">  }
</span><span class="cx"> 
</span><span class="cx">  .list-view .site-content .entry-title {
</span><ins>+               clear: none;
</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="lines">@@ -2748,6 +2880,7 @@
</span><span class="cx">  }
</span><span class="cx"> 
</span><span class="cx">  .attachment span.entry-date:before,
</span><ins>+       .entry-content .edit-link a:before,
</ins><span class="cx">   .entry-meta .edit-link a:before,
</span><span class="cx">  .site-content .byline a:before,
</span><span class="cx">  .site-content .comments-link a:before,
</span><span class="lines">@@ -2758,11 +2891,8 @@
</span><span class="cx">  .site-content .post-format a:before {
</span><span class="cx">          -webkit-font-smoothing: antialiased;
</span><span class="cx">          display: inline-block;
</span><del>-               font-family: Genericons;
-               font-size: 16px;
-               font-style: normal;
-               font-weight: normal;
-               text-transform: none;
</del><ins>+                font: normal 16px/1 Genericons;
+               text-decoration: inherit;
</ins><span class="cx">           vertical-align: top;
</span><span class="cx">  }
</span><span class="cx"> 
</span><span class="lines">@@ -2772,70 +2902,75 @@
</span><span class="cx"> 
</span><span class="cx">  .site-content .format-video .post-format a:before {
</span><span class="cx">          content: "\f104";
</span><del>-               margin: -2px 2px 0 0;
</del><ins>+                margin: -1px 2px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .format-image .post-format a:before {
</span><span class="cx">          content: "\f102";
</span><del>-               margin: -3px 3px 0 0;
</del><ins>+                margin: -1px 3px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .format-quote .post-format a:before {
</span><span class="cx">          content: "\f106";
</span><del>-               margin: -3px 3px 0 0;
</del><ins>+                margin: -1px 3px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .format-gallery .post-format a:before {
</span><span class="cx">          content: "\f103";
</span><del>-               margin: -3px 4px 0 0;
</del><ins>+                margin: -1px 4px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .format-aside .post-format a:before {
</span><span class="cx">          content: "\f101";
</span><del>-               margin: -2px 3px 0 0;
</del><ins>+                margin: -1px 3px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .format-link .post-format a:before {
</span><span class="cx">          content: "\f107";
</span><del>-               margin: -2px 3px 0 0;
</del><ins>+                margin: -1px 3px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .featured-post:before {
</span><span class="cx">          content: "\f308";
</span><del>-               margin: -3px 3px 0 0;
</del><ins>+                margin: -1px 3px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .entry-date a:before,
</span><span class="cx">  .attachment span.entry-date:before {
</span><span class="cx">          content: "\f303";
</span><del>-               margin: -2px 1px 0 0;
</del><ins>+                margin: 0 1px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .byline a:before {
</span><span class="cx">          content: "\f304";
</span><del>-               margin: -3px 0 0 0;
</del><ins>+                margin: -1px 0 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .comments-link a:before {
</span><span class="cx">          content: "\f300";
</span><del>-               margin: -3px 2px 0 0;
</del><ins>+                margin: -1px 2px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><ins>+       .entry-content .edit-link a:before,
</ins><span class="cx">   .entry-meta .edit-link a:before {
</span><span class="cx">          content: "\f411";
</span><del>-               margin: -3px 2px 0 0;
</del><ins>+                margin: -1px 2px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .full-size-link a:before {
</span><span class="cx">          content: "\f402";
</span><del>-               margin: -3px 2px 0 0;
</del><ins>+                margin: -1px 2px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .site-content .parent-post-link a:before {
</span><span class="cx">          content: "\f301";
</span><del>-               margin: -3px 2px 0 0;
</del><ins>+                margin: -1px 2px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><ins>+       .entry-content .edit-link a:before {
+               margin: 1px 2px 0 0;
+       }
+
</ins><span class="cx">   .list-view .site-content .has-post-thumbnail .post-thumbnail,
</span><span class="cx">  .list-view .site-content .format-standard .post-thumbnail {
</span><span class="cx">          margin-top: -49px;
</span><span class="lines">@@ -2871,46 +3006,28 @@
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 673px) {
</span><span class="cx">  .header-main {
</span><del>-               padding: 0 0 0 30px;
</del><ins>+                padding: 0 30px;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><ins>+       .search-toggle {
+               margin-right: 18px;
+       }
+
</ins><span class="cx">   .content-area {
</span><span class="cx">          float: left;
</span><span class="cx">          padding-top: 36px;
</span><span class="cx">          width: 100%;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .full-width.singular .content-area {
-               padding-top: 0;
-       }
-
</del><span class="cx">   .site-content {
</span><span class="cx">          margin-right: 33.33333333%;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .full-width .site-content {
-               margin-right: 0;
-       }
-
</del><span class="cx">   .site-content .has-post-thumbnail .entry-header,
</span><span class="cx">  .site-content .format-standard .entry-header {
</span><span class="cx">          margin-top: 0;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .full-width .site-content .has-post-thumbnail .entry-header,
-       .full-width .site-content .format-standard .entry-header {
-               margin-top: -48px;
-       }
-
-       .full-width.singular .hentry.no-post-thumbnail,
-       .full-width.singular .hentry.no-post-thumbnail.format-standard.post-password-required {
-               padding-top: 36px;
-       }
-
-       .full-width.singular .hentry.no-post-thumbnail.format-standard {
-               padding-top: 0;
-       }
-
</del><span class="cx">   .archive-header,
</span><span class="cx">  .comments-area,
</span><span class="cx">  .image-navigation,
</span><span class="lines">@@ -2924,6 +3041,30 @@
</span><span class="cx">          padding-left: 30px;
</span><span class="cx">  }
</span><span class="cx"> 
</span><ins>+       .singular .hentry.format-standard,
+       .singular .hentry.has-post-thumbnail,
+       .singular .hentry.format-standard.post-password-required {
+               margin-top: 0
+       }
+
+       .full-width .site-content {
+               margin-right: 0;
+       }
+
+       .full-width .site-content .has-post-thumbnail .entry-header,
+       .full-width .site-content .format-standard .entry-header {
+               margin-top: -48px;
+       }
+
+       .full-width.singular .hentry.format-standard,
+       .full-width.singular .hentry.has-post-thumbnail {
+               margin-top: -36px;
+       }
+
+       .full-width.singular .hentry.format-standard.post-password-required {
+               margin-top: 0
+       }
+
</ins><span class="cx">   #secondary,
</span><span class="cx">  #supplementary {
</span><span class="cx">          padding: 0 30px;
</span><span class="lines">@@ -2983,8 +3124,8 @@
</span><span class="cx">  }
</span><span class="cx"> 
</span><span class="cx">  .slider-direction-nav li {
</span><del>-               border: none;
-               padding: 0 1px; 0 0;
</del><ins>+                border: 0;
+               padding: 0 1px 0 0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .slider-direction-nav li:last-child {
</span><span class="lines">@@ -3005,6 +3146,10 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 782px) {
</span><ins>+       .header-main {
+               padding-right: 0;
+       }
+
</ins><span class="cx">   .search-toggle {
</span><span class="cx">          margin-right: 0;
</span><span class="cx">  }
</span><span class="lines">@@ -3029,12 +3174,21 @@
</span><span class="cx">          margin-top: 48px;
</span><span class="cx">  }
</span><span class="cx"> 
</span><ins>+       /* Navigation */
+
+       .site-navigation li .current_page_item > a,
+       .site-navigation li .current_page_ancestor > a,
+       .site-navigation li .current-menu-item > a,
+       .site-navigation li .current-menu-ancestor > a {
+               background-color: #000;
+       }
+
</ins><span class="cx">   /* Primary Navigation */
</span><span class="cx"> 
</span><span class="cx">  .primary-navigation {
</span><span class="cx">          float: right;
</span><span class="cx">          font-size: 11px;
</span><del>-               margin: 0 10px 0 -10px;
</del><ins>+                margin: 0 1px 0 -10px;
</ins><span class="cx">           padding: 0;
</span><span class="cx">          text-transform: uppercase;
</span><span class="cx">  }
</span><span class="lines">@@ -3045,6 +3199,7 @@
</span><span class="cx">  }
</span><span class="cx"> 
</span><span class="cx">  .primary-navigation .nav-menu {
</span><ins>+               border-bottom: 0;
</ins><span class="cx">           display: block;
</span><span class="cx">  }
</span><span class="cx"> 
</span><span class="lines">@@ -3071,6 +3226,7 @@
</span><span class="cx">  .primary-navigation ul ul {
</span><span class="cx">          background-color: #24890d;
</span><span class="cx">          float: left;
</span><ins>+               margin: 0;
</ins><span class="cx">           position: absolute;
</span><span class="cx">          top: 48px;
</span><span class="cx">          left: -999em;
</span><span class="lines">@@ -3089,19 +3245,16 @@
</span><span class="cx">          top: 0;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .primary-navigation ul ul li {
-               margin: 0;
-       }
-
</del><span class="cx">   .primary-navigation ul ul a {
</span><span class="cx">          padding: 18px 12px;
</span><span class="cx">          white-space: normal;
</span><del>-               width: 144px;
</del><ins>+                width: 176px;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .primary-navigation li:hover > a {
</span><span class="cx">          background-color: #24890d;
</span><span class="cx">          color: #fff;
</span><ins>+               opacity: 1.0;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .primary-navigation ul ul a:hover {
</span><span class="lines">@@ -3118,15 +3271,29 @@
</span><span class="cx">          left: 100%;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .primary-navigation li .current_page_item > a,
-       .primary-navigation li .current_page_ancestor > a,
-       .primary-navigation li .current-menu-item > a,
-       .primary-navigation li .current-menu-ancestor > a {
-               background-color: #000;
-       }
</del><ins>+
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 810px) {
</span><ins>+       .attachment .entry-attachment .attachment {
+               margin-right: -168px;
+               margin-left: -168px;
+               max-width: 810px;
+       }
+
+       .attachment .site-content .attachment img {
+               display: block;
+               margin: 0 auto;
+       }
+
+       .contributor-avatar {
+               margin-left: -168px;
+       }
+
+       .contributor-summary {
+               float: left;
+       }
+
</ins><span class="cx">   .full-width .site-content blockquote.alignleft,
</span><span class="cx">  .full-width .site-content blockquote.alignright {
</span><span class="cx">          width: -webkit-calc(50% + 130px);
</span><span class="lines">@@ -3141,32 +3308,13 @@
</span><span class="cx">          margin-left: -168px;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .full-width .site-content blockquote.alignrigh,
</del><ins>+        .full-width .site-content blockquote.alignright,
</ins><span class="cx">   .full-width .site-content img.size-full.alignright,
</span><span class="cx">  .full-width .site-content img.size-large.alignright,
</span><span class="cx">  .full-width .site-content img.size-medium.alignright,
</span><span class="cx">  .full-width .site-content .wp-caption.alignright {
</span><span class="cx">          margin-right: -168px;
</span><span class="cx">  }
</span><del>-
-       .attachment .entry-attachment .attachment {
-               margin-right: -168px;
-               margin-left: -168px;
-               max-width: 810px;
-       }
-
-       .attachment .site-content .attachment img {
-               display: block;
-               margin: 0 auto;
-       }
-
-       .contributor-avatar {
-               margin-left: -168px;
-       }
-
-       .contributor-summary {
-               float: left;
-       }
</del><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> @media screen and (min-width: 870px) {
</span><span class="lines">@@ -3175,19 +3323,6 @@
</span><span class="cx">          padding-top: 72px;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .full-width.singular .content-area {
-               padding-top: 0;
-       }
-
-       .full-width.singular .hentry.no-post-thumbnail,
-       .full-width.singular .hentry.no-post-thumbnail.format-standard.post-password-required {
-               padding-top: 72px;
-       }
-
-       .full-width.singular .hentry.no-post-thumbnail.format-standard {
-               padding-top: 0;
-       }
-
</del><span class="cx">   .site-content .has-post-thumbnail .entry-header,
</span><span class="cx">  .site-content .format-standard .entry-header {
</span><span class="cx">          margin-top: -48px;
</span><span class="lines">@@ -3199,9 +3334,9 @@
</span><span class="cx"> 
</span><span class="cx">  .comment-list .trackback,
</span><span class="cx">  .comment-list .pingback,
</span><del>-       .comments-area article {
-               margin-bottom: 36px;
-               padding-top: 36px;
</del><ins>+        .comment-list article {
+               margin-top: 36px;
+               padding-bottom: 36px;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .comment-author .avatar {
</span><span class="lines">@@ -3225,6 +3360,15 @@
</span><span class="cx">          margin-left: 60px;
</span><span class="cx">  }
</span><span class="cx"> 
</span><ins>+       .full-width.singular .hentry.format-standard,
+       .full-width.singular .hentry.has-post-thumbnail {
+               margin-top: -72px;
+       }
+
+       .full-width.singular .hentry.format-standard.post-password-required {
+               margin-top: 0
+       }
+
</ins><span class="cx">   .featured-content {
</span><span class="cx">          margin-bottom: -24px;
</span><span class="cx">  }
</span><span class="lines">@@ -3275,8 +3419,6 @@
</span><span class="cx">          border: 0;
</span><span class="cx">          clear: none;
</span><span class="cx">          float: left;
</span><del>-               font-size: 11px;
-               line-height: 1.6363636363;
</del><span class="cx">           margin: 0 0 0 -100%;
</span><span class="cx">          min-height: 100vh;
</span><span class="cx">          width: 122px;
</span><span class="lines">@@ -3286,75 +3428,178 @@
</span><span class="cx">          padding-top: 0;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .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;
-       }
-
</del><span class="cx">   .site-description {
</span><span class="cx">          display: block;
</span><del>-               line-height: 1.6363636363;
</del><span class="cx">           margin: -3px 0 21px;
</span><span class="cx">  }
</span><span class="cx"> 
</span><span class="cx">  .secondary-navigation {
</span><del>-               border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-               font-size: 11px;
-               margin-top: 0;
</del><ins>+                margin: 0 -30px 48px;
+               width: 182px;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><del>-       .secondary-navigation ul,
-       .secondary-navigation ul ul {
-               list-style: none;
-               margin: 0;
</del><ins>+        .secondary-navigation li {
+               position: relative;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><del>-       .secondary-navigation li {
</del><ins>+        .secondary-navigation  li {
</ins><span class="cx">           border-top: 1px solid rgba(255, 255, 255, 0.2);
</span><del>-               position: relative;
</del><span class="cx">   }
</span><span class="cx"> 
</span><ins>+       .secondary-navigation  li li {
+               border-top: none;
+       }
+
+       .secondary-navigation a {
+               padding: 10px 30px;
+       }
+
+       .secondary-navigation li:hover > a {
+               background-color: #24890d;
+               color: #fff;
+       }
+
</ins><span class="cx">   .secondary-navigation ul ul {
</span><del>-               background: rgba(0, 0, 0, 0.9);
</del><ins>+                background-color: #24890d;
</ins><span class="cx">           display: none;
</span><span class="cx">          position: absolute;
</span><del>-               top: -1px;
-               left: 122px;
-               width: 122px;
</del><ins>+                top: 0;
+               left: 162px;
+               width: 182px;
</ins><span class="cx">           z-index: 9999;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .secondary-navigation ul li:hover {
-               background: #000;
</del><ins>+        .secondary-navigation ul ul a:hover {
+               background-color: #41a62a;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><span class="cx">  .secondary-navigation ul li:hover > ul {
</span><span class="cx">          display: block;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .primary-sidebar .widget-title,
-       .footer-sidebar .widget-title {
</del><ins>+        .footer-sidebar .widget,
+       .primary-sidebar .widget {
</ins><span class="cx">           font-size: 11px;
</span><ins>+               line-height: 1.6363636363;
+       }
+
+       .footer-sidebar .widget {
+               -webkit-box-sizing: border-box;
+               -moz-box-sizing:    border-box;
+               box-sizing:         border-box;
+               float: left;
+               padding: 0 30px;
+               width: 25%;
+       }
+
+       .footer-sidebar .widget h1,
+       .primary-sidebar .widget h1 {
+               font-size: 20px;
+               line-height: 1.2;
+       }
+
+       .footer-sidebar .widget h2,
+       .primary-sidebar .widget h2 {
+               font-size: 18px;
+               line-height: 1.3333333333;
+       }
+
+       .footer-sidebar .widget h3,
+       .primary-sidebar .widget h3 {
+               font-size: 16px;
+               line-height: 1.5;
+       }
+
+       .footer-sidebar .widget h4,
+       .primary-sidebar .widget h4 {
+               font-size: 14px;
+               line-height: 1.7142857142;
+       }
+
+       .footer-sidebar .widget h5,
+       .primary-sidebar .widget h5 {
+               font-size: 12px;
+               line-height: 2;
+       }
+
+       .footer-sidebar .widget h6,
+       .primary-sidebar .widget h6 {
+               font-size: 11px;
+               line-height: 2.1818181818;
+       }
+
+       .footer-sidebar .widget code,
+       .footer-sidebar .widget kbd,
+       .footer-sidebar .widget tt,
+       .footer-sidebar .widget var,
+       .footer-sidebar .widget samp,
+       .footer-sidebar .widget pre,
+       .primary-sidebar .widget code,
+       .primary-sidebar .widget kbd,
+       .primary-sidebar .widget tt,
+       .primary-sidebar .widget var,
+       .primary-sidebar .widget samp,
+       .primary-sidebar .widget pre {
+               font-size: 10px;
+               line-height: 1.8;
+       }
+
+       .footer-sidebar .widget blockquote,
+       .primary-sidebar .widget blockquote {
+               font-size: 14px;
+               line-height: 1.2857142857;
+       }
+
+       .footer-sidebar .widget blockquote cite,
+       .primary-sidebar .widget blockquote cite {
+               font-size: 11px;
+               line-height: 1.6363636363;
+       }
+
+       .footer-sidebar .widget .widget-title,
+       .primary-sidebar .widget .widget-title {
+               font-size: 11px;
</ins><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><span class="cx"> 
</span><ins>+       .footer-sidebar .widget_twentyfourteen_ephemera .entry-title,
+       .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta,
+       .footer-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
+       .footer-sidebar .widget_twentyfourteen_ephemera .more-link,
+       .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
+       .footer-sidebar .widget_twentyfourteen_ephemera .entry-content table,
+       .primary-sidebar .widget_twentyfourteen_ephemera .entry-title,
+       .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta,
+       .primary-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
+       .primary-sidebar .widget_twentyfourteen_ephemera .more-link,
+       .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
+       .primary-sidebar .widget_twentyfourteen_ephemera .entry-content table {
+               font-size: 11px;
+               line-height: 1.6363636363;
+       }
+
+       .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">   #supplementary {
</span><span class="cx">          padding: 0;
</span><span class="cx">  }
</span><span class="lines">@@ -3364,15 +3609,6 @@
</span><span class="cx">          line-height: 1.6363636363;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       .site-footer .widget {
-               -webkit-box-sizing: border-box;
-               -moz-box-sizing:    border-box;
-               box-sizing:         border-box;
-               float: left;
-               padding: 0 30px;
-               width: 25%;
-       }
-
</del><span class="cx">   .featured-content {
</span><span class="cx">          padding-left: 182px;
</span><span class="cx">  }
</span><span class="lines">@@ -3447,15 +3683,19 @@
</span><span class="cx">          padding-left: 222px;
</span><span class="cx">  }
</span><span class="cx"> 
</span><del>-       #secondary,
-       .secondary-navigation ul ul {
</del><ins>+        #secondary {
</ins><span class="cx">           width: 162px;
</span><span class="cx">  }
</span><span class="cx"> 
</span><ins>+       .secondary-navigation,
</ins><span class="cx">   .secondary-navigation ul ul {
</span><del>-               left: 162px;
</del><ins>+                width: 222px;
</ins><span class="cx">   }
</span><span class="cx"> 
</span><ins>+       .secondary-navigation ul ul {
+               left: 202px;
+       }
+
</ins><span class="cx">   .slider .featured-content .entry-title {
</span><span class="cx">          font-size: 33px;
</span><span class="cx">  }
</span><span class="lines">@@ -3479,8 +3719,8 @@
</span><span class="cx">  }
</span><span class="cx"> 
</span><span class="cx">  .slider-control-paging a:before {
</span><ins>+               top: 6px;
</ins><span class="cx">           left: 6px;
</span><del>-               top: 6px;
</del><span class="cx">   }
</span><span class="cx"> }
</span><span class="cx"> 
</span></span></pre>
</div>
</div>

</body>
</html>