windhamdavid 4 years ago
parent
commit
bbcba510ee
12 changed files with 1924 additions and 101 deletions
  1. 776 0
      css/jasny-bootstrap.css
  2. 1 1
      footer.php
  3. 1 1
      front-page.php
  4. 4 2
      functions.php
  5. 53 14
      inc/hp-cleaner.php
  6. 3 3
      inc/hp-templates.php
  7. 2 2
      index.php
  8. 966 0
      js/jasny-bootstrap.js
  9. 26 0
      page-contact.php
  10. 42 36
      page-donate.php
  11. 11 23
      page.php
  12. 39 19
      style.css

+ 776 - 0
css/jasny-bootstrap.css

@@ -0,0 +1,776 @@
+/*!
+ * Jasny Bootstrap v4.0.0 (http://jasny.github.io/bootstrap)
+ * Copyright 2012-2019 Arnold Daniels
+ * Licensed under  ()
+ */
+
+/*!
+ * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
+ * Copyright 2012-2015 Arnold Daniels
+ * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
+ * 
+ */
+.container-smooth {
+  max-width: 1170px;
+  }
+@media (min-width: 1px) {
+  .container-smooth {
+    width: auto;
+    }
+  }
+.btn-labeled {
+  padding-top: 0;
+  padding-bottom: 0;
+  }
+.btn-labeled.btn-block {
+  line-height: 32px;
+  text-indent: -12px;
+  }
+.btn-labeled.btn-block.btn-lg {
+  line-height: 42px;
+  text-indent: -16px;
+  }
+.btn-labeled.btn-block.btn-sm {
+  line-height: 30px;
+  text-indent: -10px;
+  }
+.btn-labeled.btn-block.btn-xs {
+  line-height: 22px;
+  text-indent: -5px;
+  }
+.btn-labeled.btn-block .btn-label {
+  float: left;
+  line-height: 20px;
+  text-indent: 0;
+  }
+.btn-label {
+  position: relative;
+  left: -12px;
+  display: inline-block;
+  padding: 5px 12px 7px 12px;
+  background: transparent;
+  background: rgba(0, 0, 0, .15);
+  border-radius: 3px 0 0 3px;
+  }
+.btn-label.btn-label-right {
+  right: -12px;
+  left: auto;
+  border-radius: 0 3px 3px 0;
+  }
+.btn-lg .btn-label {
+  left: -16px;
+  padding: 9px 16px 11px 16px;
+  border-radius: 5px 0 0 5px;
+  }
+.btn-lg .btn-label.btn-label-right {
+  right: -16px;
+  left: auto;
+  border-radius: 0 5px 5px 0;
+  }
+.btn-sm .btn-label {
+  left: -10px;
+  padding: 4px 10px 6px 10px;
+  border-radius: 2px 0 0 2px;
+  }
+.btn-sm .btn-label.btn-label-right {
+  right: -10px;
+  left: auto;
+  border-radius: 0 2px 2px 0;
+  }
+.btn-xs .btn-label {
+  left: -5px;
+  padding: 0 5px 2px 5px;
+  border-radius: 2px 0 0 2px;
+  }
+.btn-xs .btn-label.btn-label-right {
+  right: -5px;
+  left: auto;
+  border-radius: 0 2px 2px 0;
+  }
+.btn-group .btn-labeled:not(:first-child) .btn-label:not(.btn-label-right) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  }
+.btn-group .btn-labeled:not(:last-child) .btn-label.btn-label-right {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  }
+.nav-tabs-bottom {
+  border-top: 1px solid #ddd;
+  border-bottom: 0;
+  }
+.nav-tabs-bottom > li {
+  margin-top: -1px;
+  margin-bottom: 0;
+  }
+.nav-tabs-bottom > li > a {
+  border-radius: 0 0 4px 4px;
+  }
+.nav-tabs-bottom > li > a:hover,
+.nav-tabs-bottom > li > a:focus,
+.nav-tabs-bottom > li.active > a,
+.nav-tabs-bottom > li.active > a:hover,
+.nav-tabs-bottom > li.active > a:focus {
+  border: 1px solid #ddd;
+  border-top-color: transparent;
+  }
+.nav-tabs-left {
+  border-right: 1px solid #ddd;
+  border-bottom: 0;
+  }
+.nav-tabs-left > li {
+  float: none;
+  margin-right: -1px;
+  margin-bottom: 0;
+  }
+.nav-tabs-left > li > a {
+  margin-right: 0;
+  margin-bottom: 2px;
+  border-radius: 4px 0 0 4px;
+  }
+.nav-tabs-left > li > a:hover,
+.nav-tabs-left > li > a:focus,
+.nav-tabs-left > li.active > a,
+.nav-tabs-left > li.active > a:hover,
+.nav-tabs-left > li.active > a:focus {
+  border: 1px solid #ddd;
+  border-right-color: transparent;
+  }
+.row > .nav-tabs-left {
+  position: relative;
+  z-index: 1;
+  padding-right: 0;
+  padding-left: 15px;
+  margin-right: -1px;
+  }
+.row > .nav-tabs-left + .tab-content {
+  border-left: 1px solid #ddd;
+  }
+.nav-tabs-right {
+  border-bottom: 0;
+  border-left: 1px solid #ddd;
+  }
+.nav-tabs-right > li {
+  float: none;
+  margin-bottom: 0;
+  margin-left: -1px;
+  }
+.nav-tabs-right > li > a {
+  margin-bottom: 2px;
+  margin-left: 0;
+  border-radius: 0 4px 4px 0;
+  }
+.nav-tabs-right > li > a:hover,
+.nav-tabs-right > li > a:focus,
+.nav-tabs-right > li.active > a,
+.nav-tabs-right > li.active > a:hover,
+.nav-tabs-right > li.active > a:focus {
+  border: 1px solid #ddd;
+  border-left-color: transparent;
+  }
+.row > .nav-tabs-right {
+  padding-right: 15px;
+  padding-left: 0;
+  }
+.navmenu,
+.navbar-offcanvas {
+  width: 300px;
+  height: auto;
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 4px;
+  }
+.lockIphone {
+  position: fixed;
+  height: 100%;
+  overflow: hidden;
+  -webkit-overflow-scrolling: auto;
+  }
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  -webkit-transform: none;
+       -o-transform: none;
+          transform: none;
+  }
+.navmenu-fixed-left,
+.navmenu-fixed-right,
+.navbar-offcanvas {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  z-index: 1051;
+  overflow-y: auto;
+  border-radius: 0;
+  }
+.navmenu-fixed-left .dropdown .dropdown-menu,
+.navmenu-fixed-right .dropdown .dropdown-menu {
+  position: static !important;
+  float: none;
+  background: rgba(0, 0, 0, .02);
+  border-right: none;
+  border-left: none;
+  border-radius: 0;
+  transform: none !important;
+  }
+.navmenu-fixed-left .dropdown .dropdown-menu .nav-link,
+.navmenu-fixed-right .dropdown .dropdown-menu .nav-link {
+  padding: .35rem 1rem .35rem 1.3rem;
+  }
+.navmenu-fixed-left,
+.navbar-offcanvas.navmenu-fixed-left {
+  right: auto!important;
+  left: 0;
+  border-width: 0 1px 0 0;
+  }
+.navmenu-fixed-right,
+.navbar-offcanvas {
+  right: 0;
+  left: auto!important;
+  border-width: 0 0 0 1px;
+  }
+.navmenu-nav {
+  margin-bottom: 10px;
+  }
+.navmenu-nav.dropdown-menu {
+  position: static!important;
+  float: none;
+  padding-top: 0;
+  margin: 0;
+  border: none;
+  border-radius: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  transform: none!important;
+  }
+.navmenu-nav.dropdown-menu li > a {
+  white-space: normal;
+  }
+.navbar-offcanvas .navbar-nav {
+  margin: 0;
+  }
+@media (min-width: 768px) {
+  .navbar-offcanvas {
+    width: auto;
+    border-top: 0;
+    box-shadow: none;
+    }
+  .navbar-offcanvas.offcanvas {
+    position: static;
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important;
+    }
+  .navbar-offcanvas .navbar-nav.navbar-left:first-child {
+    margin-left: -15px;
+    }
+  .navbar-offcanvas .navbar-nav.navbar-right:last-child {
+    margin-right: -15px;
+    }
+  .navbar-offcanvas .navmenu-brand {
+    display: none;
+    }
+  }
+.navmenu-brand {
+  display: block;
+  padding: 10px 15px;
+  margin: 10px 0;
+  font-size: 18px;
+  line-height: 20px;
+  }
+.navmenu-brand:hover,
+.navmenu-brand:focus {
+  text-decoration: none;
+  }
+.navmenu-default,
+.navbar-default .navbar-offcanvas {
+  background-color: #f8f8f8;
+  border-color: #e7e7e7;
+  }
+.navmenu-default .navmenu-brand,
+.navbar-default .navbar-offcanvas .navmenu-brand {
+  color: #777;
+  }
+.navmenu-default .navmenu-brand:hover,
+.navbar-default .navbar-offcanvas .navmenu-brand:hover,
+.navmenu-default .navmenu-brand:focus,
+.navbar-default .navbar-offcanvas .navmenu-brand:focus {
+  color: #5e5e5e;
+  background-color: transparent;
+  }
+.navmenu-default .navmenu-text,
+.navbar-default .navbar-offcanvas .navmenu-text {
+  color: #777;
+  }
+.navmenu-default .navmenu-nav > .dropdown > a:hover .caret,
+.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret,
+.navmenu-default .navmenu-nav > .dropdown > a:focus .caret,
+.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret {
+  border-top-color: #333;
+  border-bottom-color: #333;
+  }
+.navmenu-default .navmenu-nav > .open > a,
+.navbar-default .navbar-offcanvas .navmenu-nav > .open > a,
+.navmenu-default .navmenu-nav > .open > a:hover,
+.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover,
+.navmenu-default .navmenu-nav > .open > a:focus,
+.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus {
+  color: #555;
+  background-color: #e7e7e7;
+  }
+.navmenu-default .navmenu-nav > .open > a .caret,
+.navbar-default .navbar-offcanvas .navmenu-nav > .open > a .caret,
+.navmenu-default .navmenu-nav > .open > a:hover .caret,
+.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:hover .caret,
+.navmenu-default .navmenu-nav > .open > a:focus .caret,
+.navbar-default .navbar-offcanvas .navmenu-nav > .open > a:focus .caret {
+  border-top-color: #555;
+  border-bottom-color: #555;
+  }
+.navmenu-default .navmenu-nav > .dropdown > a .caret,
+.navbar-default .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
+  border-top-color: #777;
+  border-bottom-color: #777;
+  }
+.navmenu-default .navmenu-nav.dropdown-menu,
+.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu {
+  background-color: #e7e7e7;
+  }
+.navmenu-default .navmenu-nav.dropdown-menu > .divider,
+.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider {
+  background-color: #f8f8f8;
+  }
+.navmenu-default .navmenu-nav.dropdown-menu > .active > a,
+.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
+.navmenu-default .navmenu-nav.dropdown-menu > .active > a:hover,
+.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
+.navmenu-default .navmenu-nav.dropdown-menu > .active > a:focus,
+.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus {
+  background-color: #d7d7d7;
+  }
+.navmenu-default .navmenu-nav > li > a,
+.navbar-default .navbar-offcanvas .navmenu-nav > li > a {
+  color: #777;
+  }
+.navmenu-default .navmenu-nav > li > a:hover,
+.navbar-default .navbar-offcanvas .navmenu-nav > li > a:hover,
+.navmenu-default .navmenu-nav > li > a:focus,
+.navbar-default .navbar-offcanvas .navmenu-nav > li > a:focus {
+  color: #333;
+  background-color: transparent;
+  }
+.navmenu-default .navmenu-nav > .active > a,
+.navbar-default .navbar-offcanvas .navmenu-nav > .active > a,
+.navmenu-default .navmenu-nav > .active > a:hover,
+.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:hover,
+.navmenu-default .navmenu-nav > .active > a:focus,
+.navbar-default .navbar-offcanvas .navmenu-nav > .active > a:focus {
+  color: #555;
+  background-color: #e7e7e7;
+  }
+.navmenu-default .navmenu-nav > .disabled > a,
+.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a,
+.navmenu-default .navmenu-nav > .disabled > a:hover,
+.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
+.navmenu-default .navmenu-nav > .disabled > a:focus,
+.navbar-default .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
+  color: #ccc;
+  background-color: transparent;
+  }
+.navmenu-inverse,
+.navbar-inverse .navbar-offcanvas {
+  background-color: #222;
+  border-color: #080808;
+  }
+.navmenu-inverse .navmenu-brand,
+.navbar-inverse .navbar-offcanvas .navmenu-brand {
+  color: #999;
+  }
+.navmenu-inverse .navmenu-brand:hover,
+.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,
+.navmenu-inverse .navmenu-brand:focus,
+.navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
+  color: #fff;
+  background-color: transparent;
+  }
+.navmenu-inverse .navmenu-text,
+.navbar-inverse .navbar-offcanvas .navmenu-text {
+  color: #999;
+  }
+.navmenu-inverse .navmenu-nav > .dropdown > a:hover .caret,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:hover .caret,
+.navmenu-inverse .navmenu-nav > .dropdown > a:focus .caret,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a:focus .caret {
+  border-top-color: #fff;
+  border-bottom-color: #fff;
+  }
+.navmenu-inverse .navmenu-nav > .open > a,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a,
+.navmenu-inverse .navmenu-nav > .open > a:hover,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover,
+.navmenu-inverse .navmenu-nav > .open > a:focus,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus {
+  color: #fff;
+  background-color: #080808;
+  }
+.navmenu-inverse .navmenu-nav > .open > a .caret,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a .caret,
+.navmenu-inverse .navmenu-nav > .open > a:hover .caret,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:hover .caret,
+.navmenu-inverse .navmenu-nav > .open > a:focus .caret,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .open > a:focus .caret {
+  border-top-color: #fff;
+  border-bottom-color: #fff;
+  }
+.navmenu-inverse .navmenu-nav > .dropdown > a .caret,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .dropdown > a .caret {
+  border-top-color: #999;
+  border-bottom-color: #999;
+  }
+.navmenu-inverse .navmenu-nav.dropdown-menu,
+.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu {
+  background-color: #080808;
+  }
+.navmenu-inverse .navmenu-nav.dropdown-menu > .divider,
+.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .divider {
+  background-color: #222;
+  }
+.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a,
+.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a,
+.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:hover,
+.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:hover,
+.navmenu-inverse .navmenu-nav.dropdown-menu > .active > a:focus,
+.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu > .active > a:focus {
+  background-color: #000;
+  }
+.navmenu-inverse .navmenu-nav > li > a,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a {
+  color: #999;
+  }
+.navmenu-inverse .navmenu-nav > li > a:hover,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:hover,
+.navmenu-inverse .navmenu-nav > li > a:focus,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > li > a:focus {
+  color: #fff;
+  background-color: transparent;
+  }
+.navmenu-inverse .navmenu-nav > .active > a,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a,
+.navmenu-inverse .navmenu-nav > .active > a:hover,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:hover,
+.navmenu-inverse .navmenu-nav > .active > a:focus,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .active > a:focus {
+  color: #fff;
+  background-color: #080808;
+  }
+.navmenu-inverse .navmenu-nav > .disabled > a,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a,
+.navmenu-inverse .navmenu-nav > .disabled > a:hover,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:hover,
+.navmenu-inverse .navmenu-nav > .disabled > a:focus,
+.navbar-inverse .navbar-offcanvas .navmenu-nav > .disabled > a:focus {
+  color: #444;
+  background-color: transparent;
+  }
+.alert-fixed-top,
+.alert-fixed-bottom {
+  position: fixed;
+  left: 0;
+  z-index: 1035;
+  width: 100%;
+  margin: 0;
+  border-radius: 0;
+  }
+@media (min-width: 992px) {
+  .alert-fixed-top,
+  .alert-fixed-bottom {
+    left: 50%;
+    width: 992px;
+    margin-left: -496px;
+    }
+  }
+.alert-fixed-top {
+  top: 0;
+  border-width: 0 0 1px 0;
+  }
+@media (min-width: 992px) {
+  .alert-fixed-top {
+    border-width: 0 1px 1px 1px;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    }
+  }
+.alert-fixed-bottom {
+  bottom: 0;
+  border-width: 1px 0 0 0;
+  }
+@media (min-width: 992px) {
+  .alert-fixed-bottom {
+    border-width: 1px 1px 0 1px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+    }
+  }
+.offcanvas {
+  display: none;
+  }
+.offcanvas.in {
+  display: block;
+  }
+.offcanvas .dropdown .dropdown-menu {
+  position: static !important;
+  float: none;
+  background: rgba(0, 0, 0, .02);
+  border-right: none;
+  border-left: none;
+  border-radius: 0;
+  transform: none !important;
+  }
+.offcanvas .dropdown .dropdown-menu .nav-link {
+  padding: .35rem 1rem .35rem 1.3rem;
+  }
+@media (max-width: 767px) {
+  .offcanvas-xs {
+    display: none;
+    }
+  .offcanvas-xs.in {
+    display: block;
+    }
+  .offcanvas-xs .dropdown .dropdown-menu {
+    position: static !important;
+    float: none;
+    background: rgba(0, 0, 0, .02);
+    border-right: none;
+    border-left: none;
+    border-radius: 0;
+    transform: none !important;
+    }
+  .offcanvas-xs .dropdown .dropdown-menu .nav-link {
+    padding: .35rem 1rem .35rem 1.3rem;
+    }
+  }
+@media (max-width: 991px) {
+  .offcanvas-sm {
+    display: none;
+    }
+  .offcanvas-sm.in {
+    display: block;
+    }
+  .offcanvas-sm .dropdown .dropdown-menu {
+    position: static !important;
+    float: none;
+    background: rgba(0, 0, 0, .02);
+    border-right: none;
+    border-left: none;
+    border-radius: 0;
+    transform: none !important;
+    }
+  .offcanvas-sm .dropdown .dropdown-menu .nav-link {
+    padding: .35rem 1rem .35rem 1.3rem;
+    }
+  }
+@media (max-width: 1199px) {
+  .offcanvas-md {
+    display: none;
+    }
+  .offcanvas-md.in {
+    display: block;
+    }
+  .offcanvas-md .dropdown .dropdown-menu {
+    position: static !important;
+    float: none;
+    background: rgba(0, 0, 0, .02);
+    border-right: none;
+    border-left: none;
+    border-radius: 0;
+    transform: none !important;
+    }
+  .offcanvas-md .dropdown .dropdown-menu .nav-link {
+    padding: .35rem 1rem .35rem 1.3rem;
+    }
+  }
+.offcanvas-lg {
+  display: none;
+  }
+.offcanvas-lg.in {
+  display: block;
+  }
+.offcanvas-lg .dropdown .dropdown-menu {
+  position: static !important;
+  float: none;
+  background: rgba(0, 0, 0, .02);
+  border-right: none;
+  border-left: none;
+  border-radius: 0;
+  transform: none !important;
+  }
+.offcanvas-lg .dropdown .dropdown-menu .nav-link {
+  padding: .35rem 1rem .35rem 1.3rem;
+  }
+.canvas-sliding {
+  -webkit-transition: top .35s, left .35s, bottom .35s, right .35s;
+          transition: top .35s, left .35s, bottom .35s, right .35s;
+  }
+.offcanvas-clone {
+  position: absolute !important;
+  top: auto !important;
+  right: 0 !important;
+  bottom: 0 !important;
+  left: auto !important;
+  width: 0 !important;
+  height: 0 !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  overflow: hidden !important;
+  border: none !important;
+  opacity: 0 !important;
+  }
+.modal-backdrop.allow-navbar {
+  z-index: 1029;
+  }
+.limit-backdrop {
+  overflow: hidden!important;
+  }
+.limit-backdrop .modal-backdrop {
+  position: absolute;
+  }
+.table.rowlink td:not(.rowlink-skip),
+.table .rowlink td:not(.rowlink-skip) {
+  cursor: pointer;
+  }
+.table.rowlink td:not(.rowlink-skip) a,
+.table .rowlink td:not(.rowlink-skip) a {
+  font: inherit;
+  color: inherit;
+  text-decoration: inherit;
+  }
+.table-hover.rowlink tr:hover td,
+.table-hover .rowlink tr:hover td {
+  background-color: #cfcfcf;
+  }
+.btn-file {
+  position: relative;
+  overflow: hidden;
+  vertical-align: middle;
+  }
+.btn-file > input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-size: 23px;
+  cursor: pointer;
+  filter: alpha(opacity=0);
+  opacity: 0;
+
+  direction: ltr;
+  }
+.btn-file > input::-webkit-file-upload-button {
+  cursor: pointer;
+  }
+.fileinput {
+  display: inline-block;
+  max-width: 100vw;
+  margin-bottom: 9px;
+  }
+.fileinput .form-control {
+  display: inline-block;
+  padding-top: 7px;
+  padding-bottom: 5px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  cursor: text;
+  }
+.fileinput .img-thumbnail {
+  display: inline-block;
+  margin-bottom: 5px;
+  overflow: hidden;
+  text-align: center;
+  vertical-align: middle;
+  }
+.fileinput .img-thumbnail > img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  max-height: 100%;
+  margin-right: auto;
+  margin-left: auto;
+  }
+.fileinput .btn {
+  vertical-align: middle;
+  }
+.fileinput .form-group {
+  overflow: hidden;
+  }
+.fileinput .form-group .fileinput-filename {
+  width: 90%;
+  width: calc(100% - 20px);
+  }
+.fileinput-exists .fileinput-new,
+.fileinput-new .fileinput-exists {
+  display: none;
+  }
+.fileinput-exists.close {
+  float: none;
+  }
+.fileinput-inline .fileinput-controls {
+  display: inline;
+  }
+.fileinput-filename {
+  display: inline-block;
+  max-width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: middle;
+  }
+.form-control .fileinput-filename {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  max-width: 100%;
+  padding-left: 10px;
+  white-space: nowrap;
+  vertical-align: bottom;
+  }
+.form-control .fileinput-filename.with-icon {
+  padding-left: 30px;
+  }
+.fileinput.input-group {
+  display: flex;
+  }
+.fileinput.input-group > * {
+  position: relative;
+  z-index: 2;
+  }
+.fileinput.input-group > .btn-file {
+  z-index: 1;
+  }
+.fileinput .input-group-append .input-group-text:hover {
+  cursor: pointer;
+  background: #d9dcdf;
+  }
+.form-group.has-warning .fileinput .fileinput-preview {
+  color: #8a6d3b;
+  }
+.form-group.has-warning .fileinput .img-thumbnail {
+  border-color: #faebcc;
+  }
+.form-group.has-error .fileinput .fileinput-preview {
+  color: #a94442;
+  }
+.form-group.has-error .fileinput .img-thumbnail {
+  border-color: #ebccd1;
+  }
+.form-group.has-success .fileinput .fileinput-preview {
+  color: #3c763d;
+  }
+.form-group.has-success .fileinput .img-thumbnail {
+  border-color: #d6e9c6;
+  }
+.input-group-addon:not(:first-child) {
+  border-left: 0;
+  }
+

+ 1 - 1
footer.php

@@ -45,7 +45,7 @@
     </div>
   <?php } ?>
   </div>
-  <footer id="colophon" class="site-footer text-secondary pt-5 pb-3" role="contentinfo">
+  <footer id="colophon" class="site-footer text-secondary pt-3 pb-3" role="contentinfo">
     <div class="container pt-3 pb-3">
       <div class="site-info">
         &copy; <?php echo date('Y'); ?> <?php echo '<a href="'.home_url().'">'.get_bloginfo('name').'</a>'; ?>

+ 1 - 1
front-page.php

@@ -62,7 +62,7 @@
         </div>
         <hr>
         <div class="">
-  				<?php $recentposts = get_posts(array('numberposts'=>11,'offset'=>1)); foreach ($recentposts as $post) : setup_postdata($post); ?>
+  				<?php $recentposts = get_posts(array('numberposts'=>5,'offset'=>1)); foreach ($recentposts as $post) : setup_postdata($post); ?>
   				       <li style="color:#777;list-style:none;"><?php echo get_the_date('m/d/y'); ?> - <a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
   				<?php endforeach; ?>
         </div>

+ 4 - 2
functions.php

@@ -77,15 +77,17 @@ add_action( 'widgets_init', 'hp_widgets_init' );
 
 function hp_scripts() {
   wp_enqueue_style( 'hp-boot-css', get_template_directory_uri() . '/css/bootstrap.css' );
+  wp_enqueue_style( 'hp-jasny-boot-css', get_template_directory_uri() . '/css/jasny-bootstrap.css' );
   wp_enqueue_style( 'hp-boot-font', get_template_directory_uri() . '/css/bootstrap-icons.css' );
-  //wp_enqueue_style( 'hp-montserrat-opensans-font', 'https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:300,300i,400,400i,600,600i,700,800' );
   wp_enqueue_style( 'hp-style', get_stylesheet_uri() );
 	wp_enqueue_script('jquery');
-  wp_enqueue_script('hp-init', get_template_directory_uri() . '/js/init.js', array(), '', true );
   wp_enqueue_script('wp-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus.js', array(), '20151215', true );
   wp_enqueue_script('hp-boot-js', get_template_directory_uri() . '/js/bootstrap.bundle.js', array(), '', true );
+  wp_enqueue_script('hp-jasny-boot-js', get_template_directory_uri() . '/js/jasny-bootstrap.js', array(), '', true );
+  wp_enqueue_script('hp-init', get_template_directory_uri() . '/js/init.js', array(), '', true );
 	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
 		wp_enqueue_script( 'comment-reply' );
 	}
 }
 add_action( 'wp_enqueue_scripts', 'hp_scripts' );
+

+ 53 - 14
inc/hp-cleaner.php

@@ -5,20 +5,6 @@
 
 define('TRIBE_DISABLE_TOOLBAR_ITEMS', true);
 
-function srh_admin_bar_render() {
-  global $wp_admin_bar;
-  $wp_admin_bar->remove_menu('comments');
-  $wp_admin_bar->remove_menu('customize');
-  $wp_admin_bar->remove_menu('new-content');
-  $wp_admin_bar->remove_menu('wp-logo');
-}
-add_action( 'wp_before_admin_bar_render', 'srh_admin_bar_render' );
-
-function hp_remove_admin_menus() {
-  remove_menu_page( 'edit-comments.php' );
-}
-add_action( 'admin_menu', 'hp_remove_admin_menus' );
-
 function remove_comment_support() {
   remove_post_type_support( 'post', 'comments' );
   remove_post_type_support( 'page', 'comments' );
@@ -46,6 +32,59 @@ function remove_default_img_sizes( $sizes ) {
 add_filter( 'intermediate_image_sizes', 'remove_default_img_sizes', 10, 1);
 
 
+/*************************************************
+// #############  Admin Bar  ################## //
+**************************************************/
+function srh_admin_bar_render() {
+  global $wp_admin_bar;
+  $wp_admin_bar->remove_menu('comments');
+  $wp_admin_bar->remove_menu('customize');
+  $wp_admin_bar->remove_menu('new-content');
+  $wp_admin_bar->remove_menu('wp-logo');
+}
+add_action( 'wp_before_admin_bar_render', 'srh_admin_bar_render' );
+
+/*************************************************
+// ##############  Admin pages  ################ //
+**************************************************/
+add_action( 'admin_menu', 'gw_remove_admin_pages', 99 );
+function gw_remove_admin_pages() {
+	remove_menu_page( 'edit-comments.php' );
+  remove_menu_page( 'link-manager.php' );
+  remove_menu_page( 'edit.php?post_type=donor' );
+  remove_menu_page( 'edit.php?post_type=funds' );
+	//remove_submenu_page('edit.php', 'edit-tags.php?taxonomy=post_tag');
+}
+
+add_filter( 'custom_menu_order', '__return_true' );
+add_filter( 'menu_order', 'hp_change_menu_order' );
+function hp_change_menu_order( $menu_order ) {
+  return array(
+    'index.php',
+    'separator1',
+    'edit.php?post_type=page',
+    'edit.php',
+    'upload.php',
+    'edit.php?post_type=soliloquy',
+    'separator2',
+    'edit.php?post_type=donation',
+    'seamless_donations_tab_main',
+    'separator-last',
+    'users.php',
+    'themes.php',
+    'plugins.php',
+    'tools.php'
+  );
+}
+
+
+/*************************************************
+// ############ Admin footer  ############## //
+**************************************************/
+add_filter('admin_footer_text', '__return_empty_string', 1000);
+add_filter('update_footer', '__return_empty_string', 1000);
+
+
 /*************************************************
 // ############### wp_head ################## //
 **************************************************/

+ 3 - 3
inc/hp-templates.php

@@ -11,19 +11,19 @@ function hp_list_child_pages() {
    if ( is_page() && $post->post_parent )
       $childpages = wp_list_pages( array(
          'title_li' => '',
-         'sort_column' => 'menu_order',
+         'sort_column' => 'post_title',
          'child_of' => $post->post_parent,
          'depth' => 1,
          'echo' => 0
       ));
-   else $childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->ID . '&echo=0' );
+   else $childpages = wp_list_pages( 'sort_column=post_title&title_li=&child_of=' . $post->ID . '&echo=0' );
    $output = '<li class="nav-item">' . $childpages . '</ul>';
    return $output;
 }
 add_shortcode('hp_childpages', 'hp_list_child_pages');
 
 function wp_list_pages_filter($output) {
-  $output = str_replace('page_item', 'page_item list-group-item py-2', $output);
+  $output = str_replace('page_item', 'list-group-item py-1 p-0', $output);
   return $output;
 }
 add_filter('wp_list_pages', 'wp_list_pages_filter');

+ 2 - 2
index.php

@@ -31,8 +31,8 @@
     <div class="row">
       <div class="content-area col-sm-12 col-md-12 col-lg-10 offset-lg-1">
         <?php the_posts_pagination( array(
-          'prev_text' => __( ' &larr; Newer Posts ' ),
-          'next_text' => __( ' Older Posts &rarr; ' ),
+          'prev_text' => __( ' &larr; Newer ' ),
+          'next_text' => __( ' Older &rarr; ' ),
         ));
         ?>
         <hr/>

+ 966 - 0
js/jasny-bootstrap.js

@@ -0,0 +1,966 @@
+/*!
+ * Jasny Bootstrap v4.0.0 (http://jasny.github.io/bootstrap)
+ * Copyright 2012-2019 Arnold Daniels
+ * Licensed under  ()
+ */
+
+if (typeof jQuery === 'undefined') { throw new Error('Jasny Bootstrap\'s JavaScript requires jQuery') }
+
+/* ========================================================================
+ * Bootstrap: transition.js v4.0.0
+ * http://getbootstrap.com/javascript/#transitions
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+  // ============================================================
+
+  function transitionEnd() {
+    var el = document.createElement('bootstrap')
+
+    var transEndEventNames = {
+      WebkitTransition : 'webkitTransitionEnd',
+      MozTransition    : 'transitionend',
+      OTransition      : 'oTransitionEnd otransitionend',
+      transition       : 'transitionend'
+    }
+
+    for (var name in transEndEventNames) {
+      if (el.style[name] !== undefined) {
+        return { end: transEndEventNames[name] }
+      }
+    }
+
+    return false // explicit for ie8 (  ._.)
+  }
+
+  if ($.support.transition !== undefined) return  // Prevent conflict with vanilla Bootstrap
+
+  // http://blog.alexmaccaw.com/css-transitions
+  $.fn.emulateTransitionEnd = function (duration) {
+    var called = false, $el = this
+    $(this).one($.support.transition.end, function () { called = true })
+    var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
+    setTimeout(callback, duration)
+    return this
+  }
+
+  $(function () {
+    $.support.transition = transitionEnd()
+  })
+
+}(window.jQuery);
+
+/* ========================================================================
+ * Bootstrap: offcanvas.js v4.0.0
+ * http://jasny.github.io/bootstrap/javascript/#offcanvas
+ * ========================================================================
+ * Copyright 2013-2014 Arnold Daniels
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License")
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
++function ($) { "use strict"
+
+  // OFFCANVAS PUBLIC CLASS DEFINITION
+  // =================================
+  var isIphone = (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))
+  var OffCanvas = function (element, options) {
+    this.$element = $(element)
+    this.options  = $.extend({}, OffCanvas.DEFAULTS, options)
+    this.state    = null
+    this.placement = null
+    this.$calcClone = null
+
+    this.calcClone()
+
+    if (this.options.recalc) {
+      $(window).on('resize', $.proxy(this.recalc, this))
+    }
+
+    if (this.options.autohide && !this.options.modal) {
+      var eventName = (navigator.userAgent.match(/(iPad|iPhone)/i) === null) ? 'click' : 'touchstart'
+      $(document).on('click touchstart', $.proxy(this.autohide, this))
+    }
+
+    // Backdrop is added to dropdown on it's open, if device is touchable (or desctop FF, https://github.com/twbs/bootstrap/issues/13748)
+    // and dropdown is not inside .navbar-nav. So we remove it
+    $(this.$element).on('shown.bs.dropdown', $.proxy(function(e) {
+        $(this.$element).find('.dropdown .dropdown-backdrop').remove()
+    }, this))
+
+    if (typeof(this.options.disablescrolling) === "boolean") {
+        this.options.disableScrolling = this.options.disablescrolling
+        delete this.options.disablescrolling
+    }
+
+    if (this.options.toggle) this.toggle()
+  }
+
+  OffCanvas.DEFAULTS = {
+    toggle: true,
+    placement: 'auto',
+    autohide: true,
+    recalc: true,
+    disableScrolling: true,
+    modal: false,
+    backdrop: false,
+    exclude: null
+  }
+
+  OffCanvas.prototype.setWidth = function () {
+    var size = this.$element.outerWidth()
+    var max = $(window).width()
+    max -= 68 //Minimum space between menu and screen edge
+
+    this.$element.css('width', size > max ? max : size)
+  }
+
+  OffCanvas.prototype.offset = function () {
+    switch (this.placement) {
+      case 'left':
+      case 'right':  return this.$element.outerWidth()
+      case 'top':
+      case 'bottom': return this.$element.outerHeight()
+    }
+  }
+
+  OffCanvas.prototype.calcPlacement = function () {
+    if (this.options.placement !== 'auto') {
+        this.placement = this.options.placement
+        return
+    }
+
+    if (!this.$element.hasClass('in')) {
+      this.$element.css('visiblity', 'hidden !important').addClass('in')
+    }
+
+    var horizontal = $(window).width() / this.$element.outerWidth()
+    var vertical = $(window).height() / this.$element.outerHeight()
+
+    var element = this.$element
+    function ab(a, b) {
+      if (element.css(b) === 'auto') return a
+      if (element.css(a) === 'auto') return b
+
+      var size_a = parseInt(element.css(a), 10)
+      var size_b = parseInt(element.css(b), 10)
+
+      return size_a > size_b ? b : a
+    }
+
+    this.placement = horizontal > vertical ? ab('left', 'right') : ab('top', 'bottom')
+
+    if (this.$element.css('visibility') === 'hidden !important') {
+      this.$element.removeClass('in').css('visiblity', '')
+    }
+  }
+
+  OffCanvas.prototype.opposite = function (placement) {
+    switch (placement) {
+      case 'top':    return 'bottom'
+      case 'left':   return 'right'
+      case 'bottom': return 'top'
+      case 'right':  return 'left'
+    }
+  }
+
+  OffCanvas.prototype.getCanvasElements = function() {
+    // Return a set containing the canvas plus all fixed elements
+    var canvas = this.options.canvas ? $(this.options.canvas) : this.$element
+
+    var fixed_elements = canvas.find('*').filter(function() {
+      return getComputedStyle(this).getPropertyValue('position') === 'fixed'
+    }).not(this.options.exclude)
+
+    return canvas.add(fixed_elements)
+  }
+
+  OffCanvas.prototype.slide = function (elements, offset, callback) {
+    // Use jQuery animation if CSS transitions aren't supported
+    if (!$.support.transition) {
+      var anim = {}
+      anim[this.placement] = "+=" + offset
+      anim[this.opposite(this.placement)] = "-=" + offset
+
+      return elements.animate(anim, 350, callback)
+    }
+
+    var placement = this.placement
+    var opposite = this.opposite(placement)
+
+    elements.each(function() {
+      if ($(this).css(placement) !== 'auto') {
+        $(this).css(placement, (parseInt($(this).css(placement), 10) || 0) + offset)
+      }
+
+      if ($(this).css(opposite) !== 'auto') {
+        $(this).css(opposite, (parseInt($(this).css(opposite), 10) || 0) - offset)
+      }
+    })
+
+    this.$element
+      .one($.support.transition.end, callback)
+      .emulateTransitionEnd(350)
+  }
+
+  OffCanvas.prototype.disableScrolling = function() {
+    var bodyWidth = $('body').width()
+    var prop = 'padding-right'
+
+    if ($('body').data('offcanvas-style') === undefined) {
+      $('body').data('offcanvas-style', $('body').attr('style') || '')
+    }
+
+    $('body').css('overflow', 'hidden')
+    //Fix iPhone scrolling
+    if (isIphone) {
+      $('body').addClass('lockIphone')
+    }
+
+    if ($('body').width() > bodyWidth) {
+      var padding = parseInt($('body').css(prop), 10) + $('body').width() - bodyWidth
+
+      setTimeout(function() {
+        $('body').css(prop, padding)
+      }, 1)
+    }
+    //disable scrolling on mobiles (they ignore overflow:hidden)
+    $('body').on('touchmove.bs', function(e) {
+      if (!$(event.target).closest('.offcanvas').length)
+        e.preventDefault()
+    })
+  }
+
+  OffCanvas.prototype.enableScrolling = function() {
+    $('body').off('touchmove.bs')
+    $('body').removeClass('lockIphone')
+  }
+
+  OffCanvas.prototype.show = function () {
+    if (this.state) return
+
+    var startEvent = $.Event('show.bs.offcanvas')
+    this.$element.trigger(startEvent)
+    if (startEvent.isDefaultPrevented()) return
+
+    this.hideOthers($.proxy(function() {
+      this.state = 'slide-in'
+      this.$element.css('width', '')
+      this.calcPlacement()
+      this.setWidth()
+
+      var elements = this.getCanvasElements()
+      var placement = this.placement
+      var opposite = this.opposite(placement)
+      var offset = this.offset()
+
+      if (elements.index(this.$element) !== -1) {
+        $(this.$element).data('offcanvas-style', $(this.$element).attr('style') || '')
+        this.$element.css(placement, -1 * offset)
+        this.$element.css(placement) // Workaround: Need to get the CSS property for it to be applied before the next line of code
+      }
+
+      elements.addClass('canvas-sliding').each(function() {
+        var $this = $(this)
+        if ($this.data('offcanvas-style') === undefined) $this.data('offcanvas-style', $this.attr('style') || '')
+        if ($this.css('position') === 'static' && !isIphone) $this.css('position', 'relative')
+        if (($this.css(placement) === 'auto' || $this.css(placement) === '0px') &&
+            ($this.css(opposite) === 'auto' || $this.css(opposite) === '0px')) {
+          $this.css(placement, 0)
+        }
+      })
+
+      if (this.options.disableScrolling) this.disableScrolling()
+      if (this.options.modal || this.options.backdrop) this.toggleBackdrop()
+
+      var complete = function () {
+        if (this.state != 'slide-in') return
+
+        this.state = 'slid'
+
+        elements.removeClass('canvas-sliding').addClass('canvas-slid')
+        this.$element.trigger('shown.bs.offcanvas')
+      }
+
+      setTimeout($.proxy(function() {
+        this.$element.addClass('in')
+        this.slide(elements, offset, $.proxy(complete, this))
+      }, this), 1)
+    }, this))
+  }
+
+  //Hide other opened offcanvas menus, and then open this one
+  OffCanvas.prototype.hideOthers = function (callback) {
+    var doHide = false
+    var id = this.$element.attr('id')
+    var $clones = $('.offcanvas-clone:not([data-id="' + id + '"])')
+
+    if (!$clones.length) return callback()
+
+    $clones.each(function(index, clone) {
+      var id = $(clone).attr('data-id')
+      var $menu = $('#' + id)
+      doHide = $menu.hasClass('canvas-slid')
+
+      if (!doHide) return
+
+      $menu.one('hidden.bs.offcanvas', callback)
+      $menu.offcanvas('hide')
+    })
+
+    if (!doHide) callback()
+  }
+
+  OffCanvas.prototype.hide = function () {
+    if (this.state !== 'slid') return
+
+    var startEvent = $.Event('hide.bs.offcanvas')
+    this.$element.trigger(startEvent)
+    if (startEvent.isDefaultPrevented()) return
+
+    this.state = 'slide-out'
+
+    var elements = $('.canvas-slid')
+    var placement = this.placement
+    var offset = -1 * this.offset()
+
+    var complete = function () {
+      if (this.state != 'slide-out') return
+
+      this.state = null
+      this.placement = null
+
+      this.$element.removeClass('in')
+
+      elements.removeClass('canvas-sliding')
+      elements.add(this.$element).add('body').each(function() {
+        $(this).attr('style', $(this).data('offcanvas-style')).removeData('offcanvas-style')
+      })
+
+      this.$element.css('width', '')
+      this.$element.trigger('hidden.bs.offcanvas')
+    }
+
+    if (this.options.disableScrolling) this.enableScrolling()
+    if (this.options.modal || this.options.backdrop) this.toggleBackdrop()
+
+    elements.removeClass('canvas-slid').addClass('canvas-sliding')
+
+    setTimeout($.proxy(function() {
+      this.slide(elements, offset, $.proxy(complete, this))
+    }, this), 1)
+  }
+
+  OffCanvas.prototype.toggle = function () {
+    if (this.state === 'slide-in' || this.state === 'slide-out') return
+    this[this.state === 'slid' ? 'hide' : 'show']()
+  }
+
+  OffCanvas.prototype.toggleBackdrop = function (callback) {
+    callback = callback || $.noop
+    var time = 150
+
+    if (this.state == 'slide-in') {
+      var $body = $('body')
+      var doAnimate = $.support.transition
+
+      this.$backdrop = $('<div class="modal-backdrop fade" />')
+      if (this.options.backdrop) {
+        this.$backdrop.addClass('allow-navbar')
+
+        if (this.options.canvas && $(this.options.canvas)[0] !== $body[0]) {
+          $(this.options.canvas).addClass('limit-backdrop')
+          this.$backdrop.appendTo(this.options.canvas)
+        } else {
+          this.$backdrop.insertAfter(this.$element)
+        }
+      } else {
+        this.$backdrop.insertAfter(this.$element)
+      }
+
+      if (doAnimate) this.$backdrop[0].offsetWidth // force reflow
+
+      $body.addClass('modal-open')
+      this.$backdrop.addClass('show').show()
+      this.$backdrop.on('click.bs', $.proxy(this.autohide, this))
+
+      doAnimate ?
+        this.$backdrop
+        .one($.support.transition.end, callback)
+        .emulateTransitionEnd(time) :
+        callback()
+    } else if (this.state == 'slide-out' && this.$backdrop) {
+      var self = this
+
+      this.$backdrop.hide().removeClass('show')
+      $('body').removeClass('modal-open').off('touchmove.bs')
+
+      if ($.support.transition) {
+        this.$backdrop
+          .one($.support.transition.end, function() {
+            self.$backdrop.remove()
+            callback()
+            self.$backdrop = null
+          })
+        .emulateTransitionEnd(time)
+      } else {
+        this.$backdrop.remove()
+        this.$backdrop = null
+        callback()
+      }
+
+      if (this.options.canvas && $(this.options.canvas)[0] !== $('body')[0]) {
+        var canvas = this.options.canvas
+        setTimeout(function() {
+          $(canvas).removeClass('limit-backdrop')
+        }, time)
+      }
+    } else if (callback) {
+      callback()
+    }
+  }
+
+  OffCanvas.prototype.calcClone = function() {
+    var id = this.$element.attr('id')
+    this.$calcClone = $('.offcanvas-clone[data-id="' + id + '"]')
+
+    if (!this.$calcClone.length) {
+      this.$calcClone = this.$element.clone()
+        .addClass('offcanvas-clone')
+        .attr('data-id', id)
+        .removeAttr('id')
+        .appendTo($('body'))
+        .html('')
+    }
+
+    this.$calcClone.removeClass('in')
+  }
+
+  OffCanvas.prototype.recalc = function () {
+    if (this.$calcClone.css('display') === 'none' || (this.state !== 'slid' && this.state !== 'slide-in')) return
+
+    this.state = null
+    this.placement = null
+    var elements = this.getCanvasElements()
+
+    this.$element.trigger('hide.bs.offcanvas')
+    this.$element.removeClass('in')
+
+    elements.removeClass('canvas-slid')
+    elements.add(this.$element).add('body').each(function() {
+      $(this).attr('style', $(this).data('offcanvas-style')).removeData('offcanvas-style')
+    })
+
+    this.$element.trigger('hidden.bs.offcanvas')
+  }
+
+  OffCanvas.prototype.autohide = function (e) {
+    var $target = $(e.target)
+    var doHide = !$target.hasClass('dropdown-backdrop') && $target.closest(this.$element).length === 0
+
+    if (doHide) this.hide()
+  }
+
+  // OFFCANVAS PLUGIN DEFINITION
+  // ==========================
+
+  var old = $.fn.offcanvas
+
+  $.fn.offcanvas = function (option) {
+    return this.each(function () {
+      var $this   = $(this)
+      var data    = $this.data('bs.offcanvas')
+      var options = $.extend({}, OffCanvas.DEFAULTS, $this.data(), typeof option === 'object' && option)
+
+      //In case if user does smth like $('.navmenu-fixed-left').offcanvas('hide'),
+      //thus selecting also menu clone (that can cause issues)
+      if ($this.hasClass('offcanvas-clone')) return
+
+      if (!data) $this.data('bs.offcanvas', (data = new OffCanvas(this, options)))
+      if (typeof option === 'string') data[option]()
+    })
+  }
+
+  $.fn.offcanvas.Constructor = OffCanvas
+
+
+  // OFFCANVAS NO CONFLICT
+  // ====================
+
+  $.fn.offcanvas.noConflict = function () {
+    $.fn.offcanvas = old
+    return this
+  }
+
+
+  // OFFCANVAS DATA-API
+  // =================
+
+  $(document).on('click.bs.offcanvas.data-api', '[data-toggle=offcanvas]', function (e) {
+    var $this   = $(this), href
+    var target  = $this.attr('data-target')
+        || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
+    var $canvas = $(target)
+    var data    = $canvas.data('bs.offcanvas')
+    var option = data ? 'toggle' : $.extend($this.data(), $canvas.data())
+
+    e.preventDefault()
+    e.stopPropagation()
+
+    if (data) data.toggle()
+      else $canvas.offcanvas(option)
+  })
+
+}(window.jQuery)
+
+/* ============================================================
+ * Bootstrap: rowlink.js v4.0.0
+ * http://jasny.github.io/bootstrap/javascript/#rowlink
+ * ============================================================
+ * Copyright 2012-2014 Arnold Daniels
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============================================================ */
+
++function ($) { "use strict";
+
+  var Rowlink = function (element, options) {
+    this.$element = $(element)
+    this.options = $.extend({}, Rowlink.DEFAULTS, options)
+
+    this.$element.on('click.bs.rowlink mouseup.bs.rowlink', 'td:not(.rowlink-skip)', $.proxy(this.click, this))
+  }
+
+  Rowlink.DEFAULTS = {
+    target: "a"
+  }
+
+  Rowlink.prototype.click = function(e, ctrlKey) {
+    var target = $(e.currentTarget).closest('tr').find(this.options.target)[0]
+
+    if (typeof target === 'undefined' || $(e.target)[0] === target) return
+    if (e.type === 'mouseup' && e.which !== 2) return
+
+    e.preventDefault();
+    ctrlKey = ctrlKey || e.ctrlKey || (e.type === 'mouseup' && e.which === 2)
+
+    if (!ctrlKey && target.click) {
+      target.click()
+    } else if (document.createEvent) {
+      var evt = new MouseEvent("click", {
+          view: window,
+          bubbles: true,
+          cancelable: true,
+          ctrlKey: ctrlKey
+       });
+      target.dispatchEvent(evt);
+    }
+  }
+
+
+  // ROWLINK PLUGIN DEFINITION
+  // ===========================
+
+  var old = $.fn.rowlink
+
+  $.fn.rowlink = function (options) {
+    return this.each(function () {
+      var $this = $(this)
+      var data = $this.data('bs.rowlink')
+      if (!data) $this.data('bs.rowlink', (data = new Rowlink(this, options)))
+    })
+  }
+
+  $.fn.rowlink.Constructor = Rowlink
+
+
+  // ROWLINK NO CONFLICT
+  // ====================
+
+  $.fn.rowlink.noConflict = function () {
+    $.fn.rowlink = old
+    return this
+  }
+
+
+  // ROWLINK DATA-API
+  // ==================
+
+  $(document).on('click.bs.rowlink.data-api mouseup.bs.rowlink.data-api', '[data-link="row"]', function (e) {
+    if (e.type === 'mouseup' && e.which !== 2) return
+    if ($(e.target).closest('.rowlink-skip').length !== 0) return
+
+    var $this = $(this)
+    if ($this.data('bs.rowlink')) return
+    $this.rowlink($this.data())
+
+    var ctrlKey = e.ctrlKey || e.which === 2
+    $(e.target).trigger('click.bs.rowlink', [ctrlKey])
+  })
+
+}(window.jQuery);
+
+/* ===========================================================
+ * Bootstrap: fileinput.js v4.0.0
+ * http://jasny.github.com/bootstrap/javascript/#fileinput
+ * ===========================================================
+ * Copyright 2012-2014 Arnold Daniels
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License")
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================== */
+
++function ($) { "use strict";
+
+  var isIE = window.navigator.appName == 'Microsoft Internet Explorer'
+
+  // FILEUPLOAD PUBLIC CLASS DEFINITION
+  // =================================
+
+  var Fileinput = function (element, options) {
+    this.$element = $(element)
+
+    this.options = $.extend({}, Fileinput.DEFAULTS, options)
+    this.$input = this.$element.find(':file')
+    if (this.$input.length === 0) return
+
+    this.name = this.$input.attr('name') || options.name
+
+    this.$hidden = this.$element.find('input[type=hidden][name="' + this.name + '"]')
+    if (this.$hidden.length === 0) {
+      this.$hidden = $('<input type="hidden">').insertBefore(this.$input)
+    }
+
+    this.$preview = this.$element.find('.fileinput-preview')
+    var height = this.$preview.css('height')
+    if (this.$preview.css('display') !== 'inline' && height !== '0px' && height !== 'none') {
+      this.$preview.css('line-height', height)
+    }
+
+    this.original = {
+      exists: this.$element.hasClass('fileinput-exists'),
+      preview: this.$preview.html(),
+      hiddenVal: this.$hidden.val()
+    }
+
+    this.listen()
+    this.reset()
+  }
+
+  Fileinput.DEFAULTS = {
+    clearName: true
+  }
+
+  Fileinput.prototype.listen = function() {
+    this.$input.on('change.bs.fileinput', $.proxy(this.change, this))
+    $(this.$input[0].form).on('reset.bs.fileinput', $.proxy(this.reset, this))
+
+    this.$element.find('[data-trigger="fileinput"]').on('click.bs.fileinput', $.proxy(this.trigger, this))
+    this.$element.find('[data-dismiss="fileinput"]').on('click.bs.fileinput', $.proxy(this.clear, this))
+  },
+
+  Fileinput.prototype.verifySizes = function(files) {
+    if (typeof this.options.maxSize === 'undefined') return true
+
+    var max = parseFloat(this.options.maxSize)
+    if (max !== this.options.maxSize) return true
+
+    for (var i = 0; i < files.length; i++) {
+      var size = typeof files[i].size !== 'undefined' ? files[i].size : null
+      if (size === null) continue
+
+      size = size / 1000 / 1000 /* convert from bytes to MB */
+      if (size > max) return false
+    }
+
+    return true
+  }
+
+  Fileinput.prototype.change = function(e) {
+    var files = e.target.files === undefined ? (e.target && e.target.value ? [{ name: e.target.value.replace(/^.+\\/, '')}] : []) : e.target.files
+
+    e.stopPropagation()
+
+    if (files.length === 0) {
+      this.clear()
+      this.$element.trigger('clear.bs.fileinput')
+      return
+    }
+
+    if (!this.verifySizes(files)) {
+      this.$element.trigger('max_size.bs.fileinput')
+
+      this.clear()
+      this.$element.trigger('clear.bs.fileinput')
+      return
+    }
+
+    this.$hidden.val('')
+    this.$hidden.attr('name', '')
+    this.$input.attr('name', this.name)
+
+    var file = files[0]
+
+    if (this.$preview.length > 0 && (typeof file.type !== "undefined" ? file.type.match(/^image\/(gif|png|jpeg|svg\+xml)$/) : file.name.match(/\.(gif|png|jpe?g|svg)$/i)) && typeof FileReader !== "undefined") {
+      var Fileinput = this
+      var reader = new FileReader()
+      var preview = this.$preview
+      var element = this.$element
+
+      reader.onload = function(re) {
+        var $img = $('<img>')
+        $img[0].src = re.target.result
+        files[0].result = re.target.result
+
+        element.find('.fileinput-filename').text(file.name)
+
+        // if parent has max-height, using `(max-)height: 100%` on child doesn't take padding and border into account
+        if (preview.css('max-height') != 'none') {
+          var mh = parseInt(preview.css('max-height'), 10) || 0
+          var pt = parseInt(preview.css('padding-top'), 10) || 0
+          var pb = parseInt(preview.css('padding-bottom'), 10) || 0
+          var bt = parseInt(preview.css('border-top'), 10) || 0
+          var bb = parseInt(preview.css('border-bottom'), 10) || 0
+
+          $img.css('max-height', mh - pt - pb - bt - bb)
+        }
+
+        preview.html($img)
+        if (Fileinput.options.exif) {
+          //Fix image tranformation if this is possible
+          Fileinput.setImageTransform($img, file);
+        }
+        element.addClass('fileinput-exists').removeClass('fileinput-new')
+
+        element.trigger('change.bs.fileinput', files)
+      }
+
+      reader.readAsDataURL(file)
+    } else {
+      var text = file.name
+      var $nameView = this.$element.find('.fileinput-filename')
+
+      if (files.length > 1) {
+        text = $.map(files, function(file) {
+          return file.name;
+        }).join(', ')
+      }
+
+      $nameView.text(text)
+      this.$preview.text(file.name)
+      this.$element.addClass('fileinput-exists').removeClass('fileinput-new')
+      this.$element.trigger('change.bs.fileinput')
+    }
+  },
+
+  Fileinput.prototype.setImageTransform = function($img, file) {
+      var Fileinput = this;
+      var reader = new FileReader();
+      reader.onload = function(me) {
+        var transform = false;
+        var view = new DataView(reader.result);
+        var exif = Fileinput.getImageExif(view);
+        if (exif) {
+            Fileinput.resetOrientation($img, exif);
+        }
+      }
+
+      reader.readAsArrayBuffer(file);
+  }
+
+  Fileinput.prototype.getImageExif = function(view) {
+    if (view.getUint16(0, false) != 0xFFD8) {
+      return -2;
+    }
+    var length = view.byteLength, offset = 2;
+    while (offset < length) {
+      var marker = view.getUint16(offset, false);
+          offset += 2;
+      if (marker == 0xFFE1) {
+        if (view.getUint32(offset += 2, false) != 0x45786966) {
+          return -1;
+        }
+        var little = view.getUint16(offset += 6, false) == 0x4949;
+            offset += view.getUint32(offset + 4, little);
+        var tags = view.getUint16(offset, little);
+            offset += 2;
+        for (var i = 0; i < tags; i++)   {
+          if (view.getUint16(offset + (i * 12), little) == 0x0112) {
+            return view.getUint16(offset + (i * 12) + 8, little);
+          }
+        }
+      }
+      else if ((marker & 0xFF00) != 0xFF00){
+         break;
+      } else {
+        offset += view.getUint16(offset, false);
+      }
+    }
+
+    return -1;
+  }
+
+  Fileinput.prototype.resetOrientation = function($img, transform) {
+  var img = new Image();
+
+  img.onload = function() {
+    var width = img.width,
+        height = img.height,
+        canvas = document.createElement('canvas'),
+        ctx = canvas.getContext("2d");
+
+    // set proper canvas dimensions before transform & export
+    if ([5,6,7,8].indexOf(transform) > -1) {
+      canvas.width = height;
+      canvas.height = width;
+    } else {
+      canvas.width = width;
+      canvas.height = height;
+    }
+
+    // transform context before drawing image
+    switch (transform) {
+      case 2: ctx.transform(-1, 0, 0, 1, width, 0); break;
+      case 3: ctx.transform(-1, 0, 0, -1, width, height ); break;
+      case 4: ctx.transform(1, 0, 0, -1, 0, height ); break;
+      case 5: ctx.transform(0, 1, 1, 0, 0, 0); break;
+      case 6: ctx.transform(0, 1, -1, 0, height , 0); break;
+      case 7: ctx.transform(0, -1, -1, 0, height , width); break;
+      case 8: ctx.transform(0, -1, 1, 0, 0, width); break;
+      default: ctx.transform(1, 0, 0, 1, 0, 0);
+    }
+
+    // draw image
+    ctx.drawImage(img, 0, 0);
+
+    // export base64
+    $img.attr('src', canvas.toDataURL());
+  };
+
+  img.src = $img.attr('src');
+};
+
+  Fileinput.prototype.clear = function(e) {
+    if (e) e.preventDefault()
+
+    this.$hidden.val('')
+    this.$hidden.attr('name', this.name)
+    if (this.options.clearName) this.$input.attr('name', '')
+
+    //ie8+ doesn't support changing the value of input with type=file so clone instead
+    if (isIE) {
+      var inputClone = this.$input.clone(true);
+      this.$input.after(inputClone);
+      this.$input.remove();
+      this.$input = inputClone;
+    } else {
+      this.$input.val('')
+    }
+
+    this.$preview.html('')
+    this.$element.find('.fileinput-filename').text('')
+    this.$element.addClass('fileinput-new').removeClass('fileinput-exists')
+
+    if (e !== undefined) {
+      this.$input.trigger('change')
+      this.$element.trigger('clear.bs.fileinput')
+    }
+  },
+
+  Fileinput.prototype.reset = function() {
+    this.clear()
+
+    this.$hidden.val(this.original.hiddenVal)
+    this.$preview.html(this.original.preview)
+    this.$element.find('.fileinput-filename').text('')
+
+    if (this.original.exists) this.$element.addClass('fileinput-exists').removeClass('fileinput-new')
+     else this.$element.addClass('fileinput-new').removeClass('fileinput-exists')
+
+    this.$element.trigger('reseted.bs.fileinput')
+  },
+
+  Fileinput.prototype.trigger = function(e) {
+    this.$input.trigger('click')
+    e.preventDefault()
+  }
+
+
+  // FILEUPLOAD PLUGIN DEFINITION
+  // ===========================
+
+  var old = $.fn.fileinput
+
+  $.fn.fileinput = function (options) {
+    return this.each(function () {
+      var $this = $(this),
+          data = $this.data('bs.fileinput')
+      if (!data) $this.data('bs.fileinput', (data = new Fileinput(this, options)))
+      if (typeof options == 'string') data[options]()
+    })
+  }
+
+  $.fn.fileinput.Constructor = Fileinput
+
+
+  // FILEINPUT NO CONFLICT
+  // ====================
+
+  $.fn.fileinput.noConflict = function () {
+    $.fn.fileinput = old
+    return this
+  }
+
+
+  // FILEUPLOAD DATA-API
+  // ==================
+
+  $(document).on('click.fileinput.data-api', '[data-provides="fileinput"]', function (e) {
+    var $this = $(this)
+    if ($this.data('bs.fileinput')) return
+    $this.fileinput($this.data())
+
+    var $target = $(e.target).closest('[data-dismiss="fileinput"],[data-trigger="fileinput"]');
+    if ($target.length > 0) {
+      e.preventDefault()
+      $target.trigger('click.bs.fileinput')
+    }
+  })
+
+}(window.jQuery);

+ 26 - 0
page-contact.php

@@ -0,0 +1,26 @@
+<?php get_header();?>
+
+<div id="content" class="site-content">
+  <div class="container">
+    <div class="row">
+      <section id="primary" class="content-area col-sm-12 col-md-12">
+        <div id="main" class="site-main" role="main">
+        <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
+          <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+            <header class="entry-header">
+              <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
+            </header>
+            <div class="entry-content">
+              <?php the_content(); ?>
+            </div>
+            <div class="meta text-right mb-5">
+              <small><i class="bi-alarm"></i> Last Updated: <?php the_modified_time('F jS, Y'); edit_post_link( __( 'edit', 'textdomain' ), ' ( ', ' )' );?></small>
+            </div>
+          </article>
+        <?php endwhile; ?>
+        </div>
+      </section>
+    </div>
+  </div>
+</div>
+<?php get_footer();?>

+ 42 - 36
page-donate.php

@@ -1,40 +1,46 @@
 <?php get_header();?>
 <div id="content" class="site-content">
-<div class="container">
-<div class="row">
-<section id="primary" class="content-area col-sm-12 col-lg-10 offset-lg-1">
-   <div id="main" class="site-main" role="main">
-   <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
-      <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
-         <header class="entry-header">
-            <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
-         </header>
-         <div class="entry-content">
-
-            <div id="scoped-content" class="form-group">
-                <style type="text/css" scoped>
-                    .dgx-donate-form-section { width:100% !important;box-shadow:none !important;border:none !important; }
-                    .dgx-donate-form-section h2 { font-size:23px !important;letter-spacing: 0 !important; font-family: inherit !important; text-transform:none !important;}
-                    .dgx-donate-form-section label {background-color:transparent !important;}
-                    .dgx-donate-form-section input[type="submit"]{background-color:#4cb3b2 !important;}
-                    .dgx-donate-form-section input[type="text"]{background-color:transparent !important;border:1px solid #484848 !important;}
-                    .dgx-donate-form-section select {padding:5px !important;}
-                </style>
-                <script type="text/javascript">
-                   var d = document.getElementsByClassName("seamless-donations-col-25");
-                   for(var i = 0; i < d.length; i++) {
-                     d[i].classList.add(" form-group");;
-                   }
-                </script>
-               <?php echo do_shortcode("[seamless-donations]"); ?>
-            </div>
-            <?php the_content(); ?>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-3 ">
+        <div class="hp-sidenav is_stuck" role="navigation">
+            <ul class="nav flex-column list-group-flush">
+              <?php echo hp_list_child_pages(); ?>
+            </ul>
+        </div>
+      </div>
+      <section id="primary" class="content-area col-sm-12 col-md-9">
+         <div id="main" class="site-main" role="main">
+         <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
+            <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+               <header class="entry-header">
+                  <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
+               </header>
+               <div class="entry-content">
+                  <div id="scoped-content" class="form-group">
+                      <style type="text/css" scoped>
+                      .dgx-donate-form-section { width:100% !important;box-shadow:none !important;border:none !important; }
+                      .dgx-donate-form-section h2 { font-size:23px !important;letter-spacing: 0 !important; font-family: inherit !important; text-transform:none !important;}
+                      .dgx-donate-form-section label {background-color:transparent !important;}
+                      .dgx-donate-form-section input[type="submit"]{background-color:#4cb3b2 !important;}
+                      .dgx-donate-form-section input[type="text"]{background-color:transparent !important;border:1px solid #484848 !important;}
+                      .dgx-donate-form-section select {padding:5px !important;}
+                      </style>
+                      <script type="text/javascript">
+                         var d = document.getElementsByClassName("seamless-donations-col-25");
+                         for(var i = 0; i < d.length; i++) {
+                           d[i].classList.add(" form-group");;
+                         }
+                      </script>
+                     <?php echo do_shortcode("[seamless-donations]"); ?>
+                  </div>
+                  <?php the_content(); ?>
+               </div>
+            </article>
+         <?php endwhile; ?>
          </div>
-      </article>
-   <?php endwhile; ?>
-   </div>
-</section>
-         </div><!-- .row -->
-      </div><!-- .container -->
-   </div><!-- #content -->
+      </section>
+    </div>
+  </div>
+</div>
 <?php get_footer();?>

+ 11 - 23
page.php

@@ -2,28 +2,16 @@
 
 <div id="content" class="site-content">
   <div class="container">
-    <nav class="navmenu navmenu-default" role="navigation">
-      <a class="navmenu-brand" href="#">Brand</a>
-      <ul class="nav bs-sidenav flex-column">
-        <li class="nav-item active"><a class="nav-link" href="#">Link</a></li>
-        <li class="nav-item"><a class="nav-link" href="#">Link</a></li>
-        <li class="nav-item dropdown">
-          <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
-          <ul class="dropdown-menu navmenu-nav" role="menu">
-            <li class="nav-item"><a class="nav-link" href="#">Action</a></li>
-            <li class="nav-item"><a class="nav-link" href="#">Another action</a></li>
-            <li class="nav-item"><a class="nav-link" href="#">Something else here</a></li>
-            <li class="nav-item"><a class="nav-link" href="#">Separated link</a></li>
-            <li class="nav-item"><a class="nav-link" href="#">One more separated link</a></li>
-          </ul>
-        </li>
-        <ul class="nav bs-sidenav flex-column">
-          <?php echo hp_list_child_pages(); ?>
-        </ul>
-      </ul>
-    </nav>
     <div class="row">
-      <section id="primary" class="content-area col-sm-12 col-lg-10 offset-lg-1">
+      <div class="col-md-3 ">
+        <div class="hp-sidenav is_stuck" role="navigation">
+            <ul class="nav flex-column list-group-flush">
+              <?php echo hp_list_child_pages(); ?>
+            </ul>
+        </div>
+      </div>
+
+      <section id="primary" class="content-area col-sm-12 col-md-9">
         <div id="main" class="site-main" role="main">
         <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
           <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
@@ -33,8 +21,8 @@
             <div class="entry-content">
               <?php the_content(); ?>
             </div>
-            <div class="meta text-right">
-              <small><i class="bi-alarm"></i> Last Updated: <?php the_modified_time('F jS, Y');?></small>
+            <div class="meta text-right mb-5">
+              <small><i class="bi-alarm"></i> Last Updated: <?php the_modified_time('F jS, Y'); edit_post_link( __( 'edit', 'textdomain' ), ' ( ', ' )' );?></small>
             </div>
           </article>
         <?php endwhile; ?>

+ 39 - 19
style.css

@@ -61,6 +61,8 @@ p {
 }
 h1.entry-title {
   font-size: 31px;
+  color:#343C70;
+  font-weight:700;
   font-family: 'Lato', sans-serif;
   border-bottom: 1px solid #eaecef;
 }
@@ -106,22 +108,7 @@ table {
   margin: 0 0 1.5em;
   width: 100%;
 }
-.wrapper {
-    display: flex;
-    width: 100%;
-}
 
-#sidebar {
-    width: 250px;
-    position: fixed;
-    top: 0;
-    left: 0;
-    height: 100vh;
-    z-index: 999;
-    background: #7386D5;
-    color: #fff;
-    transition: all 0.3s;
-}
 
 /*--------------------------------------------------------------
 ########################## Navigation ##########################
@@ -131,6 +118,7 @@ header#masthead {
   box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
   padding: .74rem 1rem;
   background-color:rgba(56, 94, 113, 1);
+  border-top: 3px solid #343C70;
 }
 
 .navbar-brand > a {
@@ -139,15 +127,30 @@ header#masthead {
   font-size: 21px;
   outline: medium none;
   text-decoration: none;
-  color: #fff;
+  color: #d7d7d7;
   font-weight: 300;
 }
-.navbar-brand > a:visited, .navbar-brand > a:hover {
+.navbar-brand > a:hover {
   text-decoration: none;
+  color:#7ac9f0;
 }
 .dropdown-item.active, .dropdown-item:active {
   color:#777;
 }
+.hp-sidenav {
+  position:fixed;
+  padding-top:20px;
+}
+.hp-sidenav li.list-group-item {
+  background-color:transparent;
+}
+.hp-sidenav li.current_list-group-item {
+  border-bottom: 2px solid #d7d7d7;
+}
+.hp-sidenav li.current_list-group-item a {
+  color:#343C70;
+  font-weight:500;
+}
 #page-sub-header {
   position: relative;
   padding-top: 5rem;
@@ -198,7 +201,10 @@ a.page-scroller {
 ########################## Links ##########################
 --------------------------------------------------------------*/
 a {
-  color:#375c6f;
+  color:#343C70;
+}
+a:hover {
+  color:#38537A;
 }
 a.dropdown-toggle, a.nav-link {
 
@@ -249,7 +255,16 @@ body #masthead .navbar-nav > li > a {
 body #masthead .navbar-nav > li > a:hover,
 body #masthead .navbar-nav > li.current_page_item > a {
   color: #fff;
-  /*background: #f9f9f9;*/
+}
+body #masthead .navbar-nav > li.current-page-ancestor > a {
+  color: #fff;
+}
+body #masthead .navbar-nav > li.menu-item > a.btn-outline-light {
+  color: #fff;
+}
+body #masthead .navbar-nav > li.menu-item > a.btn-outline-light:hover {
+  color: #343c70;
+  background-color:#7ac9f0;
 }
 .navbar-brand {
   height: auto;
@@ -541,11 +556,15 @@ a img.aligncenter {
   background: rgba(0, 0, 0, 0.2);
   color:#fff;
 }
+.mc {
+  font-weight:300;
+}
 form.mc input.form-control {
   background-color: rgba(255, 255, 255, 0.05);
 }
 form.mc ::placeholder {
   color:#d7d7d7;
+  font-weight:300;
 }
 .textwidget {
   color:#d7d7d7;
@@ -726,6 +745,7 @@ object {
 footer#colophon {
   font-size: 85%;
   background-color:#1F333D;
+  border-bottom: 10px solid #343C70;
 }
 .navbar-dark .site-info {
   color: #fff;