/*
Theme Name: FactoryPlus

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

http://codex.wordpress.org/Right_to_Left_Language_Support

*/
@import 'variables';

html {
	direction: rtl;
}

body {
  direction: rtl;
  unicode-bidi: embed;
}

/** End Bootstrap RTL **/

.clearfix() {
    zoom: 1;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }
}

.clearfix {
	zoom: 1;

	&:before,
	&:after {
		content: "";
		display: table;
	}

	&:after {
		clear: both;
	}
}

.single-left {
	.primary-sidebar {
		float: right;
	}

	.content-area {
		float: left;
	}

	&.post-type-archive-project,
	&.single-project {
		.content-area {
			float: none;
			width: 100%;
		}
	}
}

.single-right {
	.primary-sidebar {
		float: left;
	}

	.content-area {
		float: right;
	}

	&.post-type-archive-project,
	&.single-project {
		.content-area {
			float: none;
			width: 100%;
		}
	}
}

.single-service {
	.content-area {
		float: left;
	}

	.primary-sidebar {
		float: right;
	}
}

.main-nav  {

	ul {
		padding-right: 0;
	}

	ul.menu {
		padding-left: 0;

		& > li {
			&:last-child {
				padding-right: 35px;
			}

			&.extra-menu-item {
				padding-right: 0;
			}
		}

		ul {
			padding-right: 0;
			right: 20px;
			left: auto;
		}
	}

	li {
	    padding-right: 35px;
		li {
			text-align: right;
		    border-right: 3px solid #fac012;
		    border-left: 0;
		}
	}

	.extra-menu-item {
		float: left;
	}

	.menu-item-text p {
		padding-left: 0;
		padding-right: 20px;
	}

	.menu-item-cart {
		.cart_list {
			.remove {
				float: left;
			}

			a img {
				float: right;
				margin-right: 0;
				margin-left: 20px;
			}
		}

		.total {
			.amount {
				float: left;
			}

			strong {
				float: right;
			}

			.clearfix();
		}

		.widget_shopping_cart_content {
			right: auto;
			left: 0;
		}
	}
}

.site-logo {
	text-align: right;
}

.header-extra-text {
	float: left;

	.extra-item {
		float: left;
	}

	.item-text {
		a:first-child {
			padding-right: 0;
			padding-left: 10px;
		}

		a:last-child {
			padding-left: 0;
			padding-right: 15px;
		}
	}

	.item-search {
		.search-form {
			.search-submit {
				left: 0;
				right: auto;
			}

			.fa {
				left: 10px;
				right: auto;
			}
		}
	}
}

.header-v1,
.header-v2,
.header-v3,
.header-v9 {
	.site-logo {
		float: right;
	}

	.site-menu {
		float: left;
	}
}

.header-v4 {
	.topbar {
		.search-form {
			.search-submit {
				right: auto;
    			left: 0;
			}

			&:before {
				right: auto;
    			left: 20px;
			}
		}
	}

	.extra-text-right {
		text-align: right;
	}

	.extra-text-left {
		text-align: left;
	}

	.main-nav {
		padding-left: 0;
	}

	.site-logo {
		text-align: center;
	}
}

.header-v5 {
	.header-extra-text {
		float: left;

		a {
			float: left;
		}

		.item {
			padding-right: 0;
			padding-left: 30px;
		}
	}

	.site-logo {
		float: right;
	}

	.main-nav .menu-item-search {
		.fa {
			right: auto;
			left: 0;
		}
	}
}

.header-v7 {
	.extra-text-1 {
		padding-right: 0;
		padding-left: 70px;
	}
}

.header-v6,
.header-v7,
.header-v8 {
	.site-logo {
		float: right;
	}
}

.header-v7,
.header-v8 {
	.main-nav ul.menu li.fp-home {
		margin-right: 0;
		margin-left: 25px;
	}
}

.topbar {
	.topbar-right {
		.widget {
			&:first-child {
				padding-left: 15px;
				padding-right: 0;
			}

			&:last-child {
				padding-right: 15px;
				padding-left: 0;
			}
		}

		.search-form {
			margin-bottom: 0;

			&:before {
				right: auto;
				left: 10px;
			}

			.search-submit {
				right: auto;
				left: 0;
			}
		}
	}

	.topbar-extra-right {
		.widget {
			&:first-child {
				padding-left: 15px;
				padding-right: 0;
			}

			&:last-child {
				padding-right: 15px;
				padding-left: 0;
			}
		}
	}

	.topbar-left {
		.widget {
			&:first-child {
				padding-left: 15px;
				padding-right: 0;
				border: 0;
			}

			&:last-child {
				padding-right: 15px;
				padding-left: 0;
			    border-right: 1px solid #2f2f2f;
			}
		}

		.fa {
			padding-right: 0;
			padding-left: 15px;
		}
	}

	.topbar-extra {
		.widget {
			&:first-child {
				padding-left: 15px;
				padding-right: 0;
			}

			&:last-child {
				padding-right: 15px;
				padding-left: 0;
			}
		}
	}
}

.topbar-v2 {
	.topbar {
		.topbar-left {
			.widget {
				&:last-child {
					padding-right: 15px;
					padding-left: 0;
				    border-right: 1px solid #e9e9e9;
				}
			}
		}
	}
}

.header-transparent .topbar .topbar-left .widget {
    border-color: rgba(255, 255, 255, 0.24);
}

.page-header .breadcrumb-area nav {
	text-align: right;
}

.widget .widget-title:after {
	left: auto;
	right: 0;
}

.widget_search {
	.search-form {
		.search-submit {
			right: auto;
			left: 0;
		}

		&:after {
			right: auto;
			left: 0;
		}

		&:before {
			right: auto;
			left: 19px;
		}

		label input {
			padding: 0 15px 0 0;
		}
	}
}

.recent-post,
.popular-post {
	.widget-thumb {
		float: right;
	}

	.mini-widget-title {
		margin-left: 0;
		margin-right: 100px;
	}
}

.widget_tag_cloud a {
	margin-right: 0;
	margin-left: 20px;
}

.widget_categories,
.widget_recent_comments,
.widget_rss,
.widget_pages,
.widget_archive,
.widget_nav_menu,
.widget_recent_entries,
.widget_meta,
.widget-recent-comments {
	.widget-title {
		margin-bottom: 20px;
	}

	li {

		a {
			display: block;
		}

		& > a:before {
			display: none;
		}

		&:before,
		&:after {
			display: none;
		}
	}
}

.post-navigation {
	float: left;

	.meta-nav {
		transform: rotate(180deg);
		display: inline-block;
	}

	.nav-previous {
	    padding-left: 10px;
		border-left: 0.5px solid #f7f7f7;
		padding-right: 0;
		border-right: 0;
	}

	.nav-next {
		padding-right: 10px;
		border-right: 0.5px solid #f7f7f7;
		padding-left: 0;
		border-left: 0;
	}
}

.comments-title,
.comment-reply-title {
	&:before,
	&:after {
		left: auto;
		right: 0;
	}
}

.comment {
	.comment-author {
		float: right;
	}

	.comment-meta {
		margin-left: 0;
		margin-right: 130px;
	}

	.comment-edit-link {
		float: left;
	}
}

.numeric-navigation .page-numbers .fa,
.blog-list .blog-wrapper .read-more .fa {
	transform: rotate( 180deg );
}

.blog-list .blog-wrapper {
	.entry-thumbnail {
		float: right;
	}

	.entry-header,
	.entry-content,
	.read-more {
		margin-left: 0;
		margin-right: 300px;
	}
}

/* -------- Project -------- */

.all-project ul.filter {
	left: auto;
	right: 50%;
	transform: translateX( 50% );
}

.project-grid .project-inner .project-summary {
	text-align: right;
}

.single-project-title,
.fp-related-project h3 {
	&:before,
	&:after {
		left: auto;
		right: 0;
	}
}

.fp-related-project .owl-controls .owl-prev {
	right: auto;
	left: 0;
}

.fp-related-project .owl-controls .owl-next {
	right: auto;
	left: 55px;
}

.metas {
	.fa {
		float: right;
	}

	h4,p,a {
		margin-left: 0;
		margin-right: 23px;
	}
}

/* ------------Service------------ */

.service-sidebar {
	.download {
		.item-download  {
			span {
				margin-right: 0;
				margin-left: 15px;
			}

			.fa {
				right: auto;
				left: 15px;
			}
		}
	}

	.business {
		img {
			float: right;
		}

		span {
			margin-left: 0;
			margin-right: 85px;

			.fa {
				float: right;
				padding-right: 0;
				padding-left: 5px;
			}
		}
	}
}

.single-service,
.project {
	blockquote {
		border-right: 1px solid @secondary-color;
		border-left: none;

		&:before {
			left: auto;
			right: 3px;
			top: 0;
		}

		&:after {
			top: 22px;
			left: auto;
			right: 22px;
		}
	}
}

/* ------------Woocommerce------------ */
.woocommerce {
	.shop-toolbar {
		form {
			text-align: left;

			&:after {
				right: auto;
				left: 5px;
			}
		}
	}

	.woocommerce-message,
	.woocommerce-info {
		.button {
			float: left;
		}
	}

	div.product {
		.images-product {
			float: right;
			padding-left: 15px;
			padding-right: 0;
		}

		div.summary {
			float: left;
			padding-right: 15px;
			padding-left: 0;

			.stock-status {
				right: auto;
				left: 0;
			}

			.product-share {
				h4 {
					padding-left: 5px;
					padding-right: 0;
				}

				.fa {
					padding-right: 0;
					padding-left: 10px;
				}
			}
		}

		form.cart {
			.button,
			div.quantity,
			.qty-label,
			.yith-wcwl-add-to-wishlist {
				float: right;
			}

			.qty-label {
				margin-right: 0;
				margin-left: 10px;
			}

			div.quantity {
				margin-right: 0;
				margin-left: 30px;
			}

			.yith-wcwl-add-to-wishlist {
				margin-left: 0;
				margin-right: 15px;
			}
		}
	}

	ul.products li.product {
		.price ins {
			float: right;
			padding-right: 0;
			padding-left: 10px;
		}
	}

	.widget_product_tag_cloud a {
		margin-right: 0;
		margin-left: 20px;
	}

	ul.product_list_widget li ins {
		float: none;
	}

	.widget_product_categories li {
		&:before,
		&:after,
		a:before {
			display: none;
		}

		.count {
			float: right;
		}
	}

	.related.products {
		h2 {
			&:before,
			&:after {
				left: auto;
				right: 0;
			}
		}
	}

	nav.woocommerce-pagination ul li {
		float: right;

		i {
			transform: rotate( 180deg );
		}
	}

	table.shop_table {
		tr {
			td,th {
				text-align: right;
			}
		}

		td {
			a img,
			img {
				margin-right: 0;
				margin-left: 20px;
			}
		}
	}

	form .form-row .input-text {
		padding-left: 0;
		padding-right: 15px;
	}

	form.checkout {
		.woocommerce-billing-fields h3,
		h3 label {
			&:before,
			&:after {
				left: auto;
				right: 0;
			}
		}
	}

	.related.products .owl-controls .owl-buttons {
		.owl-prev {
		    right: auto;
		    left: 15px;
		}

		.owl-next {
			right: auto;
			left: 70px;
		}
	}
}

.woocommerce-cart {
	.cart_totals {
		h2 {
			&:before,
			&:after {
				left: auto;
				right: 0;
			}
		}
	}

	table.cart {
		td.actions {
			.coupon {
				.input-text {
					padding-left: 0;
					padding-right: 15px;
				}
			}

			.update-cart {
				float: left;
			}
		}
	}
}

.woocommerce-account {
	.woocommerce-MyAccount-navigation {
		float: right;
		padding-right: 0;
		padding-left: 15px;
	}

	.woocommerce-MyAccount-content {
		float: left;
		padding-left: 0;
		padding-right: 15px;
	}

	.addresses {
		.title {
			h3 {
				float: right;
			}
			.edit {
			 	float: left;
			}
		}

		address {

		}
	}
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
	text-align: right;

	input {
		margin-right: 0;
		margin-left: 1em;
	}
}

#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
	float: left;
}

/* ------------Shortcode------------ */

.fp-form {
	textarea,
	input[type="text"],
	input[type="email"] {
		text-align: right !important;
		padding-right: 15px;
		padding-left: 0;
	}

	.field.submit {
		text-align: right !important;
	}

	.info {
		text-align: right !important;
	}

	select {
		text-align-last: right !important;
	}
}

.fp-section-title {
	h2 {
		&:before,
		&:after {
			left: auto;
			right: 0;
		}
	}
}

.fp-latest-project {
	ul.filter {
		left: auto;
		right: 50%;
		transform: translateX(50%);
	}

	.item-project .project-summary {
		left: auto;
		right: 20px;
	}
}

.fp-counter {
	padding-left: 0;
	padding-right: 33px;

	.fp-icon {
		right: auto;
		left: 0;
	}

	.counter span {
		float: right;
		margin-left: 5px;
	}
}

.fp-icon-box-2 {
	.fp-icon {
		float: right;
	}

	h4,p,.sub-title {
		margin-left: 0;
		margin-right: 60px;
	}
}

.fp-icon-box-3 {
	.fp-icon {
		float: right;
	}

	h4,p,.sub-title {
		margin-left: 0;
		margin-right: 50px;
	}

	h4:after {
		left: auto;
		right: 0;
	}
}

.fp-icon-box-4 {
	.fp-icon {
		float: right;
	}

	p {
		margin-left: 0;
		margin-right: 40px;
	}
}

.fp-icon-box-5 {
	.fp-icon {
		float: right;
	}

	h4,p {
		margin-left: 0;
		margin-right: 45px;
	}
}

.fp-icon-box-6 {
	.fp-icon {
		float: right;
	}

	h4,p {
		margin-left: 0;
		margin-right: 80px;
	}
}

.fp-service-3 {
	a i {
		transform: rotate(180deg);
	}
}

.fp-phone {
	a {
		float: right;
	}

	.hotline {
		float: left;

		i {
			float: right;
		}

		span,p {
			margin-left: 0;
			margin-right: 45px;
		}
	}
}

.fp-team {
	.team-member {
		ul li {
			&:last-child {
				padding-right: 15px;
				padding-left: 0;
			}

			&:first-child {
				padding-right: 0;
			}
		}
	}
}

.fp-estimation {
	input[type="submit"] {
		right: auto;
		left: 0;
	}

	input[type="email"] {
		padding-left: 65px;
		padding-right: 15px;
	}
}

.fp-faq {
	h2 i {
		float: left;
	}
}

.fp-docs span {
	left: auto;
	right: 0;
}

.fp-accordion.style-1 {
	.icons {
		float: right;
	}

	h2,
	.toggle-content {
		margin-left: 0;
		margin-right: 55px;
	}
}

.fp-accordion.style-2 {
	h2 {
		padding-left: 0;
		padding-right: 80px;
	}

	.accordion-title .icons {
	    border-left: 1px solid #f7f7f7;
	    border-right: 0;
	}
}

.fp-testimonials-grid,
.fp-testimonials-2 {
	img {
		float: right;
		margin-right: 35px;
		margin-left: 0;
	}

	h4,span {
		margin-left: 0;
		margin-right: 115px;
	}
}

.fp-testimonials-2.style-2 h4,
.fp-testimonials-2.style-2 .testi-job {
	margin-left: 0;
}

.fp-testimonials-2.style-1.img-no-margin .owl-pagination {
	right: auto;
	left: -5px;
}

.fp-testimonials-3 {
	img {
		float: right;
	}

	.testi-content {
		margin-left: 0;
		margin-right: 105px;
	}
}

.fp-feature-product .owl-controls {
	.owl-prev {
	    left: 0;
    	right: auto;
	}

	.owl-next {
	    right: auto;
    	left: 55px;
	}
}

.footer-widgets {
	.fp-form-field {
		.subscribe {
			input[type="email"] {
				padding-right: 10px;
				padding-left: 60px;
			}

			&:after,
			input[type="submit"] {
				right: auto;
				left: 0;
			}

			.fa {
				right: auto;
				left: 15px;
			}
		}
	}

	.footer-contact {
		i {
			float: right;
		}

		h4,p {
			margin-left: 0;
			margin-right: 40px;
		}
	}
}

.primary-mobile-nav {

	ul {
		padding-right: 0;
	}

	ul.menu li {
		.toggle-children {
			float: left;

			i {
				transform: rotate(180deg);
				right: auto;
				left: -10px;
			}
		}
	}
}

.navbar-toggle {
	float: left;
}

.error404 .error-404 .search-form {
	.search-submit,
	&:after {
		right: auto;
		left: -11px;
	}

	&:before {
		right: auto;
		left: 7px;
	}

	label input {
		padding-left: 0;
		padding-right: 15px;
	}
}

/* ------------Responsive------------ */

@media (max-width: 1920px) and (min-width: 1200px) {
	.vc-form-email {
		.fp-section-title {
			margin-right: 100px;
		}
	}
}

@media (max-width: 1366px) {
	.header-v1 ,
	.header-v2 ,
	.header-v3 {
		.main-nav li {
			padding-right: 35px;
		}
	}
}

@media (max-width: 1024px) {
	.header-v1 ,
	.header-v2 ,
	.header-v3 {
		.site-logo {
			float: right;
		}

		.site-menu {
			float: left;
		}
	}

	.header-v4,
	.header-v5,
	.header-v6,
	.header-v7,
	.header-v8 {
		.header-logo {
			float: right;

			.site-logo {
				text-align: right;
			}
		}

		.header-main .navbar-toggle {
			padding-right: 0;
			padding-left: 15px;
		}
	}

	.header-v5 {
		.primary-mobile-nav .search-form {
			min-width: 230px;

			.search-submit {
				right: auto;
				left: -5px;
			}

			.fa {
				right: auto;
				left: 0;
			}
		}
	}

	.fp-latest-project {
		.item-project {
			.project-summary {
				right: 0;
			}
		}
	}
}

@media (max-width: 991px) {
	.footer-widgets .footer-contact {
		.widget:last-child {
			padding-right: 15px;
		}
	}
}

@media (max-width: 767px) {
	.header-v4,
	.header-v5,
	.header-v6,
	.header-v7,
	.header-v8 {
		.header-main {
			left: 15px;
			right: auto;

			.navbar-toggle {
				padding-left: 0;
			}
		}
	}
}

@media (max-width: 414px) {
	.navbar-toggle {
		padding-top: 0;
	}

	.header-v1,
	.header-v2,
	.header-v3 {
		.header-main .site-menu {
			right: auto;
			left: 0;
		}
	}

	.header-v6,
	.header-v7,
	.header-v8 {
		.navbar-toggle {
			padding-top: 2px;
		}
	}
}