body {
  padding: 6rem 0 0 0;
  background-color: #f7f6f6;
}

.shopfunds-header {
  height: 45px;
}

a {
  text-decoration: none;
  color: #007bff !important;
}

a.btn {
  color: #ffffff !important;
}

a:hover {
  text-decoration: underline;
}

nav.navbar.navbar-expand-lg.navbar-light.fixed-top {
  background-color: /*#a51a1b*/#ffffff;
}

/* add space before logo */
.navbar-brand {
  margin-left: 1rem;
  margin-bottom: 5px;
}

nav.navbar .nav-item {
  margin-right: 5px;
  font-weight: bold;
}

nav.navbar .btn.nav-link {
  font-weight: bold;
}

nav.navbar .dropdown-menu {
  background-color: #007bff;
}

nav.navbar .dropdown-item {
  color: #000000;
}

nav.navbar .dropdown-item:hover, nav.navbar .dropdown-item:focus {
  background-color: #007bff;
}

nav.navbar .btn.focus, nav.navbar .btn:focus {
  box-shadow: none;
}

a.nav-link:hover, a.dropdown-item:hover {
  text-decoration: none !important;
}

li.nav-item > a.nav-link {
  font-size: 25px;
}

.navbar-toggler-icon {
  color: #007bff;
}

a > svg {
  width: 25px;
  height: 25px;
  fill: rgba(255,255,255,.5);
  padding-bottom: 4px;
}

/* reduce default padding (only for main content part) */
.container-fluid.main-content {
  padding-right: 0.05rem !important;
  padding-left: 0.05rem !important;
}

.card {
  background-color: #f0eded;
}

.white-background {
  background-color: #ffffff;
}

.widget {
  padding: 0 !important;
}

/* search */
.search-box {
  width: 85% !important;
}

button.btn-success.search {
  padding: 6px 8px !important;
  border: 1px solid #2e2525;
  border-left: none;
  margin: 0px 3px 0px 0px;
}

button.btn-success.search > svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  padding-bottom: 2px;
}

.breadcrumb {
  font-size: 10px;
}

.btn-active {
  background-color: #28a745;
  color: #ffffff;
}

.btn-active:hover {
  background-color: #a51a1b;
  color: #ffffff;
}

footer {
  text-align: center;
}

.bg-primary > a, .bg-success > a {
  color: #ffffff;
}



/* contact form */
label.error {
	color: #FF0000;
	font-style: italic;
}


/* login box */
.login-bg {
  background-color: #f7f6f6;
}

@media screen and (min-width: 992px) {
  ul.navbar-nav {
    padding-top: 18px;
  }
  li.nav-item {
    padding-left: 30px;
  }
}

@media screen and (max-width: 991px) {
  li.nav-item {
    padding-left: 0;
  }
}