.overlay.caption.color .caption-inner {
  background: rgba(156, 205, 126, 0.8);
}
.overlay.caption.color:hover .caption-inner {
  background: rgba(156, 205, 126, 1);
}
.overlay.color span.bg {
  background: rgba(156, 205, 126, 0.75);
}
a {
  color: #9ccd7e;
}
a.hover {
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 50%,
    rgba(156, 205, 126, 0.1) 50%
  );
}
.post-title a:hover,
.more:hover,
.meta a:hover {
  color: #9ccd7e;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #9ccd7e;
}
a.text-muted:hover {
  color: #9ccd7e !important;
}
blockquote.bordered {
  border-left: 3px solid #9ccd7e;
}
blockquote.icon-top:before {
  color: #e1f0d8;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.highlighted {
  color: #9ccd7e;
}
.dropdown-item:hover,
.mega-menu-content a:hover {
  color: #9ccd7e;
}
.btn {
  background: #9ccd7e;
}
.btn:not([class*="btn-"]):hover,
.btn:not([class*="btn-"]):focus,
.btn:not([class*="btn-"]):active,
.btn:not([class*="btn-"]).active {
  background: #8ec36e;
}
.btn.btn-pastel-default:hover,
.btn.btn-pastel-default:focus,
.btn.btn-pastel-default:active,
.btn.btn-pastel-default.active {
  background: #d7ebcb;
}
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active,
.btn.btn-white.active {
  color: #9ccd7e;
}
.image-list li a:hover {
  color: #9ccd7e;
}
.list-group-item.active {
  background-color: #9ccd7e;
  border-color: #9ccd7e;
}
.cbp-l-filters-dropdownList .cbp-filter-item:hover,
.cbp-l-filters-dropdownList .cbp-filter-item-active {
  color: #9ccd7e;
}
.cbp-item a:hover,
.cbp-item .meta .category a.hover.color {
  color: #9ccd7e;
}
.cbp-popup-singlePageInline .cbp-popup-close:hover {
  opacity: 1;
  color: #9ccd7e !important;
}
.sidebox a:not(.btn):hover {
  color: #9ccd7e;
}
#comments .info h6 a:hover {
  color: #9ccd7e;
}
.pagination:not(.bg) ul > li > a:hover,
.pagination:not(.bg) ul > .active > a,
.pagination.bg ul > .active > a.btn-white,
.pagination.bg ul > li > a.btn-white:hover {
  color: #9ccd7e;
}
.arrow-link:not(.bg) a:hover {
  color: #9ccd7e;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-item .nav-link:hover,
.nav-tabs .nav-item .nav-link.active {
  color: #9ccd7e;
  border-color: #9ccd7e;
}
.tooltip-inner {
  background-color: #9ccd7e;
}
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #9ccd7e;
}
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #9ccd7e;
}
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #9ccd7e;
}
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #9ccd7e;
}
.custom-control-input:active ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #9ccd7e;
}
.color-default,
.list-default > li:before,
.list-default i {
  color: #9ccd7e;
}
a {
  text-decoration: none !important;
}
.bg-default {
  background-color: #9ccd7e;
}
.bg-default.hover:hover {
  background: #8ec36e;
}
.btn.btn-pastel-default {
  background: #e1f0d8;
}
.bg-pastel-default {
  background-color: #161616;
}
.badge.bg-pastel-default {
  background-color: #e1f0d8;
}
.wrapper.bg-pastel-default {
  background-color: #f1f5ed;
}
.progressbar.pastel-default svg path:last-child {
  stroke: #e1f0d8;
}
.progressbar.default svg path:last-child {
  stroke: #9ccd7e;
}
.inverse-text .pagination:not(.bg) ul > li > a:hover,
.inverse-text .arrow-link:not(.bg) a:hover,
.inverse-text .nav-tabs .nav-link:hover,
.inverse-text .cbp-filter-item:hover {
  color: #9ccd7e !important;
}
@media (max-width: 991.98px) {
  .navbar-nav .nav-link:hover,
  .navbar-nav .nav-link.highlighted,
  .navbar-nav .nav-link.active,
  .navbar-collapse.bg-dark.bg-dark-opacity .navbar-nav .nav-link:hover,
  .navbar-collapse.bg-dark.bg-dark-opacity .navbar-nav .nav-link.highlighted,
  .navbar-collapse.bg-dark.bg-dark-opacity .navbar-nav .nav-link.active,
  .navbar.wide.bg-dark .navbar-nav .nav-link:hover,
  .navbar.wide.bg-dark .navbar-nav .nav-link.highlighted,
  .navbar.wide.bg-dark .navbar-nav .nav-link.active,
  .navbar.dark-wrapper.inverse-text .navbar-nav .nav-link:hover,
  .navbar.dark-wrapper.inverse-text .navbar-nav .nav-link.highlighted,
  .navbar.dark-wrapper.inverse-text .navbar-nav .nav-link.active {
    color: #9ccd7e !important;
  }
  .dropdown-item:focus,
  .dropdown-item:hover,
  .dropdown-item.highlighted,
  .navbar.transparent .dropdown-item:focus,
  .navbar.transparent .dropdown-item:hover,
  .navbar.transparent .dropdown-item.highlighted,
  .navbar.transparent .mega-menu-content a:hover,
  .navbar .navbar-collapse.bg-dark.bg-dark-opacity .dropdown-item:focus,
  .navbar .navbar-collapse.bg-dark.bg-dark-opacity .dropdown-item:hover,
  .navbar .navbar-collapse.bg-dark.bg-dark-opacity .dropdown-item.highlighted,
  .navbar .navbar-collapse.bg-dark.bg-dark-opacity .mega-menu-content a:hover,
  .navbar.wide.bg-dark .dropdown-item:focus,
  .navbar.wide.bg-dark .dropdown-item:hover,
  .navbar.wide.bg-dark .dropdown-item.highlighted,
  .navbar.wide.bg-dark .mega-menu-content a:hover,
  .navbar.wide.bg-dark .dropdown-item:focus,
  .navbar.dark-wrapper.inverse-text .dropdown-item:hover,
  .navbar.dark-wrapper.inverse-text .dropdown-item.highlighted,
  .navbar.dark-wrapper.inverse-text .mega-menu-content a:hover {
    background: none;
    color: #9ccd7e !important;
  }
}

.gallerybanner {
  background: url("../img/banner/gallery.webp");
  background-size: cover;
  position: relative;
}

.gallerybanner::before {
  content: "";
  position: absolute;
  background: linear-gradient(
    180deg,
    rgb(26, 25, 25) 0,
    rgba(255, 248, 248, 0) 100%
  );
  top: 0;
  left: 0;
  height: 475px;
  width: 100%;
}
.gallerybanner::after {
  content: "";
  position: absolute;
  background: linear-gradient(
    180deg,
    rgb(26, 25, 25) 0,
    rgba(255, 248, 248, 0) 100%
  );
  bottom: 0;
  left: 0;
  transform: rotate(-180deg);
  height: 200px;
  width: 100%;
}
.portfoliobanner {
  background: url("../img/banner/portfolio.jpg");
  background-size: cover;
  position: relative;
}

.portfoliobanner::before {
  content: "";
  position: absolute;
  background: linear-gradient(
    180deg,
    rgb(26, 25, 25) 0,
    rgba(255, 248, 248, 0) 100%
  );
  top: 0;
  left: 0;
  height: 475px;
  width: 100%;
}
.portfoliobanner::after {
  content: "";
  position: absolute;
  background: linear-gradient(
    180deg,
    rgb(26, 25, 25) 0,
    rgba(255, 248, 248, 0) 100%
  );
  bottom: 0;
  left: 0;
  transform: rotate(-180deg);
  height: 200px;
  width: 100%;
}

.nav-tabs .nav-link {
  color: white;
}
@media(max-width:750px){
  .portfoliobanner{
    background-position: center;
  }
  .gallerybanner{
    background-position: center;
  }
}