/*============================
		COLOR Green
==============================*/
/*-------- Preloader --------*/
#preloader [data-loader="dual-ring"] {
  border: 5px solid #28a745;
  border-color: #28a745 #f1f5f6 #28a745 #f1f5f6;
}

a, a:focus {
  color: #28a745;
}

a:hover, a:active {
  color: #218a39;
}

/*== Primary Nav ==*/
.navbar-light .navbar-nav .active > .nav-link {
  color: #218a39;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show {
  color: #218a39;
}

.navbar-light .navbar-nav .show > .nav-link {
  color: #218a39;
}

.primary-menu ul.navbar-nav > li:hover > a:not(.btn), .primary-menu ul.navbar-nav > li.active > a:not(.btn), .login-signup ul.navbar-nav > li:hover > a:not(.btn), .login-signup ul.navbar-nav > li.active > a:not(.btn) {
  color: #28a745;
}

.primary-menu ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn), .login-signup ul.navbar-nav > li.dropdown .dropdown-menu li:hover > a:not(.btn) {
  color: #28a745;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu {
  background-color: #28a745;
  border-color: #28a745;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
  background-color: #28a745;
}

.primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown:hover > a:after, .login-signup.navbar-dropdown-primary ul.navbar-nav > li.dropdown:hover > a:after {
  border-color: transparent transparent #28a745 transparent;
}

@media (max-width: 767.98px) {
  #header .navbar-dropdown-primary.primary-menu:before {
    background-color: #28a745;
  }
  .primary-menu.navbar-dropdown-primary ul.navbar-nav > li.dropdown .dropdown-menu .dropdown-menu {
    background-color: #28a745;
  }
}

/* Secondary Nav */
.secondary-nav.nav .nav-item .nav-link.active {
  color: #28a745;
}

.secondary-nav.nav.alternate .nav-item .nav-link.active {
  border-bottom: 3px solid #28a745;
}

/* Page Header */
.page-header.page-header-light .breadcrumb > li a:hover {
  color: #28a745;
}

/* List Item */
.list-item a:hover {
  color: #28a745;
}

/* Tags */
.tags a:hover {
  background: #28a745;
}

/* Side Post */
.side-post .item-post .caption a:hover {
  color: #28a745;
}

/* Post */
.blog-post .title-blog a:hover {
  color: #28a745;
}

.blog-post .meta-blog li i {
  color: #28a745;
}

.blog-post .meta-blog li a:hover {
  color: #28a745;
}

/* Accordion & Toggle */
.accordion:not(.accordion-flush) .accordion-header .accordion-button {
  background-color: #28a745;
}

.accordion.accordion-flush .accordion-header .accordion-button {
  color: #28a745;
}

/* nav */
.nav-link {
  color: #28a745;
}

.nav-link:hover, .nav-link:focus {
  color: #218a39;
}

.nav-pills.alternate .nav-link:not(.active):hover {
  color: #28a745;
}

/* Tabs */
.nav-tabs .nav-item .nav-link.active {
  color: #218a39;
}

.nav-tabs .nav-item .nav-link.active:after {
  background-color: #28a745;
}

.nav-tabs.style-2 .nav-item .nav-link.active, .nav-tabs.style-2 .nav-item .nav-link:hover.active {
  background: #28a745;
}

.nav-tabs.flex-column .nav-item .nav-link.active {
  color: #28a745;
}

@media (min-width: 576px) {
  .nav-tabs.flex-sm-column .nav-item .nav-link.active {
    color: #28a745;
  }
}

@media (min-width: 768px) {
  .nav-tabs.flex-md-column .nav-item .nav-link.active {
    color: #28a745;
  }
}

@media (min-width: 992px) {
  .nav-tabs.flex-lg-column .nav-item .nav-link.active {
    color: #28a745;
  }
}

@media (min-width: 1200px) {
  .nav-tabs.flex-xl-column .nav-item .nav-link.active {
    color: #28a745;
  }
}

/* Easy Responsive Tab Accordion */
.resp-tab-active {
  border-bottom: 3px solid #28a745;
}

.resp-vtabs li.resp-tab-active, .resp-vtabs li.resp-tab-active:hover {
  color: #28a745;
}

/* Brands Grid */
.brands-grid > .row > * a:hover {
  color: #28a745;
}

#footer .nav .nav-item .nav-link:focus {
  color: #28a745;
}

#footer .nav .nav-link:hover {
  color: #28a745;
}

#footer .nav .nav-link:hover {
  color: #28a745;
}

/* Back to Top */
#back-to-top:hover {
  background-color: #28a745;
}

/* Extras */
.bg-primary {
  background-color: #28a745 !important;
}

.text-primary, .btn-link:not(.text-body), .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .link-primary {
  color: #28a745 !important;
}

a.text-primary:focus, a.text-primary:hover, .btn-link:hover, .link-primary:hover, .link-primary:focus {
  color: #218a39 !important;
}

.text-muted {
  color: #8e9a9d !important;
}

.text-light {
  color: #dee3e4 !important;
}

a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
  background-color: #218a39 !important;
}

.border-primary {
  border-color: #28a745 !important;
}

.btn-primary {
  background-color: #28a745;
  border-color: #28a745;
}

.btn-primary:hover {
  background-color: #218a39;
  border-color: #218a39;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #218a39;
  border-color: #218a39;
}

.btn-primary.focus, .btn-primary:focus {
  background-color: #218a39;
  border-color: #218a39;
}

.btn-outline-primary, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
  background-color: #28a745;
  border-color: #28a745;
  color: #fff;
}

.progress-bar,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active {
  background-color: #28a745;
}

.page-item.active .page-link, .form-check-input:checked {
  background-color: #28a745;
  border-color: #28a745;
}

.list-group-item.active {
  background-color: #28a745;
  border-color: #28a745;
}

.page-link {
  color: #28a745;
}

.page-link:hover {
  color: #218a39;
}

/* Slider Range (jQuery UI) */
.ui-slider .ui-widget-header {
  background: #28a745;
}

.ui-state-active, .ui-widget-content .ui-state-active {
  border-color: #28a745;
}