@charset "UTF-8";

:root {
  --bg-main: #ffffff;
  --bg-soft: #f4faf4;
  --bg-soft-strong: #f8fcf8;
  --brand: #2f8f39;
  --brand-mid: #3ea64b;
  --brand-dark: #1f6c2a;
  --brand-border: #d6ead8;
  --text-main: #2b6633;
  --text-soft: #5e8f66;
  --text-on-brand: #f7fff8;
}

body {
  background: var(--bg-main);
  color: var(--text-soft);
}

h1, h2, h3, h4, h5, h6,
.section-title,
.section-header,
.text-logo,
.post .post-title a,
.widget .widget-title,
.widget ul.list li a,
.post-single .post-content,
.newsletter-headline {
  color: var(--text-main) !important;
}

a,
.slogan,
.post .meta,
.post .meta a,
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item.active {
  color: var(--text-soft) !important;
}

a:hover,
.post .post-title a:hover,
.post .meta a:hover,
.breadcrumb .breadcrumb-item a:hover {
  color: var(--brand) !important;
}

.bordered,
.widget,
.footer-inner,
.post.post-xl .post-bottom,
.post-single .post-bottom,
.header-minimal,
.header-classic .header-top,
.header-personal .centered-nav,
.canvas-menu .vertical-menu li:after {
  border-color: var(--brand-border) !important;
}

.widget,
.post.post-grid,
.post-tabs,
.post-single,
.page-content,
.post.post-list,
.post.post-list-sm,
.post.post-classic,
.search-popup,
.dropdown-menu,
.canvas-menu,
footer {
  background: var(--bg-main) !important;
}

.header-default,
.header-default.clone,
.header-personal nav,
.header-personal nav.clone,
.header-classic .header-bottom,
.header-classic .header-bottom.clone,
.header-minimal,
footer {
  background: var(--bg-main) !important;
}

.header-classic .header-top,
.header-personal .header-top {
  background: var(--bg-main) !important;
}

.header-personal.light {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.55) 100%) !important;
}

.header-default,
.header-default.clone,
.header-minimal,
.header-classic .header-top,
.header-classic .header-bottom,
.header-personal nav,
.header-personal nav.clone,
footer {
  border-bottom: 1px solid var(--brand-border);
}

footer .footer-inner {
  border-top-color: var(--brand-border) !important;
}

.navbar-nav .nav-link,
.header-personal.light .navbar .nav-link,
.header-personal.light .social-icons li a,
.header-personal.light .text-logo,
.header-default .social-icons li a,
.header-classic .social-icons li a {
  color: var(--text-main) !important;
}

.navbar-nav .nav-link:hover,
.header-personal.light .navbar .nav-link:hover,
.header-default .social-icons li a:hover,
.header-classic .social-icons li a:hover,
.header-personal.light .social-icons li a:hover {
  color: var(--brand) !important;
}

.navbar-nav li.active .nav-link {
  color: var(--text-on-brand) !important;
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-mid) 100%) !important;
}

.header-personal.light .navbar.clone .nav-link,
.header-personal.light .navbar.clone li.active .nav-link {
  color: var(--text-main) !important;
}

.dropdown-menu {
  border: 1px solid var(--brand-border) !important;
}

.dropdown-item {
  color: var(--text-main) !important;
}

.dropdown-item:hover,
.dropdown-item.active {
  color: var(--brand-dark) !important;
  background: var(--bg-soft) !important;
}

.btn-default,
.icon-button,
.post .category-badge,
.post .post-format,
.post .post-format-sm,
.page-item.active .page-link,
.post-pagination .page-item.active .page-link,
.tag {
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-mid) 100%) !important;
  color: var(--text-on-brand) !important;
}

.btn-simple {
  color: var(--text-soft) !important;
  border-color: var(--brand-border) !important;
}

.btn-simple:hover {
  color: var(--brand-dark) !important;
  border-color: var(--brand) !important;
}

.post .meta li:after {
  background-color: var(--brand) !important;
}

.social-share .icons li a:hover,
.widget ul.list li a:before,
.widget ul.list li a:hover,
.text-logo .dot,
.post .meta i,
.post-single ul li::marker {
  color: var(--brand) !important;
}

.hero:after,
.single-cover:after,
.post.post-over-content .thumb:after,
.featured-post-lg .thumb:after,
.featured-post-md .thumb:after,
.featured-post-xl .thumb:after {
  background: rgba(31, 108, 42, 0.38) !important;
}

.featured-post-lg .thumb {
  box-shadow: 0 10px 24px rgba(47, 143, 57, 0.22) !important;
}

.featured-post-lg .meta,
.featured-post-lg .meta li a,
.featured-post-lg .meta li:after,
.post.post-over-content .meta,
.post.post-over-content .meta li a,
.post.post-over-content .meta li:after,
.single-cover .cover-content .meta,
.single-cover .cover-content .meta a {
  color: rgba(255, 255, 255, 0.92) !important;
}

.form-control {
  color: var(--text-main) !important;
  border-color: var(--brand-border) !important;
  background: #ffffff !important;
}

.form-control:focus {
  border-color: var(--brand) !important;
}

.form-control::placeholder {
  color: #8db994;
}

.search-popup h3 {
  color: var(--text-main) !important;
}

.canvas-menu {
  background: #ffffff !important;
  box-shadow: -4px 0px 20px rgba(47, 143, 57, 0.16);
}

.canvas-menu .btn-close,
.canvas-menu .vertical-menu li a,
.canvas-menu .submenu li a,
.canvas-menu .social-icons li a,
footer .copyright,
footer .social-icons li a,
footer #return-to-top {
  color: var(--text-main) !important;
}

.canvas-menu .vertical-menu li.active > a,
.canvas-menu .submenu li.active a,
.canvas-menu .vertical-menu li a:hover,
.canvas-menu .submenu li a:hover,
footer .social-icons li a:hover,
footer #return-to-top:hover {
  color: var(--brand) !important;
}

.canvas-menu .vertical-menu li .switch {
  border-color: var(--brand-border) !important;
  color: var(--brand) !important;
}

.widget ul.list li:after,
.post.post-list-sm:after,
.post.post-list:after,
.post.post-list .details:after {
  background: linear-gradient(to right, var(--brand-border) 0%, transparent 100%) !important;
}

.page-link {
  color: var(--brand-dark) !important;
  border-color: var(--brand-border) !important;
  background: #ffffff !important;
}

.page-link:hover {
  color: var(--brand-dark) !important;
  background: var(--bg-soft) !important;
}

.bg-light,
.alert-light {
  background: var(--bg-soft) !important;
  border-color: var(--brand-border) !important;
  color: var(--text-main) !important;
}

.text-logo .dot,
.widget ul.list li a:before,
.post .meta i,
.post .meta a i,
.post .post-bottom .social-share .toggle-button:hover,
.btn-link,
.post .more-link:hover,
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--brand) !important;
}

.post .more-link,
.page-header h1,
.canvas-menu .vertical-menu li.openmenu > a {
  color: var(--text-main) !important;
}

.nav-tabs .nav-link.active,
.nav-pills .nav-link.active {
  color: var(--text-on-brand) !important;
  background: var(--brand) !important;
}

.nav-tabs .nav-link,
.nav-pills .nav-link {
  color: var(--text-main) !important;
}

.slick-dots li button:before {
  color: #afcfb4 !important;
}

.slick-dots li.slick-active button:before {
  color: var(--brand) !important;
}

::selection {
  background: #d9f0dc;
  color: var(--brand-dark);
}