/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

:root {
  --light-green: #a3cd3a;
}

.logo {
  height: 50px; //75px;
  margin: 1em;
  content: url(../img/logo.svg);
}

.navbar-main {
  background-color: var(--light-green);
}

a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
  background-color: var(--light-green);
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  border-color: var(--light-green);
}

.dataTables_wrapper .dataTables_info {
  background-color: var(--light-green);
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
  background-color: var(--light-green);
  border-color: var(--light-green);
}

section#footer p {
  border-top: 20px solid var(--light-green);
}

div.header-lined h1 {
  color: #939598;
}

.dropdown-menu>li>a:focus,
.navbar-main .dropdown-menu>li>a:hover,
.navbar-main .navbar-nav>li>a:hover,
.navbar-main .navbar-nav>li>a:focus
{
  background-color: var(--light-green) !important;
}

.navbar-main .navbar-nav > .open > a {
  background-color: var(--light-green) !important;
}

ul.top-nav > li.primary-action > a.btn {
  background-color: var(--light-green) !important;
}

.btn-primary {
  background-color: var(--light-green) !important;
  border-color: var(--light-green) !important;
}

#order-standard_cart .view-cart-items-header {
	background-color: var(--light-green) !important;
}

#order-standard_cart .empty-cart .btn {
  background-color: var(--light-green) !important;
}