/*FONTS DECLARATION*/
/*
    Google : Montserrat, Open Sans,

*/

/*COLOR*/
/*
    ORANGE : FFAA50
    GREEN : 2B8E53
    DARK GREY : 565656
    LIGHT GREY : EFEFEF

    text : #404248
    strong text : 333333 - LINK ACTIVE
*/

/*HELPER*/
.m-b-0{
    margin-bottom:0 !important;
}
.m-t-0{
    margin-bottom:0 !important;
}

/*GENERAL*/
*{

}
body, h5,h6{
    /*font-family: "Cooper Light", sans-serif;*/
}
h1,h2,h3,h4{

    /*font-family: "Cooper Light", sans-serif;*/
}
html body.woocommerce,
html body.single-post{
    background-image : url('https://sultan.dev.mostar.co.id/wp-content/uploads/2021/09/wildtextures-leather-Campo-petroleum.jpg');
    background-size : cover;
    background-repeat: repeat-y;
}


/*HEADER*/
#page .site-header::before{
    box-shadow: none;
    -webkit-box-shadow: none;
}
#page .nav-butter {
    width: 18px;
    height: 18px;
}
#page .nav-butter span:nth-child(1){
    top:2px;
}
#page .nav-butter.active span:nth-child(1){
    top:8px;
}
#page .nav-butter span:nth-child(2){
    top:8px;
}
#page .header-search-button i{
    font-size: 18px;
}
#page .search-popup .close{
    top:150px;
    right:40px;
}


/*PAGE - HOME*/
body .split-screen .navigation-block .prev, .split-screen .navigation-block .next{
    font-size: 12px;
}
body .split-screen .navigation-block .pagination {
    font-size: 17px;
    color: #fff;
}
body .banner-navigation .dots .owl-dot.active::before,
body .split-screen .navigation-block .pagination span.current{
    color:#feb406;
}

/*PAGE - HOME MOBILE*/
body .services-carousel .item .img{
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}


/*PAGE - COLLECTION*/
body .product-carousel button.owl-next span,
body .product-carousel button.owl-prev span{
    opacity: 0.6;
}
body #page .product-carousel-item .image{
    width:75%;
    left:50%;
    -webkit-transform: translateX(-50%) translateY(-80%);
    -ms-transform: translateX(-50%) translateY(-80%);
    transform: translateX(-50%) translateY(-80%);
}
body #page .product-carousel-item .bottom .price-block.grouped,
body #page .product-carousel-item .bottom .price-block.variable,
body #page .product-carousel-item .bottom .price-block{
    font-size:16px ;
}
body #page .product-carousel-item .bottom .h{
    opacity: 1;
    font-size: 24px;
}
body #page .product-carousel-item .bottom .h:hover{
    text-decoration: underline;
}
body #page .product-carousel-item .bottom .add-to-cart-button{
    /*disable cart*/
    display: none !important;
}

/*FOOTER*/
footer.site-footer .col .contact-row{
    margin-bottom:15px;
}
footer.site-footer .col .fab{
    font-size:23px;
    margin-right:10px;
}

/**************************************MEDIA QUERIES**************************************/
@media only screen and (max-width: 767.98px){
    body .wws-popup__open-btn{
        height: 80px !important;
        width: 80px !important;
    }

}

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

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

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

}

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

}