:root{
	--primary-color: #ea3c53;
	--primary-font: cairo, sans-serif;
	--secondary-font: tajawal, sans-serif;
}
*{
    letter-spacing: 0 !important;
    direction: rtl;
}

/*======================================
 Banner Layout two Style
 =====================================*/

 .header-layout-two .site-branding.has-logo-text .custom-logo-link {
    float: right;
   
}

.header-layout-two .site-branding.has-logo-text .site-title-wrap {
    text-align: right;
}


.header-layout-two .main-navigation {
    float: right;
}

.header-layout-two .tools {
    float: left;
}


.banner-layout-two .item:after {
    position: absolute;
    top: 0;
    right: 0;
}

.banner-layout-two .text-holder {
    position: absolute;
    bottom: 0;
    right: 50%;
    z-index: 1;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    transform: translateX(50%);
   
}

.banner-layout-two .text-holder .category a,
.banner-layout-two .text-holder .category span {
    margin-left: 5px;
  
}

/*==========================
BREADCRUMB STYLE
===========================*/


#crumbs a{
    
    margin-right: 10px;
    
}

#crumbs .separator{
    margin-right: 10px;
}
.fa-angle-right{
  
	transform: rotate(180deg);

}
svg .svg-inline--fa {
   
    transform: rotate(180deg);

}

/**SINGLE NAVIGATION **/
.single .navigation .nav-previous {
    float: right;
   
}
.single .navigation .nav-next {
    float: left;
    
}

.single #primary .post .holder .meta-info .entry-meta .byline:after {
    position: absolute;
    top: 100%;
    right: 0;
    
}


.widget_recent_entries ul li:before, .widget_recent_comments ul li:before {
    position: absolute;
    top: 0;
    right: 0;
}
.widget_recent_comments ul li {
    position: relative;
    padding-right: 52px;
}
.widget .widget-title:after {
   
    position: absolute;
    top: 100%;
    right: 0;
    
}

.blog #primary .post .entry-footer .edit-link {
   
    float: left;
    
}


.home.hassidebar #secondary {
    width: 30%;
    padding: 0 0 0 30px;
    
}
/**footer**/
.site-footer .footer-b .footer-nav {
    justify-content: flex-start;
}
.site-footer .footer-b .footer-nav ul li {
    float: right;
    margin-right: 23px;
    margin-left: 0;
}

@media only screen and (max-width: 1024px){
    .mobile-menu-wrap {
       
        right: 0;
        
    }
   
    .mobile-menu-wrap .btn-close-menu {
        position: absolute;
        top: 30px;
        left: 15px;
        
    }
}