@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');

.body-bg{background-color: #F4FCFF}
.bg-white{background-color: #fff}
.bg-ash{background-color: #dbe6e9}
.bg-merryblue{background: #20C2F3 !important}
.bg-lightblue{background: #E6F9FF !important}
.bg-merryblue-dark{background-color: #0f4578 !important}
.bg-merryblue-medium{background-color: #0f4578 !important}
.bg-merryblue-light{background-color: #F4FCFF !important}
.bg-merrygreen{background-color: #00b840 !important}
.bg-merryyellow{background-color: #ffcc00 !important}
.bg-green{background-color: #76BD22 !important}
.bg-merryorange{background-color: #f95300 !important}
.bg-fb{background-color: #4788f2 !important; border-color:#4788f2 !important; }
.bg-google{background-color: #d94d43 !important; border-color:#d94d43 !important; }
.txt-green{color: #00b840 !important;}
.txt-orange{color: #FB501E !important;}
.txt-red{color: #EA000E !important;}
.txt-blue{color: #014aa2 !important;}
.txt-merryblue{color: #1dafed !important}
.ft-roboto{font-family: 'Poppins', 'Helvetica Neue', 'Avenir', sans-serif !important;}

h1, h2{font-weight: 800;}
h3{font-weight: 600 !important;}
h4, h5, h6{font-weight:600 !important;}
.rounded-med{border-radius:15px !important;}
.border-merryblue{border-color: #20C2F3 !important;}
.border-merrygreen{border-color: #00b840 !important;}

.topbar i{color: #0f4578 !important}
.topbar-text.emp{color: #fff !important }
a.nav-link.txt-orange:hover, a.nav-link.txt-red:hover{color: #76BD22 !important} 
.cat-drop{width: 100%; height: 70px;  }
.cat-drop .btn-group{margin-top: 0px !important; border-radius: 15px !important;padding: 5px 2px;
   }
.widget-list-link{font-size: 1.15rem !important;}
.dropdown-item{font-size: 1.15rem !important;}

.btn-primary, .btn-success{background-color: #00b840 !important; border-color: #00b840 !important;}
.btn-primary:hover, .btn-success:hover{background-color: #20C2F3 !important; border-color: #20C2F3 !important;}
.btn.active{background-color: #76BD22 !important; border-color: #76BD22 !important}
.product-price{color: #000 !important; font-size: 1.25rem !important; font-weight: 700 !important; margin-top: 0px !important}

.cat-title {
  margin-bottom: 1.125rem;
  font-size: 2rem;
  font-weight: 500;}

 .hero-slide-home{max-height: 300px; border-radius: 20px}
 .hero-slide-home img{border-radius: 20px}

.text-divider-center{margin: 2em 0; line-height: 0; text-align: center;}
.text-divider-left{margin: 2em 0; line-height: 0; text-align: left;}
.text-divider-center span, .text-divider-left span{background-color: #fff; padding: 10px 25px; }
.text-divider-center:before, .text-divider-left:before{ content: " "; display: block; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #f7f7f7;}

.modal-backdrop{opacity:0.9 !important; background: #021a32 !important}

.handheld-toolbar{border-top: 0px solid #fff !important; box-shadow: 1.25rem 0 2rem 0 rgb(43 52 69 / 0%) !important;}
.handheld-toolbar-item{border:0 !important;}

input{font-family: "Quicksand", sans-serif !important;}

 /* ---- admin ----- */
.box-white{background-color: #fff;}
.table-label{background-color: #fff; padding: 5px 20px; border-radius: 10px 10px 0px 0px; border-top: 0px solid #e5eaf0; font-weight: 600 !important;}
table{font-family:  'Poppins', sans-serif; font-weight: 600 !important;}

ul.admin-list-style-1{list-style: none; margin: 0px !important; list-style-position: inside;}
ul.admin-list-style-1 li{border-bottom: 1px solid #ccc; padding: 15px 8px; margin-left: -20px;}
ul.admin-list-style-1 li a{color: #000; font-family:  'Roboto', sans-serif !important; }


.img-prod-container{width:730px; height: 200px; object-fit: scale-down; }

.icon-shape {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}

.icon-sm {
    width: 2rem;
    height: 2rem;
    
}
.card-img-top img{max-height: 120px;}

.increment{
 
  min-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius:4px;
}
.increment span{
  width: 100%;
  text-align: center;
  font-weight: 600;
  color: #76BD22;
  cursor: pointer;
  user-select: none;
  border-radius:4px;
  padding: 0px 12px !important;
  
}
span.num{
  font-size: 18px;
  color:#76BD22 ;
  pointer-events: none;

}

img.prod-img-thumb{
  width: 100%;height:100px !important;object-fit: contain; 
}
.truncate-2lines{
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.prod-grid-truncate{
  overflow:hidden !important;
  max-height: 6rem;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  line-clamp:3;
}



.prod-thumb-h{min-height: 155px; overflow: hidden; margin-bottom: 5px}

 @media only screen and (min-width: 768px) {

.cat-drop{width: 100%; height: 150px; border-radius: 6px; margin-top: 15px;}
.cat-drop .btn-group{margin-top: 30px !important}
 .hero-slide-home{max-height: 550px; }
 .product-price{color: #000 !important; font-size: 1.25rem !important; font-weight: 700 !important; margin-top: 4px !important}

 .widget-list-link{font-size: 1rem !important;}

.img-prod-container{width:730px; height: 500px; object-fit: scale-down; }
.card-img-top img{max-height: 220px;}

img.prod-img-thumb{
  width: 100%;height:150px !important;object-fit: contain; 
}

.truncate-2lines{
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2; 
   -webkit-box-orient: vertical;
  
}

.prod-grid-truncate{
  overflow:hidden;
  max-height: 6rem;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;

}

.prod-thumb-h{min-height: 150px; overflow: hidden; margin-bottom: 5px}

}