.bg-dark {
    background-color: #26437d!important;
}
.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #ffffff;
    text-decoration: none;
    background-color: #82b31c;
}
.container{
  margin-top:5%;
}

.cart-btn {
    color: #171e28;
    background-color: #fabd6d;
    border-color: #171e28;
    padding: 6px 15px 0px 15px;
}

.subnav{
    background-color: #a4c735;
}
.subnav a{
    color: #fff;
}

.list-group-item{
    font-size: 14px;
    padding-bottom: 5px;
}
.subnamelink{
    font-size: 14px;
}
.footer-content-block{
    font-size: 14px;
    background-color:#26437d;
    color:#fff;
    padding: 10px;
}
    .footer-content-block .list-group-item{
        background:#82b31c !important;
        border:1px solid #fff !important;
    }
.dropdownSignin {
  position: relative;
  display: inline-block;
}

.dropdownSignin-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}



ul a{
    color:#343a40;
}
  .nav-pill .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #171e28;
    border-radius: 0px;
    color: #febd69;
    padding: 3px 5px 3px 5px;
    border-radius: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: 700;
    border: 1px solid #febd69;
}
.nav-pill a{
      color: #fff;
    border-radius: 0px;
    color: #fff;
    padding: 3px 5px 3px 5px;
    border-radius: 3px;
    margin-top: 2px;
    margin-bottom: 2px;


}




  .homeCat{
    background: #fff;
    border-radius: 0px;
    border: 1px solid #cbcbcb;
    color: #82b31c;
    font-weight: 700;
  }
  .homeCat:hover{
    background: #82b31c;
    border-radius: 0px;
    border:2px solid #fff;
    color: #fff;
    font-weight: 700;
    box-shadow: 1px 1px 30px 1px gray;
  }
  .products:hover{
    box-shadow: 1px 1px 10px 1px #aeaeae;
  }
  h4{
     background: #26437d; /* Set the background color */
  text-transform: uppercase; /* Convert text to uppercase */
  color: #fff; /* Set the text color */
  padding: 8px; /* Add padding */
  font-size: 1rem; /* Choose your desired font size */
  text-align: center; /* Center the text */
  letter-spacing: 3px; /* Add letter spacing */
  font-family: 'Open Sans', sans-serif; /* Choose your desired font */
  text-shadow: 2px 2px #333; /* Add a subtle text shadow to create depth */
  border-radius: 3px;
  }

  b a{
  color: #26437d !important; /* Set the text color */
  }

.btn-success {
    color: #fff;
    background-color: #82b31c;
    border-color: #82b31c;
    letter-spacing: 1px;
    border-radius: 0px!important;
}

.btn-info {
    color: #fff;
    background-color: #26437d;
    border-radius: 0px!important;
    border-color: #26437d;
}
.switch {
    margin-bottom: 0px;
        position: relative;
        display: inline-block;
        width: 80px;
        height: 18px;
    }

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 10px;
        width: 10px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked + .slider {
        background-color: #82b31c;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(68px);
        -ms-transform: translateX(68px);
        transform: translateX(60px);
    }

    .slider.round {
        border-radius: 10px;
    }

    .slider.round:before {
        border-radius: 50%;
    }