/*your custom css goes here*/
.footer-widget{
    background-image: url("../img/footer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
h3.side-nav{
    margin-top: 30px;
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    color: green;
    font-weight: 600;
    text-transform: uppercase;
}
.front-mobile-header-search{
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    opacity:0;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.front-mobile-header-search.active{
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    opacity:1;
}
.mobile-search-form{
    width: 100%;
    margin-bottom: 10px;
    border: solid 1px #28a745;
    border-radius: .25rem;
}
form.mobile-search-form input.form-control{
    padding: 0.3rem 1rem !important;
    font-size: 0.875rem;
    height: calc(1.3125rem + 0.6rem + 2px) !important;
}
form.mobile-search-form .btn{
    padding: 0.3rem 1.2rem !important;
}
.header-menu-bars{
    font-size: 25px;
}

@media (max-width: 991px) {
    .cart-badge{
        margin: auto auto 15px -15px;
    }
}
.z-999{
    z-index: 999;
}


.badge-custom {
    display: inline-block;
    padding: 3px;
    font-size: 11px;
    border-radius: 0 50em 50em 0;
    color: #ff0000;
    font-weight: 600;
    line-height: 26px;
    position: absolute;
    background: #fff;
    z-index: 1;
    top: 20px;
    box-shadow: 2px 1px 6px 2px rgba(0, 0, 0, 0.1), 0 4px 4px 0px rgba(0, 0, 0, 0.06) !important;
}

.badge-custom .box {
    height: 26px;
    /*width: 26px;*/
    background: #ff0000;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
}
[dir="rtl"] .badge-custom{
    border-radius: 50em 0 0 50em;
}