From 72763d7b2487971a488b27712d5c9639ae4d0c25 Mon Sep 17 00:00:00 2001
From: Grimur <grimur@grimur.net>
Date: Mon, 13 Aug 2018 22:55:15 +0000
Subject: [PATCH] featured_albums, featured_essays, easier to show/hide
 sections on front page, made loading spinner more visible, featured_image in
 essays made nicer on mobile

Added featured_albums to front page
Added featured_essays to front_page
Loading spinner made more visible
Featured image in essay page made nicer on both desktop and mobile
And some more clearing up...
---
 album.lens                                    |   11 +-
 contents.lens                                 |   17 +-
 css/css.css                                   | 1421 ++++++++++++++++
 css/settings.css.lens                         | 1434 ++++++++++++++++-
 essay.lens                                    |   71 +-
 inc/album/featured_album-grid-front.html      |   14 +
 inc/content/content-sidebar.html              |   17 +-
 inc/essay/essay-nav.html                      |   12 +-
 .../featured_essay-grid-pillar-front.html     |   22 +
 inc/footer/footer-2-columns.html              |   24 +-
 inc/index/sections_only.html                  |   69 -
 inc/index/slideshow_only.html                 |   26 -
 inc/index/slideshow_sections.html             |   92 --
 inc/nav/nav-overlay-right.html                |    2 +-
 inc/pillar_featured_album_front.html          |    6 +
 inc/pillar_featured_essay_front.html          |    6 +
 index.lens                                    |  137 +-
 info.json                                     |  163 +-
 js/nprogress.js                               |  490 ++++++
 js/pillar.js                                  |   29 +-
 settings.css.lens                             |    1 +
 21 files changed, 3726 insertions(+), 338 deletions(-)
 create mode 100644 css/css.css
 create mode 100644 inc/album/featured_album-grid-front.html
 create mode 100644 inc/essay/featured_essay-grid-pillar-front.html
 delete mode 100644 inc/index/sections_only.html
 delete mode 100644 inc/index/slideshow_only.html
 delete mode 100644 inc/index/slideshow_sections.html
 create mode 100644 inc/pillar_featured_album_front.html
 create mode 100644 inc/pillar_featured_essay_front.html
 create mode 100644 js/nprogress.js
 create mode 100644 settings.css.lens

diff --git a/album.lens b/album.lens
index 0498319..d74764e 100644
--- a/album.lens
+++ b/album.lens
@@ -32,25 +32,26 @@
     <div class="container-grid">
       <div class="col-lg-12 text-xs-center">
         <koken:if true="settings.show_header">
-          <h4 class="m-t-0 text-title">{{ album.title }}</h4>
+          <h4 class="m-t-0 m-b-0 text-title">{{ album.title }}</h4>
         </koken:if>
 
+        <koken:if true="settings.show_content_count"><span><i class="fa fa-image"></i> {{ album.counts.total }}</span></koken:if>
+
         <koken:if true="settings.show_album_time">
           <span><i class="fa fa-clock-o"></i> <koken:time relative="true" /></span>
-          <span><i class="fa fa-image"></i> {{ album.counts.total }}</span>
         </koken:if>
 
         <koken:if true="settings.show_album_download">
           <koken:album_download>
-            <p>
+            <div>
               <i class="fa fa-download"></i>
               <koken:link title="{{ language.download }}">{{ album_download.title }}</koken:link>
-            </p>
+            </div>
           </koken:album_download>
         </koken:if>
 
         <koken:if true="settings.show_album_description">
-          <p>{{ album.description|album.summary paragraph="true" }}</p>
+          <div>{{ album.description|album.summary paragraph="true" }}</div>
         </koken:if>
 
         <p>
diff --git a/contents.lens b/contents.lens
index 69293de..da03d48 100644
--- a/contents.lens
+++ b/contents.lens
@@ -1,16 +1,21 @@
 <koken:include file="inc/header.html" />
 <koken:include file="inc/nav.html" />
 <div id="top">
+  <div class="col-lg-12 text-xs-center">
     <koken:if true="settings.show_header">
-        <div class="col-lg-12 text-xs-center">
-            <h4 class="m-t-0 text-title">{{ language.content }}</h4>
-        </div>
+      <h4 class="m-t-0 m-b-0 text-title">{{ language.content }}</h4>
     </koken:if>
+    <koken:if true="settings.show_content_count">
+      <div class="m-b-3"><i class="fa fa-image"></i>
+        <koken:load source="contents">{{ content.counts.total }}</koken:load>
+      </div>
+    </koken:if>
+  </div>
 
-    <koken:load limit="50" infinite="true">
+  <koken:load limit="50" infinite="true">
     <koken:include file="inc/content/content_pillar_grid.html" />
-    </koken:load>
-    <koken:include file="inc/loading.html" />
+  </koken:load>
+  <koken:include file="inc/loading.html" />
 </div>
 </div>
 <koken:include file="inc/footer.html" />
diff --git a/css/css.css b/css/css.css
new file mode 100644
index 0000000..b477be1
--- /dev/null
+++ b/css/css.css
@@ -0,0 +1,1421 @@
+@charset "UTF-8";
+@import url(css/fonts_body/[$body_font].css);
+@import url(css/fonts_site_title/[$site_title_font].css);
+* {
+  box-sizing: border-box
+}
+
+ul ul a.k-nav-current {
+  margin-left: [$nav_indent]px;
+  text-indent: 0
+}
+
+ul ul {
+  margin-left: [$nav_indent]px
+}
+
+@media screen and (min-width:800px) {
+  .album-list {
+    max-height: 35%;
+    max-height: 35vh;
+    overflow: hidden;
+    overflow-y: auto
+  }
+}
+
+::-webkit-scrollbar {
+  width: 8px
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 0;
+  background-color: [$scrollbar_track_bg]
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 0;
+  background-color: [$scrollbar_thumb_bg]
+}
+
+#slideshow {
+  position: relative;
+  height: 100vh;
+  overflow: hidden;
+  padding: [$slideshow_padding]px
+}
+
+a.dropdown-item, .dropdown-item {
+  background-color: [$dropdown_bg];
+  color: [$dropdown_color];
+  border-radius: 0 !important;
+  border: 0
+}
+
+a.dropdown-item:hover, .dropdown-item:hover {
+  background-color: [$dropdown_hover_bg];
+  color: [$dropdown_hover_color]
+}
+
+.dropdown-header {
+  color: [$dropdown_header_color];
+  background-color: [$dropdown_bg];
+  margin-bottom: 0
+}
+
+.dropdown-menu:last-child {
+  padding-bottom: 0;
+  border-bottom: [$btn_border_color]
+}
+
+.dropdown-menu:first-child {
+  padding-top: 0 !important
+}
+
+.dropdown-menu {
+  border-radius: 0;
+  border: 0;
+  background-color: [$dropdown_bg]
+}
+
+@media screen and (min-width:800px) {
+  .dropdown-menu {
+    border-radius: 0;
+    border: 0;
+    background-color: [$dropdown_bg];
+    max-height: 75%;
+    max-height: 75vh;
+    overflow: hidden;
+    overflow-y: auto
+  }
+}
+
+.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
+    color: [$tab_active_color];
+    background-color: transparent;
+    border-color: [$tab_active_bg] [$tab_active_bg] [$tab_active_bg];
+}
+
+.nav-tabs:hover {
+  border-color: [$tab_active_bg] [$tab_active_bg] [$tab_active_bg];
+}
+
+.nav-tabs .nav-link {
+    display: block;
+    padding: .5em 1em;
+    border: 1px solid transparent;
+    border-top-right-radius: .25rem;
+    border-top-left-radius: .25rem;
+}
+
+.nav-tabs {
+    border-bottom: 1px solid [$tab_active_bg];
+}
+
+#content {
+  background-color: [$content_bg];
+  padding-bottom: 0
+}
+
+#album {
+  background-color: [$album_bg];
+  padding-bottom: 0
+}
+
+#essay {
+  background-color: [$essay_bg];
+  padding-bottom: 0
+}
+
+#favorites {
+  background-color: [$favorites_bg];
+  padding-bottom: 0
+}
+
+.site-logo {
+  transition: all .5s ease;
+  max-width: 83ch;
+  position: [$site_logo_pos];
+  top: 0;
+  left: 0;
+  text-transform: normal;
+  color: [$logo_text_color];
+  text-shadow: 2px 2px 2px [$logo_text_shadow_color];
+  font-size: 24px;
+  z-index: 1031;
+  background: [$logo_bg];
+  padding: 10px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  border-bottom-right-radius: 3px;
+  -webkit-border-bottom-right-radius: 3px
+}
+
+#ss_spinner_infinite {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 2.188rem 2.188rem;
+  background-image: url(css/spinners/loader2.svg);
+  width: 2.688rem;
+  height: 2.688rem;
+  margin-left: -12px;
+  z-index: 999;
+  opacity: 1;
+  -webkit-transition: opacity .5s;
+  transition: opacity .5s
+}
+
+#ss_spinner {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 2.188rem 2.188rem;
+  background-image: url(css/spinners/loader2.svg);
+  background-color: rgba(255, 255, 255, 0);
+  width: 2.688rem;
+  height: 2.688rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -12px;
+  z-index: 999;
+  opacity: 0;
+  -webkit-transition: opacity .5s;
+  transition: opacity .5s
+}
+
+#ss_spinner.loading {
+  opacity: 1
+}
+
+.loading {
+  position: fixed;
+  z-index: 9999;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  padding: 20px
+}
+
+.k-content-caption, .k-content.title {
+  display: block
+}
+
+ul.btn-block li a {
+  display: block;
+  font-size: [$font_size_links]rem
+}
+
+ul.btn-block li a:hover {
+  font-size: [$font_size_links]rem
+}
+
+.btn {
+  margin-bottom: 3px
+}
+
+.btn, a.btn, .btn a, button, button a {
+  background-color: [$btn_bg];
+  border: 1px solid [$btn_border_color];
+  color: [$btn_color];
+  border-radius: 0
+}
+
+.dropdown-toggle.dropdown-toggle-split {
+  border-color: [$btn_border_color]
+}
+
+.btn a:hover, button:hover, button a:hover, a.btn:hover {
+  color: [$btn_hover_color];
+  background-color: [$btn_hover_bg];
+  border: 1px solid [$btn_border_hover_color];
+  font-size: 16px
+}
+
+header, header .header-content {
+  position: relative;
+  width: 100%;
+  text-align: left
+}
+
+.section-fill-height {
+  display: flex;
+  height: 100%;
+  align-items: center
+}
+
+#img_canvas img {
+  max-height: auto
+}
+
+#top {
+  padding-top: 80px
+}
+
+a.nav-link.nav-item {
+  display: table-cell
+}
+
+img.k-lazy-loading, #kgrid.kgrid_item_content img.k-lazy-loading, #kgrid.kgrid_item_album img.k-lazy-loading, #kgrid.kgrid_item_fav img.k-lazy-loading, #kgrid.kgrid_item_essay img.k-lazy-loading {
+  background: url(css/spinners/loader2.svg) center center no-repeat;
+  background-size: 32px 32px
+}
+
+#loader .k-lazy-loading, .k-source-content .content img.k-lazy-loading {
+  background-position: center center;
+  background-size: 32px 32px
+}
+
+.banner-photo {
+  object-fit: cover;
+  min-width: 100%;
+  max-width: 100%;
+  max-height: 400px;
+  min-height: 400px;
+  object-fit: cover;
+  background-position: center center
+}
+
+.list-style-menu {
+  list-style-type: none
+}
+
+ul.k-nav-list.k-nav-root.list-style-menu li a {
+  display: block;
+  width: 100%;
+  padding-left: 0
+}
+
+.k-search input {
+  margin: 0;
+  display: inline;
+  background-color: [$input_bg];
+  padding: 8px;
+  color: [$input_color]
+}
+
+input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, input {
+  color: [$input_color];
+  font-size: inherit !important;
+  padding: 6px 10px;
+  background-color: [$input_bg_color];
+  border: 1px solid [$input_border_color];
+  margin-bottom: 20px;
+  border-radius: 0;
+  display: block;
+  font-family: inherit !important;
+  padding: .5em;
+  height: auto;
+  width: 100%;
+  -webkit-appearance: none;
+  box-sizing: border-box
+}
+
+button, html input[type=button], input[type=reset], input[type=submit] {
+  margin-top: 20px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  padding: 10px
+}
+
+body, html {
+  width: 100%;
+  height: 100%
+}
+
+body {
+  background-color: [$body_bg];
+  color: [$body_color];
+  webkit-tap-highlight-color: #222;
+  top: 0
+}
+
+li.list-group-item {
+  border: 0;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  text-indent: 0;
+  max-width: 180px;
+  margin: auto;
+  text-align: left
+}
+
+#list-group-date {
+  float: right
+}
+
+hr {
+  border-width: 3px;
+  opacity: .08;
+  margin-top: 0;
+  margin-bottom: 25px
+}
+
+hr.transparent {
+  border-color: transparent;
+  margin-top: 10px;
+  margin-bottom: 10px
+}
+
+hr.light {
+  border-color: #fff;
+  opacity: 1
+}
+
+hr.primary {
+  border-color: #007fff;
+  opacity: 1;
+  max-width: 120px
+}
+
+hr.c {
+  border-color: #ccc;
+  opacity: .3;
+  width: 100%
+}
+
+.modal-header .close, .modal-header a.close {
+  margin-top: -13px;
+  margin-right: -5px;
+  color: [$modal_close_color];
+  font-size: 24px
+}
+
+.modal-header a.close:hover {
+  color: [$modal_close_hover_color];
+  font-size: 24px
+}
+
+.close {
+  text-shadow: none !important;
+  font-size: 24px
+}
+
+.modal-header {
+  max-height: 44px !important;
+  border-bottom: 1px solid [$btn_border_color]
+}
+
+a, a:link, a:visited, a.close {
+  color: [$link_color];
+  -webkit-transition: all .35s;
+  -moz-transition: all .35s;
+  transition: all .35s;
+  font-size: 16px
+}
+
+a:focus, a:hover, .close:hover, a.close:hover {
+  color: [$link_color_hover];
+  outline: 0;
+  text-decoration: none;
+  font-size: 16px
+}
+
+.close {
+  opacity: 1
+}
+
+.col-md-8 p, .col-md-8 p a, .col-md-8 p a:hover {
+  font-size: [$font_size]rem;
+  line-height: 1.7;
+  margin-bottom: 20px
+}
+
+.wide-space {
+  letter-spacing: 1.6px
+}
+
+.icon-lg {
+  font-size: 50px;
+  line-height: 18px
+}
+
+.padding-0 {
+  padding: 0
+}
+
+.padding-5 {
+  padding: 5px
+}
+
+.padding-10 {
+  padding: 10px
+}
+
+.padding-20 {
+  padding: 20px
+}
+
+.pb-0 {
+  padding-bottom: 0
+}
+
+.pt-0 {
+  padding-top: 0
+}
+
+.pl-0 {
+  padding-left: 0
+}
+
+.pr-0 {
+  padding-right: 0
+}
+
+.pb-5 {
+  padding-bottom: 5px
+}
+
+.pt-5 {
+  padding-top: 5
+}
+
+.pl-5 {
+  padding-left: 5px
+}
+
+.pr-5 {
+  padding-right: 5px
+}
+
+.pb-10 {
+  padding-bottom: 10px
+}
+
+.pt-10 {
+  padding-top: 10px
+}
+
+.pl-10 {
+  padding-left: 10px
+}
+
+.pr-10 {
+  padding-right: 10px
+}
+
+.margin-5 {
+  margin: 5px
+}
+
+.margin-10 {
+  margin: 10px
+}
+
+.margin-0 {
+  margin: 0
+}
+
+.margin-bottom-5 {
+  margin-bottom: 5px
+}
+
+.margin-bottom-10 {
+  margin-bottom: 10px
+}
+
+.margin-bottom-20 {
+  margin-bottom: 20px
+}
+
+.text-title {
+  color: [$text_title];
+  margin-bottom: 2em;
+  line-height: 35px
+}
+
+.text-title a, .text-title a:hover {
+  color: [$text_title]
+}
+
+.text-title {
+  margin-top: 60px
+}
+
+section {
+  padding: 80px 0
+}
+
+aside {
+  padding: 45px 0
+}
+
+.navbar-default {
+  background-color: transparent;
+  -webkit-transition: all .4s;
+  -moz-transition: all .4s;
+  transition: all .4s
+}
+
+@media(max-width:320px) {
+  .site-logo {
+    position: [$site_logo_pos];
+    top: 0;
+    left: 0;
+    text-transform: normal;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-shadow: -4px 2px 6px [$logo_text_shadow_color] !important;
+    max-width: 220px !important;
+    font-size: 36px;
+    z-index: 1031
+  }
+}
+
+@media(max-width:48em) {
+  .g-recaptcha {
+    transform: scale(0.88);
+    -webkit-transform: scale(0.88);
+    transform-origin: 0 0;
+    -webkit-transform-origin: 0 0
+  }
+  .navbar-default .navbar-nav>.nav-item {
+    float: none;
+    margin-left: .1rem
+  }
+  .navbar-default .navbar-nav {
+    float: none !important
+  }
+  .navbar-default .navbar-brand img {
+    display: inline
+  }
+  footer#footer h6 {
+    padding-top: 3em;
+    padding-bottom: 0rem
+  }
+}
+
+@media(min-width:48em) {
+  .navbar-default {
+    border-color: transparent;
+    max-height: 65px
+  }
+  .navbar-brand {
+    padding: 12px
+  }
+  .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
+    color: [$body_color];
+    padding-left: 5px;
+    padding-top: 21px;
+    letter-spacing: 1.1px;
+    float: left;
+    font-size: [$font_size_links]rem
+  }
+  .navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover {
+    color: [$body_color];
+    font-size: [$font_size_links]rem
+  }
+}
+
+header {
+  min-height: auto
+}
+
+.grid-footer {
+  background-color: [$grid_footer_bg];
+  color: [$grid_footer_color];
+  padding: 15px;
+  margin: 0;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: auto;
+  line-height: 30px;
+  width: 100%;
+  font-size: [$grid_footer_font_size]rem
+}
+
+.grid-footer:hover {
+  background-color: [$grid_footer_hover_bg];
+  color: [$grid_footer_hover_color]
+}
+
+header .header-content {
+  padding: 100px 15px;
+  z-index: 2
+}
+
+header .header-content .inner h1 {
+  margin-top: 0;
+  margin-bottom: 0
+}
+
+header .header-content .inner p {
+  margin-bottom: 50px;
+  font-size: [$font_size]rem;
+  font-weight: 300;
+  color: #222
+}
+
+@media(min-width:34em) {
+  .icon-lg {
+    font-size: 80px
+  }
+  header {
+    min-height: 100%
+  }
+  header .header-content {
+    position: absolute;
+    top: 50%;
+    padding: 0 50px;
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%)
+  }
+  header .header-content .inner {
+    margin-right: auto;
+    margin-left: auto;
+    max-width: 1000px
+  }
+  header .header-content .inner h1 {
+    font-size: 53px
+  }
+  header .header-content .inner p {
+    margin-right: auto;
+    margin-left: auto;
+    max-width: 80%
+  }
+  section {
+    min-height: 600px;
+    padding: 50px 0
+  }
+}
+
+textarea {
+  resize: none;
+  height: 200px
+}
+
+.call-to-action h2 {
+  margin: 0 auto 20px
+}
+
+::selection {
+  text-shadow: none;
+  color: #fff;
+  background: #222
+}
+
+img::selection {
+  color: #fff;
+  background: 0
+}
+
+img::-moz-selection {
+  color: #fff;
+  background: 0
+}
+
+.essay-grid {
+  border: 0
+}
+
+.bg-nav.scrolled {
+  background-color: rgba(211, 211, 211, 0.85);
+  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  box-shadow: 0 4px 4px rgba(0, 0, 0, .4)
+}
+
+#collapsingNavbar {
+  position: relative;
+  top: -5px
+}
+
+.bg-nav {
+  background-color: rgba(211, 211, 211, 0);
+  box-shadow: none
+}
+
+.banner-photo-set {
+  display: inline-block;
+  width: 25%;
+  max-height: 400px;
+  min-height: 200px;
+  object-fit: cover
+}
+
+.about-text {
+  font-weight: 400
+}
+
+#loading {
+  background: url(css/spinners/loader2.svg) center center no-repeat;
+  background-size: 24px 24px
+}
+
+.dropdown-item {
+  font-weight: 400 !important
+}
+
+.k-pulse-button-disabled {
+  opacity: .3
+}
+
+@media(min-width:992px) {
+  .text-title {
+    white-space: nowrap;
+    overflow: hidden;
+    line-height: 50px
+  }
+  .text-title:before, .text-title:after {
+    background-color: [$text_title];
+    content: "";
+    display: inline-block;
+    height: 4px;
+    position: relative;
+    vertical-align: middle
+  }
+  .text-title:before {
+    right: .3em;
+    width: 25px
+  }
+  .text-title:after {
+    left: .3em;
+    width: 25px
+  }
+}
+
+a.dropdown-item {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap
+}
+
+.k-search input {
+  outline: 0
+}
+
+.timeline_icon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 11px;
+  display: inline-block;
+  background-color: [$timeline_icon_bg];
+  color: [$timeline_icon_color];
+  z-index: 999
+}
+
+.timeline_icon:hover {
+  background-color: [$timeline_icon_hover_bg];
+  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  color: [$timeline_icon_hover_color]
+}
+
+.timeline_time {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 11px;
+  background-color: [$grid_footer_bg];
+  color: [$grid_footer_color];
+  display: inline-block;
+  float: right;
+  z-index: 997
+}
+
+.timeline-filter a {
+  margin-left: auto;
+  margin-right: auto
+}
+
+.timeline-filter li {
+  padding-bottom: 10px
+}
+
+.timeline-filter {
+  text-align: left;
+  display: inline-block
+}
+
+label {
+  margin-top: 20px;
+  margin-bottom: 5px
+}
+
+.btn.navbar-toggle.collapsed {
+  background-color: [$btn_bg];
+  color: [$btn_color];
+  outline: 0;
+  border-radius: 0;
+  border: 1px solid [$btn_border_color]
+}
+
+.btn.navbar-toggle.collapsed:hover {
+  background-color: [$btn_hover_bg];
+  outline: 0;
+  color: [$btn_hover_color];
+  border: 1px solid [$btn_border_hover_color]
+}
+
+.nav-button-scrolled {
+  position: fixed;
+  top: 0;
+  right: 0;
+  border-radius: 0
+}
+
+ul.list-unstyled li {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap
+}
+
+.menu-title {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 0
+}
+
+.k-list-item .modal-body {
+  z-index: 2
+}
+
+.ScrollTop {
+  z-index: 999
+}
+
+.ScrollTop .btn {
+  background-color: [$btn_bg] !important;
+  border: 1px solid [$btn_border_color];
+  color: [$btn_color] !important
+}
+
+.ScrollTop .btn:hover {
+  background-color: [$btn_hover_bg] !important;
+  border: 1px solid [$btn_border_hover_color];
+  color: [$btn_hover_color] !important
+}
+
+blockquote, blockquote.blockquote {
+  color: [$body_color];
+  font-style: italic;
+  margin: 30px;
+  padding: 30px;
+  border-left: 3px solid [$body_color]
+}
+
+blockquote:first-letter {
+  font-size: [$font_size_bquote]%
+}
+
+pre {
+  font: 100% courier, monospace;
+  border: 0;
+  overflow: auto;
+  overflow-x: auto;
+  width: 90%;
+  padding: 0 1em 1em 1em;
+  margin: 1em auto 1em auto;
+  color: [$body_color];
+  border-radius: 0;
+  background: [$body_bg]
+}
+
+code {
+  font-size: 120%
+}
+
+body.modal-open {
+  padding-right: 0 !important;
+  overflow: hidden !important
+}
+
+.modal-backdrop {
+  opacity: .92 !important;
+  width: 100%;
+  height: 100%
+}
+
+.modal-header {
+  background-color: [$nav_header_bg] !important;
+  max-height: 60px
+}
+
+.modal-content {
+  -webkit-border-radius: 0 !important;
+  -moz-border-radius: 0 !important;
+  border-radius: 0 !important;
+  background-color: [$nav_body_bg] !important
+}
+
+#nprogress {
+  pointer-events: none
+}
+
+#nprogress .bar {
+  visibility: [$show_loadbar];
+  background-color: [$loading_color];
+  position: fixed;
+  z-index: 1031;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: [$loadbar_height]px
+}
+
+#nprogress .peg {
+  visibility: [$show_spinner];
+  position: absolute;
+  right: 0;
+  width: 100px;
+  height: 100%;
+  opacity: 1.0;
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+  -ms-transform: rotate(3deg) translate(0px, -4px);
+  transform: rotate(3deg) translate(0px, -4px)
+}
+
+#nprogress .spinner {
+  visibility: [$show_spinner];
+  position: fixed;
+  z-index: 1031;
+  bottom: 0;
+  left: 0;
+  margin: 20px;
+  background-color: [$spinner_bg_color];
+  padding: 10px;
+  -webkit-box-shadow: 0 1px 9px 0 rgba(50, 50, 50, 0.75);
+  -moz-box-shadow: 0 1px 9px 0 rgba(50, 50, 50, 0.75);
+  box-shadow: 0 1px 9px 0 rgba(50, 50, 50, 0.75);
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%
+}
+
+#nprogress .spinner-icon {
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+  border: solid 2px transparent;
+  border-top-color: [$loading_color];
+  border-left-color: [$loading_color];
+  border-radius: 50%;
+  -webkit-animation: nprogress-spinner 400ms linear infinite;
+  animation: nprogress-spinner 400ms linear infinite
+}
+
+.nprogress-custom-parent {
+  overflow: hidden;
+  position: relative
+}
+
+.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
+  position: absolute
+}
+
+@-webkit-keyframes nprogress-spinner {
+  0% {
+    -webkit-transform: rotate(0deg)
+  }
+  100% {
+    -webkit-transform: rotate(360deg)
+  }
+}
+
+@keyframes nprogress-spinner {
+  0% {
+    transform: rotate(0deg)
+  }
+  100% {
+    transform: rotate(360deg)
+  }
+}
+
+.k-contact-form-success:before {
+  content: '✔';
+  margin-right: 6px
+}
+
+.k-contact-form-required-field label:after {
+  content: '*';
+  color: red
+}
+
+.k-content-form-processing {
+  opacity: .5
+}
+
+.k-content-form-processing button[type=submit] {
+  pointer-events: none !important
+}
+
+.k-contact-form-error label:after {
+  position: relative;
+  right: 0;
+  color: red;
+  content: "This field is required";
+  display: block
+}
+
+.k-contact-form-error input[type=color], .k-contact-form-error input[type=date], .k-contact-form-error input[type=datetime-local], .k-contact-form-error input[type=datetime], .k-contact-form-error input[type=email], .k-contact-form-error input[type=month], .k-contact-form-error input[type=number], .k-contact-form-error input[type=password], .k-contact-form-error input[type=search], .k-contact-form-error input[type=tel], .k-contact-form-error input[type=text], .k-contact-form-error input[type=time], .k-contact-form-error input[type=url], .k-contact-form-error input[type=week], .k-contact-form-error textarea {
+  border-color: red
+}
+
+footer, footer#footer {
+  padding: 40px 45px 45px;
+  background-color: [$footer_bg];
+  color: [$footer_color] !important
+}
+
+footer h6:after {
+  content: '';
+  border-bottom: [$footer_header_border_width]px solid [$footer_header_border_color];
+  display: block;
+  max-width: [$footer_header_max_width]px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 5px;
+  margin-bottom: 50px
+}
+
+input::placeholder {
+  color: [$input_color]
+}
+
+@keyframes spinner {
+  to {
+    transform: rotate(360deg)
+  }
+}
+
+.spinner:before {
+  content: '';
+  box-sizing: border-box;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+  border-radius: 50%;
+  border-top: 2px solid [$loading_color];
+  border-right: 2px solid transparent;
+  animation: spinner .3s linear infinite
+}
+
+.container-grid {
+  max-width: 100%;
+  margin: 0 auto;
+  padding: 0
+}
+
+.container-fluid {
+  padding: 0
+}
+
+.arrow-animate {
+  -webkit-animation: bounce 5s infinite;
+  animation: bounce 5s infinite
+}
+
+@keyframes spinner {
+  to {
+    transform: rotate(360deg)
+  }
+}
+
+.spinner:before {
+  content: '';
+  box-sizing: border-box;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+  border-radius: 50%;
+  border-top: 2px solid [$loading_color];
+  border-right: 2px solid transparent;
+  animation: spinner .3s linear infinite
+}
+
+.button_down {
+  position: absolute;
+  right: 0;
+  z-index: 10;
+  border-radius: 0 !important;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%)
+}
+
+@media screen and (max-width:34em) {
+  .button_down {
+    margin-bottom: 90px
+  }
+  .no-padding {
+    margin-left: -24px;
+    margin-right: -24px
+  }
+}
+
+.container-grid {
+  padding-left: 0;
+  padding-right: 0;
+  margin: 0 auto
+}
+
+.essay-image-full {
+  width: 100%;
+  height: 300px;
+  background-size: cover;
+  position: relative;
+  background-position: 50% 50%;
+  background-repeat: no-repeat no-repeat
+}
+
+a.k-nav-current {
+  color: [$link_color_active];
+  text-decoration: underline
+}
+
+.k-source-essay p+ul, .k-source-page p+ul {
+  list-style-type: disc;
+  list-style-position: inside
+}
+
+.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
+  margin-left: -0.6px
+}
+
+.card {
+  position: relative;
+  display: block;
+  background-color: [$card_bg_color];
+  border-radius: 0;
+  border: 0;
+  margin: [$card_spacing]px
+}
+
+#content-container img {
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in
+}
+
+.k-content img {
+  max-width: 100%
+}
+
+#kgrid_content {
+  margin: 0 auto
+}
+
+#kgrid_content:after {
+  content: "\0020";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  padding-bottom: [$footer_height]px
+}
+
+.kgrid_item {
+  position: relative;
+  display: none;
+  overflow: hidden
+}
+
+.kgrid_item img {
+  width: 100%;
+  max-width: 100%;
+  display: none
+}
+
+.kgrid_item img.k-lazy-loaded {
+  height: auto
+}
+
+.pillar .kgrid_item, .pillar .kgrid_item img {
+  display: block
+}
+
+.kgrid_item a {
+  display: block;
+  border: 0;
+  padding: 0;
+  margin: 0
+}
+
+.container-grid [class*="col-"], .container-fluid [class*="col-"] {
+  padding: 0;
+  margin: 0
+}
+
+a.k-link-lightbox {
+  cursor: zoom-in
+}
+
+.kgrid_item img {
+  -webkit-transform: scale(1);
+  transform: scale(1);
+  -webkit-transition: .3s ease-in-out;
+  transition: .3s ease-in-out;
+  -webkit-backface-visibility: hidden;
+  -ms-transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+  -webkit-transform: translateZ(0)
+}
+
+.kgrid_item:hover img {
+  -webkit-transform: rotate(-2.5deg) scale(1.2);
+  transform: rotate(-2.5deg) scale(1.2);
+  -webkit-transform-style: preserve-3d;
+  -webkit-backface-visibility: hidden
+}
+
+.essay_thumb_bg {
+  background-color: [$essay_thumb_bg];
+  padding: 10px
+}
+
+body, html, p {
+  font_size: [$font_size]rem
+}
+
+h1 {
+  font-size: [$font_size_h1]em
+}
+
+h2 {
+  font-size: [$font_size_h2]em
+}
+
+h3 {
+  font-size: [$font_size_h3]em
+}
+
+h4 {
+  font-size: [$font_size_h4]em
+}
+
+h5 {
+  font-size: [$font_size_h5]em
+}
+
+h6 {
+  font-size: [$font_size_h6]em
+}
+
+.text-title a {
+  font-size: [$header_title_font_size]rem
+}
+
+h2.social_icons a, h2.social_icons a:hover {
+  font-size: [$font_size_social]rem
+}
+
+.fa.fa-share, .fa.fa-star {
+  font-size: 14px !important;
+  text-rendering: geometricPrecision
+}
+
+.fa.fa-bars {
+  font-size: 24px;
+  text-rendering: geometricPrecision
+}
+
+@media(min-width:960px) {
+  section#content {
+    padding-right: 0
+  }
+  section#favorites {
+    padding-left: 0
+  }
+}
+
+div[data-pulse-group] div.cover div {
+  top: 50px !important
+}
+
+.k-video {
+  padding-top: 10px;
+  padding-bottom: 10px
+}
+
+#content-container img {
+  max-height: calc(90vh - 120px)
+}
+
+h5.menu-header {
+  padding-top: 15px;
+  padding-bottom: 5px
+}
+
+h5.menu-header:after {
+  content: "";
+  text-align: left;
+  display: block;
+  width: 50px;
+  border-bottom: 1px solid;
+  margin-top: 6px
+}
+
+.parallax {
+  height: 100%;
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover
+}
+
+@media(max-width:480px) {
+  .banner-photo {
+    object-fit: cover;
+    min-width: 100%;
+    max-width: 100%;
+    max-height: 400px;
+    min-height: 200px;
+    background-position: center center
+  }
+}
+
+@media(max-width:768px) {
+  .timeline-photo {
+    object-fit: cover;
+    object-position: top center;
+    width:100vw;
+    height:150px;
+  }
+}
+
+.img-rounded, .k-content img {
+  border-radius: .45rem !important
+}
+
+.footer_essay_list:nth-child(2n+1) {
+  background-color: [$btn_bg];
+  color: [$btn_color]
+}
+
+.footer_essay_list a {
+  display: block;
+  width: 100%
+}
+
+.footer_essay_list a.k-nav-current {
+  text-decoration: none;
+  font-weight: bold
+}
+
+.footer_essay_list {
+  word-break: break-word;
+  padding: 5px
+}
+
+@media(min-width:769px) {
+  .timeline-photo {
+    object-fit: cover;
+    width: 100%;
+    margin-bottom: 10px;
+    height: 400px;
+  }
+}
diff --git a/css/settings.css.lens b/css/settings.css.lens
index eca1c6e..3cb7cd1 100644
--- a/css/settings.css.lens
+++ b/css/settings.css.lens
@@ -1 +1,1433 @@
-@charset "UTF-8";@import url(css/fonts_body/[$body_font].css);@import url(css/fonts_site_title/[$site_title_font].css);*{box-sizing:border-box}ul ul a.k-nav-current{margin-left:[$nav_indent]px;text-indent:0}ul ul{margin-left:[$nav_indent]px}@media screen and (min-width:800px){.album-list{max-height:35%;max-height:35vh;overflow:hidden;overflow-y:auto}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:0;background-color:[$scrollbar_track_bg]}::-webkit-scrollbar-thumb{border-radius:0;background-color:[$scrollbar_thumb_bg]}#slideshow{position:relative;height:100vh;overflow:hidden;padding:[$slideshow_padding]px;}a.dropdown-item,.dropdown-item{background-color:[$dropdown_bg];color:[$dropdown_color];border-radius:0!important;border:0}a.dropdown-item:hover,.dropdown-item:hover{background-color:[$dropdown_hover_bg];color:[$dropdown_hover_color]}.dropdown-header{color:[$dropdown_header_color];background-color:[$dropdown_bg];margin-bottom:0}.dropdown-menu:last-child{padding-bottom:0;border-bottom:[$btn_border_color]}.dropdown-menu:first-child{padding-top:0!important}.dropdown-menu{border-radius:0;border:0;background-color:[$dropdown_bg]}@media screen and (min-width:800px){.dropdown-menu{border-radius:0;border:0;background-color:[$dropdown_bg];max-height:75%;max-height:75vh;overflow:hidden;overflow-y:auto}}.nav-tabs .nav-link{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;padding:.1em 1em;border:0}.nav-tabs{border:0}.nav-tabs a.nav-link.active,.nav-tabs a.nav-link.active:hover,ul.nav.nav-tabs.active,ul.nav.nav-tabs.active:hover,a.nav-link.active:hover{border:0;background-color:transparent!important;color:[$tabs_color_active]!important;background-color:[$tab_active_bg]!important;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}.nav-tabs .nav-link{background-color:rgba(0,0,0,0)!important}.tab-content{padding-left:8px;padding:right:8px;padding-top:10px;padding-bottom:10px}#content{background-color:[$content_bg];padding-bottom:0}#album{background-color:[$album_bg];padding-bottom:0}#essay{background-color:[$essay_bg];padding-bottom:0}#favorites{background-color:[$favorites_bg];padding-bottom:0}.site-logo{transition:all .5s ease;max-width:83ch;position:[$site_logo_pos];top:0;left:0;text-transform:normal;color:[$logo_text_color];text-shadow:2px 2px 2px [$logo_text_shadow_color];font-size:24px;z-index:1031;background:[$logo_bg];padding:10px;padding-top:5px;padding-bottom:5px;border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px}#ss_spinner_infinite{background-repeat:no-repeat;background-position:center center;background-size:2.188rem 2.188rem;background-image:url(css/spinners/loader2.svg);width:2.688rem;height:2.688rem;margin-left:-12px;z-index:999;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}#ss_spinner{background-repeat:no-repeat;background-position:center center;background-size:2.188rem 2.188rem;background-image:url(css/spinners/loader2.svg);background-color:rgba(255,255,255,0);width:2.688rem;height:2.688rem;position:absolute;left:50%;top:50%;margin-left:-12px;z-index:999;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}#ss_spinner.loading{opacity:1}.loading{position:fixed;z-index:9999;top:50%;left:0;width:100%;text-align:center;padding:20px}.k-content-caption,.k-content.title{display:block}ul.btn-block li a{display:block;font-size:[$font_size_links]rem}ul.btn-block li a:hover{font-size:[$font_size_links]rem}.btn{margin-bottom:3px}.btn,a.btn,.btn a,button,button a{background-color:[$btn_bg];border:1px solid [$btn_border_color];color:[$btn_color];border-radius:0}.dropdown-toggle.dropdown-toggle-split{border-color:[$btn_border_color]}.btn a:hover,button:hover,button a:hover,a.btn:hover{color:[$btn_hover_color];background-color:[$btn_hover_bg];border:1px solid [$btn_border_hover_color];font-size:16px}header,header .header-content{position:relative;width:100%;text-align:left}.section-fill-height{display:flex;height:100%;align-items:center}#img_canvas img{max-height:auto}#top{padding-top:80px}a.nav-link.nav-item{display:table-cell}img.k-lazy-loading,#kgrid.kgrid_item_content img.k-lazy-loading,#kgrid.kgrid_item_album img.k-lazy-loading,#kgrid.kgrid_item_fav img.k-lazy-loading,#kgrid.kgrid_item_essay img.k-lazy-loading{background:url(css/spinners/loader2.svg) center center no-repeat;background-size:32px 32px}#loader .k-lazy-loading,.k-source-content .content img.k-lazy-loading{background-position:center center;background-size:32px 32px}.banner-photo{object-fit:cover;min-width:100%;max-width:100%;max-height:350px;min-height:350px;object-fit:cover;background-position:center center}.list-style-menu{list-style-type:none}ul.k-nav-list.k-nav-root.list-style-menu li a{display:block;width:100%;padding-left:0}.k-search input{margin:0;display:inline;background-color:[$input_bg];padding:8px;color:[$input_color]}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea,input{color:[$input_color];font-size:inherit!important;padding:6px 10px;background-color:[$input_bg_color];border:1px solid [$input_border_color];margin-bottom:20px;border-radius:0;display:block;font-family:inherit!important;padding:.5em;height:auto;width:100%;-webkit-appearance:none;box-sizing:border-box}button,html input[type=button],input[type=reset],input[type=submit]{margin-top:20px;cursor:pointer;-webkit-border-radius:0;border-radius:0;padding:10px}body,html{width:100%;height:100%}body{background-color:[$body_bg];color:[$body_color];webkit-tap-highlight-color:#222;top:0}li.list-group-item{border:0;padding-top:4px;padding-bottom:4px;text-indent:0;max-width:180px;margin:auto;text-align:left}#list-group-date{float:right}hr{border-width:3px;opacity:.08;margin-top:0;margin-bottom:25px}hr.transparent{border-color:transparent;margin-top:10px;margin-bottom:10px}hr.light{border-color:#fff;opacity:1}hr.primary{border-color:#007fff;opacity:1;max-width:120px}hr.c{border-color:#ccc;opacity:.3;width:100%}.modal-header .close,.modal-header a.close{margin-top:-13px;margin-right:-5px;color:[$modal_close_color];font-size:24px}.modal-header a.close:hover{color:[$modal_close_hover_color];font-size:24px}.close{text-shadow:none!important;font-size:24px}.modal-header{max-height:44px!important;border-bottom:1px solid [$btn_border_color]}a,a:link,a:visited,a.close{color:[$link_color];-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;font-size:16px}a:focus,a:hover,.close:hover,a.close:hover{color:[$link_color_hover];outline:0;text-decoration:none;font-size:16px}.close{opacity:1}p{font-size:[$font_size]rem;line-height:1.7;margin-bottom:20px}.wide-space{letter-spacing:1.6px}.icon-lg{font-size:50px;line-height:18px}.padding-0{padding:0}.padding-5{padding:5px}.padding-10{padding:10px}.padding-20{padding:20px}.pb-0{padding-bottom:0}.pt-0{padding-top:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.pb-5{padding-bottom:5px}.pt-5{padding-top:5}.pl-5{padding-left:5px}.pr-5{padding-right:5px}.pb-10{padding-bottom:10px}.pt-10{padding-top:10px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.margin-5{margin:5px}.margin-10{margin:10px}.margin-0{margin:0}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.text-title{color:[$text_title];margin-bottom:2em;line-height:35px}.text-title a,.text-title a:hover{color:[$text_title]}.text-title{margin-top:60px}section{padding:80px 0}aside{padding:45px 0}.navbar-default{background-color:transparent;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}@media(max-width:320px){.site-logo{position:[$site_logo_pos];top:0;left:0;text-transform:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:-4px 2px 6px [$logo_text_shadow_color]!important;max-width:220px!important;font-size:36px;z-index:1031}}@media(max-width:48em){.g-recaptcha{transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0}.navbar-default .navbar-nav>.nav-item{float:none;margin-left:.1rem}.navbar-default .navbar-nav{float:none!important}.navbar-default .navbar-brand img{display:inline}footer#footer h6{padding-top:3em;padding-bottom:0rem;}}@media(min-width:48em){.navbar-default{border-color:transparent;max-height:65px}.navbar-brand{padding:12px}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:[$body_color];padding-left:5px;padding-top:21px;letter-spacing:1.1px;float:left;font-size:[$font_size_links]rem}.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:[$body_color];font-size:[$font_size_links]rem}}header{min-height:auto}.grid-footer{background-color:[$grid_footer_bg];color:[$grid_footer_color];padding:15px;margin:0;display:block;position:absolute;bottom:0;left:0;height:auto;line-height:30px;width:100%;font-size:[$grid_footer_font_size]rem}.grid-footer:hover{background-color:[$grid_footer_hover_bg];color:[$grid_footer_hover_color]}header .header-content{padding:100px 15px;z-index:2}header .header-content .inner h1{margin-top:0;margin-bottom:0}header .header-content .inner p{margin-bottom:50px;font-size:[$font_size]rem;font-weight:300;color:#222}@media(min-width:34em){.icon-lg{font-size:80px}header{min-height:100%}header .header-content{position:absolute;top:50%;padding:0 50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}header .header-content .inner{margin-right:auto;margin-left:auto;max-width:1000px}header .header-content .inner h1{font-size:53px}header .header-content .inner p{margin-right:auto;margin-left:auto;max-width:80%}section{min-height:600px;padding:50px 0}}textarea{resize:none;height:200px}.call-to-action h2{margin:0 auto 20px}::selection{text-shadow:none;color:#fff;background:#222}img::selection{color:#fff;background:0}img::-moz-selection{color:#fff;background:0}.essay-grid{border:0}.bg-nav.scrolled{background-color:rgba(211,211,211,0.85);-moz-box-shadow:0 4px 4px rgba(0,0,0,.4);-webkit-box-shadow:0 4px 4px rgba(0,0,0,.4);box-shadow:0 4px 4px rgba(0,0,0,.4)}#collapsingNavbar{position:relative;top:-5px}.bg-nav{background-color:rgba(211,211,211,0);box-shadow:none}.banner-photo-set{display:inline-block;width:25%;max-height:250px;min-height:250px;object-fit:cover}.about-text{font-weight:400}#loading{background:url(css/spinners/loader2.svg) center center no-repeat;background-size:24px 24px}.dropdown-item{font-weight:400!important}.k-pulse-button-disabled{opacity:.3}@media(min-width:992px){.text-title{white-space:nowrap;overflow:hidden;line-height:50px}.text-title:before,.text-title:after{background-color:[$text_title];content:"";display:inline-block;height:4px;position:relative;vertical-align:middle}.text-title:before{right:.3em;width:25px}.text-title:after{left:.3em;width:25px}}a.dropdown-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-search input{outline:0}.timeline_icon{position:absolute;top:0;left:0;padding:11px;display:inline-block;background-color:[$timeline_icon_bg];color:[$timeline_icon_color];z-index:999}.timeline_icon:hover{background-color:[$timeline_icon_hover_bg];-moz-box-shadow:0 4px 4px rgba(0,0,0,.4);-webkit-box-shadow:0 4px 4px rgba(0,0,0,.4);box-shadow:0 4px 4px rgba(0,0,0,.4);color:[$timeline_icon_hover_color]}.timeline_time{position:absolute;top:0;right:0;padding:11px;background-color:[$grid_footer_bg];color:[$grid_footer_color];display:inline-block;float:right;z-index:997}.timeline-filter a{margin-left:auto;margin-right:auto}.timeline-filter li{padding-bottom:10px}.timeline-filter{text-align:left;display:inline-block}label{margin-top:20px;margin-bottom:5px}.btn.navbar-toggle.collapsed{background-color:[$btn_bg];color:[$btn_color];outline:0;border-radius:0;border:1px solid [$btn_border_color]}.btn.navbar-toggle.collapsed:hover{background-color:[$btn_hover_bg];outline:0;color:[$btn_hover_color];border:1px solid [$btn_border_hover_color]}.nav-button-scrolled{position:fixed;top:0;right:0;border-radius:0}ul.list-unstyled li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-title{margin-top:5px;margin-bottom:5px;padding:0}.k-list-item .modal-body{z-index:2}.ScrollTop{z-index:999}.ScrollTop .btn{background-color:[$btn_bg]!important;border:1px solid [$btn_border_color];color:[$btn_color]!important}.ScrollTop .btn:hover{background-color:[$btn_hover_bg]!important;border:1px solid [$btn_border_hover_color];color:[$btn_hover_color]!important}blockquote,blockquote.blockquote{color:[$body_color];font-style:italic;margin:30px;padding:30px;border-left:3px solid [$body_color]}blockquote:first-letter {font-size:[$font_size_bquote]%}pre{font:100% courier,monospace;border:0;overflow:auto;overflow-x:auto;width:90%;padding:0 1em 1em 1em;margin:1em auto 1em auto;color:[$body_color];border-radius:0;background:[$body_bg]}code{font-size:120%}body.modal-open{padding-right:0!important;overflow:hidden!important}.modal-backdrop{opacity:.92!important;width:100%;height:100%}.modal-header{background-color:[$nav_header_bg]!important;max-height:60px}.modal-content{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;background-color:[$nav_body_bg]!important}#nprogress{pointer-events:none}#nprogress .bar{visibility:[$show_loadbar];background-color:[$loading_color];position:fixed;z-index:1031;top:0;left:0;width:100%;height:[$loadbar_height]px}#nprogress .peg{visibility:[$show_spinner];position:absolute;right:0;width:100px;height:100%;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{visibility:[$show_spinner];position:fixed;z-index:1031;top:0;left:50%;padding:20px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:[$loading_color];border-left-color:[$loading_color];border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.k-contact-form-success:before{content:'✔';margin-right:6px}.k-contact-form-required-field label:after{content:'*';color:red}.k-content-form-processing{opacity:.5}.k-content-form-processing button[type=submit]{pointer-events:none!important}.k-contact-form-error label:after{position:relative;right:0;color:red;content:"This field is required";display:block}.k-contact-form-error input[type=color],.k-contact-form-error input[type=date],.k-contact-form-error input[type=datetime-local],.k-contact-form-error input[type=datetime],.k-contact-form-error input[type=email],.k-contact-form-error input[type=month],.k-contact-form-error input[type=number],.k-contact-form-error input[type=password],.k-contact-form-error input[type=search],.k-contact-form-error input[type=tel],.k-contact-form-error input[type=text],.k-contact-form-error input[type=time],.k-contact-form-error input[type=url],.k-contact-form-error input[type=week],.k-contact-form-error textarea{border-color:red}footer,footer#footer{padding:40px 45px 45px;background-color:[$footer_bg];color:[$footer_color]!important}footer h6:after{content:'';border-bottom:[$footer_header_border_width]px solid [$footer_header_border_color];display:block;max-width:[$footer_header_max_width]px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:50px}input::placeholder{color:[$input_color]}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border-top:2px solid [$loading_color];border-right:2px solid transparent;animation:spinner .3s linear infinite}.container-grid{max-width:100%;margin:0 auto;padding:0}.container-fluid{padding:0}.arrow-animate{-webkit-animation:bounce 5s infinite;animation:bounce 5s infinite}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border-top:2px solid [$loading_color];border-right:2px solid transparent;animation:spinner .3s linear infinite}.button_down{position:absolute;right:0;z-index:10;border-radius:0!important;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:34em){.button_down{margin-bottom:90px}.no-padding{margin-left:-24px;margin-right:-24px}}.container-grid{padding-left:0;padding-right:0;margin:0 auto}.essay-image-full{width:100%;height:300px;background-size:cover;position:relative;background-position:50% 50%;background-repeat:no-repeat no-repeat}a.k-nav-current{color:[$link_color_active];text-decoration:underline}.k-source-essay p+ul,.k-source-page p+ul{list-style-type:disc;list-style-position:inside}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-0.6px}.card{position:relative;display:block;background-color:[$card_bg_color];border-radius:0;border:0;margin:[$card_spacing]px;}#content-container img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in}.k-content img{max-width:100%}#kgrid_content{margin:0 auto}#kgrid_content:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;padding-bottom:[$footer_height]px}.kgrid_item{position:relative;display:none;overflow:hidden}.kgrid_item img{width:100%;max-width:100%;display:none}.kgrid_item img.k-lazy-loaded{height:auto}.pillar .kgrid_item,.pillar .kgrid_item img{display:block}.kgrid_item a{display:block;border:0;padding:0;margin:0}.container-grid [class*="col-"],.container-fluid [class*="col-"]{padding:0;margin:0}a.k-link-lightbox{cursor:zoom-in}.kgrid_item img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-backface-visibility:hidden;-ms-transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-transform:translateZ(0)}.kgrid_item:hover img{-webkit-transform:rotate(-2.5deg) scale(1.2);transform:rotate(-2.5deg) scale(1.2);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}.essay_thumb_bg{background-color:[$essay_thumb_bg];padding:10px}body,html,p{font_size:[$font_size]rem}h1{font-size:[$font_size_h1]em}h2{font-size:[$font_size_h2]em}h3{font-size:[$font_size_h3]em}h4{font-size:[$font_size_h4]em}h5{font-size:[$font_size_h5]em}h6{font-size:[$font_size_h6]em}.text-title a{font-size:[$header_title_font_size]rem}h2.social_icons a,h2.social_icons a:hover{font-size:[$font_size_social]rem}.fa.fa-share,.fa.fa-star{font-size:14px!important;text-rendering:geometricPrecision}.fa.fa-bars{font-size:24px;text-rendering:geometricPrecision}@media(min-width:960px){section#content{padding-right:0}section#favorites{padding-left:0}}div[data-pulse-group] div.cover div{top:50px!important}.k-video{padding-top:10px;padding-bottom:10px}#content-container img{max-height:calc(90vh - 120px)}h5.menu-header{padding-top:15px;padding-bottom:5px}h5.menu-header:after{content:"";text-align:left;display:block;width:50px;border-bottom:1px solid;margin-top:6px}.parallax{height: 100%;background-attachment:fixed;background-position: center;background-repeat:no-repeat;background-size: cover;}@media(max-width:480px){.banner-photo{object-fit:cover;min-width:100%;max-width:100%;max-height:200px;min-height:200px;object-fit:cover;background-position:center center}}#slideshow{}.img-rounded, .k-content img{border-radius:.45rem!important;}.footer_essay_list:nth-child(2n+1){background-color:[$btn_bg];color:[$btn_color]}.footer_essay_list a{display:block;width:100%;}.footer_essay_list a.k-nav-current{text-decoration:none;font-weight:bold;}.footer_essay_list{word-break:break-word;padding:5px;}
+@charset "UTF-8";
+@import url(css/fonts_body/[$body_font].css);
+@import url(css/fonts_site_title/[$site_title_font].css);
+* {
+  box-sizing: border-box
+}
+
+ul ul a.k-nav-current {
+  margin-left: [$nav_indent]px;
+  text-indent: 0
+}
+
+ul ul {
+  margin-left: [$nav_indent]px
+}
+
+@media screen and (min-width:800px) {
+  .album-list {
+    max-height: 35%;
+    max-height: 35vh;
+    overflow: hidden;
+    overflow-y: auto
+  }
+}
+
+::-webkit-scrollbar {
+  width: 8px
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 0;
+  background-color: [$scrollbar_track_bg]
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 0;
+  background-color: [$scrollbar_thumb_bg]
+}
+
+#slideshow {
+  position: relative;
+  height: 100vh;
+  overflow: hidden;
+  padding: [$slideshow_padding]px
+}
+
+a.dropdown-item, .dropdown-item {
+  background-color: [$dropdown_bg];
+  color: [$dropdown_color];
+  border-radius: 0 !important;
+  border: 0
+}
+
+a.dropdown-item:hover, .dropdown-item:hover {
+  background-color: [$dropdown_hover_bg];
+  color: [$dropdown_hover_color]
+}
+
+.dropdown-header {
+  color: [$dropdown_header_color];
+  background-color: [$dropdown_bg];
+  margin-bottom: 0
+}
+
+.dropdown-menu:last-child {
+  padding-bottom: 0;
+  border-bottom: [$btn_border_color]
+}
+
+.dropdown-menu:first-child {
+  padding-top: 0 !important
+}
+
+.dropdown-menu {
+  border-radius: 0;
+  border: 0;
+  background-color: [$dropdown_bg]
+}
+
+@media screen and (min-width:800px) {
+  .dropdown-menu {
+    border-radius: 0;
+    border: 0;
+    background-color: [$dropdown_bg];
+    max-height: 75%;
+    max-height: 75vh;
+    overflow: hidden;
+    overflow-y: auto
+  }
+}
+
+.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
+  color: [$tab_active_color];
+  background-color: transparent;
+  border-color: [$tab_active_bg] [$tab_active_bg] [$tab_active_bg]
+}
+
+.nav-tabs:hover {
+  border-color: [$tab_active_bg] [$tab_active_bg] [$tab_active_bg]
+}
+
+.nav-tabs .nav-link {
+  display: block;
+  padding: .5em 1em;
+  border: 1px solid transparent;
+  border-top-right-radius: .25rem;
+  border-top-left-radius: .25rem
+}
+
+.nav-tabs {
+  border-bottom: 1px solid [$tab_active_bg]
+}
+
+#content {
+  background-color: [$content_bg];
+  padding-bottom: 0
+}
+
+#featured_album {
+  background-color: [$featured_album_bg];
+  padding-bottom: 0
+}
+
+#album {
+  background-color: [$album_bg];
+  padding-bottom: 0
+}
+
+#essay {
+  background-color: [$essay_bg];
+  padding-bottom: 0
+}
+
+#featured_essay {
+  background-color: [$featured_essay_bg];
+  padding-bottom: 0
+}
+
+#favorites {
+  background-color: [$favorites_bg];
+  padding-bottom: 0
+}
+
+.site-logo {
+  transition: all .5s ease;
+  max-width: 83ch;
+  position: [$site_logo_pos];
+  top: 0;
+  left: 0;
+  text-transform: normal;
+  color: [$logo_text_color];
+  text-shadow: 2px 2px 2px [$logo_text_shadow_color];
+  font-size: 24px;
+  z-index: 1031;
+  background: [$logo_bg];
+  padding: 10px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  border-bottom-right-radius: 3px;
+  -webkit-border-bottom-right-radius: 3px
+}
+
+#ss_spinner_infinite {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 2.188rem 2.188rem;
+  background-image: url(css/spinners/loader2.svg);
+  width: 2.688rem;
+  height: 2.688rem;
+  margin-left: -12px;
+  z-index: 999;
+  opacity: 1;
+  -webkit-transition: opacity .5s;
+  transition: opacity .5s
+}
+
+#ss_spinner {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: 2.188rem 2.188rem;
+  background-image: url(css/spinners/loader2.svg);
+  background-color: rgba(255, 255, 255, 0);
+  width: 2.688rem;
+  height: 2.688rem;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -12px;
+  z-index: 999;
+  opacity: 0;
+  -webkit-transition: opacity .5s;
+  transition: opacity .5s
+}
+
+#ss_spinner.loading {
+  opacity: 1
+}
+
+.loading {
+  position: fixed;
+  z-index: 9999;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  padding: 20px
+}
+
+.k-content-caption, .k-content.title {
+  display: block
+}
+
+ul.btn-block li a {
+  display: block;
+  font-size: [$font_size_links]rem
+}
+
+ul.btn-block li a:hover {
+  font-size: [$font_size_links]rem
+}
+
+.btn {
+  margin-bottom: 3px
+}
+
+.btn, a.btn, .btn a, button, button a, .nav-arrow {
+  background-color: [$btn_bg];
+  border: 1px solid [$btn_border_color];
+  color: [$btn_color];
+  border-radius: 0
+}
+
+.dropdown-toggle.dropdown-toggle-split {
+  border-color: [$btn_border_color]
+}
+
+.btn a:hover, button:hover, button a:hover, a.btn:hover {
+  color: [$btn_hover_color];
+  background-color: [$btn_hover_bg];
+  border: 1px solid [$btn_border_hover_color];
+  font-size: 16px
+}
+
+header, header .header-content {
+  position: relative;
+  width: 100%;
+  text-align: left
+}
+
+.section-fill-height {
+  display: flex;
+  height: 100%;
+  align-items: center
+}
+
+#img_canvas img {
+  max-height: auto
+}
+
+#top {
+  padding-top: 80px
+}
+
+a.nav-link.nav-item {
+  display: table-cell
+}
+
+img.k-lazy-loading, #kgrid.kgrid_item_content img.k-lazy-loading, #kgrid.kgrid_item_album img.k-lazy-loading, #kgrid.kgrid_item_featured_album img.k-lazy-loading, #kgrid.kgrid_item_fav img.k-lazy-loading, #kgrid.kgrid_item_essay img.k-lazy-loading {
+  background: url(css/spinners/loader2.svg) center center no-repeat;
+  background-size: 32px 32px
+}
+
+#loader .k-lazy-loading, .k-source-content .content img.k-lazy-loading {
+  background-position: center center;
+  background-size: 32px 32px
+}
+
+.banner-photo {
+  object-fit: cover;
+  min-width: 100%;
+  max-width: 100%;
+  max-height: 400px;
+  min-height: 400px;
+  object-fit: cover;
+  background-position: center center
+}
+
+.list-style-menu {
+  list-style-type: none
+}
+
+ul.k-nav-list.k-nav-root.list-style-menu li a {
+  display: block;
+  width: 100%;
+  padding-left: 0
+}
+
+.k-search input {
+  margin: 0;
+  display: inline;
+  background-color: [$input_bg];
+  padding: 8px;
+  color: [$input_color]
+}
+
+input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, input {
+  color: [$input_color];
+  font-size: inherit !important;
+  padding: 6px 10px;
+  background-color: [$input_bg_color];
+  border: 1px solid [$input_border_color];
+  margin-bottom: 20px;
+  border-radius: 0;
+  display: block;
+  font-family: inherit !important;
+  padding: .5em;
+  height: auto;
+  width: 100%;
+  -webkit-appearance: none;
+  box-sizing: border-box
+}
+
+button, html input[type=button], input[type=reset], input[type=submit] {
+  margin-top: 20px;
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  padding: 10px
+}
+
+body, html {
+  width: 100%;
+  height: 100%
+}
+
+body {
+  background-color: [$body_bg];
+  color: [$body_color];
+  webkit-tap-highlight-color: #222;
+  top: 0
+}
+
+li.list-group-item {
+  border: 0;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  text-indent: 0;
+  max-width: 180px;
+  margin: auto;
+  text-align: left
+}
+
+#list-group-date {
+  float: right
+}
+
+hr {
+  border-width: 3px;
+  opacity: .08;
+  margin-top: 0;
+  margin-bottom: 25px
+}
+
+hr.transparent {
+  border-color: transparent;
+  margin-top: 10px;
+  margin-bottom: 10px
+}
+
+hr.light {
+  border-color: #fff;
+  opacity: 1
+}
+
+hr.primary {
+  border-color: #007fff;
+  opacity: 1;
+  max-width: 120px
+}
+
+hr.c {
+  border-color: #ccc;
+  opacity: .3;
+  width: 100%
+}
+
+.modal-header .close, .modal-header a.close {
+  margin-top: -13px;
+  margin-right: -5px;
+  color: [$modal_close_color];
+  font-size: 24px
+}
+
+.modal-header a.close:hover {
+  color: [$modal_close_hover_color];
+  font-size: 24px
+}
+
+.close {
+  text-shadow: none !important;
+  font-size: 24px
+}
+
+.modal-header {
+  max-height: 44px !important;
+  border-bottom: 1px solid [$btn_border_color]
+}
+
+a, a:link, a:visited, a.close {
+  color: [$link_color];
+  -webkit-transition: all .35s;
+  -moz-transition: all .35s;
+  transition: all .35s;
+  font-size: 16px
+}
+
+a:focus, a:hover, .close:hover, a.close:hover {
+  color: [$link_color_hover];
+  outline: 0;
+  text-decoration: none;
+  font-size: 16px
+}
+
+.close {
+  opacity: 1
+}
+
+.col-md-8 p, .col-md-8 p a, .col-md-8 p a:hover {
+  font-size: [$font_size]rem;
+  line-height: 1.7;
+  margin-bottom: 20px
+}
+
+.wide-space {
+  letter-spacing: 1.6px
+}
+
+.icon-lg {
+  font-size: 50px;
+  line-height: 18px
+}
+
+.padding-0 {
+  padding: 0
+}
+
+.padding-5 {
+  padding: 5px
+}
+
+.padding-10 {
+  padding: 10px
+}
+
+.padding-20 {
+  padding: 20px
+}
+
+.pb-0 {
+  padding-bottom: 0
+}
+
+.pt-0 {
+  padding-top: 0
+}
+
+.pl-0 {
+  padding-left: 0
+}
+
+.pr-0 {
+  padding-right: 0
+}
+
+.pb-5 {
+  padding-bottom: 5px
+}
+
+.pt-5 {
+  padding-top: 5
+}
+
+.pl-5 {
+  padding-left: 5px
+}
+
+.pr-5 {
+  padding-right: 5px
+}
+
+.pb-10 {
+  padding-bottom: 10px
+}
+
+.pt-10 {
+  padding-top: 10px
+}
+
+.pl-10 {
+  padding-left: 10px
+}
+
+.pr-10 {
+  padding-right: 10px
+}
+
+.margin-5 {
+  margin: 5px
+}
+
+.margin-10 {
+  margin: 10px
+}
+
+.margin-0 {
+  margin: 0
+}
+
+.margin-bottom-5 {
+  margin-bottom: 5px
+}
+
+.margin-bottom-10 {
+  margin-bottom: 10px
+}
+
+.margin-bottom-20 {
+  margin-bottom: 20px
+}
+
+.text-title {
+  color: [$text_title];
+  margin-bottom: 2em;
+  line-height: 35px
+}
+
+.text-title a, .text-title a:hover {
+  color: [$text_title]
+}
+
+.text-title {
+  margin-top: 60px
+}
+
+section {
+  padding: 80px 0
+}
+
+aside {
+  padding: 45px 0
+}
+
+.navbar-default {
+  background-color: transparent;
+  -webkit-transition: all .4s;
+  -moz-transition: all .4s;
+  transition: all .4s
+}
+
+@media(max-width:320px) {
+  .site-logo {
+    position: [$site_logo_pos];
+    top: 0;
+    left: 0;
+    text-transform: normal;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-shadow: -4px 2px 6px [$logo_text_shadow_color] !important;
+    max-width: 220px !important;
+    font-size: 36px;
+    z-index: 1031
+  }
+}
+
+@media(max-width:48em) {
+  .g-recaptcha {
+    transform: scale(0.88);
+    -webkit-transform: scale(0.88);
+    transform-origin: 0 0;
+    -webkit-transform-origin: 0 0
+  }
+  .navbar-default .navbar-nav>.nav-item {
+    float: none;
+    margin-left: .1rem
+  }
+  .navbar-default .navbar-nav {
+    float: none !important
+  }
+  .navbar-default .navbar-brand img {
+    display: inline
+  }
+  footer#footer h6 {
+    padding-top: 3em;
+    padding-bottom: 0rem
+  }
+}
+
+@media(min-width:48em) {
+  .navbar-default {
+    border-color: transparent;
+    max-height: 65px
+  }
+  .navbar-brand {
+    padding: 12px
+  }
+  .navbar-default .nav>li>a, .navbar-default .nav>li>a:focus {
+    color: [$body_color];
+    padding-left: 5px;
+    padding-top: 21px;
+    letter-spacing: 1.1px;
+    float: left;
+    font-size: [$font_size_links]rem
+  }
+  .navbar-default .nav>li>a:focus:hover, .navbar-default .nav>li>a:hover {
+    color: [$body_color];
+    font-size: [$font_size_links]rem
+  }
+}
+
+header {
+  min-height: auto
+}
+
+.grid-footer {
+  background-color: [$grid_footer_bg];
+  color: [$grid_footer_color];
+  padding: 15px;
+  margin: 0;
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  height: auto;
+  line-height: 30px;
+  width: 100%;
+  font-size: [$grid_footer_font_size]rem
+}
+
+.grid-footer:hover {
+  background-color: [$grid_footer_hover_bg];
+  color: [$grid_footer_hover_color]
+}
+
+header .header-content {
+  padding: 100px 15px;
+  z-index: 2
+}
+
+header .header-content .inner h1 {
+  margin-top: 0;
+  margin-bottom: 0
+}
+
+header .header-content .inner p {
+  margin-bottom: 50px;
+  font-size: [$font_size]rem;
+  font-weight: 300;
+  color: #222
+}
+
+@media(min-width:34em) {
+  .icon-lg {
+    font-size: 80px
+  }
+  header {
+    min-height: 100%
+  }
+  header .header-content {
+    position: absolute;
+    top: 50%;
+    padding: 0 50px;
+    -webkit-transform: translateY(-50%);
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%)
+  }
+  header .header-content .inner {
+    margin-right: auto;
+    margin-left: auto;
+    max-width: 1000px
+  }
+  header .header-content .inner h1 {
+    font-size: 53px
+  }
+  header .header-content .inner p {
+    margin-right: auto;
+    margin-left: auto;
+    max-width: 80%
+  }
+  section {
+    min-height: 600px;
+    padding: 50px 0
+  }
+}
+
+textarea {
+  resize: none;
+  height: 200px
+}
+
+.call-to-action h2 {
+  margin: 0 auto 20px
+}
+
+::selection {
+  text-shadow: none;
+  color: #fff;
+  background: #222
+}
+
+img::selection {
+  color: #fff;
+  background: 0
+}
+
+img::-moz-selection {
+  color: #fff;
+  background: 0
+}
+
+.essay-grid {
+  border: 0
+}
+
+.bg-nav.scrolled {
+  background-color: rgba(211, 211, 211, 0.85);
+  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  box-shadow: 0 4px 4px rgba(0, 0, 0, .4)
+}
+
+#collapsingNavbar {
+  position: relative;
+  top: -5px
+}
+
+.bg-nav {
+  background-color: rgba(211, 211, 211, 0);
+  box-shadow: none
+}
+
+.banner-photo-set {
+  display: inline-block;
+  width: 25%;
+  max-height: 400px;
+  min-height: 200px;
+  object-fit: cover
+}
+
+.about-text {
+  font-weight: 400
+}
+
+#loading {
+  background: url(css/spinners/loader2.svg) center center no-repeat;
+  background-size: 24px 24px
+}
+
+.dropdown-item {
+  font-weight: 400 !important
+}
+
+.k-pulse-button-disabled {
+  opacity: .3
+}
+
+@media(min-width:992px) {
+  .text-title {
+    white-space: nowrap;
+    overflow: hidden;
+    line-height: 50px
+  }
+  .text-title:before, .text-title:after {
+    background-color: [$text_title];
+    content: "";
+    display: inline-block;
+    height: 4px;
+    position: relative;
+    vertical-align: middle
+  }
+  .text-title:before {
+    right: .3em;
+    width: 25px
+  }
+  .text-title:after {
+    left: .3em;
+    width: 25px
+  }
+}
+
+a.dropdown-item {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap
+}
+
+.k-search input {
+  outline: 0
+}
+
+.timeline_icon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 11px;
+  display: inline-block;
+  background-color: [$timeline_icon_bg];
+  color: [$timeline_icon_color];
+  z-index: 999
+}
+
+.timeline_icon:hover {
+  background-color: [$timeline_icon_hover_bg];
+  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  box-shadow: 0 4px 4px rgba(0, 0, 0, .4);
+  color: [$timeline_icon_hover_color]
+}
+
+.timeline_time {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 11px;
+  background-color: [$grid_footer_bg];
+  color: [$grid_footer_color];
+  display: inline-block;
+  float: right;
+  z-index: 997
+}
+
+.timeline-filter a {
+  margin-left: auto;
+  margin-right: auto
+}
+
+.timeline-filter li {
+  padding-bottom: 10px
+}
+
+.timeline-filter {
+  text-align: left;
+  display: inline-block
+}
+
+label {
+  margin-top: 20px;
+  margin-bottom: 5px
+}
+
+.btn.navbar-toggle.collapsed {
+  background-color: [$btn_bg];
+  color: [$btn_color];
+  outline: 0;
+  border-radius: 0;
+  border: 1px solid [$btn_border_color]
+}
+
+.btn.navbar-toggle.collapsed:hover {
+  background-color: [$btn_hover_bg];
+  outline: 0;
+  color: [$btn_hover_color];
+  border: 1px solid [$btn_border_hover_color]
+}
+
+.nav-button-scrolled {
+  position: fixed;
+  top: 0;
+  right: 0;
+  border-radius: 0
+}
+
+ul.list-unstyled li {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap
+}
+
+.menu-title {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  padding: 0
+}
+
+.k-list-item .modal-body {
+  z-index: 2
+}
+
+.ScrollTop {
+  z-index: 999
+}
+
+.ScrollTop .btn {
+  background-color: [$btn_bg] !important;
+  border: 1px solid [$btn_border_color];
+  color: [$btn_color] !important
+}
+
+.ScrollTop .btn:hover {
+  background-color: [$btn_hover_bg] !important;
+  border: 1px solid [$btn_border_hover_color];
+  color: [$btn_hover_color] !important
+}
+
+blockquote, blockquote.blockquote {
+  color: [$body_color];
+  font-style: italic;
+  margin: 30px;
+  padding: 30px;
+  border-left: 3px solid [$body_color]
+}
+
+blockquote:first-letter {
+  font-size: [$font_size_bquote]%
+}
+
+pre {
+  font: 100% courier, monospace;
+  border: 0;
+  overflow: auto;
+  overflow-x: auto;
+  width: 90%;
+  padding: 0 1em 1em 1em;
+  margin: 1em auto 1em auto;
+  color: [$body_color];
+  border-radius: 0;
+  background: [$body_bg]
+}
+
+code {
+  font-size: 120%
+}
+
+body.modal-open {
+  padding-right: 0 !important;
+  overflow: hidden !important
+}
+
+.modal-backdrop {
+  opacity: .92 !important;
+  width: 100%;
+  height: 100%
+}
+
+.modal-header {
+  background-color: [$nav_header_bg] !important;
+  max-height: 60px
+}
+
+.modal-content {
+  -webkit-border-radius: 0 !important;
+  -moz-border-radius: 0 !important;
+  border-radius: 0 !important;
+  background-color: [$nav_body_bg] !important
+}
+
+#nprogress {
+  pointer-events: none
+}
+
+#nprogress .bar {
+  visibility: [$show_loadbar];
+  background-color: [$loading_color];
+  position: fixed;
+  z-index: 1031;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: [$loadbar_height]px
+}
+
+#nprogress .peg {
+  visibility: [$show_spinner];
+  position: absolute;
+  right: 0;
+  width: 100px;
+  height: 100%;
+  opacity: 1.0;
+  -webkit-transform: rotate(3deg) translate(0px, -4px);
+  -ms-transform: rotate(3deg) translate(0px, -4px);
+  transform: rotate(3deg) translate(0px, -4px)
+}
+
+#nprogress .spinner {
+  visibility: [$show_spinner];
+  position: fixed;
+  z-index: 1031;
+  bottom: 0;
+  left: 0;
+  margin: 20px;
+  background-color: [$spinner_bg_color];
+  padding: 10px;
+  -webkit-box-shadow: 0 1px 9px 0 rgba(50, 50, 50, 0.75);
+  -moz-box-shadow: 0 1px 9px 0 rgba(50, 50, 50, 0.75);
+  box-shadow: 0 1px 9px 0 rgba(50, 50, 50, 0.75);
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%
+}
+
+#nprogress .spinner-icon {
+  width: 18px;
+  height: 18px;
+  box-sizing: border-box;
+  border: solid 2px transparent;
+  border-top-color: [$loading_color];
+  border-left-color: [$loading_color];
+  border-radius: 50%;
+  -webkit-animation: nprogress-spinner 400ms linear infinite;
+  animation: nprogress-spinner 400ms linear infinite
+}
+
+.nprogress-custom-parent {
+  overflow: hidden;
+  position: relative
+}
+
+.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
+  position: absolute
+}
+
+@-webkit-keyframes nprogress-spinner {
+  0% {
+    -webkit-transform: rotate(0deg)
+  }
+  100% {
+    -webkit-transform: rotate(360deg)
+  }
+}
+
+@keyframes nprogress-spinner {
+  0% {
+    transform: rotate(0deg)
+  }
+  100% {
+    transform: rotate(360deg)
+  }
+}
+
+.k-contact-form-success:before {
+  content: '✔';
+  margin-right: 6px
+}
+
+.k-contact-form-required-field label:after {
+  content: '*';
+  color: red
+}
+
+.k-content-form-processing {
+  opacity: .5
+}
+
+.k-content-form-processing button[type=submit] {
+  pointer-events: none !important
+}
+
+.k-contact-form-error label:after {
+  position: relative;
+  right: 0;
+  color: red;
+  content: "This field is required";
+  display: block
+}
+
+.k-contact-form-error input[type=color], .k-contact-form-error input[type=date], .k-contact-form-error input[type=datetime-local], .k-contact-form-error input[type=datetime], .k-contact-form-error input[type=email], .k-contact-form-error input[type=month], .k-contact-form-error input[type=number], .k-contact-form-error input[type=password], .k-contact-form-error input[type=search], .k-contact-form-error input[type=tel], .k-contact-form-error input[type=text], .k-contact-form-error input[type=time], .k-contact-form-error input[type=url], .k-contact-form-error input[type=week], .k-contact-form-error textarea {
+  border-color: red
+}
+
+footer, footer#footer {
+  padding: 40px 45px 45px;
+  background-color: [$footer_bg];
+  color: [$footer_color] !important
+}
+
+footer h6:after {
+  content: '';
+  border-bottom: [$footer_header_border_width]px solid [$footer_header_border_color];
+  display: block;
+  max-width: [$footer_header_max_width]px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 5px;
+  margin-bottom: 50px
+}
+
+input::placeholder {
+  color: [$input_color]
+}
+
+@keyframes spinner {
+  to {
+    transform: rotate(360deg)
+  }
+}
+
+.spinner:before {
+  content: '';
+  box-sizing: border-box;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+  border-radius: 50%;
+  border-top: 2px solid [$loading_color];
+  border-right: 2px solid transparent;
+  animation: spinner .3s linear infinite
+}
+
+.container-grid {
+  max-width: 100%;
+  margin: 0 auto;
+  padding: 0
+}
+
+.container-fluid {
+  padding: 0
+}
+
+.arrow-animate {
+  -webkit-animation: bounce 5s infinite;
+  animation: bounce 5s infinite
+}
+
+@keyframes spinner {
+  to {
+    transform: rotate(360deg)
+  }
+}
+
+.spinner:before {
+  content: '';
+  box-sizing: border-box;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+  border-radius: 50%;
+  border-top: 2px solid [$loading_color];
+  border-right: 2px solid transparent;
+  animation: spinner .3s linear infinite
+}
+
+.button_down {
+  position: absolute;
+  right: 0;
+  z-index: 10;
+  border-radius: 0 !important;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%)
+}
+
+@media screen and (max-width:34em) {
+  .button_down {
+    margin-bottom: 90px
+  }
+  .no-padding {
+    margin-left: -24px;
+    margin-right: -24px
+  }
+}
+
+.container-grid {
+  padding-left: 0;
+  padding-right: 0;
+  margin: 0 auto
+}
+
+.essay-image-full {
+  width: 100%;
+  height: 300px;
+  background-size: cover;
+  position: relative;
+  background-position: 50% 50%;
+  background-repeat: no-repeat no-repeat
+}
+
+a.k-nav-current {
+  color: [$link_color_active];
+  text-decoration: underline
+}
+
+.k-source-essay p+ul, .k-source-page p+ul {
+  list-style-type: disc;
+  list-style-position: inside
+}
+
+.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
+  margin-left: -0.6px
+}
+
+.card {
+  position: relative;
+  display: block;
+  background-color: [$card_bg_color];
+  border-radius: 0;
+  border: 0;
+  margin: [$card_spacing]px
+}
+
+#content-container img {
+  cursor: -webkit-zoom-in;
+  cursor: -moz-zoom-in
+}
+
+.k-content img {
+  max-width: 100%
+}
+
+#kgrid_content {
+  margin: 0 auto
+}
+
+#kgrid_content:after {
+  content: "\0020";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  padding-bottom: [$footer_height]px
+}
+
+.kgrid_item {
+  position: relative;
+  display: none;
+  overflow: hidden
+}
+
+.kgrid_item img {
+  width: 100%;
+  max-width: 100%;
+  display: none
+}
+
+.kgrid_item img.k-lazy-loaded {
+  height: auto
+}
+
+.pillar .kgrid_item, .pillar .kgrid_item img {
+  display: block
+}
+
+.kgrid_item a {
+  display: block;
+  border: 0;
+  padding: 0;
+  margin: 0
+}
+
+.container-grid [class*="col-"], .container-fluid [class*="col-"] {
+  padding: 0;
+  margin: 0
+}
+
+a.k-link-lightbox {
+  cursor: zoom-in
+}
+
+.kgrid_item img {
+  -webkit-transform: scale(1);
+  transform: scale(1);
+  -webkit-transition: .3s ease-in-out;
+  transition: .3s ease-in-out;
+  -webkit-backface-visibility: hidden;
+  -ms-transform: translateZ(0);
+  -webkit-transform: translateZ(0);
+  -webkit-transform: translateZ(0)
+}
+
+.kgrid_item:hover img {
+  -webkit-transform: rotate(-2.5deg) scale(1.2);
+  transform: rotate(-2.5deg) scale(1.2);
+  -webkit-transform-style: preserve-3d;
+  -webkit-backface-visibility: hidden
+}
+
+.essay_thumb_bg {
+  background-color: [$essay_thumb_bg];
+  padding: 10px
+}
+
+body, html, p {
+  font_size: [$font_size]rem
+}
+
+h1 {
+  font-size: [$font_size_h1]em
+}
+
+h2 {
+  font-size: [$font_size_h2]em
+}
+
+h3 {
+  font-size: [$font_size_h3]em
+}
+
+h4 {
+  font-size: [$font_size_h4]em
+}
+
+h5 {
+  font-size: [$font_size_h5]em
+}
+
+h6 {
+  font-size: [$font_size_h6]em
+}
+
+.text-title a {
+  font-size: [$header_title_font_size]rem
+}
+
+h2.social_icons a, h2.social_icons a:hover {
+  font-size: [$font_size_social]rem
+}
+
+.fa.fa-share, .fa.fa-star {
+  font-size: 14px !important;
+  text-rendering: geometricPrecision
+}
+
+.fa.fa-bars {
+  font-size: 24px;
+  text-rendering: geometricPrecision
+}
+
+@media(min-width:960px) {
+  section#content {
+    padding-right: 0
+  }
+  section#favorites {
+    padding-left: 0
+  }
+}
+
+div[data-pulse-group] div.cover div {
+  top: 50px !important
+}
+
+.k-video {
+  padding-top: 10px;
+  padding-bottom: 10px
+}
+
+#content-container img {
+  max-height: calc(90vh - 120px)
+}
+
+h5.menu-header {
+  padding-top: 15px;
+  padding-bottom: 5px
+}
+
+h5.menu-header:after {
+  content: "";
+  text-align: left;
+  display: block;
+  width: 50px;
+  border-bottom: 1px solid;
+  margin-top: 6px
+}
+
+.parallax {
+  height: 100%;
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover
+}
+
+@media(max-width:480px) {
+  .banner-photo {
+    object-fit: cover;
+    min-width: 100%;
+    max-width: 100%;
+    max-height: 400px;
+    min-height: 200px;
+    background-position: center center
+  }
+}
+
+@media(max-width:768px) {
+  .timeline-photo {
+    object-fit: cover;
+    object-position: top center;
+    width: 100%;
+    height: 150px;;
+    margin-left:auto;
+    margin-right:auto;
+  }
+}
+
+.img-rounded, .k-content img {
+  border-radius: .45rem !important
+}
+
+.footer_essay_list:nth-child(2n+1) {
+  background-color: [$btn_bg];
+  color: [$btn_color]
+}
+
+.footer_essay_list a {
+  display: block;
+  width: 100%
+}
+
+.footer_essay_list a.k-nav-current {
+  text-decoration: none;
+  font-weight: bold
+}
+
+.footer_essay_list {
+  word-break: break-word;
+  padding: 5px
+}
+
+@media(min-width:769px) {
+  .timeline-photo {
+    object-fit: cover;
+    width: 100%;
+    margin-bottom: 10px;
+    height: 400px
+  }
+}
diff --git a/essay.lens b/essay.lens
index e4a2d3a..01376f2 100644
--- a/essay.lens
+++ b/essay.lens
@@ -2,54 +2,51 @@
 <koken:include file="inc/nav.html" />
 
 <koken:load>
-<!-- Add Facebook Open Graph and Twitter Cards metadata for nicer sharing -->
-	<koken:head>
-		<meta property="og:site_name" content="{{ site.title }}" />
-		<meta property="og:title" content="{{ essay.title strip_html='true' }}" />
-		<meta property="og:description" content="{{ essay.excerpt strip_html='true' }}" />
-		<meta property="og:url" content="{{ essay.url }}" />
-		<meta property="og:type" content="website" />
-		<koken:featured_image>
-		<meta property="og:image" content="{{ content.presets.medium_large.url }}" />
-		<meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
-		<meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
-		</koken:featured_image>
-		<meta name="medium" content="article" />
-		<koken:not empty="profile.twitter">
-			<koken:featured_image>
-			<meta name="twitter:card" content="summary_large_image" />
-			<meta name="twitter:site" content="@{{ profile.twitter }}" />
-			<meta name="twitter:creator" content="@{{ profile.twitter }}" />
-			<meta name="twitter:image" content="{{ content.presets.medium_large.url }}" />
-			</koken:featured_image>
-		</koken:not>
-	</koken:head>
+  <!-- Add Facebook Open Graph and Twitter Cards metadata for nicer sharing -->
+  <koken:head>
+    <meta property="og:site_name" content="{{ site.title }}" />
+    <meta property="og:title" content="{{ essay.title strip_html='true' }}" />
+    <meta property="og:description" content="{{ essay.excerpt strip_html='true' }}" />
+    <meta property="og:url" content="{{ essay.url }}" />
+    <meta property="og:type" content="website" />
+    <koken:featured_image>
+      <meta property="og:image" content="{{ content.presets.medium_large.url }}" />
+      <meta property="og:image:width" content="{{ content.presets.medium_large.width }}" />
+      <meta property="og:image:height" content="{{ content.presets.medium_large.height }}" />
+    </koken:featured_image>
+    <meta name="medium" content="article" />
+    <koken:not empty="profile.twitter">
+      <koken:featured_image>
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:site" content="@{{ profile.twitter }}" />
+        <meta name="twitter:creator" content="@{{ profile.twitter }}" />
+        <meta name="twitter:image" content="{{ content.presets.medium_large.url }}" />
+      </koken:featured_image>
+    </koken:not>
+  </koken:head>
 </koken:load>
 
 <koken:load>
   <div id="top">
-    <div class="container">
 
+    <div class="container">
 
-    <koken:if true="settings.show_header">
-      <div class="text-xs-center">
-        <h4 class="text-title">{{ essay.title }}</h4>
-      </div>
-    </koken:if>
-
+      <koken:if true="settings.show_header">
+        <div class="text-xs-center">
+          <h4 class="text-title">{{ essay.title }}</h4>
+        </div>
+      </koken:if>
 
-    <div class="text-xs-center" style="margin-bottom:30px;">
-      <koken:include file="inc/essay/essay-nav.html" />
-    </div>
+<koken:include file="inc/essay/essay-nav.html" />
 
-    <koken:featured_image>
-      <koken:link><koken:img class="timeline-photo img-rounded" lazy="true" style="object-fit:cover;width:100%;max-height:400px;margin-bottom:10px;" /></koken:link>
-      <hr />
-    </koken:featured_image>
+      <koken:featured_image>
+          <koken:img class="timeline-photo img-rounded" lazy="true" />
+        <hr />
+      </koken:featured_image>
 
       <div class="col-md-8" style="margin-bottom:10px;">
 
-          <p>{{ essay.content paragraph="true" }}</p>
+        <p>{{ essay.content paragraph="true" }}</p>
 
       </div>
 
diff --git a/inc/album/featured_album-grid-front.html b/inc/album/featured_album-grid-front.html
new file mode 100644
index 0000000..03a03a8
--- /dev/null
+++ b/inc/album/featured_album-grid-front.html
@@ -0,0 +1,14 @@
+<koken:asset file="pillar.js" common="true" />
+<koken:include file="inc/pillar_featured_album_front.html" />
+<div class="container-grid">
+  <div id="kgrid_featured_album">
+    <koken:loop>
+      <div class="kgrid_item">
+        <koken:link title="{{ album.title }}">
+            <koken:img class="banner-photo" lazy="true" size="3:2" />
+            <div class="grid-footer text-truncate">{{ album.title }}</div>
+        </koken:link>
+      </div>
+    </koken:loop>
+  </div>
+</div>
diff --git a/inc/content/content-sidebar.html b/inc/content/content-sidebar.html
index 977d7b6..18c66dd 100644
--- a/inc/content/content-sidebar.html
+++ b/inc/content/content-sidebar.html
@@ -38,9 +38,8 @@
         <koken:if true="settings.show_context">
           <li>
             <koken:context>
-              <i class="fa fa-folder"></i>
               <koken:link>
-                {{ context.title }}
+                <i class="fa fa-th" aria-hidden="true"></i> {{ context.title }}
               </koken:link>
               <br>{{ context.position }} {{ language.of }} {{ context.total }}<br>
               <koken:else>
@@ -115,16 +114,22 @@
       <div class="tab-pane" id="exif-tab" role="tabpanel">
         <koken:exif>
           <koken:not empty="exif.model">
-            <div class="m-y-0">{{ exif.model }}</div>
+            <div class="m-y-0"><strong>Camera:</strong> {{ exif.model }}</div>
           </koken:not>
           <koken:not empty="exif.exposure">
-            <div class="m-y-0">{{ exif.exposure }}</div>
+            <div class="m-y-0"><strong>Exposure:</strong> {{ exif.exposure }}</div>
           </koken:not>
           <koken:not empty="exif.iso_speed_ratings">
-            <div class="m-y-0">ISO {{ exif.iso_speed_ratings.raw }}</div>
+            <div class="m-y-0"><strong>ISO:</strong> {{ exif.iso_speed_ratings.raw }}</div>
           </koken:not>
           <koken:not empty="exif.aperture">
-            <div class="m-y-0"><span class="fstop">f</span>/{{ exif.aperture.computed }}</div>
+            <div class="m-y-0"><span class="fstop"><strong>Aperture:</strong> f</span>/{{ exif.aperture.computed }}</div>
+          </koken:not>
+          <koken:not empty="exif.lens">
+            <div class="m-y-0"><strong>Lens:</strong> {{ exif.lens }}</div>
+          </koken:not>
+          <koken:not empty="exif.focal_length">
+            <div class="m-y-0"><strong>Focal Length:</strong> {{ exif.focal_length }}</div>
           </koken:not>
         </koken:exif>
       </div>
diff --git a/inc/essay/essay-nav.html b/inc/essay/essay-nav.html
index f10007d..bed829e 100644
--- a/inc/essay/essay-nav.html
+++ b/inc/essay/essay-nav.html
@@ -1,15 +1,19 @@
-<div class="btn-group">
+<center>
+<div class="m-b-3">
+<div class="btn_group">
 <koken:previous>
-  <koken:link class="btn" id="nav-back" bind_to_key="left" title="{{ language.view }} {{ essay.title }}">
+  <koken:link class="btn btn-lg" id="nav-back" bind_to_key="left" title="{{ language.view }} {{ essay.title }}">
   <i class="fa fa-angle-left"></i> <span class="hidden-sm-down">{{ essay.title truncate="25" }}</span>
 </koken:link>
 </koken:previous>
-<koken:link class="btn" id="nav-return" to="essays" title="{{ language.view_all_essays }}">
+<koken:link class="btn btn-lg" id="nav-return" to="essays" title="{{ language.view_all_essays }}">
   <i class="fa fa-level-up" aria-hidden="true"></i>
 </koken:link>
 <koken:next>
-  <koken:link class="btn" id="nav-forward" bind_to_key="right" title="{{ language.view }} {{ essay.title }}">
+  <koken:link class="btn btn-lg" id="nav-forward" bind_to_key="right" title="{{ language.view }} {{ essay.title }}">
   <span class="hidden-sm-down">{{ essay.title truncate="25" }}</span> <i class="fa fa-angle-right"></i>
   </koken:link>
 </koken:next>
 </div>
+</div>
+</center>
diff --git a/inc/essay/featured_essay-grid-pillar-front.html b/inc/essay/featured_essay-grid-pillar-front.html
new file mode 100644
index 0000000..03eae0f
--- /dev/null
+++ b/inc/essay/featured_essay-grid-pillar-front.html
@@ -0,0 +1,22 @@
+<koken:asset file="pillar.js" common="true" />
+<koken:include file="inc/pillar_featured_essay_front.html" />
+
+<div class="container-grid">
+  <div id="kgrid_featured_essay">
+    <koken:loop>
+      <div class="kgrid_item">
+        <koken:link title="{{ essay.title }}">
+          <span class="hidden-sm-down timeline_time"> <i class="fa fa-clock-o"></i> <koken:time relative="true" /></span>
+          <koken:if data="featured_image" equals="">
+            <img class="banner-photo" src="{{ location.theme_path }}/img/noimg.jpg" />
+            <koken:else>
+              <koken:featured_image>
+                <koken:img class="banner-photo" crop="true" lazy="true" fade="true" />
+              </koken:featured_image>
+          </koken:if>
+          <h4 class="grid-footer text-truncate">{{ essay.title }}</h4>
+        </koken:link>
+      </div>
+    </koken:loop>
+  </div>
+</div>
diff --git a/inc/footer/footer-2-columns.html b/inc/footer/footer-2-columns.html
index 014092f..11a686c 100644
--- a/inc/footer/footer-2-columns.html
+++ b/inc/footer/footer-2-columns.html
@@ -1,21 +1,21 @@
 <!-- TAGS -->
-<div class="col-xs-12 col-sm-6 text-xs-center">
+<div class="col-xs-12 col-md-3 text-xs-center">
+  <koken:load source="tags" limit="5">
     <h6 class="text-uppercase text-xs-center">{{ language.tags }}</h6>
-    <koken:load source="tags" limit="5">
-        <koken:loop separator=" ">
-            <koken:link class="btn btn-sm"><i class="fa fa-tag"></i> {{ tag.title }}</koken:link>
-        </koken:loop>
-    </koken:load>
+    <koken:loop separator=" ">
+      <koken:link class="btn btn-sm"><i class="fa fa-tag"></i> {{ tag.title }}</koken:link>
+    </koken:loop>
+  </koken:load>
 </div>
 <!-- //TAGS -->
 
 <!-- CATEGORIES -->
-<div class="col-xs-12 col-sm-6 text-xs-center">
+<div class="col-xs-12 col-md-3 text-xs-center">
+  <koken:load source="categories" limit="5">
     <h6 class="text-uppercase text-xs-center">{{ language.categories }}</h6>
-    <koken:load source="categories" limit="5">
-        <koken:loop separator=" ">
-            <koken:link class="btn btn-sm"><i class="fa fa-bookmark"></i> {{ category.title }}</koken:link>
-        </koken:loop>
-    </koken:load>
+    <koken:loop separator=" ">
+      <koken:link class="btn btn-sm"><i class="fa fa-bookmark"></i> {{ category.title }}</koken:link>
+    </koken:loop>
+  </koken:load>
 </div>
 <!-- //CATEGORIES -->
diff --git a/inc/index/sections_only.html b/inc/index/sections_only.html
deleted file mode 100644
index 4364433..0000000
--- a/inc/index/sections_only.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<div class="container-fluid">
-  <koken:if true="settings.show_latest_header">
-    <h2 class="text-title text-xs-center wow bounceInUp animated" id="latest_header">{{ language.latest }}</h2>
-  </koken:if>
-  <koken:if true="settings.front_content">
-    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
-      <!-- Content Section -->
-      <section id="content">
-        <div class="container-fluid">
-          <h2 class="text-title text-xs-center">
-          <koken:link to="contents" title="{{ language.view_all_content }}">{{ language.content }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
-        </h2>
-          <koken:load source="contents" limit="4" order_by="uploaded_on">
-            <koken:include file="inc/content/content_pillar_grid_front.html" />
-          </koken:load>
-        </div>
-      </section>
-      <!-- Content Section -->
-    </div>
-  </koken:if>
-  <koken:if true="settings.front_fav">
-    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
-      <!-- Favorites Section -->
-      <section id="favorites">
-        <div class="container-fluid">
-          <h2 class="text-title text-xs-center">
-          <koken:link to="favorites" title="{{ language.view }} {{ language.favorites }}"><i class="fa fa-star"></i> {{ language.favorites }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
-        </h2>
-          <koken:load source="favorites" limit="4">
-            <koken:include file="inc/content/favorites_pillar_grid_front.html" />
-          </koken:load>
-        </div>
-      </section>
-      <!-- Content Section -->
-    </div>
-  </koken:if>
-  <koken:if true="settings.front_albums">
-    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
-      <!-- Album Section -->
-      <section id="album">
-        <div class="container-fluid">
-          <h2 class="text-title text-xs-center">
-          <koken:link to="albums" title="{{ language.view_all_albums }}">{{ language.albums }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
-        </h2>
-          <koken:load source="albums" flat="true" limit="4" order_by="published_on" order_direction="desc">
-            <koken:include file="inc/album/album-grid-front.html" />
-          </koken:load>
-        </div>
-      </section>
-      <!-- Album Section -->
-    </div>
-  </koken:if>
-  <koken:if true="settings.front_essays">
-    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
-      <!-- Essay Section -->
-      <section id="essay">
-        <div class="container-fluid">
-          <h2 class="text-title text-xs-center">
-          <koken:link to="essays" title="{{ language.view_all_essays }}">{{ language.essays }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
-        </h2>
-          <koken:load source="essays" flat="true" limit="4" order_by="published_on" order_direction="desc">
-            <koken:include file="inc/essay/essay-grid-pillar-front.html" />
-          </koken:load>
-        </div>
-      </section>
-      <!-- Essay Section -->
-    </div>
-  </koken:if>
-</div>
diff --git a/inc/index/slideshow_only.html b/inc/index/slideshow_only.html
deleted file mode 100644
index 815478a..0000000
--- a/inc/index/slideshow_only.html
+++ /dev/null
@@ -1,26 +0,0 @@
-<style>
-footer#footer {
-  display:none;
-}
-</style>
-
-<div id="slideshow">
-<koken:pulse jsvar="pulse" crop="fill" loop="true" autostart="true" random="true" source="{{ settings.slideshow_source }}" height="100%" width="100%" />
-<div class="spinner" style="display:none;"></div>
-</div>
-
-<script>
-  pulse.on('start', function() {
-    $('.spinner').show();
-  });
-  pulse.on('waiting', function(e) {
-    if (e) {
-      $('.spinner').show();
-    } else {
-      $('.spinner').hide();
-    }
-  });
-  pulse.on('dataloaded', function() {
-    $('.spinner').hide();
-  });
-</script>
diff --git a/inc/index/slideshow_sections.html b/inc/index/slideshow_sections.html
deleted file mode 100644
index 62440e7..0000000
--- a/inc/index/slideshow_sections.html
+++ /dev/null
@@ -1,92 +0,0 @@
-<div class="container-fluid">
-  <div id="slideshow">
-    <koken:pulse jsvar="pulse" crop="fill" loop="true" autostart="true" random="true" source="{{ settings.slideshow_source }}" height="100%" width="100%" />
-  </div>
-  <a href="#content" class="btn navbar-toggle collapsed pull-right m-y-0 button_down smooth scroll_me" id="down-button" data-bind-to-key="down" data-wow-delay="1s">{{ language.geysir_scroll_down_ }}<br>
-  <i class="fa fa-angle-down fa-2x"></i></a>
-  <div class="spinner" style="display:none;"></div>
-  <script>
-    pulse.on('start', function() {
-      $('.spinner').show();
-    });
-    pulse.on('waiting', function(e) {
-      if (e) {
-        $('.spinner').show();
-      } else {
-        $('.spinner').hide();
-      }
-    });
-    pulse.on('dataloaded', function() {
-      $('.spinner').hide();
-    });
-  </script>
-</div>
-<div class="container-fluid">
-  <koken:if true="settings.show_latest_header">
-    <h2 class="text-title text-xs-center wow bounceInUp animated" id="latest_header">{{ language.latest }}</h2>
-  </koken:if>
-  <koken:if true="settings.front_content">
-    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
-      <!-- Content Section -->
-      <section id="content">
-        <div class="container-fluid">
-          <h2 class="text-title text-xs-center">
-          <koken:link to="contents" title="{{ language.view_all_content }}">{{ language.content }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
-        </h2>
-          <koken:load source="contents" limit="4" order_by="uploaded_on">
-            <koken:include file="inc/content/content_pillar_grid_front.html" />
-          </koken:load>
-        </div>
-      </section>
-      <!-- Content Section -->
-    </div>
-  </koken:if>
-  <koken:if true="settings.front_fav">
-    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
-      <!-- Favorites Section -->
-      <section id="favorites">
-        <div class="container-fluid">
-          <h2 class="text-title text-xs-center">
-          <koken:link to="favorites" title="{{ language.view }} {{ language.favorites }}"><i class="fa fa-star"></i> {{ language.favorites }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
-        </h2>
-          <koken:load source="favorites" limit="4">
-            <koken:include file="inc/content/favorites_pillar_grid_front.html" />
-          </koken:load>
-        </div>
-      </section>
-      <!-- Content Section -->
-    </div>
-  </koken:if>
-  <koken:if true="settings.front_albums">
-    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
-      <!-- Album Section -->
-      <section id="album">
-        <div class="container-fluid">
-          <h2 class="text-title text-xs-center">
-          <koken:link to="albums" title="{{ language.view_all_albums }}">{{ language.albums }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
-        </h2>
-          <koken:load source="albums" flat="true" limit="4" order_by="published_on" order_direction="desc">
-            <koken:include file="inc/album/album-grid-front.html" />
-          </koken:load>
-        </div>
-      </section>
-      <!-- Album Section -->
-    </div>
-  </koken:if>
-  <koken:if true="settings.front_essays">
-    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
-      <!-- Essay Section -->
-      <section id="essay">
-        <div class="container-fluid">
-          <h2 class="text-title text-xs-center">
-          <koken:link to="essays" title="{{ language.view_all_essays }}">{{ language.essays }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
-        </h2>
-          <koken:load source="essays" flat="true" limit="4" order_by="published_on" order_direction="desc">
-            <koken:include file="inc/essay/essay-grid-pillar-front.html" />
-          </koken:load>
-        </div>
-      </section>
-      <!-- Essay Section -->
-    </div>
-  </koken:if>
-</div>
diff --git a/inc/nav/nav-overlay-right.html b/inc/nav/nav-overlay-right.html
index 1002643..92c4b3c 100644
--- a/inc/nav/nav-overlay-right.html
+++ b/inc/nav/nav-overlay-right.html
@@ -17,7 +17,7 @@
         </koken:if>
 
         <div class="col-md-12">
-            <h5 class="menu-header">{{ settings.menu_title }}</h5>
+            <h5 class="menu-header">{{ language.geysir_menu_ }}</h5>
             <koken:navigation class="btn-block text-truncate text-capitalize" nested="true" />
             <koken:navigation class="btn-block text-capitalize" nested="true" group="secondary" />
             <h5 class="menu-header">{{ language.geysir_social_media_ }}</h5>
diff --git a/inc/pillar_featured_album_front.html b/inc/pillar_featured_album_front.html
new file mode 100644
index 0000000..58b653e
--- /dev/null
+++ b/inc/pillar_featured_album_front.html
@@ -0,0 +1,6 @@
+<script>
+  spacing_album = 0;
+  maxCols_album = 2;
+  tabletCol_album = 2;
+  mobCol_album = 2;
+</script>
diff --git a/inc/pillar_featured_essay_front.html b/inc/pillar_featured_essay_front.html
new file mode 100644
index 0000000..a812f63
--- /dev/null
+++ b/inc/pillar_featured_essay_front.html
@@ -0,0 +1,6 @@
+<script>
+  spacing_essay = 0;
+  maxCols_essay = 2;
+  tabletCol_essay = 2;
+  mobCol_essay = 2;
+</script>
diff --git a/index.lens b/index.lens
index bf78046..498f956 100644
--- a/index.lens
+++ b/index.lens
@@ -22,9 +22,142 @@
       </koken:loop>
     </koken:not>
   </koken:head>
-
 </koken:load>
 
-<koken:include file="inc/index/{{ settings.index_layout }}.html" />
+<koken:if true="settings.front_slideshow">
+<div class="container-fluid">
+  <div id="slideshow">
+    <koken:pulse jsvar="pulse" crop="fill" loop="true" autostart="true" random="true" source="{{ settings.slideshow_source }}" height="100%" width="100%" />
+  </div>
+  <a href="#content" class="btn navbar-toggle collapsed pull-right m-y-0 button_down smooth scroll_me" id="down-button" data-bind-to-key="down" data-wow-delay="1s">{{ language.geysir_scroll_down_ }}<br>
+  <i class="fa fa-angle-down fa-2x"></i></a>
+  <div class="spinner" style="display:none;"></div>
+  <script>
+    pulse.on('start', function() {
+      $('.spinner').show();
+    });
+    pulse.on('waiting', function(e) {
+      if (e) {
+        $('.spinner').show();
+      } else {
+        $('.spinner').hide();
+      }
+    });
+    pulse.on('dataloaded', function() {
+      $('.spinner').hide();
+    });
+  </script>
+</div>
+</koken:if>
+
+<div class="container-fluid">
+
+  <koken:if true="settings.show_latest_header">
+    <h2 class="text-title text-xs-center wow bounceInUp animated" id="latest_header">{{ language.latest }}</h2>
+  </koken:if>
+
+  <koken:if true="settings.front_content">
+<!-- Content Section -->
+    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
+      <section id="content">
+        <div class="container-fluid">
+          <h2 class="text-title text-xs-center">
+          <koken:link to="contents" title="{{ language.view_all_content }}">{{ language.content }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
+        </h2>
+          <koken:load source="contents" limit="4" order_by="uploaded_on">
+            <koken:include file="inc/content/content_pillar_grid_front.html" />
+          </koken:load>
+        </div>
+      </section>
+    </div>
+<!-- Content Section -->
+  </koken:if>
+
+  <koken:if true="settings.front_fav">
+<!-- Favorites Section -->
+    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
+      <section id="favorites">
+        <div class="container-fluid">
+          <h2 class="text-title text-xs-center">
+          <koken:link to="favorites" title="{{ language.view }} {{ language.favorites }}"><i class="fa fa-star"></i> {{ language.favorites }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
+        </h2>
+          <koken:load source="favorites" limit="4">
+            <koken:include file="inc/content/favorites_pillar_grid_front.html" />
+          </koken:load>
+        </div>
+      </section>
+    </div>
+<!-- Content Section -->
+  </koken:if>
+
+  <koken:if true="settings.front_featured_albums">
+<!-- Featured Album Section -->
+    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
+      <section id="featured_album">
+        <div class="container-fluid">
+        <h2 class="text-title text-xs-center">
+        <a href="#featured_album"><i class="fa fa-star-o"></i> {{ language.albums }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></a>
+      </h2>
+          <koken:load source="featured_albums" limit="4" order_by="created_on" order_direction="asc">
+            <koken:include file="inc/album/featured_album-grid-front.html" />
+          </koken:load>
+        </div>
+      </section>
+    </div>
+<!-- Featured Album Section -->
+  </koken:if>
+
+  <koken:if true="settings.front_albums">
+<!-- Album Section -->
+    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
+      <section id="album">
+        <div class="container-fluid">
+          <h2 class="text-title text-xs-center">
+          <koken:link to="albums" title="{{ language.view_all_albums }}">{{ language.albums }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
+        </h2>
+          <koken:load source="albums" flat="true" limit="4" order_by="published_on" order_direction="desc">
+            <koken:include file="inc/album/album-grid-front.html" />
+          </koken:load>
+        </div>
+      </section>
+    </div>
+<!-- Album Section -->
+  </koken:if>
+
+  <koken:if true="settings.front_essays">
+<!-- Essay Section -->
+    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
+      <section id="essay">
+        <div class="container-fluid">
+          <h2 class="text-title text-xs-center">
+          <koken:link to="essays" title="{{ language.view_all_essays }}">{{ language.essays }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
+        </h2>
+          <koken:load source="essays" limit="4" order_by="published_on" order_direction="desc">
+            <koken:include file="inc/essay/essay-grid-pillar-front.html" />
+          </koken:load>
+        </div>
+      </section>
+    </div>
+<!-- Essay Section -->
+  </koken:if>
+
+  <koken:if true="settings.front_featured_essays">
+<!-- Featured Essay Section -->
+    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 col-xl-6">
+      <section id="essay">
+        <div class="container-fluid">
+          <h2 class="text-title text-xs-center">
+          <koken:link to="essays" title="{{ language.view_all_essays }}"><i class="fa fa-star-o"></i> {{ language.essays }}<span style="font-size:large;padding-left:5px;"><i class="fa fa-share"></i></span></koken:link>
+        </h2>
+          <koken:load source="featured_essays" limit="4" order_by="published_on" order_direction="desc">
+            <koken:include file="inc/essay/featured_essay-grid-pillar-front.html" />
+          </koken:load>
+        </div>
+      </section>
+    </div>
+<!-- Featured Essay Section -->
+  </koken:if>
+
+</div>
 
 <koken:include file="inc/footer.html" />
diff --git a/info.json b/info.json
index 82fc274..f76a1a3 100644
--- a/info.json
+++ b/info.json
@@ -33,7 +33,8 @@
       "geysir_info_": "Upplýsingar",
       "geysir_category_": "Flokkur",
       "geysir_scroll_down_": "Niður",
-      "geysir_social_media_": "Samfélagsmiðlar"
+      "geysir_social_media_": "Samfélagsmiðlar",
+      "geysir_menu_": "Valmynd"
     },
     "de": {
       "geysir_caption_": "Beschreibung",
@@ -48,7 +49,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Kategorie",
       "geysir_scroll_down_": "Runter",
-      "geysir_social_media_": "Soziale Medien"
+      "geysir_social_media_": "Soziale Medien",
+      "geysir_menu_": "Menü"
     },
     "el": {
       "geysir_caption_": "Λεζάντα",
@@ -63,7 +65,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down_": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Valmynd"
     },
     "en": {
       "geysir_caption_": "Caption",
@@ -78,7 +81,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down_": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Menu"
     },
     "es": {
       "geysir_caption_": "Título",
@@ -93,7 +97,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down_": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Menú"
     },
     "fr": {
       "geysir_caption_": "Titre",
@@ -108,7 +113,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down_": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Menu"
     },
     "hu": {
       "geysir_caption_": "Képaláírás",
@@ -123,7 +129,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down_": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Menu"
     },
     "it": {
       "geysir_caption_": "Didascalia",
@@ -138,7 +145,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down_": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Menu"
     },
     "nl": {
       "geysir_caption_": "Onderschrift",
@@ -153,7 +161,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down_": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Menu"
     },
     "no": {
       "geysir_caption_": "Bildetekst",
@@ -168,7 +177,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down_": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Menu"
     },
     "pl": {
       "geysir_caption_": "Podpis",
@@ -176,14 +186,15 @@
       "geysir_captured_": "Wykonano",
       "geysir_also_in_": "Ponadto",
       "geysir_comments_": "Komentarze",
-      "geysir_by_month_": "By month",
-      "geysir_by_year_": "By year",
+      "geysir_by_month_": "Według Miesiąca",
+      "geysir_by_year_": "Według Roku",
       "geysir_filter_": "Filter",
       "geysir_exif_": "Exif",
-      "geysir_info_": "Info",
-      "geysir_category_": "Category",
+      "geysir_info_": "Informacja",
+      "geysir_category_": "Kategoria",
       "geysir_scroll_down_": "Na dół",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Portale Społecznościowe",
+      "geysir_menu_": "Menu"
     },
 
     "ru": {
@@ -199,7 +210,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Menu"
     },
     "sv": {
       "geysir_caption_": "Bildtext",
@@ -214,7 +226,8 @@
       "geysir_info_": "Info",
       "geysir_category_": "Category",
       "geysir_scroll_down": "Down",
-      "geysir_social_media_": "Social networks"
+      "geysir_social_media_": "Social networks",
+      "geysir_menu_": "Menu"
     }
   },
   "styles": {
@@ -359,7 +372,7 @@
         "grid_footer_hover_color": "rgb(0,0,0)",
 
         "tab_active_bg": "rgba(0,0,0,0.85)",
-        "tabs_color_active": "rgb(255,255,255)",
+        "tabs_color_active": "rgb(0,0,0)",
 
         "scrollbar_track_bg": "rgb(255,255,255)",
         "scrollbar_thumb_bg": "rgb(0,0,0)",
@@ -433,7 +446,7 @@
         "grid_footer_color": "rgb(255,255,255)",
         "grid_footer_hover_color": "rgb(255,255,255)",
 
-        "tab_active_bg": "rgba(255,255,255,0.85)",
+        "tab_active_bg": "rgba(0,0,0,0.85)",
         "tabs_color_active": "rgb(0,0,0)",
 
         "scrollbar_track_bg": "rgb(255,255,255)",
@@ -501,25 +514,6 @@
     "Index": {
       "icon": "layout",
       "settings": {
-        "index_layout": {
-          "note": "Choose a layout",
-          "note_align": "left",
-          "label": "Layout",
-          "type": "select",
-          "scope": ["front", "index"],
-          "options": [{
-            "label": "Slideshow only",
-            "value": "slideshow_only"
-          }, {
-            "label": "Sections only",
-            "value": "sections_only"
-          }, {
-            "label": "Slideshow & sections",
-            "value": "slideshow_sections"
-          }],
-          "reload_preview": true,
-          "value": "slideshow_sections"
-        },
         "slideshow_padding": {
           "label": "Slideshow padding",
           "type": "slider",
@@ -530,6 +524,13 @@
           "suffix": "px",
           "reload_preview": true
         },
+        "front_slideshow": {
+          "label": "Show slideshow on frontpage",
+          "type": "boolean",
+          "control_first": true,
+          "value": "true",
+          "relead_preview": true
+        },
         "slideshow_source": {
           "note": "Choose the source for the slideshow",
           "note_align": "left",
@@ -582,12 +583,26 @@
           "value": "true",
           "relead_preview": true
         },
+        "front_featured_albums": {
+          "label": "Show featured albums on frontpage",
+          "type": "boolean",
+          "control_first": true,
+          "value": "true",
+          "relead_preview": true
+        },
         "front_essays": {
           "label": "Show essays on frontpage",
           "type": "boolean",
           "control_first": true,
           "value": "true",
           "relead_preview": true
+        },
+        "front_featured_essays": {
+          "label": "Show featured essays on frontpage",
+          "type": "boolean",
+          "control_first": true,
+          "value": "true",
+          "relead_preview": true
         }
       }
     },
@@ -934,12 +949,6 @@
           "value": 5,
           "reload_preview": true
         },
-        "menu_title": {
-          "label": "Menu title",
-          "type": "string",
-          "reload_preview": true,
-          "value": "Menu"
-        },
         "show_search": {
           "label": "Show koken search",
           "type": "boolean",
@@ -1094,6 +1103,13 @@
             "control_first": true,
             "reload_preview": true,
             "value": "#0000ff"
+          },
+          "spinner_bg_color": {
+            "label": "Spinner background color",
+            "type": "color",
+            "control_first": true,
+            "reload_preview": true,
+            "value": "#ffffff"
           }
         }
       }
@@ -1678,6 +1694,13 @@
           "scope": ["contents", "album", "albums", "tag", "tags", "category", "categories", "set", "essay", "essays", "page", "favorites", "timeline"],
           "value": "true"
         },
+        "show_content_count": {
+          "label": "Show content count",
+          "type": "boolean",
+          "control_first": true,
+          "scope": ["contents", "album"],
+          "value": "true"
+        },
         "show_breadcrumbs": {
           "label": "Breadcrumbs",
           "type": "boolean",
@@ -1843,7 +1866,7 @@
         "pillar_timeline_spacing": {
           "label": "Pillar spacing",
           "type": "slider",
-          "scope": ["timeline", "tag", "category"],
+          "scope": ["timeline", "tag", "category", "tags"],
           "min": 0,
           "max": 50,
           "step": 1,
@@ -1852,7 +1875,7 @@
         "pillar_columns_timeline_mob": {
           "label": "Pillar columns (Mobile)",
           "type": "slider",
-          "scope": ["timeline", "tag", "category"],
+          "scope": ["timeline", "tag", "category", "tags"],
           "min": 1,
           "max": 2,
           "step": 1,
@@ -1861,7 +1884,7 @@
         "pillar_columns_timeline_tablet": {
           "label": "Pillar columns (Tablet)",
           "type": "slider",
-          "scope": ["timeline", "tag", "category"],
+          "scope": ["timeline", "tag", "category", "tags"],
           "min": 1,
           "max": 8,
           "step": 1,
@@ -1870,7 +1893,7 @@
         "pillar_columns_timeline_max": {
           "label": "Pillar columns (Max)",
           "type": "slider",
-          "scope": ["timeline", "tag", "category"],
+          "scope": ["timeline", "tag", "category", "tags"],
           "min": 1,
           "max": 8,
           "step": 1,
@@ -1937,13 +1960,6 @@
             "with_alpha": true,
             "control_first": true,
             "scope": ["front", "index"],
-            "dependencies": {
-              "evaluate": "all",
-              "conditions": [{
-                "option": "index_layout",
-                "not": "slideshow_only"
-              }]
-            },
             "value": "rgba(255,255,255,.65)"
           },
           "content_bg": {
@@ -1952,13 +1968,6 @@
             "with_alpha": true,
             "control_first": true,
             "scope": ["front", "index"],
-            "dependencies": {
-              "evaluate": "all",
-              "conditions": [{
-                "option": "index_layout",
-                "not": "slideshow_only"
-              }]
-            },
             "value": "rgba(255,255,255,.65)"
           },
           "album_bg": {
@@ -1967,13 +1976,14 @@
             "with_alpha": true,
             "control_first": true,
             "scope": ["front", "index"],
-            "dependencies": {
-              "evaluate": "all",
-              "conditions": [{
-                "option": "index_layout",
-                "not": "slideshow_only"
-              }]
-            },
+            "value": "rgba(255,255,255,.65)"
+          },
+          "featured_album_bg": {
+            "label": "Featured Album Section Background",
+            "type": "color",
+            "with_alpha": true,
+            "control_first": true,
+            "scope": ["front", "index"],
             "value": "rgba(255,255,255,.65)"
           },
           "essay_bg": {
@@ -1982,13 +1992,14 @@
             "with_alpha": true,
             "control_first": true,
             "scope": ["front", "index"],
-            "dependencies": {
-              "evaluate": "all",
-              "conditions": [{
-                "option": "index_layout",
-                "not": "slideshow_only"
-              }]
-            },
+            "value": "rgba(255,255,255,.65)"
+          },
+          "featured_essay_bg": {
+            "label": "Featured Essay Section Background",
+            "type": "color",
+            "with_alpha": true,
+            "control_first": true,
+            "scope": ["front", "index"],
             "value": "rgba(255,255,255,.65)"
           }
         },
diff --git a/js/nprogress.js b/js/nprogress.js
new file mode 100644
index 0000000..66ee948
--- /dev/null
+++ b/js/nprogress.js
@@ -0,0 +1,490 @@
+/* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
+ * @license MIT */
+
+;(function(root, factory) {
+
+  if (typeof define === 'function' && define.amd) {
+    define(function() {return factory});
+  } else if (typeof exports === 'object') {
+    module.exports = factory;
+  } else {
+    root.NProgress = factory;
+  }
+
+})(this, function() {
+  var NProgress = {};
+
+  NProgress.version = '0.3.0';
+
+  var Settings = NProgress.settings = {
+    minimum: 0.08,
+    easing: 'linear',
+    positionUsing: '',
+    speed: 200,
+    trickle: true,
+    trickleSpeed: 200,
+    showSpinner: true,
+    barSelector: '[role="bar"]',
+    spinnerSelector: '[role="spinner"]',
+    parent: 'body',
+    template: '<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'
+  };
+
+  /**
+   * Updates configuration.
+   *
+   *     NProgress.configure({
+   *       minimum: 0.1
+   *     });
+   */
+  NProgress.configure = function(options) {
+    var key, value;
+    for (key in options) {
+      value = options[key];
+      if (value !== undefined && options.hasOwnProperty(key)) Settings[key] = value;
+    }
+
+    return this;
+  };
+
+  /**
+   * Last number.
+   */
+
+  NProgress.status = null;
+
+  /**
+   * Sets the progress bar status, where `n` is a number from `0.0` to `1.0`.
+   *
+   *     NProgress.set(0.4);
+   *     NProgress.set(1.0);
+   */
+
+  NProgress.set = function(n) {
+    var started = NProgress.isStarted();
+
+    n = clamp(n, Settings.minimum, 1);
+    NProgress.status = (n === 1 ? null : n);
+
+    var progress = NProgress.render(!started),
+        bar      = progress.querySelector(Settings.barSelector),
+        speed    = Settings.speed,
+        ease     = Settings.easing;
+
+    progress.offsetWidth; /* Repaint */
+
+    queue(function(next) {
+      // Set positionUsing if it hasn't already been set
+      if (Settings.positionUsing === '') Settings.positionUsing = NProgress.getPositioningCSS();
+
+      // Add transition
+      css(bar, barPositionCSS(n, speed, ease));
+
+      if (n === 1) {
+        // Fade out
+        css(progress, {
+          transition: 'none',
+          opacity: 1
+        });
+        progress.offsetWidth; /* Repaint */
+
+        setTimeout(function() {
+          css(progress, {
+            transition: 'all ' + speed + 'ms linear',
+            opacity: 0
+          });
+          setTimeout(function() {
+            NProgress.remove();
+            next();
+          }, speed);
+        }, speed);
+      } else {
+        setTimeout(next, speed);
+      }
+    });
+
+    return this;
+  };
+
+  NProgress.isStarted = function() {
+    return typeof NProgress.status === 'number';
+  };
+
+  /**
+   * Shows the progress bar.
+   * This is the same as setting the status to 0%, except that it doesn't go backwards.
+   *
+   *     NProgress.start();
+   *
+   */
+  NProgress.start = function() {
+    if (!NProgress.status) NProgress.set(0);
+
+    var work = function() {
+      setTimeout(function() {
+        if (!NProgress.status) return;
+        NProgress.trickle();
+        work();
+      }, Settings.trickleSpeed);
+    };
+
+    if (Settings.trickle) work();
+
+    return this;
+  };
+
+  /**
+   * Hides the progress bar.
+   * This is the *sort of* the same as setting the status to 100%, with the
+   * difference being `done()` makes some placebo effect of some realistic motion.
+   *
+   *     NProgress.done();
+   *
+   * If `true` is passed, it will show the progress bar even if its hidden.
+   *
+   *     NProgress.done(true);
+   */
+
+  NProgress.done = function(force) {
+    if (!force && !NProgress.status) return this;
+
+    return NProgress.inc(0.3 + 0.5 * Math.random()).set(1);
+  };
+
+  /**
+   * Increments by a random amount.
+   */
+
+  NProgress.inc = function(amount) {
+    var n = NProgress.status;
+
+    if (!n) {
+      return NProgress.start();
+    } else if(n > 1) {
+      return;
+    } else {
+      if (typeof amount !== 'number') {
+        if (n >= 0 && n < 0.2) { amount = 0.1; }
+        else if (n >= 0.2 && n < 0.5) { amount = 0.04; }
+        else if (n >= 0.5 && n < 0.8) { amount = 0.02; }
+        else if (n >= 0.8 && n < 0.99) { amount = 0.005; }
+        else { amount = 0; }
+      }
+
+      n = clamp(n + amount, 0, 0.994);
+      return NProgress.set(n);
+    }
+  };
+
+  NProgress.trickle = function() {
+    return NProgress.inc();
+  };
+
+  /**
+   * Waits for all supplied jQuery promises and
+   * increases the progress as the promises resolve.
+   *
+   * @param $promise jQUery Promise
+   */
+  (function() {
+    var initial = 0, current = 0;
+
+    NProgress.promise = function($promise) {
+      if (!$promise || $promise.state() === "resolved") {
+        return this;
+      }
+
+      if (current === 0) {
+        NProgress.start();
+      }
+
+      initial++;
+      current++;
+
+      $promise.always(function() {
+        current--;
+        if (current === 0) {
+            initial = 0;
+            NProgress.done();
+        } else {
+            NProgress.set((initial - current) / initial);
+        }
+      });
+
+      return this;
+    };
+
+  })();
+
+  /**
+   * (Internal) get the rendered element
+   */
+
+  NProgress.getElement = function() {
+    return document.querySelector(Settings.parent + ' #nprogress');
+  }
+
+
+  /**
+   * (Internal) renders the progress bar markup based on the `template`
+   * setting.
+   */
+
+  NProgress.render = function(fromStart) {
+    if (NProgress.isRendered()) return NProgress.getElement();
+
+    addClass(document.documentElement, 'nprogress-busy');
+
+    var progress = document.createElement('div');
+    progress.id = 'nprogress';
+    progress.innerHTML = Settings.template;
+
+    var bar      = progress.querySelector(Settings.barSelector),
+        perc     = fromStart ? '-100' : toBarPerc(NProgress.status || 0),
+        parent   = document.querySelector(Settings.parent),
+        spinner;
+
+    css(bar, {
+      transition: 'all 0 linear',
+      transform: 'translate3d(' + perc + '%,0,0)'
+    });
+
+    if (!Settings.showSpinner) {
+      spinner = progress.querySelector(Settings.spinnerSelector);
+      spinner && removeElement(spinner);
+    }
+
+    if (parent != document.body) {
+      addClass(parent, 'nprogress-custom-parent');
+    }
+
+    parent.appendChild(progress);
+    return progress;
+  };
+
+  /**
+   * Removes the element. Opposite of render().
+   */
+
+  NProgress.remove = function() {
+    NProgress.status = null;
+    removeClass(document.documentElement, 'nprogress-busy');
+    removeClass(document.querySelector(Settings.parent), 'nprogress-custom-parent');
+    var progress = NProgress.getElement();
+    progress && removeElement(progress);
+  };
+
+  /**
+   * Checks if the progress bar is rendered.
+   */
+
+  NProgress.isRendered = function() {
+    return !!NProgress.getElement();
+  };
+
+  /**
+   * Determine which positioning CSS rule to use.
+   */
+
+  NProgress.getPositioningCSS = function() {
+    // Sniff on document.body.style
+    var bodyStyle = document.body.style;
+
+    // Sniff prefixes
+    var vendorPrefix = ('WebkitTransform' in bodyStyle) ? 'Webkit' :
+                       ('MozTransform' in bodyStyle) ? 'Moz' :
+                       ('msTransform' in bodyStyle) ? 'ms' :
+                       ('OTransform' in bodyStyle) ? 'O' : '';
+
+    if (vendorPrefix + 'Perspective' in bodyStyle) {
+      // Modern browsers with 3D support, e.g. Webkit, IE10
+      return 'translate3d';
+    } else if (vendorPrefix + 'Transform' in bodyStyle) {
+      // Browsers without 3D support, e.g. IE9
+      return 'translate';
+    } else {
+      // Browsers without translate() support, e.g. IE7-8
+      return 'margin';
+    }
+  };
+
+  /**
+   * Helpers
+   */
+
+  function clamp(n, min, max) {
+    if (n < min) return min;
+    if (n > max) return max;
+    return n;
+  }
+
+  /**
+   * (Internal) converts a percentage (`0..1`) to a bar translateX
+   * percentage (`-100%..0%`).
+   */
+
+  function toBarPerc(n) {
+    return (-1 + n) * 100;
+  }
+
+
+  /**
+   * (Internal) returns the correct CSS for changing the bar's
+   * position given an n percentage, and speed and ease from Settings
+   */
+
+  function barPositionCSS(n, speed, ease) {
+    var barCSS;
+
+    if (Settings.positionUsing === 'translate3d') {
+      barCSS = { transform: 'translate3d('+toBarPerc(n)+'%,0,0)' };
+    } else if (Settings.positionUsing === 'translate') {
+      barCSS = { transform: 'translate('+toBarPerc(n)+'%,0)' };
+    } else {
+      barCSS = { 'margin-left': toBarPerc(n)+'%' };
+    }
+
+    barCSS.transition = 'all '+speed+'ms '+ease;
+
+    return barCSS;
+  }
+
+  /**
+   * (Internal) Queues a function to be executed.
+   */
+
+  var queue = (function() {
+    var pending = [];
+
+    function next() {
+      var fn = pending.shift();
+      if (fn) {
+        fn(next);
+      }
+    }
+
+    return function(fn) {
+      pending.push(fn);
+      if (pending.length == 1) next();
+    };
+  })();
+
+  /**
+   * (Internal) Applies css properties to an element, similar to the jQuery
+   * css method.
+   *
+   * While this helper does assist with vendor prefixed property names, it
+   * does not perform any manipulation of values prior to setting styles.
+   */
+
+  var css = (function() {
+    var cssPrefixes = [ 'Webkit', 'O', 'Moz', 'ms' ],
+        cssProps    = {};
+
+    function camelCase(string) {
+      return string.replace(/^-ms-/, 'ms-').replace(/-([\da-z])/gi, function(match, letter) {
+        return letter.toUpperCase();
+      });
+    }
+
+    function getVendorProp(name) {
+      var style = document.body.style;
+      if (name in style) return name;
+
+      var i = cssPrefixes.length,
+          capName = name.charAt(0).toUpperCase() + name.slice(1),
+          vendorName;
+      while (i--) {
+        vendorName = cssPrefixes[i] + capName;
+        if (vendorName in style) return vendorName;
+      }
+
+      return name;
+    }
+
+    function getStyleProp(name) {
+      name = camelCase(name);
+      return cssProps[name] || (cssProps[name] = getVendorProp(name));
+    }
+
+    function applyCss(element, prop, value) {
+      prop = getStyleProp(prop);
+      element.style[prop] = value;
+    }
+
+    return function(element, properties) {
+      var args = arguments,
+          prop,
+          value;
+
+      if (args.length == 2) {
+        for (prop in properties) {
+          value = properties[prop];
+          if (value !== undefined && properties.hasOwnProperty(prop)) applyCss(element, prop, value);
+        }
+      } else {
+        applyCss(element, args[1], args[2]);
+      }
+    }
+  })();
+
+  /**
+   * (Internal) Determines if an element or space separated list of class names contains a class name.
+   */
+
+  function hasClass(element, name) {
+    var list = typeof element == 'string' ? element : classList(element);
+    return list.indexOf(' ' + name + ' ') >= 0;
+  }
+
+  /**
+   * (Internal) Adds a class to an element.
+   */
+
+  function addClass(element, name) {
+    var oldList = classList(element),
+        newList = oldList + name;
+
+    if (hasClass(oldList, name)) return;
+
+    // Trim the opening space.
+    element.className = newList.substring(1);
+  }
+
+  /**
+   * (Internal) Removes a class from an element.
+   */
+
+  function removeClass(element, name) {
+    var oldList = classList(element),
+        newList;
+
+    if (!hasClass(element, name)) return;
+
+    // Replace the class name.
+    newList = oldList.replace(' ' + name + ' ', ' ');
+
+    // Trim the opening and closing spaces.
+    element.className = newList.substring(1, newList.length - 1);
+  }
+
+  /**
+   * (Internal) Gets a space separated list of the class names on the element.
+   * The list is wrapped with a single space on each end to facilitate finding
+   * matches within the list.
+   */
+
+  function classList(element) {
+    return (' ' + (element && element.className || '') + ' ').replace(/\s+/gi, ' ');
+  }
+
+  /**
+   * (Internal) Removes an element from the DOM.
+   */
+
+  function removeElement(element) {
+    element && element.parentNode && element.parentNode.removeChild(element);
+  }
+
+  return NProgress;
+});
diff --git a/js/pillar.js b/js/pillar.js
index 247827f..4f480b5 100644
--- a/js/pillar.js
+++ b/js/pillar.js
@@ -12,7 +12,6 @@ $('#kgrid_content').pillar({
   }
 });
 
-
 $('#kgrid_album').pillar({
   items: '.kgrid_item',
   spacing: this.spacing_album,
@@ -27,6 +26,20 @@ $('#kgrid_album').pillar({
   }
 });
 
+$('#kgrid_featured_album').pillar({
+  items: '.kgrid_item',
+  spacing: this.spacing_album,
+  columns: {
+    '479': this.mobCol_album,
+    '767': this.mobCol_album,
+    '959': this.tabletCol_album,
+    'max': this.maxCols_album
+  },
+  imageLoaded: function() {
+    $(this).closest('.kgrid_item').addClass('loaded')
+  }
+});
+
 $('#kgrid_essay').pillar({
   items: '.kgrid_item',
   spacing: this.spacing_essay,
@@ -41,6 +54,20 @@ $('#kgrid_essay').pillar({
   }
 });
 
+$('#kgrid_featured_essay').pillar({
+  items: '.kgrid_item',
+  spacing: this.spacing_essay,
+  columns: {
+    '479': this.mobCol_essay,
+    '767': this.mobCol_essay,
+    '959': this.tabletCol_essay,
+    'max': this.maxCols_essay
+  },
+  imageLoaded: function() {
+    $(this).closest('.kgrid_item').addClass('loaded')
+  }
+});
+
 $('#kgrid_favorites').pillar({
   items: '.kgrid_item',
   spacing: this.spacing_fav,
diff --git a/settings.css.lens b/settings.css.lens
new file mode 100644
index 0000000..5d2ef25
--- /dev/null
+++ b/settings.css.lens
@@ -0,0 +1 @@
+@charset "UTF-8";@import url(css/fonts_body/[$body_font].css);@import url(css/fonts_site_title/[$site_title_font].css);*{box-sizing:border-box}ul ul a.k-nav-current{margin-left:[$nav_indent]px;text-indent:0}ul ul{margin-left:[$nav_indent]px}@media screen and (min-width:800px){.album-list{max-height:35%;max-height:35vh;overflow:hidden;overflow-y:auto}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:0;background-color:[$scrollbar_track_bg]}::-webkit-scrollbar-thumb{border-radius:0;background-color:[$scrollbar_thumb_bg]}#slideshow{position:relative;height:100vh;overflow:hidden;padding:[$slideshow_padding]px}a.dropdown-item,.dropdown-item{background-color:[$dropdown_bg];color:[$dropdown_color];border-radius:0!important;border:0}a.dropdown-item:hover,.dropdown-item:hover{background-color:[$dropdown_hover_bg];color:[$dropdown_hover_color]}.dropdown-header{color:[$dropdown_header_color];background-color:[$dropdown_bg];margin-bottom:0}.dropdown-menu:last-child{padding-bottom:0;border-bottom:[$btn_border_color]}.dropdown-menu:first-child{padding-top:0!important}.dropdown-menu{border-radius:0;border:0;background-color:[$dropdown_bg]}@media screen and (min-width:800px){.dropdown-menu{border-radius:0;border:0;background-color:[$dropdown_bg];max-height:75%;max-height:75vh;overflow:hidden;overflow-y:auto}}.nav-tabs .nav-link{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;padding:.1em 1em;border:0}.nav-tabs{border:0}.nav-tabs a.nav-link.active,.nav-tabs a.nav-link.active:hover,ul.nav.nav-tabs.active,ul.nav.nav-tabs.active:hover,a.nav-link.active:hover{border-bottom:solid 3px $tab_active_bg;background-color:transparent!important;color:[$tabs_color_active]!important;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}.nav-tabs .nav-link{background-color:rgba(0,0,0,0)!important}.tab-content{padding-left:8px;padding:right:8px;padding-top:10px;padding-bottom:10px}#content{background-color:[$content_bg];padding-bottom:0}#album{background-color:[$album_bg];padding-bottom:0}#essay{background-color:[$essay_bg];padding-bottom:0}#favorites{background-color:[$favorites_bg];padding-bottom:0}.site-logo{transition:all .5s ease;max-width:83ch;position:[$site_logo_pos];top:0;left:0;text-transform:normal;color:[$logo_text_color];text-shadow:2px 2px 2px [$logo_text_shadow_color];font-size:24px;z-index:1031;background:[$logo_bg];padding:10px;padding-top:5px;padding-bottom:5px;border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px}#ss_spinner_infinite{background-repeat:no-repeat;background-position:center center;background-size:2.188rem 2.188rem;background-image:url(css/spinners/loader2.svg);width:2.688rem;height:2.688rem;margin-left:-12px;z-index:999;opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}#ss_spinner{background-repeat:no-repeat;background-position:center center;background-size:2.188rem 2.188rem;background-image:url(css/spinners/loader2.svg);background-color:rgba(255,255,255,0);width:2.688rem;height:2.688rem;position:absolute;left:50%;top:50%;margin-left:-12px;z-index:999;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}#ss_spinner.loading{opacity:1}.loading{position:fixed;z-index:9999;top:50%;left:0;width:100%;text-align:center;padding:20px}.k-content-caption,.k-content.title{display:block}ul.btn-block li a{display:block;font-size:[$font_size_links]rem}ul.btn-block li a:hover{font-size:[$font_size_links]rem}.btn{margin-bottom:3px}.btn,a.btn,.btn a,button,button a{background-color:[$btn_bg];border:1px solid [$btn_border_color];color:[$btn_color];border-radius:0}.dropdown-toggle.dropdown-toggle-split{border-color:[$btn_border_color]}.btn a:hover,button:hover,button a:hover,a.btn:hover{color:[$btn_hover_color];background-color:[$btn_hover_bg];border:1px solid [$btn_border_hover_color];font-size:16px}header,header .header-content{position:relative;width:100%;text-align:left}.section-fill-height{display:flex;height:100%;align-items:center}#img_canvas img{max-height:auto}#top{padding-top:80px}a.nav-link.nav-item{display:table-cell}img.k-lazy-loading,#kgrid.kgrid_item_content img.k-lazy-loading,#kgrid.kgrid_item_album img.k-lazy-loading,#kgrid.kgrid_item_fav img.k-lazy-loading,#kgrid.kgrid_item_essay img.k-lazy-loading{background:url(css/spinners/loader2.svg) center center no-repeat;background-size:32px 32px}#loader .k-lazy-loading,.k-source-content .content img.k-lazy-loading{background-position:center center;background-size:32px 32px}.banner-photo{object-fit:cover;min-width:100%;max-width:100%;max-height:400px;min-height:200px;object-fit:cover;background-position:center center}.list-style-menu{list-style-type:none}ul.k-nav-list.k-nav-root.list-style-menu li a{display:block;width:100%;padding-left:0}.k-search input{margin:0;display:inline;background-color:[$input_bg];padding:8px;color:[$input_color]}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea,input{color:[$input_color];font-size:inherit!important;padding:6px 10px;background-color:[$input_bg_color];border:1px solid [$input_border_color];margin-bottom:20px;border-radius:0;display:block;font-family:inherit!important;padding:.5em;height:auto;width:100%;-webkit-appearance:none;box-sizing:border-box}button,html input[type=button],input[type=reset],input[type=submit]{margin-top:20px;cursor:pointer;-webkit-border-radius:0;border-radius:0;padding:10px}body,html{width:100%;height:100%}body{background-color:[$body_bg];color:[$body_color];webkit-tap-highlight-color:#222;top:0}li.list-group-item{border:0;padding-top:4px;padding-bottom:4px;text-indent:0;max-width:180px;margin:auto;text-align:left}#list-group-date{float:right}hr{border-width:3px;opacity:.08;margin-top:0;margin-bottom:25px}hr.transparent{border-color:transparent;margin-top:10px;margin-bottom:10px}hr.light{border-color:#fff;opacity:1}hr.primary{border-color:#007fff;opacity:1;max-width:120px}hr.c{border-color:#ccc;opacity:.3;width:100%}.modal-header .close,.modal-header a.close{margin-top:-13px;margin-right:-5px;color:[$modal_close_color];font-size:24px}.modal-header a.close:hover{color:[$modal_close_hover_color];font-size:24px}.close{text-shadow:none!important;font-size:24px}.modal-header{max-height:44px!important;border-bottom:1px solid [$btn_border_color]}a,a:link,a:visited,a.close{color:[$link_color];-webkit-transition:all .35s;-moz-transition:all .35s;transition:all .35s;font-size:16px}a:focus,a:hover,.close:hover,a.close:hover{color:[$link_color_hover];outline:0;text-decoration:none;font-size:16px}.close{opacity:1}.col-md-8 p,.col-md-8 p a,.col-md-8 p a:hover{font-size:[$font_size]rem;line-height:1.7;margin-bottom:20px}.wide-space{letter-spacing:1.6px}.icon-lg{font-size:50px;line-height:18px}.padding-0{padding:0}.padding-5{padding:5px}.padding-10{padding:10px}.padding-20{padding:20px}.pb-0{padding-bottom:0}.pt-0{padding-top:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.pb-5{padding-bottom:5px}.pt-5{padding-top:5}.pl-5{padding-left:5px}.pr-5{padding-right:5px}.pb-10{padding-bottom:10px}.pt-10{padding-top:10px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.margin-5{margin:5px}.margin-10{margin:10px}.margin-0{margin:0}.margin-bottom-5{margin-bottom:5px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-20{margin-bottom:20px}.text-title{color:[$text_title];margin-bottom:2em;line-height:35px}.text-title a,.text-title a:hover{color:[$text_title]}.text-title{margin-top:60px}section{padding:80px 0}aside{padding:45px 0}.navbar-default{background-color:transparent;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}@media(max-width:320px){.site-logo{position:[$site_logo_pos];top:0;left:0;text-transform:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:-4px 2px 6px [$logo_text_shadow_color]!important;max-width:220px!important;font-size:36px;z-index:1031}}@media(max-width:48em){.g-recaptcha{transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0}.navbar-default .navbar-nav>.nav-item{float:none;margin-left:.1rem}.navbar-default .navbar-nav{float:none!important}.navbar-default .navbar-brand img{display:inline}footer#footer h6{padding-top:3em;padding-bottom:0rem}}@media(min-width:48em){.navbar-default{border-color:transparent;max-height:65px}.navbar-brand{padding:12px}.navbar-default .nav>li>a,.navbar-default .nav>li>a:focus{color:[$body_color];padding-left:5px;padding-top:21px;letter-spacing:1.1px;float:left;font-size:[$font_size_links]rem}.navbar-default .nav>li>a:focus:hover,.navbar-default .nav>li>a:hover{color:[$body_color];font-size:[$font_size_links]rem}}header{min-height:auto}.grid-footer{background-color:[$grid_footer_bg];color:[$grid_footer_color];padding:15px;margin:0;display:block;position:absolute;bottom:0;left:0;height:auto;line-height:30px;width:100%;font-size:[$grid_footer_font_size]rem}.grid-footer:hover{background-color:[$grid_footer_hover_bg];color:[$grid_footer_hover_color]}header .header-content{padding:100px 15px;z-index:2}header .header-content .inner h1{margin-top:0;margin-bottom:0}header .header-content .inner p{margin-bottom:50px;font-size:[$font_size]rem;font-weight:300;color:#222}@media(min-width:34em){.icon-lg{font-size:80px}header{min-height:100%}header .header-content{position:absolute;top:50%;padding:0 50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}header .header-content .inner{margin-right:auto;margin-left:auto;max-width:1000px}header .header-content .inner h1{font-size:53px}header .header-content .inner p{margin-right:auto;margin-left:auto;max-width:80%}section{min-height:600px;padding:50px 0}}textarea{resize:none;height:200px}.call-to-action h2{margin:0 auto 20px}::selection{text-shadow:none;color:#fff;background:#222}img::selection{color:#fff;background:0}img::-moz-selection{color:#fff;background:0}.essay-grid{border:0}.bg-nav.scrolled{background-color:rgba(211,211,211,0.85);-moz-box-shadow:0 4px 4px rgba(0,0,0,.4);-webkit-box-shadow:0 4px 4px rgba(0,0,0,.4);box-shadow:0 4px 4px rgba(0,0,0,.4)}#collapsingNavbar{position:relative;top:-5px}.bg-nav{background-color:rgba(211,211,211,0);box-shadow:none}.banner-photo-set{display:inline-block;width:25%;max-height:400px;min-height:200px;object-fit:cover}.about-text{font-weight:400}#loading{background:url(css/spinners/loader2.svg) center center no-repeat;background-size:24px 24px}.dropdown-item{font-weight:400!important}.k-pulse-button-disabled{opacity:.3}@media(min-width:992px){.text-title{white-space:nowrap;overflow:hidden;line-height:50px}.text-title:before,.text-title:after{background-color:[$text_title];content:"";display:inline-block;height:4px;position:relative;vertical-align:middle}.text-title:before{right:.3em;width:25px}.text-title:after{left:.3em;width:25px}}a.dropdown-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-search input{outline:0}.timeline_icon{position:absolute;top:0;left:0;padding:11px;display:inline-block;background-color:[$timeline_icon_bg];color:[$timeline_icon_color];z-index:999}.timeline_icon:hover{background-color:[$timeline_icon_hover_bg];-moz-box-shadow:0 4px 4px rgba(0,0,0,.4);-webkit-box-shadow:0 4px 4px rgba(0,0,0,.4);box-shadow:0 4px 4px rgba(0,0,0,.4);color:[$timeline_icon_hover_color]}.timeline_time{position:absolute;top:0;right:0;padding:11px;background-color:[$grid_footer_bg];color:[$grid_footer_color];display:inline-block;float:right;z-index:997}.timeline-filter a{margin-left:auto;margin-right:auto}.timeline-filter li{padding-bottom:10px}.timeline-filter{text-align:left;display:inline-block}label{margin-top:20px;margin-bottom:5px}.btn.navbar-toggle.collapsed{background-color:[$btn_bg];color:[$btn_color];outline:0;border-radius:0;border:1px solid [$btn_border_color]}.btn.navbar-toggle.collapsed:hover{background-color:[$btn_hover_bg];outline:0;color:[$btn_hover_color];border:1px solid [$btn_border_hover_color]}.nav-button-scrolled{position:fixed;top:0;right:0;border-radius:0}ul.list-unstyled li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-title{margin-top:5px;margin-bottom:5px;padding:0}.k-list-item .modal-body{z-index:2}.ScrollTop{z-index:999}.ScrollTop .btn{background-color:[$btn_bg]!important;border:1px solid [$btn_border_color];color:[$btn_color]!important}.ScrollTop .btn:hover{background-color:[$btn_hover_bg]!important;border:1px solid [$btn_border_hover_color];color:[$btn_hover_color]!important}blockquote,blockquote.blockquote{color:[$body_color];font-style:italic;margin:30px;padding:30px;border-left:3px solid [$body_color]}blockquote:first-letter {font-size:[$font_size_bquote]%}pre{font:100% courier,monospace;border:0;overflow:auto;overflow-x:auto;width:90%;padding:0 1em 1em 1em;margin:1em auto 1em auto;color:[$body_color];border-radius:0;background:[$body_bg]}code{font-size:120%}body.modal-open{padding-right:0!important;overflow:hidden!important}.modal-backdrop{opacity:.92!important;width:100%;height:100%}.modal-header{background-color:[$nav_header_bg]!important;max-height:60px}.modal-content{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;background-color:[$nav_body_bg]!important}#nprogress{pointer-events:none}#nprogress .bar{visibility:[$show_loadbar];background-color:[$loading_color];position:fixed;z-index:1031;top:0;left:0;width:100%;height:[$loadbar_height]px}#nprogress .peg{visibility:[$show_spinner];position:absolute;right:0;width:100px;height:100%;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{visibility:[$show_spinner];position:fixed;z-index:1031;bottom:0;left:0;margin:20px;background-color:[$spinner_bg_color];padding:10px;-webkit-box-shadow:0 1px 9px 0 rgba(50,50,50,0.75);-moz-box-shadow:0 1px 9px 0 rgba(50,50,50,0.75);box-shadow:0 1px 9px 0 rgba(50,50,50,0.75);-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:[$loading_color];border-left-color:[$loading_color];border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.k-contact-form-success:before{content:'✔';margin-right:6px}.k-contact-form-required-field label:after{content:'*';color:red}.k-content-form-processing{opacity:.5}.k-content-form-processing button[type=submit]{pointer-events:none!important}.k-contact-form-error label:after{position:relative;right:0;color:red;content:"This field is required";display:block}.k-contact-form-error input[type=color],.k-contact-form-error input[type=date],.k-contact-form-error input[type=datetime-local],.k-contact-form-error input[type=datetime],.k-contact-form-error input[type=email],.k-contact-form-error input[type=month],.k-contact-form-error input[type=number],.k-contact-form-error input[type=password],.k-contact-form-error input[type=search],.k-contact-form-error input[type=tel],.k-contact-form-error input[type=text],.k-contact-form-error input[type=time],.k-contact-form-error input[type=url],.k-contact-form-error input[type=week],.k-contact-form-error textarea{border-color:red}footer,footer#footer{padding:40px 45px 45px;background-color:[$footer_bg];color:[$footer_color]!important}footer h6:after{content:'';border-bottom:[$footer_header_border_width]px solid [$footer_header_border_color];display:block;max-width:[$footer_header_max_width]px;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:50px}input::placeholder{color:[$input_color]}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border-top:2px solid [$loading_color];border-right:2px solid transparent;animation:spinner .3s linear infinite}.container-grid{max-width:100%;margin:0 auto;padding:0}.container-fluid{padding:0}.arrow-animate{-webkit-animation:bounce 5s infinite;animation:bounce 5s infinite}@keyframes spinner{to{transform:rotate(360deg)}}.spinner:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border-top:2px solid [$loading_color];border-right:2px solid transparent;animation:spinner .3s linear infinite}.button_down{position:absolute;right:0;z-index:10;border-radius:0!important;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:34em){.button_down{margin-bottom:90px}.no-padding{margin-left:-24px;margin-right:-24px}}.container-grid{padding-left:0;padding-right:0;margin:0 auto}.essay-image-full{width:100%;height:300px;background-size:cover;position:relative;background-position:50% 50%;background-repeat:no-repeat no-repeat}a.k-nav-current{color:[$link_color_active];text-decoration:underline}.k-source-essay p+ul,.k-source-page p+ul{list-style-type:disc;list-style-position:inside}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-0.6px}.card{position:relative;display:block;background-color:[$card_bg_color];border-radius:0;border:0;margin:[$card_spacing]px}#content-container img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in}.k-content img{max-width:100%}#kgrid_content{margin:0 auto}#kgrid_content:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;padding-bottom:[$footer_height]px}.kgrid_item{position:relative;display:none;overflow:hidden}.kgrid_item img{width:100%;max-width:100%;display:none}.kgrid_item img.k-lazy-loaded{height:auto}.pillar .kgrid_item,.pillar .kgrid_item img{display:block}.kgrid_item a{display:block;border:0;padding:0;margin:0}.container-grid [class*="col-"],.container-fluid [class*="col-"]{padding:0;margin:0}a.k-link-lightbox{cursor:zoom-in}.kgrid_item img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-backface-visibility:hidden;-ms-transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-transform:translateZ(0)}.kgrid_item:hover img{-webkit-transform:rotate(-2.5deg) scale(1.2);transform:rotate(-2.5deg) scale(1.2);-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}.essay_thumb_bg{background-color:[$essay_thumb_bg];padding:10px}body,html,p{font_size:[$font_size]rem}h1{font-size:[$font_size_h1]em}h2{font-size:[$font_size_h2]em}h3{font-size:[$font_size_h3]em}h4{font-size:[$font_size_h4]em}h5{font-size:[$font_size_h5]em}h6{font-size:[$font_size_h6]em}.text-title a{font-size:[$header_title_font_size]rem}h2.social_icons a,h2.social_icons a:hover{font-size:[$font_size_social]rem}.fa.fa-share,.fa.fa-star{font-size:14px!important;text-rendering:geometricPrecision}.fa.fa-bars{font-size:24px;text-rendering:geometricPrecision}@media(min-width:960px){section#content{padding-right:0}section#favorites{padding-left:0}}div[data-pulse-group] div.cover div{top:50px!important}.k-video{padding-top:10px;padding-bottom:10px}#content-container img{max-height:calc(90vh - 120px)}h5.menu-header{padding-top:15px;padding-bottom:5px}h5.menu-header:after{content:"";text-align:left;display:block;width:50px;border-bottom:1px solid;margin-top:6px}.parallax{height:100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}@media(max-width:480px){.banner-photo{object-fit:cover;min-width:100%;max-width:100%;max-height:400px;min-height:200px;object-fit:cover;background-position:center center}}.img-rounded,.k-content img{border-radius:.45rem!important}.footer_essay_list:nth-child(2n+1){background-color:[$btn_bg];color:[$btn_color]}.footer_essay_list a{display:block;width:100%}.footer_essay_list a.k-nav-current{text-decoration:none;font-weight:bold}.footer_essay_list{word-break:break-word;padding:5px}