/*============================================================ 
                1. GENERAL
                2. LAYOUT
                3. WIDGET
                4. ELEMENTS
                5. BLOG
                6. OTHER
                7. RESPONSIVE
============================================================*/

.rtl {
	/* ============================================================ 
	    1. GENERAL
	=============================================================*/
	direction: rtl;
  	unicode-bidi: embed;
  	.alignleft {
		float: right;
		margin: 10px 0 10px 20px;
		clear: right;
	}
	.alignright {
		float: left;
		margin: 10px 20px 10px 0;
		clear: left;
	}
	table {
	    thead {
	    	text-align: right;
	    }
	    tbody {
	    	tr {
	    		td,th {
	    			text-align: right;
	    		}
	    	}
	    }
	}
	select {
		background-position: 7% center;
	}
	h1,h2,h3,h4,h5,h6 {
		&.title-divider {
			&:after {
				left: auto;
				right: 0;
			}
			&[style="text-align: center;"]:after {
				left: auto;
				right: 50%;
				margin-left: 0;
				margin-right: -15px;
			}
		}
	}
	a {
		&.download {
			i {
				margin-right: 0;
				margin-left: 15px;
				border-right: none;
				border-left: 1px solid rgba(0,0,0,0.1);
			}
		}
	}

	/* ============================================================ 
	    2. LAYOUT
	=============================================================*/
	#site-header {
		#headerbar {
			.custom-info {
				float: right;
				i {
					margin-left: 5px;
					margin-right: 0;
				}
			}
			.social-links {
				float: left;
				margin-left: 0;
				margin-right: 10px;
				a {
					i {
						margin-right: 10px;
						margin-left: 0;
					}
				}
			}
			.top-navigator {
				float: left;
				.menu {
					li {
						float: right;
						&.menu-item-has-children {
							padding-left: 3px;
							padding-right: 8px;
							&:after {
								margin: 0 0 0 10px;
							}
						}
						.sub-menu {
							left: auto;
							right: 0;
						}
					}
				}
			}
		}
		#masthead {
			#site-brand {
				#site-logo {
					float: right;
				}
				.header-widgets {
					text-align: left;
					.widget {
						padding: 0 30px;
						border-right: 1px solid rgba(255,255,255,0.1);
						&:last-child {
							padding-left: 0;
						}
						&:first-child {
							padding-right: 0;
							border-right: none;
						}
					}
				}
			}
			#site-navigator {
				.menu {
					li {
						float: right;
						.sub-menu {
							left: auto;
							right: 0;
							li {
								.sub-menu {
									left: auto;
									right: @sub-menu-width;
								}
							}
						}
					}
					&.menu-extra {
						float: left;
					}
				}
			}
		}
	}
	#site-content {
		#page-header {
			.title-widgets {
				text-align: left;
			}
		}
	}
	#site-footer {
		.social-links {
			float: left;
			a {
				margin-left: 0;
				margin-right: 15px;
			}
		 }
		 .copyright {
		 	float: right;
		 }
	}
	.goto-top {
		a {
			left: 15px;
			right: auto;
		}
	}

	/* ============================================================ 
	    3. WIDGET
	=============================================================*/
	.widgettitle,.widget-title {
		&:after {
			left: auto;
			right: 0;
		}
	}
	.widget {
		.widget-title {
			&:after {
				left: auto;
				right: 0;
			}
		}
		&.widget_search {
			.search-form {
				label:after {
					right: auto;
					left: 10px;
				}
			}
		}
	}
	.sidebars {
		.widget{
			&.widget_nav_menu {
				.menu {
					li {
						.sub-menu {
							margin-left: 0;
							margin-right: 20px;
						}
					}
				}
			}
			&.widget_archive, 
			&.widget_categories, 
			&.widget_pages, 
			&.widget_meta,
			&.widget_recent_comments,
			&.widget_recent_entries,
			&.widget_rss {
				ul {
					li {
						.children {
							margin-left: 0;
							margin-right: 20px;
						}
					}
				}
			}
		}
	}

	/* ============================================================ 
	    4. ELEMENTS
	=============================================================*/
	#site-wrapper {
		.iconlist {
			li {
				i, img {
					margin-right: 0;
					margin-left: 10px;
				}
				&.circle {
					padding-left: 0;
					padding-right: 44px;
					i {
						left: auto;
						right: 0;
					}
					&:after {
						left: 0;
						right: 44px;
					}
					&:first-child {
						&:before {
							left: 0;
							right: 44px;
						}
					}
				}
				&:after {
					left: 0;
					right: 30px;
				}
				&:first-child {
					&:before {
						left: 0;
						right: 30px;
					}
				}
			}
		}
		.iconbox {
			.box-header {
				.box-title {
					&:after {
						left: auto;
						right: 0;
					}
				}
			}
			&.aligncenter {
				.box-header {
					.box-title {
						&:after {
							right: 50%;
							margin-right: -15px;
							margin-left: 0;
						}
					}
				}
				&:hover {
					.box-header {
						.box-title {
							&:after {
								right: 0;
								left: 0;
								margin-right: 0;
							}
						}
					}
				}
			}
		}
		.wpb_tabs .wpb_tabs_nav li {
			float: right;
			a {
				margin-right: 0;
				margin-left: 10px;
			}
		}
		.wpb_accordion {
			.wpb_accordion_header {
				a {
					padding: 0 75px 0 20px;
				}
				.ui-accordion-header-icon {
					right: 0;
					left: auto;
				}
			}
		}
		.wpb_tour {
			.wpb_tabs_nav {
				float: right;
			}
			.wpb_tour_tabs_wrapper .wpb_tab {
				padding: 0 30px 0 0;
			}
		}
		.vc_progress_bar {
			.vc_single_bar {
				.vc_bar {
					right: 0;
					left: auto;
				}
			}
			.vc_label .vc_label_units {
				float: left;
			}
		}
		.testimonial {
			.testimonial-content {
				blockquote {
					padding: 0 60px 0 0;
					&:after {
						left: auto;
						right: -15px;
					}
				}
			}
			.testimonial-meta {
				padding-left: 0;
				padding-right: 60px;
			}
		}
		.openhours {
			.hours-table li {
				.hours {
					left: 0;
					right: auto;
				}
				.dayname .dayname-icon {
					margin-right: 0;
					margin-left: 10px;
				}
			}
		}
		.flexslider {
			direction: ltr;
		}
		.owl-carousel {
			direction: ltr;
			.owl-item {
				direction: rtl;
			}
		}
		.owl-controls .owl-buttons > div {
			right: auto;
			left: 57px;
			&.owl-prev {
				left: 15px;
			}
		}
	}

	/* ============================================================ 
	    5. BLOG
	=============================================================*/
	&.blog,&.single {
		.hentry {
			.entry-header {
				.entry-title {
					&:after {
						left: auto;
						right: 0;
					}
				}
			}
		}
	}
	.blog-shortcode {
		&.blog-list {
			.hentry {
				.entry-cover {
					float: right;
				}
				.entry-header,.entry-content {
					margin-left: 0;
					margin-right: 65px;
				}
			}
		}
	}
	.box {
		.box-title::after {
			left: auto;
			right: 0;
		}
		&.author-box .author-avatar {
			float: right;
			margin-left: 30px;
			margin-right: 0;
		}
	}
	#comments {
		.comments-title,#reply-title {
			&:after {
				left: auto;
				right: 0;
			}
		}
		.comment-list {
			li {
				.comment-body {
					.comment-meta {
						.comment-author {
							img {
								float: right;
								margin-right: 0;
								margin-left: 20px;
							}
						}
					}
					.comment-content,.reply {
						padding-left: 0;
						padding-right: 54px;
					}
				}
				.children {
					padding-left: 30px;
					padding-right: 54px;
				}
			}
		}
	}

	/* ============================================================ 
	    6. OTHER
	=============================================================*/
	&.search {
		#main-content {
			.content-inner {
				.search-form {
					.search-submit {
						left: 30px;
						right: auto;
					}
				}
				.search-results article {
					padding: 30px 65px 30px 0;
					.counter {
						left: auto;
						right: 0;
					}
				}
			}
		}
	}
	.wpcf7 {
		direction: rtl;
	}
	&.page-template-team-members .member.hentry .member-image, 
	&.post-type-archive-member .member.hentry .member-image, 
	&.tax-member-category .member.hentry .member-image,
	#site-wrapper .team-members-carousel .member.hentry .member-image {
		float: right;
		padding-right: 0;
		padding-left: 15px;
	}
	&.page-template-team-members .member.hentry .member-detail, 
	&.post-type-archive-member .member.hentry .member-detail, 
	&.tax-member-category .member.hentry .member-detail,
	#site-wrapper .team-members-carousel .member.hentry .member-detail {
		padding-left: 0;
		padding-right: 15px;
	}
}


/* ============================================================ 
    7. RESPONSIVE
=============================================================*/
@media only screen and (max-width: 991px) {
	body {
		&.rtl {
			#site-header {
				#headerbar {
					.custom-info {
						float: none;
					}
					.social-links {
						float: none;
						margin-right: 0;
					}
					.top-navigator {
						float: none;
						.menu {
							li {
								float: none;
								.sub-menu {
									text-align: right;
								}
							}
						}
					}
				}
				#masthead {
					#site-brand {
						#site-logo {
							float: none;
						}
						.header-widgets {
							text-align: center;
						}
					}
				}
			}
		} 
	}
}
@media only screen and (max-width: 768px) {
	body {
		&.rtl {
			#site-header {
				#masthead {
					#site-navigator {
						.menu {
							&.menu-extra {
								right: auto;
								left: 0;
							}
						}
					}
					#site-navigator-mobile {
						&.navigator-mobile {
							.navigator-toggle {
								left: auto;
								right: 0;
							}
							.menu {
								li {
									&.menu-item-has-children {
										.toggler {
											right: auto;
											left: 0;
											border-left: 0;
											border-right: 1px solid lighten(@grey, 10%);
										}
									}
									a {
										margin-right: 0;
										margin-left: @menu-togger-size;
									}
									.sub-menu {
										margin-left: 0;
										margin-right: 20px;
									}
								}
							}
						}
					}
				}
			}
			#site-content {
				#page-header {
					.title-widgets {
						text-align: right;
						.widget {
							text-align: right;
						}
					}
				}
			}
			&.page-template-team-members .member.hentry .member-image, 
			&.post-type-archive-member .member.hentry .member-image, 
			&.tax-member-category .member.hentry .member-image,
			#site-wrapper .team-members-carousel .member.hentry .member-image,
			&.page-template-team-members .member.hentry .member-detail, 
			&.post-type-archive-member .member.hentry .member-detail, 
			&.tax-member-category .member.hentry .member-detail,
			#site-wrapper .team-members-carousel .member.hentry .member-detail {
				float: none;
				padding-right: 0;
				padding-left: 0;
			}
		}
	} 
}
@media only screen and (max-width: 568px) {
	body {
		#site-header {
			#headerbar {
				.custom-info {
					.spacer {
						display: block;
					}
				}
			}
			#masthead {
				#site-brand {
					.header-widgets {
						display: block;
						text-align: center;
						padding-bottom: 30px;
						.widget {
							display: block;
							border: none;
							text-align: center;
						}
					}
				}
			}
		}
		#site-footer {
			.copyright {
				float: none;
			}
			.social-links {
				float: none;
				margin-bottom: 20px;
				a {
					margin-right: 15px;
					margin-left: 0;
				}
			}
		}
	} 
}