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

@font-face {
    font-family: 'SingleDay-Regular';
    src: url('/imam/assets/fonts/SingleDay-Regular.ttf');
}

@font-face {
    font-family: 'Corinthia-Regular';
    src: url('/imam/assets/fonts/Corinthia-Regular.ttf');
}

header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
    max-height: 200px;
}

:root {
    --grey-color: #8A8C8E;
    --light-grey-color: #F4F4F4;
    --primary-color: #002569;
    --secondary-color: #82839B;
    --black-color: #303030;
    --white-color: #FFFFFF;
}


.slider-vertical .cart {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    right: 95px;
    top: 125px;
}

.slider-vertical .cart .cart-icon {
    height: 32px;
    width: 32px;
    color: #fff;
}

.push-button > span{
    height: 1px!important;
    background: white!important;
}

.product-name {
    font-weight: bold;
    font-size: large;
    color: #364821;
}

.product-bpom{
    position: absolute;    
    right: 25px;
    bottom: 25px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    line-height: 11px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    padding: 5px 8px;
    border-radius: 2px;
}

.lica-white {
    color: #e9e3d2 !important;
}

.lica-white-bg {
    background-color: #e9e3d2 !important;
}

.lica-light {
    background-color: #e9e3d2 !important;
    color: #384823 !important;
}

.lica-green {
    color: #384823 !important;
    /* color: #E5262B !important; */
}

.lica-green-bg {
    background-color: #384823 !important;
}

.lica-dark {
    background-color: #676767 !important;
    /* background-color: #384823 !important; */
    /* background-color: #E5262B !important; */
    color: #e9e3d2 !important;
}

.lica-bg-pattern-green{
    /* background-color: #364821!important; */
    background-image: url('../media/image/background/background_pattern.jpg');
    background-size: cover;  
}

.lica-bg-pattern-white{
    /* background-color: #364821!important; */
    background-image: url('../media/image/background/background_pattern_white_2.jpg');
    background-size: cover;  
}

.lica-light-gradient{
    background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(233,227,210,0.3)) !important;
    color: #384823 !important;
}

/* Font */
.font-corinthia{
    font-family: 'Corinthia-Regular' !important;
}

.font-poppins{
    font-family: 'Poppins' !important;
}
/* Font */


/* FLoating Button */
    .label-container{
        position:fixed;
        bottom:48px;
        right:13%;
        display:table;
        z-index: 999;
        visibility: hidden;
    }

    .label-text{
        color:#FFF;
        background:rgba(51,51,51,0.5);
        display:table-cell;
        vertical-align:middle;
        padding:10px;
        border-radius:3px;
    }

    .label-arrow{
        display:table-cell;
        vertical-align:middle;
        color:#333;
        opacity:0.5;
    }

    .float{
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        right:10%;        
        border-radius:50px;
        text-align:center;
        z-index: 1000;
        box-shadow: 2px 2px 3px #384823;
    }

    a.float + div.label-container {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s ease;
    }

    a.float:hover + div.label-container{
        visibility: visible;
        opacity: 1;
    }
/* FLoating Button */

input[type='checkbox']{
    width: 14px !important;
    height: 14px !important;
    /* margin: 5px; */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    /* outline: 1px solid gray; */
    box-shadow: none;
    font-size: 0.8em;
    text-align: center;
    line-height: 1em;
    margin-top: 0.7rem;
    background: #384823;
  }
  
  input[type='checkbox']:checked:after {
    content: '✔';
    color: white;
    /* background: #384823; */
  }

  .curved-30 {
    border-radius: 15px !important;
}

.bg-light-grey-color {
    background-color: var(--light-grey-color);
}


@media (max-width: 1024px){
    .slider-vertical .cart {
        right: 73px;
        top: 50px;       
    }
}

@media (max-width: 991px){
    header .navbar .navbar-brand img, header.side-menu .logo img, header .sidebar-nav-menu .navbar-brand img {
        max-height: 48px;
    }

    .navbar.bg-transparent{
        /* background-color: #364821!important; */
        /* background-image: url('../media/image/background/paper-white-10.png'); */
        background-size: cover;  
    }

    .slider-vertical .cart {
        right: 68px;
        top: 50px;
        font-size: 16px;
        line-height: 22px;
    }

    
}

@media (max-width: 767px){
    .slider-vertical .cart { 
        top: 30px;       
    }
}


@media screen and (max-width: 575px){
    .slider-vertical .cart { 
        right: 17px;       
    }
}

.btn-primary {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: var(--white-color);
}