/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2018 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
*/

@import 'bs4-rtl';

body.rtl {
	text-align: right;
	
	.sp-scroll-up {
		right: auto;
		left: 30px;
	}
	
	.article-details {
		.link-edit-article {
			right: auto;
			left: 0;
		}
	}
	
	// Menu
	.sp-megamenu-parent {
		float: left;
		>li {
			
			&.sp-has-child>a:before,
			&.sp-has-child>span:before{
				font-family: "FontAwesome";
				content: "\f107";
				float: left;
				margin-right: 7px;
			}
			
			.sp-menu-badge {		
				&.sp-menu-badge-right {
					margin-right: 7px;
				}
				
				&.sp-menu-badge-left {
					margin-left: 7px;
				}
			}
		}
		
		.sp-dropdown {
			.sp-dropdown-items{		
				.sp-has-child>a:after{
					font-family: "FontAwesome";
					content: "\f104";
					float: left;
					margin-right: 7px;
				}
			}
			
			&.sp-menu-center{
				margin-right: 45px;
			}
			
			&.sp-dropdown-main {
				&.sp-menu-right {
					right: 0;
				}
				
				&.sp-menu-full {
					right: auto;
					left: 0;
				}
				
				&.sp-menu-left {
					left: 0;
				}
			}
			
			&.sp-dropdown-sub {
				right: 100%;
			}
		}
	}
	
	#offcanvas-toggler {        
		&.offcanvas-toggler-right {
			float: left;
			margin-right: 20px;
		}
		
		&.offcanvas-toggler-left {
			float: right;
			margin-left: 20px;
		}
	}
	
	&.offcanvs-position-left{
		.body-wrapper{
			right: 0;
		}
		
		.offcanvas-menu {
			right: -$offcanvas_width;
		}
		
		&.offcanvas-active {
			.offcanvas-menu {
				right: 0;
			}
			.body-wrapper{
				right: $offcanvas_width;
			}
		}
	}
	
	&.offcanvs-position-right{
		.body-wrapper{
			left: 0;
		}
		
		.offcanvas-menu {
			left: -$offcanvas_width;
		}
		
		&.offcanvas-active {
			.offcanvas-menu {
				left: 0;
			}
			
			.body-wrapper{
				left: $offcanvas_width;
			}
		}
	}
	
	.close-offcanvas {
		left: 15px;
	}
	
	.offcanvas-menu {
		.offcanvas-inner {
			.sp-module {
				
				ul {
					> li {
						&.menu-parent {
							>a,
							>.menu-separator {
								>.menu-toggler {
									left: 0;
								}
							}
						}
						
						ul {
							margin-right: 10px;
						}
					}
				}
			}
		}
	}


	/***********************************************************************************************/
	/************************************  Shaper Wayne Corp  *************************************/
	/*********************************************************************************************/

	//Global
	.sppb-text-left {
		text-align: right;
	}
	.sppb-fullwidth-slider,
	.owl-carousel {
		direction: ltr;
	}
	.form-check {
		padding-left: 0;
		padding-right: 1.25rem;
	}
	#login .modal-content .modal-body .remeber-forget-wrap #modlgn-remember {
		margin-right: 0;
		margin-left: 10px;
	}
	.sp-custom-login-on .form-login-wrap {
		right: inherit;
		left: -5px;
	}
	.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button i.fa {
		margin-right: 0;
		margin-left: 10px;
	}
	.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button {
		padding-left: 0;
		padding-right: 30px;
	}
	.sp-custom-login-on .icons-wrap .user-icon {
		margin-right: 0;
		margin-left: 15px;
	}
	.sppb-btn-rounded .fa-long-arrow-right:before {
		content: "\f177";
	}
	.fa-long-arrow-left:before {
		content: "\f178";
	}
	.fa-long-arrow-right:before {
		content: "\f177";
	}
	.sppb-text-right {
		text-align: left;
	}
	.sppb-media>.pull-left {
		margin-right: 0;
		margin-left: 15px;
	}
	.pull-left {
		float: right!important;
	}
	.sppb-progress-label>span {
		float: left;
	}
	.sppb-nav-tabs>li {
		float: right;
	}
	.sppb-text-left {
		text-align: right;
	}
	//Global

	#sp-top-bar #sp-top2 {
		text-align: left;
	}
	#sp-header #sp-menu2 .sp-megamenu-parent {
		float: right;
	}
	.sp-megamenu-parent .sp-dropdown li.active a:before, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:before {
		left: inherit;
		right: 0;
	}
	.sppb-addon-animated-number > .sppb-addon-content .sppb-animated-number-title {
		margin-left: 0;
		margin-right: 16px;
	}
	.sppb-testimonial-pro .sp-testimonial-wrap-content {
		padding-left: 0;
		padding-right: 40px;
	}
	.sppb-testimonial-pro .sppb-carousel-control {
		position: relative;
		right: 25%;
	}
	.sppb-addon-optin-forms form.sppb-optin-form.submit-button-inside .button-wrap {
		right: inherit;
		left: 5px;
	}
	.sppb-nav-tabs > li > a {
		margin-right: 0;
		margin-left: 40px;
	}
	#sp-left .search form:after,
	#sp-right .search form:after,
	.article-body-right .search form:after {
		right: inherit;
		left: 15px;
	}
	#sp-left .must-read .latestnewsmust-read > div .article-list-img,
	#sp-right .must-read .latestnewsmust-read > div .article-list-img,
	.article-body-right .must-read .latestnewsmust-read > div .article-list-img {
		float: right;
		margin-right: 0;
		margin-left: 10px;
	}
	#sp-left .wayne-connect h3.sp-module-title,
	#sp-right .wayne-connect h3.sp-module-title,
	.article-body-right .wayne-connect h3.sp-module-title {
		padding-left: 0;
		padding-right: 30px;
	}
	#sp-left .wayne-connect .sp-page-builder .sppb-addon-icons-group ul li a i,
	#sp-right .wayne-connect .sp-page-builder .sppb-addon-icons-group ul li a i,
	.article-body-right .wayne-connect .sp-page-builder .sppb-addon-icons-group ul li a i {
		margin-right: 0;
		margin-left: 10px;
	}
	.article-info span.published {
		left: inherit;
		right: 40%;
	}
	#sp-main-body .container .col-lg-8 .article-details .article-body-wrap .article-body-content blockquote {
		border-left: 0;
		border-right: solid 1px $link_color;
		padding: 0 20px 0 0;
		margin-left: 0;
		margin-right: 20px;
	}
	.sppb-addon-case-study.lead-item .case-study-content {
		padding-right: 0;
		padding-left: 60px;
	}
	.career-details ul li:after {
		left: inherit;
		right: 0;
	}
	.career-details ul li {
		padding-left: 0;
		padding-right: 10px;
	}
	.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li {
		float: right;
	}
	.sp-simpleportfolio .sp-simpleportfolio-filter ul li a {
		margin-right: 0;
		margin-left: 50px;
	}
	.sppb-addon-person.sppb-text-left .sppb-person-information > span.sppb-person-email {
		right: inherit;
		left: 0;
	}
}