/*!
Theme Name:  Satriadev WA Order V3
Theme URI: https://bulbandigital.com/
Author: Satriadev.com
Author URI: https://satriadev.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4 
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: satriadev
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

:root {
    --stdContainerWidth: 1170px;
    --stdBorderColor: #dee2e6;
    --fontFamilyOne : "Plus Jakarta Sans", sans-serif;
    --stdColorDark: #222;
    --stdColorGray: #888;
    --stdColorWhite: #ffffff;
    --stdColorLight: #f7f7f7;
    --stdColorRed: #9B3C3C;


    --primary:#0d6efd;
    --primaryold:#0b5ed7;
    --secondary:#6c757d;
    --secondaryold:#5c636a;
    --success:#198754;
    --successold:#157347;
    --danger:#dc3545;
    --dangerold:#bb2d3b;
    --warning:#ffc107;
    --warningold:#ffca2c;
    --info:#0dcaf0;
    --infoold:#31d2f2;

    --stdprimary:#0d6efd;
    --stdprimaryold:#0b5ed7;
    --stdsecondary:#6c757d;
    --stdsecondaryold:#5c636a;
    --stdsuccess:#198754;
    --stdsuccessold:#157347;
    --stddanger:#dc3545;
    --stddangerold:#bb2d3b;
    --stdwarning:#ffc107;
    --stdwarningold:#ffca2c;
    --stdinfo:#0dcaf0;
    --stdinfoold:#31d2f2;
}


.btn-info {
    background-color: var(--stdinfo);
    border-color: var(--stdinfo);
}
.btn-info:hover {
    background-color: var(--stdinfoold);
    border-color: var(--stdinfoold);
}


::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{ background-color:#888; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }::-webkit-scrollbar-thumb:hover{background-color:#dee2e6}

.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}


a {
    text-decoration: none;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}


.breadcrumbs, 
.breadcrumbs a {
    font-size: 14px;
}


/* Chrome, Safari, Edge, Opera */
.input-quantity input::-webkit-outer-spin-button,
.input-quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.input-quantity input[type=number] {
    -moz-appearance: textfield;
}

.onsale {
    font-weight: 600;
    /* height: 50px;
    width: 50px; */
}



.blog-thumbnail,
.mini-product-thumbnail,
.single-product-thumbnail,
.product-thumbnail {
    position: relative;
    display: block;
    margin: 0;
    height: 0;
    overflow: hidden;
    background: #ffffff;
    width: 100%;
}

.blog-thumbnail img,
.mini-product-thumbnail img,
.single-product-thumbnail img,
.product-thumbnail img {
    position: absolute;
    inset: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}


.single-product-thumbnail,
.product-thumbnail {
    padding-bottom: 150%;
}

.blog-thumbnail {
    padding-bottom: 60%;
    background-color: #f1f1f1;
}
/* .mini-product-thumbnail {
    padding-bottom: 100px;
} */


.product-title a {
    color: #222;
}



#to-top-btn {
    z-index: 1;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    bottom: -80px;
    right: 30px;
    padding: 0;
    transition: all ease 0.3s;
}
#to-top-btn.to-top {
    bottom: 80px;
    transition: all ease 0.3s;
}



footer .widget {
    margin-bottom: 24px;
}