/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 20, 2021, 12:39:42 PM
    Author     : Maja
*/

.customPre {
     white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;  
    font-family: inherit!important;
    font-size: inherit!important;
    background-color: inherit!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.footer-text{
    color: #b6b9bf!important;
}

.hidden{
    display:none !important;
}

.pricerangefilter_wrapper{
    display:inline-block;
    font-size:0.9em;
    min-width:49%;
}

.category_wrapper{
    padding-top:130px;
}

.category_wrapper p{
    color: #ec6567;
}

.category_description_wrapper{
    margin-bottom:20px;
}

.product-stock{
    color: #42d697;
}

.product-stock.danger{
    color: #fe696a;
}

.home-welcome .container{
    position:relative;
}

.home-welcome .welcome-text{
    margin: -175px 0 0 50%;
    background-color: rgba(0,0,0,0.2);
    height: 150px;
    width: 40%;
    position: absolute;
    padding: 10px;
    color: #fff;
}

.form-control.amount{
    max-width:20%;
}


.tags-grid .label{
    display:inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    background:#EC6567;
    border:1px solid #FE696A;
    margin-left:5px;
    margin-bottom:5px;
    color: #fff;
    cursor:pointer;
    font-size:0.8rem;
}


.tags-grid .label:hover{
    color:#EC6567;
    background: #fff;
}

.tags-grid .label.selected{
    background:#000;
}

div.description p{
    margin-top:10px;
}

.product-details{
    position:relative;
}

.next-prev-product{
    position:absolute;
    right: 0;
    color: #000;
}

.next-prev-product p{
    line-height: 2.875rem;
}

.stock-info{
    font-size:1rem;
}

.stock-info.product-available{
    color:#42d697;
}

@media only screen and (max-width: 600px) {
    .home-welcome .welcome-text {
        margin: 0;
        height: auto;
        width: 100%;
        position: relative;
    }
    
    .newest .col-lg-3 img{
        width:100%;
    }
    
    .footer > .container .col-md-4.col-sm-12{
        padding-top: 3rem;       
    }
    
    #productsGrid hr.d-sm-none{
        display:none;    
    }
    
    #productsGrid .card-body-hidden{
        visibility:visible;
        opacity:1;
        position:relative;
        margin-top:0 px;
        padding-bottom:0px;           
    }
    
    #form-checkout{
        margin-top:var(--bs-gutter-x, 0.9375rem);
    }
    
    .checkout aside{
        margin-bottom:var(--bs-gutter-x, 0.9375rem);
    }
}