:root {
  --default-font: "Inter", sans-serif;
  --default-font-size: 13px;
  --default-font-weight: 400;

  --color-primary: #13496e;
  --color-accent: #f58620;

  --link-color: #17466f;

  --black: #000000;
  --white: #ffffff;
  --red: #cd263e;
  --light-gray: #dddddd;
  --lighter-gray: #eeeeee;
  --dark-gray: #ccc;
  --darker-gray: #888;

  --shadow-light: 0 2px 4px rgba(0, 0, 0, 0.2);
  --shadow-dark: 0 3px 5px rgba(0, 0, 0, 0.3);
}

* {
  box-sizing: border-box !important;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

body {
  background: var(--white);
  color: #333;
  font-family: var(--default-font);
  font-weight: var(--default-font-weight);
  font-size: var(--default-font-size);
  line-height: 1.6em;
}

a,
a:hover,
a:focus {
  color: var(--link-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #182850;
  font-family: var(--default-font);
  font-weight: 700;
}

ol,
ul {
  padding-left: 1em;
}

ol li a,
ul li a {
  text-decoration: none !important;
}

ul.infolist,
ol.infolist {
  list-style: none;
  margin-bottom: 2em;
  margin-top: 2em;
}

ul.infolist li,
ol.infolist li {
  margin-bottom: 0.3em;
}

hr {
  border-color: #ddd;
}

.tab-pane {
  border: 1px solid #ddd;
  border-top: 0;
  padding: 1em;
}

.jumbotron {
  border-radius: 0 !important;
}

/* Text Utils */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-warning {
  color: #e85526;
}
.label + .label {
  margin-left: 5px;
}

/* Table */
.table thead tr th,
.table tbody tr td {
  font-size: 11px;
}
.table thead tr th {
  background: #eee;
  border-bottom: 0 !important;
}

/* nowarp for table button actions */
table:not(.fc-scrollgrid) tbody tr td:last-child {
  white-space: nowrap;
}

/* Datatables */
.dataTables_wrapper {
  overflow-x: auto;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 5px;
}

.dataTables_wrapper table {
  margin-top: 1em;
}

.dataTables_paginate,
.dataTables_info {
  display: inline-block;
}
.dataTables_paginate {
  float: right;
}
.dataTables_paginate ul {
  font-size: 0.9em;
  margin: 0;
}

.dt-buttons .btn {
  margin-right: 5px;
}
.btn.buttons-html5 {
  background-size: 16px;
  background-position: 8px center;
  border-radius: 3px !important;
  font-size: 0.9em;
  outline: none !important;
  padding: 7px 6px 7px 30px;
}
.buttons-page-length {
  border-radius: 3px !important;
  padding: 7px 12px;
}
.buttons-excel {
  background: url(../img/icons/excel.png) no-repeat;
}
.buttons-copy {
  background: url(../img/icons/copy.png) no-repeat;
  background-size: 12px;
}
.buttons-pdf {
  background: url(../img/icons/pdf.png) no-repeat;
}
.buttons-filter {
  background: url(../img/icons/filter.png) no-repeat 8px center / 16px !important;
}
.buttons-filter:hover {
  background-color: var(--lighter-gray) !important;
}

/* Forms */
form legend {
  background: var(--lighter-gray);
  padding: 10px;
}

label.inline-checkbox,
label.inline-radio,
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}

.form-control {
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: none;
  color: #333;
  cursor: pointer;
}

.form-control:hover {
  border-color: #aaa;
}

.control-label {
  font-weight: 500;
}
.control-label.required {
  position: relative;
}
.control-label.required::after {
  color: var(--red);
  content: "*";
  font-size: 12px;
  position: absolute;
  top: 1px;
  right: 2px;
  vertical-align: super;
}

.trumbowyg-box {
  margin: 0;
}

.alert {
  border-radius: 0;
  padding: 0.5em 1em;
}

/* Buttons */
.btn {
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.9em;
  transition: all 300ms ease-in-out;
}
.btn + .btn {
  margin-left: 6px;
}
.btn > i {
  margin-right: 4px;
}
.btn-clear {
  border: 2px solid #fff;
  color: #fff;
}
.btn-default {
  background-color: #f8f9fa;
  border-color: #bbb;
}
.btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #fff;
}
.btn-success {
  background-color: #198754;
  border-color: #198754;
}
.btn-info {
  background-color: #4a89f6;
  border-color: #4a89f6;
}
.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #444;
}
.btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
}

/* Containers */
.container {
  max-width: 1200px;
  width: auto;
}
.container-lg {
  max-width: 1200px;
}
.container-md {
  max-width: 960px;
}
.container-sm {
  max-width: 768px;
}
.container-xs {
  max-width: 576px;
}
.container .container {
  max-width: 100%;
}

.card {
  background: var(--white);
  box-shadow: var(--shadow-light);
  margin-bottom: 1.5rem;
  padding: 1.5rem;
}

.panel,
.input-group-addon {
  border-radius: 2px;
}

.panel h3 {
  font-size: 1.1em;
}

.modal-open .modal {
  z-index: 10000;
}
.modal-header {
  background: #ec543f;
  padding: 10px 15px;
}
.modal-header h4 {
  color: #fff;
}
.modal-backdrop {
  z-index: 1000;
}

.breadcrumb {
  background: transparent;
  font-size: 11px;
  margin: 0 0 5px;
  padding: 0;
}

.page-header {
  margin: 0 0 1em;
  padding: 0;
}

.page-header h1 {
  font-size: 2em;
  margin: 0;
}

.page-header-jumbo {
  background: #f1f1f1;
  margin-bottom: 2em;
  padding: 1.5em 0;
  /* text-align: center; */
}

.page-header-jumbo p {
  margin-bottom: 0;
  padding-top: 1em;
}

.heading-tag {
  color: #e85526;
  font-size: 1.4em;
  font-weight: 300;
  margin: 1em 0;
}

.page-content {
  min-height: 60vh;
  padding-bottom: 5em;
}

.action-bar {
  margin-bottom: 1em;
}

.accordion .panel-title,
.accordion .panel-title a {
  text-decoration: none;
}

.wrapper {
  padding: 0;
  min-height: 100%;
}

.main-logo {
  margin: 5px 0 0;
  max-height: 4.8em;
}

.logo-row-cta {
  background: #12496e;
  padding: 2.5rem 3rem;
  /* text-align: end; */
  text-transform: uppercase;
}

.logo-row-cta .btn {
  background-color: transparent !important;
  background-position: left center;
  background-repeat: no-repeat;
  border: 0;
  color: #fff;
  margin-right: 2rem;
  padding: 1.5rem 1rem 0 4rem;
}

.logo-row-cta .btn:hover {
  color: #ddd;
}

.cta-support,
.cta-support:active,
.cta-support:focus {
  background-image: url(../img/cta-support.png);
  background-size: 30px;
  background-position: left top;
}

.cta-member,
.cta-member:active,
.cta-member:focus {
  background-image: url(../img/cta-member.png);
  background-size: 32px;
}

.navbar {
  background: #b82730;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: auto;
  margin-bottom: 0;
  padding: 5px 1em;
}

.navbar-form {
  margin: 2px 0 0;
  padding: 0;
}

.navbar-form input[type="text"] {
  background: #2d383f;
  border: 0;
}

.navbar-collapse {
  padding: 0;
}

.navbar-brand {
  height: auto;
  padding-top: 0.2em;
  padding: 5px 15px;
}

.navbar-brand img {
  /* background: #fff; */
  max-height: 1.6em;
}

.navbar-custom {
  z-index: 999;
}

.navbar-toggle {
  background: transparent !important;
  border: 0;
  margin-top: 0;
}

.navbar-toggle .icon-bar {
  background: #aaa;
  height: 3px;
  width: 35px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}

.bx-wrapper .bx-controls-direction a {
  z-index: 998;
}

.navbar-custom .navbar-brand {
  opacity: 1;
  padding-left: 0;
}

.navbar-right {
  margin-right: 0.5em;
}

.nav > li > a,
.dropdown-menu > li > a {
  user-select: none;
}

.navbar-nav > li > a {
  background-color: transparent !important;
  color: #fff !important;
  font-size: 0.95em;
  padding: 6px 15px 5px;
  text-transform: uppercase;
  transition: 200ms all ease-in;
}

.navbar-nav > li > a:focus,
.navbar-nav > li > a:active,
.navbar-nav > li > a:hover,
.navbar-nav > li:hover > a,
.navbar-nav > li.active > a {
  color: #fa9f4a !important;
}

.dropdown-menu > li > a {
  padding: 6px 20px;
}

.dropdown:hover > .dropdown-menu {
  display: block;
  transition: all ease 300ms;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background: #ddd;
}

.dropdown-menu {
  padding: 0 !important;
}

.dropdown-menu .divider {
  background: #e5e5e5;
  font-size: 0.9em;
  font-weight: bold;
  height: auto;
  margin: 0;
  padding: 2px 20px;
  text-transform: uppercase;
}

/* Login */
.login-bd {
  background: url(../img/bg-auth.png) no-repeat bottom right;
  background-size: 25%;
}
.login-box {
  border-radius: 5px;
  box-shadow: 0 2px 5px 2px rgba(0, 0, 0, 0.3);
  margin: 10% auto 0;
  max-width: 720px;
  min-height: 25em;
  overflow: hidden;
}
.login-box form {
  padding: 2rem 3rem 2rem 1rem;
}

/* Home */
.site-bd:not(.covid-bd) .page-wrapper {
  padding-bottom: 4em;
}

.home-banner {
  min-height: 20em;
  margin-bottom: 0;
  overflow: none;
  padding: 0 !important;
  position: relative;
}

.home-banner .wrap {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
}

.home-slider {
  position: relative;
  /* top:50px; */
  text-align: center;
}

.home-slider .slide-holder {
  max-height: 40em;
  overflow: hidden;
  position: relative;
}

.home-slider .slide-holder h3 {
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.2em;
  padding: 0.5em 1em;
  position: absolute;
  top: 0;
  right: 20px;
  text-align: center;
  z-index: 3;
}

.home-slider img {
  width: 100%;
}

.home-slider img.laikipia {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* Slick Slider */
.slick-dotted.slick-slider {
  margin-bottom: 0px;
}
.slick-dots {
  bottom: 20px;
  z-index: 3;
}
.slick-dots li {
  margin: 0 2px;
}
.slick-dots li button {
  background: var(--red);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  border-radius: 100%;
  height: 12px;
  width: 12px;
  opacity: 0.4;
}
.slick-dots li.slick-active button {
  opacity: 1;
}
.slick-dots li button::before {
  display: none;
  border-radius: 50%;
  color: var(--white) !important;
  font-size: 10px;
}
.slick-next {
  right: 8px;
}
.slick-prev {
  left: 10px;
  z-index: 10;
}

.sdg-swa-holder {
  margin: 0 0 2rem;
}
.sdg-swa-box {
  overflow: hidden;
  padding: 1px;
}
.sdg-swa-box img {
  object-fit: cover;
  transition: 300ms all ease-in-out;
  width: 100%;
}
.sdg-swa-box:hover img {
  transform: scale(1.05);
}
.sdg-swa-box a {
  display: block;
}

.sdg-stats {
  background-color: var(--red);
  border-radius: 5px;
  color: var(--white);
  position: relative;
  top: -0.5em;
  text-align: center;
}
.sdg-stat {
  padding: 1.5rem 0;
}
.sdg-stat:not(:last-child) {
  border-right: 1px solid var(--white);
}
.sdg-stat h4 {
  color: var(--white);
  font-size: 3em;
  margin-bottom: 0;
}
.sdg-stat p {
  color: var(--white);
  font-size: 1.3rem;
  margin: 0;
  text-transform: uppercase;
}

.home-tags {
  position: relative;
  top: 2em;
}

.tag-1,
.tag-2,
.tag-3 {
  clear: right;
  display: inline-block;
  font-size: 14px;
  padding: 6px 10px;
}

.tag-1 {
  /* background:#E95E2D; */
  /* color:#fff; */
  background: rgb(38, 48, 53, 0.8);
  color: #fff;
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  max-width: 28em;
}

.section {
  margin-bottom: 3rem;
  padding: 5rem 0;
}
.section h2 {
  color: var(--red);
  font-size: 5rem;
  font-weight: var(--default-font-weight);
  margin-top: 0;
  padding-bottom: 6px;
}
.section h3 {
  font-size: 1.6em;
}
.section .btn-cta {
  background: var(--red);
  border-radius: 25px;
  color: var(--white);
  padding: 1.1rem 4rem;
  text-transform: uppercase;
  text-decoration: none;
}
.section.section-divider {
  background: url(../img/home/section-divider.png) no-repeat center bottom;
  background-size: auto 8px;
}

.section-info {
  font-size: 1.2em;
  line-height: 1.7em;
}
.section-info p {
  font-weight: 300;
  line-height: 2.5rem;
  text-align: justify;
}

.section.orange {
  background: #e95e2d;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.3em;
  padding-bottom: 1.5em;
}

.section.orange .btn {
  color: #e95e2d;
  font-weight: 700;
}

.section-about {
  background: url(../img/home/about-bg.png) no-repeat right 15%;
  background-size: 20%;
}
.about-icon {
  text-align: center;
}
.about-icon > a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
.about-icon > a > div {
  background: var(--white);
  border-radius: 100%;
  border: 2px solid var(--red);
  height: 12rem;
  width: 12rem;
  padding: 2em;
  margin: 0 0 1rem;
}
.about-icon > a img {
  object-fit: contain;
}
.about-icon p {
  background: var(--red);
  border-radius: 25px;
  color: var(--white);
  font-size: 1rem;
  font-weight: bold;
  padding: 4px 1rem;
  text-align: center;
  text-transform: uppercase;
}

.pillar-boxes {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 2rem;
}
.pillar-box {
  border-radius: 1rem;
  color: var(--white);
  display: block;
  padding: 4rem 1rem;
  text-align: center;
  transition: all 300ms ease-in-out;
}
.pillar-box:hover {
  color: var(--white) !important;
  text-decoration: none;
  transform: scale(1.05);
}
.pillar-box img {
  max-height: 12rem;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.pillar-box h4 {
  color: var(--white);
  height: 5rem;
  margin: 1rem 0;
}
.pillar-box span {
  border: 1px solid var(--white);
  border-radius: 2rem;
  font-size: 0.9rem;
  padding: 5px 2rem;
}

.section-vnr {
  background: url(../img/home/pattern-vnr.png) no-repeat right center #1e81c7;
  background-size: auto 100%;
  /* background: linear-gradient(
    104deg,
    rgba(112, 206, 246, 1) 0%,
    rgba(61, 142, 200, 1) 21%
  ); */
}
.section-vnr h2 {
  color: var(--white);
  font-weight: bold;
  margin-bottom: 10px;
}
.section-vnr .btn-cta {
  background: var(--white);
  display: inline-flex;
  color: var(--black);
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 8px 2.5rem;
}
.section-vnr .btn-cta i {
  font-size: 2rem;
}
.section-vnr .vnr-buttons {
  display: flex;
  gap: 0.5rem;
}
.section-vnr .vnr-buttons .btn {
  background: transparent;
  border: 2px solid var(--white);
  border-radius: 4rem;
  color: var(--white);
  outline: none !important;
  padding: 0.5rem 3rem;
}
.vnr-buttons .btn:hover {
  background-color: var(--white);
  color: var(--black);
}

.section-blog {
  /* Remove margin to line up section-divider with next section */
  margin-bottom: 0;
}
.section-blog .btn-cta {
  background: transparent;
  border: 1px solid var(--black);
  border-radius: 2rem;
  color: var(--black);
  font-size: 1.5rem;
  text-transform: capitalize;
}
.section-blog .blog-slider {
  margin-bottom: 5rem;
}
.section-blog .blog-slider .slick-dots {
  bottom: 0;
}
.section-blog .blog-slider .slick-arrow {
  top: 45%;
}
.section-blog .blog-slide {
  background: var(--red);
  border-radius: 10px;
  box-shadow: var(--shadow-light);
  color: var(--white);
  margin-bottom: 3rem;
  overflow: hidden;
}
.blog-slide-info {
  padding: 5rem 2rem 5rem 8rem;
}
.blog-slide-info h4 {
  color: var(--white);
  font-size: 2rem;
  height: 5.5rem;
  line-height: 3rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
.blog-slide-info .btn {
  background: var(--white);
  border-radius: 2rem;
  color: var(--black);
  padding: 5px 2rem;
}
.blog-slide-image {
  padding: 0;
  overflow: hidden;
}
.blog-slide-image img {
  height: 24rem;
  width: 100%;
  object-fit: cover;
}

.section-membership {
  background: url(../img/home/become-a-member.png) no-repeat center top;
  background-size: 90% auto;
  min-height: 50rem;
}
.member-slider {
  position: relative;
}
.member-slider .slick-slide {
  margin-right: 5px;
}
.member-slider .slick-slide img {
  padding: 10px;
}

/* .member-slider .slick-arrow {
  background: #027797;
  top: 0;
  bottom: 6px;
  height: auto;
  width: auto;
  padding: 5px;
  -webkit-transform: none;
  transform: none;
  z-index: 2;
} */

.member-slider .slick-arrow:before {
  color: var(--black);
  font-size: 2.5rem;
  opacity: 1;
}
.member-slider .slick-prev {
  left: 0;
}
.member-slider .slick-next {
  right: 0;
}

/* About */
.about-sections img {
  /* margin:0 auto; */
}

.about-sections .row {
  margin-bottom: 3em;
}

/* Members */
.sdg-member-list .sdg-box {
  cursor: pointer;
  padding: 0;
}

.sdg-member-list .sdg-box img {
  height: 8.5em;
  margin-bottom: 3px;
  opacity: 0.8;
  transition: ease-in 300ms all;
}

.sdg-member-list .sdg-box img:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.9);
  opacity: 1;
  transform: scale(1.05);
}

.section-partners {
  padding-bottom: 0;
}

/* Pillars */
.pillar-intro {
  font-size: 1.1em;
  font-weight: normal;
  line-height: 28px;
  padding-right: 5em;
  text-align: justify;
}

/* Projects */
.section.projects {
  background: #f1f1f1;
}

.project-box {
  min-height: 15em;
  position: relative;
}

.project-box a {
  display: block;
  text-decoration: none;
}

.project-box h4 {
  font-size: 1.2em;
  font-weight: normal;
  line-height: 19px;
  margin-bottom: 0;
}

.project-img {
  position: relative;
}

.project-img img {
  background: var(--lighter-gray);
  height: 15em;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

/* Team box */
.team-box {
  cursor: pointer;
  margin-bottom: 2em;
}
.team-box > div {
  min-height: 22em;
}

.team-box a {
  display: block;
  text-decoration: none;
}

.team-box .img-holder {
  border: 1px solid #ddd;
  overflow: hidden;
  position: relative;
}

.team-box img {
  height: 270px;
  width: 100%;
  object-position: center;
  object-fit: cover;
}

.team-box h4 {
  font-weight: normal;
  margin-bottom: 3px;
}

.team-box small {
  color: #c70909;
  font-size: 13px;
}

/* Events */
.section.events h3 {
  color: #fff;
  font-size: 1.2em;
}

.events-holder {
  background: #1b213b;
  padding: 0 1em 1em;
}

.event-box {
  background: #fff;
  display: block;
  margin-bottom: 1em;
  /* min-height: 12em; */
  padding: 10px;
  text-decoration: none;
}

.event-box:hover h4 {
  color: #e85526;
}

.event-img-holder {
  height: 9em;
  overflow: hidden;
}

.event-img {
  padding-right: 0;
  position: relative;
}

.event-img img {
  border: 1px solid #ddd;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.event-date {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

.day-label,
.month-label {
  color: #fff;
  clear: right;
  display: inline-block;
  float: right;
  font-weight: bold;
  text-align: center;
  width: 40px;
}

.day-label {
  background: #e85526;
  font-size: 1.5em;
  padding: 0.2em 0;
}

.month-label {
  background: #333333;
  font-size: 0.8em;
  text-transform: uppercase;
}

.event-info h4 {
  font-size: 1em;
  margin-top: 0;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.event-meta {
  color: #444;
  font-size: 0.9em;
  margin-bottom: 6px;
}

.event-meta span {
  display: inline-block;
  font-size: 0.9em;
  padding-right: 10px;
}

.event-meta i.icon {
  color: #e85526;
}

.event-info p {
  color: #555;
  line-height: 1.4em;
  text-align: justify;
}

/* Vacancies */
ul.vacancies li {
  margin-bottom: 2em;
}

ul.vacancies li a {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}

.event-slider .slick-prev:before,
.event-slider .slick-next:before {
  color: #aaa;
}

.event-slider .slick-prev,
.event-slider .slick-next {
  top: 33%;
}

.progress-bar {
  background: #ddd;
  display: inline-block;
  margin-bottom: 3px;
  height: 20px;
  width: 120px;
}

/* Donation */
.donate-jumbo {
  padding: 1em !important;
}

.donate-jumbo label.inline-radio {
  cursor: pointer;
  margin-right: 20px;
}

.donate-jumbo label.inline-radio input[type="radio"] {
  position: relative;
  top: 2px;
}

.donate-jumbo input[type="radio"]:checked + span {
  color: #e95e2d;
}

.donate-jumbo h4 {
  color: #777;
}

/* Resources */
.document {
  background: url(../img/pdf.png) no-repeat 8px center;
  background-size: 20px;
  margin-bottom: 1em;
  padding: 6px;
}

.document:hover {
  background-color: #ffc;
}

.document a {
  display: block;
  padding: 6px;
  padding-left: 3em;
  text-decoration: none;
}

.document h4 {
  font-size: 1.1em;
  margin-bottom: 3px;
  margin-top: 5px;
}

/* Dashboard */
.stat-row {
  margin-bottom: 2em;
}

.stat-box > div {
  background: #fff;
  padding: 1em 1em 0.5em;
  text-align: center;
}

.stat-box h3 {
  margin-bottom: 2px;
  margin-top: 0;
}

/* Blog */
.blog-bd .page-header {
  border: 0;
}

.blog-jumbotron {
  background: no-repeat center / cover;
  margin-bottom: 0em;
  padding: 8em 0;
  position: relative;
  text-align: center;
}

.blog-jumbotron-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.blog-jumbotron .container {
  position: relative;
  z-index: 2;
}

.blog-jumbotron h1 {
  color: #fff !important;
  font-size: 2.5em;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}

.blog-jumbotron p {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.8em;
  margin: 0 auto;
  max-width: 640px;
}

.article {
  margin-bottom: 2em;
}

.article > div {
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  position: relative;
}

.article img {
  height: 15em;
  width: 100%;
  object-fit: cover;
}

.article-featured img {
  height: 25em;
}

.article-info {
  padding: 1em;
}

.article-featured .article-info {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  height: 6.5em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.article-meta {
  color: #aaa;
  font-size: 0.75em;
  text-transform: uppercase;
}

.article-featured .article-meta {
  color: #fff;
}

.article h4 {
  font-size: 1em;
  height: 2.5em;
  line-height: 1.4em;
  margin: 0 0 4px;
}

.article-featured h4 {
  color: #fff;
  font-size: 1.2em;
}

.article-post {
  margin: 1em 0 5em;
  max-width: 680px;
  text-align: justify;
}

.blog-meta h5 {
  font-size: 0.9em;
  margin-bottom: 4px;
}

.blog-meta p {
  color: #555;
  margin-bottom: 2em;
}

.post-title {
  font-size: 1.2em !important;
  padding: 1.3em 1em !important;
}

.post-detail {
  padding-right: 3em;
}

.post-actions .panel-body {
  background: transparent;
  padding: 1em 2em;
}

a.jssocials-share-link {
  text-decoration: none;
}

table tr td p {
  margin-bottom: 0;
}

/* Gallery */
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.album {
  height: 18em;
  margin-bottom: 2em;
  overflow: hidden;
  position: relative;
}

.album img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.3s all ease-in;
}

.album:hover img {
  cursor: pointer;
}

.album-info {
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.album-info p {
  font-size: 1.2em;
  margin-bottom: 0;
  position: absolute;
  left: 1em;
  bottom: 1em;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.album:hover .album-info {
  background: rgba(100, 0, 0, 0.3);
  transition: 500ms all ease-in-out;
}

.pic-box {
  border: 1px solid #ddd;
  height: 13em;
  transition: 0.3s all ease-in;
}

.pic-box img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.pic-box:hover {
  cursor: pointer;
  transform: scale(1.05);
}

/* Contact */
.contact-list > li {
  margin-bottom: 1rem;
}

footer {
  background: var(--black);
  color: var(--white);
  font-size: 1rem;
  padding: 0 0 1em;
}

.footer-stripe {
  background: url(../img/footer-strip.png) repeat-x left top #fff;
  background-size: auto 32px;
  height: 32px;
  margin-bottom: 2em;
}

/* .footer-stripe img {
    background: #fff;
    margin-bottom: 3em;
    padding-bottom: 5px;
} */

footer .container {
  background: transparent !important;
}
footer h4 {
  color: #eee;
  font-size: 1.5rem;
  margin-bottom: 1em;
  text-transform: uppercase;
}
footer ul.pages {
  list-style: none;
  padding-left: 0;
}
footer ul.pages li {
  margin-bottom: 2px;
}
footer ul.pages li a {
  color: #ddd;
  font-size: 1.2rem;
}
footer input[type="text"],
footer input[type="email"],
footer textarea {
  background: #2d383f !important;
  border: 0 !important;
}
footer .social-links {
  display: inline-flex;
  gap: 1.5rem;
}
footer .social-links a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
}
footer .social-links .icon {
  color: #fff;
  font-size: 2.5rem;
  position: relative;
  top: 2px;
}

@media (min-width: 992px) {
  .site-bd .navbar-nav > li:not(:last-child) > a:before {
    border-right: 2px solid var(--color-accent);
    content: " ";
    width: 1px;
    right: 0;
    top: 3px;
    bottom: 3px;
    position: absolute;
  }
}

@media (max-width: 992px) {
  body {
    padding-top: 0;
  }

  .navbar-custom .navbar-brand {
    width: auto !important;
    overflow: hidden;
  }
}

@media (min-width: 768px) {
  .search-holder {
    float: right;
    max-width: 20em;
  }

  .logo-row-ext {
    background: var(--color-primary);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    z-index: 1;
  }

  .logo-row {
    position: relative;
    z-index: 2;
  }

  .logo-row-cta {
    position: relative;
  }

  .logo-row-cta:after {
    background: pink;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
  }
}

@media (max-width: 768px) {
  .logo-row,
  .logo-row-cta {
    text-align: center;
  }

  .search-holder {
    margin: 10px auto;
    max-width: 640px;
    text-align: center;
  }

  .section-pillars .pillar-boxes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }

  .pillar-intro {
    padding: 0;
  }

  .album {
    height: 14em;
  }
}

@media (max-width: 576px) {
  .home-banner {
    min-height: auto;
  }
}