@import url('general_search.css');

#siblings {
    position: relative;
    width: 90%;
    margin:auto auto;
    margin-top: 20px;
    overflow:hidden;
    margin-bottom:25px;

}
#siblings li {
    list-style-type: none;
}
#categories_container::-webkit-scrollbar {
    display: none;
}

#categories_container {
    white-space: nowrap;
    display: flex;
    overflow:auto;
    padding-left:0 !important;
    -ms-overflow-style: none; 
    scrollbar-width: none;  
}

.paddle {
    display: none;
    position: absolute;
    top: 235px;
    height:75px;
    border-width:0;
    padding-left:15px;
    padding-right:15px;
    font-weight:bold;
    font: 16px;
    cursor:pointer;
    background-color:lightgray
}
.paddle:hover{
    background-color:rgb(200, 200, 200)
}
.left-paddle {
    left: 35px;
    border-top-right-radius:35px;
    border-bottom-right-radius:35px;
}
.right-paddle {
    right: 35px;
    border-top-left-radius:35px;
    border-bottom-left-radius:35px;
}
.hidden {
    display: none;
}
.cat_siblings {
    display:inline-block;
    text-decoration:none;
    padding:7px 15px;
    border:1px solid lightgray;
    background-color:rgb(248,248,248);
    margin-right:10px;
    white-space:nowrap;
    border-radius: 25px;
    color:rgb(0,153,230);
}

.cat_siblings:hover {
    background-color:lightgray;
    word-wrap: none;
}
.active {
    color:white;
    background-color: rgb(0, 153, 230);
    border-width:0
}
.active:hover {
    background-color: rgb(0, 122, 204);

}
.meta_cat {
    color: rgb(0, 153, 230);
    display:inline-block
}
.sub_cat {
    color: green;
    display:inline-block;
    box-sizing:border-box;
    margin-left:10px;
    position:relative;
    bottom:25px;
}
.no_product_available {
    margin-top:100px;
    text-align:center;
    margin-bottom:150px;
    color: dimgray;
}
#login_notification {
    /*color: rgb(133, 4, 4);*/
    color:#ff9a02;
    margin-bottom:35px;
    font-weight:bold;
    line-height: 1.7em
}
#login_notification a {
    color: rgb(0, 140, 230);
}
#login_notification img {
    height: 35px;
    width: 35px;
    position:relative;
    top:7px;
    margin-right:10px;
}
.all_categories_link {
    color:rgb(0, 140, 230);
    display: block;
    text-decoration: none;
    font-size: 12px;
    margin: 15px 0;
}
@media only screen and (max-width:802px){
    #login_notification {
        font-size: 13px;
    }
    #siblings {
        margin-top:10px;
        overflow-x:auto;
    }
    .cat_siblings{
        font-size:13px;
    }
    .no_product_available {
        font-size:13px;
        margin-top:100px;
        margin-bottom:100px
    }
    
    .paddle  {
        display:none
    }
    .meta_cat {
        font-size:16px;
    }
    .sub_cat {
        font-size:small;
        bottom:25px;
        left:0;
    }
    
}
@media only screen and (max-width:602px){
    #login_notification {
        font-size: small;
    }
}