@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

body{
    font-family: "Rubik", sans-serif !important;  
    direction: ltr;
}

body.rtl{
    direction: rtl !important;
}


/* FA language*/
body.rtl .side-bar-button,
body.rtl .logo,
body.rtl .navigation,
body.rtl .search-button{
	float: right !important;
}

body.rtl .site-header .fr{
	float: left !important;
    
}

body.rtl .site-header .navigation,
body.rtl .site-header .navigation li,
body.rtl .site-header .search-button{
	float: right !important;
}

/* Global custom css - in both language*/
.site-header,
.logo,
.logo > a{
    height: 80px !important;
}

.side-bar-button{
    display: none !important;
}

.logo > a{
    object-fit: contain !important;
}

.navigation > ul > li > a span{
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
}

.filter-buttons span{
    font-size: 14px !important;
}

.nav_hover_style1 .filter-button-group button:after, .nav_hover_style1 .filter-button-group a:after{
    border-top: 0 !important;
    border-left: 0 !important;
    border-width: 2px !important;
}

.site-header .fr{
	float: left !important;
	width: calc(100% - 100px) !important;
}

.site-header .navigation{
    width: calc(100% - 100px) !important;
}

.site-header .woocommerce{
    display:none !important;
}

.liquiq-banner .prev,
.liquiq-banner .next{
    position: absolute !important;
    
}

.site-footer .row{
    justify-content: space-between;
}

.site-footer .row > div:first-child{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.butter-button{
    margin-top: 30px !important;
}

@media screen and (max-width: 1200px) {

    
    body.rtl .site-header .search-button{
        float: left !important;
    }
    
    body.rtl .site-header .navigation li{
        display: block;
        float: none !important;
    }
    
    body.rtl .navigation>ul>li>a{
        text-align: right !important;
    }
}