/*

	 Uix Page Builder (RTL)
	 Plugin URI: https://uiux.cc/wp-plugins/uix-page-builder/
	 Author: UIUX Lab
	 Author URI: https://uiux.cc
	 License: GPLv2 or later

	
	
	TABLE OF CONTENTS
	---------------------------
	
	1. Basic 
    2. Section Styles    
    3. Author Card     
    4. Accordion   
    5. Tabs 
    6. Progress Bar   
    7. Blog Posts List   
    8. Features 
    9. Pricing   
    10. Buttons
    11. Testimonials Carousel  
    12. Client     
    13. Gallery list (Team)  
    14. Card list  (Team)      
    15. Portfolio  
    16. Contact Form 7    
    17. Sidebar
    18. Custom Menu
    19. Image Slider
    20. Custom Hybrid Content Slider 


*/


/* ====================================================== 
   1. Basic                               
/* ====================================================== */

.uix-pb-row .uix-pb-col-1, 
.uix-pb-row .uix-pb-col-2, 
.uix-pb-row .uix-pb-col-3, 
.uix-pb-row .uix-pb-col-4, 
.uix-pb-row .uix-pb-col-5, 
.uix-pb-row .uix-pb-col-6, 
.uix-pb-row .uix-pb-col-7, 
.uix-pb-row .uix-pb-col-8, 
.uix-pb-row .uix-pb-col-9, 
.uix-pb-row .uix-pb-col-10, 
.uix-pb-row .uix-pb-col-11, 
.uix-pb-row .uix-pb-col-12 {
    float: right;
}

.uix-pb-tl {
    text-align: right;
}

.uix-pb-tr {
    text-align: left;
}



/* ====================================================== 
   2. Section Styles                               
/* ====================================================== */

.uix-page-builder-section blockquote {
	border-left-width: 1px;
    border-right-width: 5px;
    border-left-color: #F8F8F8;
	border-right-color: #333;
}

.uix-page-builder-section blockquote:before {
	margin-right: auto;
    margin-left: 0.25em;
	
}


/* ====================================================== 
   3. Author Card                                
/* ====================================================== */


.uix-pb-authorcard-top .uix-pb-authorcard-text {
    padding-left: auto;
	padding-right: 1em;
    float: right;
}


.uix-pb-authorcard-top .uix-pb-authorcard-pic {
    float: left;
}

.uix-pb-authorcard-middle {
    padding: 2em 1em 0 2em;
}

.uix-pb-authorcard-middle:after {
    left: auto;
	right: 2em;
}

.uix-pb-authorcard-middle p {
    padding: 0 2em 0 1em;
}


.uix-pb-authorcard-final .uix-pb-authorcard-text {
    margin-left: auto;
	margin-right: .5em;
}	

/* ====================================================== 
   4. Accordion                              
/* ====================================================== */

.uix-pb-accordion .uix-pb-spoiler .uix-pb-spoiler-icon,
.uix-pb-accordion .uix-pb-spoiler .uix-pb-spoiler-closedicon {
    padding: 1px 0 0 10px;
}




/* ====================================================== 
   5. Tabs                              
/* ====================================================== */

.uix-pb-tabs .uix-pb-tabs-title li {
    margin-left: auto;
    margin-right: -1px;
    float: right;
}

.uix-pb-tabs .uix-pb-tabs-title li:first-child {
    margin-right: 0;
}
		
	
/* Vertical tabs */
.uix-pb-tabs.uix-pb-tabs-vertical .uix-pb-tabs-title {
    float: right;
}

.uix-pb-tabs.uix-pb-tabs-vertical .uix-pb-spoiler-group {
    float: right;
}

.uix-pb-tabs.uix-pb-tabs-vertical .uix-pb-tabs-title li {
    border-left: 1px solid #DFDFDF;
    border-right: none;
}

.uix-pb-tabs.uix-pb-tabs-vertical .uix-pb-tabs-title li.active {
    border-right-color: #DFDFDF;
	border-left-color: #333;
}
		
	

/* ----------  */


@media (max-width: 768px) {
 
    .uix-pb-tabs.uix-pb-tabs-vertical .uix-pb-tabs-title li {
        border-left: none;
    }
}	


  
/* ====================================================== 
   6. Progress Bar                     
/* ====================================================== */

.uix-pb-bar-box .uix-pb-bar-desc {
    padding-left: auto;
	padding-right: .3em;
    
}


.uix-pb-bar-box .uix-pb-bar .uix-pb-bar-percent {
    left: auto;
	right: 0;
}
		
	
/* square */

.uix-pb-bar-box.uix-pb-bar-box-square > div {
    text-align: right;
}

.uix-pb-bar-box.uix-pb-bar-box-square .uix-pb-bar .uix-pb-bar-text {
    right: auto;
	left: 0;
}

/* ====================================================== 
   7. Blog Posts List         
/* ====================================================== */

.uix-pb-blog-posts-grid li {
    float: right;
}

.uix-pb-blog-posts-grid .grid-item figure {
    margin-right: auto;
	margin-left: 30px;
}

@media all and (max-width: 768px) {
    .uix-pb-blog-posts-grid .grid-item figure {
         margin-left: 0;
    }
}

.uix-pb-blog-posts-grid .grid-item .post-date {
	right: auto;
	left: 20px;
}

/* ====================================================== 
   8. Features                              
/* ====================================================== */


.uix-pb-feature-icon-side i {
    margin-right: auto;
	margin-left: .4em;
}

	
/* ====================================================== 
   9. Pricing                              
/* ====================================================== */


.uix-pb-price ul,
	.uix-pb-price ol {
	padding-left: auto !important;
	padding-right: 40px !important;
}

.uix-pb-price-period {
    padding-left: auto;
	padding-right: .2em;
}

.uix-pb-price-detail {
    text-align: right;
}


/* -----------Style 2  -------------- */
.uix-pb-price2 ul,
	.uix-pb-price2 ol {
	 padding-left: auto !important;
     padding-right: 20px !important;
}

.uix-pb-price2 li:before {
    margin-right: auto;
	margin-left: .5em;
    
}

.uix-pb-price2-period:before {
    padding-right: auto;
	padding-left: .2em;
}

.uix-pb-price2-detail {
    text-align: right;
}

/**
 *  10. Buttons
 * ----------------------------------------------------------------------------
 */
 
.uix-pb-btn {
    margin: 1em 0 .7em 1em;	
}

.uix-pb-btn .fa {
    margin: 0 0 0 .4em;
}


/* ====================================================== 
   11. Testimonials Carousel                           
/* ====================================================== */
.uix-pb-testimonials .uix-pb-testimonials-signature {
    text-align: left;
}

.uix-pb-testimonials .uix-pb-testimonials-signature {
    background: url('data:image/png;base64, ') no-repeat scroll 20px top transparent;
}

.uix-pb-testimonials .uix-pb-testimonials-signature img.uix-pb-testimonials-avatar {
    float: left;
    margin: .6em 1em 1em 1em;
}

.uix-pb-testimonials .uix-pb-testimonials-signature .uix-pb-testimonials-no-avatar {
    float: left;
}

.uix-pb-testimonials .uix-pb-testimonials-signature strong.uix-pb-testimonials-pure-text {
    padding-left: auto;
    padding-right: auto;
	padding: 0 !important;
}
	


/* ====================================================== 
   12. Client                           
/* ====================================================== */

.uix-pb-client-li {
    float: right;
}

/* ====================================================== 
   13. Gallery list (Team)                              
/* ====================================================== */

.uix-pb-gallery {
    margin: 0 -2.5em 0 0;
}

.uix-pb-gallery .uix-pb-gallery-list {
    margin: 1.5em 02.5em .5em 0;
    float: right;
}

.uix-pb-gallery-list .uix-pb-gallery-list-position {
    right: auto;
	left: 0;
}

@media screen and (max-width: 1280px) {
	
    .uix-pb-gallery {
        margin: -1.25em -1.25em 0 0;
    }

    .uix-pb-gallery .uix-pb-gallery-list-col4 {
        margin: 1.25em 1.25em 0 0;
    }

    .uix-pb-gallery .uix-pb-gallery-list-col3 {
        margin: 1.25em 1.25em 0 0;
    }

    .uix-pb-gallery .uix-pb-gallery-list-col2 {
       margin: 1.25em 1.25em 0 0;
    }
}

@media screen and (max-width: 980px) {

    .uix-pb-gallery {
        margin: -2.5em -2.5em 0 0;
    }

    .uix-pb-gallery .uix-pb-gallery-list-col4,
	.uix-pb-gallery .uix-pb-gallery-list-col3,
	.uix-pb-gallery .uix-pb-gallery-list-col2 {
        margin: 2.5em 2.5em 0 0;
    }
}

@media screen and (max-width: 736px) {

    .uix-pb-gallery {
        margin: -1.25em -1.25em 0 0;
    }

    .uix-pb-gallery .uix-pb-gallery-list-col4,
	.uix-pb-gallery .uix-pb-gallery-list-col3,
	.uix-pb-gallery .uix-pb-gallery-list-col2 {
        margin: 1.25em 1.25em 0 0;
    }
}


/* ====================================================== 
   14. Card list  (Team)                         
/* ====================================================== */
.uix-pb-card-item-body {
    padding-left: auto;
	padding-right: 2em;
}

.uix-pb-card-item-left {
    padding-right: auto;
	 padding-left: 10px;
}

.uix-pb-card-item-list {
	padding-left: auto;
    padding-right: 0;
}


.uix-pb-card-item-social em {
    padding-right: auto;
	padding-left: 10px;
}



/* ----------  */


@media (max-width: 768px) {
 
    .uix-pb-card-item-body {
		padding-right: 0;
    }
}


/* ====================================================== 
   15. Portfolio                               
/* ====================================================== */

.uix-pb-portfolio-tiles {
    margin: 0 -2.5em 0 0;
}

.uix-pb-portfolio-tiles .uix-pb-portfolio-item {
    margin: 1.5em 2.5em .5em 0;
    float: right;
}



.uix-pb-portfolio-tiles .uix-pb-portfolio-item .uix-pb-portfolio-content {
    left: auto;
	right: 0;
}

.uix-pb-portfolio-tiles .uix-pb-portfolio-item .uix-pb-portfolio-content a.uix-pb-portfolio-link {
    left: auto;
	right: 0;
    
}


@media screen and (max-width: 1280px) {
	
    .uix-pb-portfolio-tiles {
        margin: -1.25em -1.25em 0 0;
    }

    .uix-pb-portfolio-tiles.uix-pb-portfolio-col4 .uix-pb-portfolio-item {
        margin: 1.25em 1.25em 0 0;
    }

    .uix-pb-portfolio-tiles.uix-pb-portfolio-col3 .uix-pb-portfolio-item {
        margin: 1.25em 1.25em 0 0;
    }

    .uix-pb-portfolio-tiles.uix-pb-portfolio-col2 .uix-pb-portfolio-item {
        margin: 1.25em 1.25em 0 0;
    }
}

@media screen and (max-width: 980px) {

    .uix-pb-portfolio-tiles {
        margin: -2.5em -2.5em 0 0;
    }

    .uix-pb-portfolio-tiles.uix-pb-portfolio-col4 .uix-pb-portfolio-item,
	.uix-pb-portfolio-tiles.uix-pb-portfolio-col3 .uix-pb-portfolio-item,
	.uix-pb-portfolio-tiles.uix-pb-portfolio-col2 .uix-pb-portfolio-item {
        margin: 2.5em 2.5em 0 0;
    }
}

@media screen and (max-width: 736px) {

    .uix-pb-portfolio-tiles {
        margin: -1.25em -1.25em 0 0;
    }

    .uix-pb-portfolio-tiles.uix-pb-portfolio-col4 .uix-pb-portfolio-item,
	.uix-pb-portfolio-tiles.uix-pb-portfolio-col3 .uix-pb-portfolio-item,
	.uix-pb-portfolio-tiles.uix-pb-portfolio-col2 .uix-pb-portfolio-item {
        margin: 1.25em 1.25em 0 0;
    }
}



/*-- Categories --*/ 
.uix-pb-portfolio-cat-list li {
    margin-right: auto;
	margin-left: 20px;
}


/* ====================================================== 
   16. Contact Form 7         
/* ====================================================== */
.uix-page-builder-section .wpcf7-form .wpcf7-submit {
    margin: 1em 0 .7em 1em;
}


/* ====================================================== 
   17. Sidebar
/* ====================================================== */

.uix-pb-row > div:nth-child(2) .uix-pb-sidebar-container {
	padding-left: auto;
	padding-right: 2.5em;
}

.uix-pb-row > div:nth-child(1) .uix-pb-sidebar-container {
	padding-right: auto;
	padding-left: 2.5em;
}


@media all and (max-width: 768px) {
	
	.uix-pb-sidebar-container {
		padding-right: 0;
	}
		
	
}

.uix-pb-sidebar-container .widget-title:after {
	margin-left: auto;
	margin-right: .5em;
}


/* ====================================================== 
   18. Custom Menu
/* ====================================================== */

/*-------------Search Icon -----------------*/
.uix-pb-search-icon {
    right: auto;
	left: 0;
}



/*-------------Fixed Menu -----------------*/

ul.uix-pb-menu-fixed {
    left: auto;
	right: 0;
}


ul.uix-pb-menu-fixed > li {
    float: right;
    border-right: none;
	border-left: 1px solid #c6d0da;
}

ul.uix-pb-menu-fixed > li.uix-pb-menu-search {
	float: left;
	border-left: none;
}



@media all and (max-width: 768px) {
	
	ul.uix-pb-menu-fixed > li {
		text-align: right;
		border-left: none;	
	}	
}


ul.uix-pb-menu-fixed ul ul {
    left: auto;
	right: 100%;
}


@media all and (max-width: 768px) {
	

	ul.uix-pb-menu-fixed ul {
		padding-left: auto;
		padding-right: .5em;
	}

	ul.uix-pb-menu-fixed ul ul {
		right: auto;
		
	}
	

}

/* Mobile trigger */
ul.uix-pb-menu-fixed > li.uix-pb-menu-mobile-icon a {
	padding-right: auto;
	padding-left: .5em;
}


/*-------------Embedded Menu -----------------*/


ul.uix-pb-menu-embedded {
    left: auto;
	right: 0;
}



ul.uix-pb-menu-embedded > li {
    float: right;
    border-right: none;
	border-left: 1px solid #c6d0da;
}

ul.uix-pb-menu-embedded > li.uix-pb-menu-search {
	float: left;
	border-left: none;
}



@media all and (max-width: 768px) {
	
	ul.uix-pb-menu-embedded > li {
		text-align: right;
		border-left: none;	
	}	
}


ul.uix-pb-menu-embedded ul ul {
    left: auto;
	right: 100%;
}


@media all and (max-width: 768px) {
	

	ul.uix-pb-menu-embedded ul {
		padding-left: auto;
		padding-right: .5em;
	}

	ul.uix-pb-menu-embedded ul ul {
		right: auto;
		
	}
	

}

/* Mobile trigger */
ul.uix-pb-menu-embedded > li.uix-pb-menu-mobile-icon a {
	padding-right: auto;
	padding-left: .5em;
}




/* ====================================================== 
   19. Image Slider                
/* ====================================================== */

/*

	
	TABLE OF CONTENTS (RTL)
	---------------------------
	
     1. Initialize the slider style
     2. Pagination dots
     3. Next/Prev buttons

*/
/*
 ---------------------------
 1. Initialize the slider style
 ---------------------------
 */
.rtl .uix-pb-slideshow .uix-pb-slideshow__inner .uix-pb-slideshow__item {
    left: auto;
    right: 0;
}

/*
 ---------------------------
 2. Pagination dots
 ---------------------------
 */
.rtl .uix-pb-slideshow__pagination ul {
    left: auto;
    right: 0;
}

/*
 ---------------------------
 3. Next/Prev buttons
 ---------------------------
 */
.rtl .uix-pb-slideshow__arrows .uix-pb-slideshow__arrows--prev {
    left: auto;
    right: 15px;
	transform: rotate(180deg);
}

.rtl .uix-pb-slideshow__arrows .uix-pb-slideshow__arrows--next {
    right: auto;
    left: 15px;
    text-align: left;
	transform: rotate(180deg);
}



/* ====================================================== 
   20. Custom Hybrid Content Slider      
/* ====================================================== */


.uix-pb-hybridcontent-slider__controls .uix-pb-hybridcontent-slider__controls--prev {
    padding-left: auto;
	padding-right: 2px;
	float: right;
	transform: rotate(180deg);
}

.uix-pb-hybridcontent-slider__controls .uix-pb-hybridcontent-slider__controls--next {
    padding-right: auto;
	padding-left: 2px;
	float: left;
	transform: rotate(180deg);
}



