/*
Theme Name: unit-five-progression

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

*/

/*  Table of Contents

01. HEADER & CART/SEARCH
02. NAVIGATION
03. BLOG
04. PORTFOLIO
05. SHOP
06. SIDEBAR
07. TOP HEADER
08. PAGE ELEMENTS
09. RESPONSIVE STYLES
*/


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

.wpcf7 select,
#respond textarea,
.wpcf7-form textarea,
.post-password-form input,
#respond input,
.wpcf7-form input {
	direction: rtl;
}

/*
=============================================== 01. HEADER & CART/SEARCH ===============================================
*/
header#masthead-pro h1#logo-pro {
	float:left;
}

#progression-studios-header-search-icon {
	float:left;
	padding-left:8px;
}

#progression-shopping-cart-count {
	float:left;
}

body #progression-checkout-basket,
body #panel-search-progression {
	right:auto;
	left:0px;
}

#progression-checkout-basket .progression-sub-total {
	float:left;
}

#progression-checkout-basket a.cart-button-header-cart {
	float:right;
}

/*
=============================================== 02. NAVIGATION ===============================================
*/
.sf-menu > li {
	float: right;
}
.sf-menu li.normal-item-pro ul { 
	left:auto;
	right:0px;
}

.sf-menu li.normal-item-pro ul ul {
	left:auto;
	right:100%;
	margin-right:32px;
}

.sf-menu i {
	margin-right:0px;
	margin-left:6px;
}

.sf-menu li li a:hover .progression-studios-menu-title {
	padding-left:0px;
	margin-right:11px;
}


.sf-menu li li .progression-studios-menu-title:before {
	left:auto;
	right:-11px;
}

.sf-arrows ul .sf-with-ul:after {
	content:"\f104"; 
}


.progression-studios-sub-menu-hover-off .sf-menu li li a:hover .progression-studios-menu-title {
	margin-right:0px;
}
.progression-studios-sub-menu-hover-off .sf-menu li li a:hover .progression-studios-menu-title:before  {
	right:0px;
}

.sf-mega .sf-mega-section {
	float:right;
}

/* Tablet/Mobile Navigation */
.mobile-menu-icon-pro {
	float:left;
	text-align:center;
}

ul.mobile-menu-pro li .sub-collapser {
	right:auto;
	left:0px;
}


/*
=============================================== 03. BLOG ===============================================
*/
ul.progression-post-meta li {
	display:inline-block;
}

/* Blog Post */
ul.progression-single-post-meta li {
	display:inline-block;
}


/* Tags/Sharing */
.tags-progression-studios span i {
	margin-right:0px;
	margin-left:7px;
}

.progression-has-social-sharing .tags-progression-studios {
	float:left;
}

body #content-pro .progression-single-width-container .progression-tags-exist .sharedaddy {
	float:right;
}

a#progression-studios-next-post i,
a#progression-studios-previous-post i {
	display:none;
}

a#progression-studios-previous-post {
	float:right;
	text-align:left;
}

a#progression-studios-next-post {
	float:left;
	text-align:right;
}

/* Blog Comment s*/
.comment-body {
	border-right:1px solid rgba(0, 0, 0, 0.15);
	border-left:0px;
	padding:1% 4% 1% 0;
}

.comment-author .avatar {
	margin-right: 0em;
	margin-left:1em;
	float:right;
}


/*
=============================================== 04. PORTFOLIO ===============================================
*/

/*
=============================================== 05. SHOP ===============================================
*/
#content-pro ul.products span.price {
	float:left;
}
#content-pro ul.products h2.woocommerce-loop-product__title {
	float:right;
}

#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs {
	text-align:right;
}

#progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li {
	float:right;
}

.woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text {
	border-left:none;
	border-right:1px solid rgba(0,0,0,0.15);
}

/*
=============================================== 06. SIDEBAR ===============================================
*/

/*
=============================================== 07. TOP HEADER ===============================================
*/
#unit-five-progression-header-top .progression-studios-menu-title:before {
	display:none;
}

/*
=============================================== 08. PAGE ELEMENTS ===============================================
*/
table caption, table th, table td {
	text-align: right; 
}

blockquote {
	border-right:4px solid #aaaaaa;
	border-left:0px;
	padding-left:0px;
	margin-right:0px;
	padding-right:30px;
}

/* Footer Highlight Color */
span.highlight-color {
	margin-left:0px;
	margin-right:5px;
	background:#2196f3;
	padding-left:3px;
	padding-right:3px;
	border-radius:3px;
}

span.highlight-color:after {
	display:none;
}

/* Search Form */
#panel-search-progression .search-form input.search-field {
	padding-left:45px;
	padding-right:18px;
	background-position:left 10px;
}

.search-form input.search-field {
	background-position:left 10px;
	padding-left:50px;
	padding-right:20px;
	
}

/* Scroll to Top  */
#pro-scroll-top {
	right:auto;
	left:40px;
	direction: ltr;
}

/* Grid Reversal */
.grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression {
	float:right;
}

/*
=============================================== 09. RESPONSIVE STYLES ===============================================
*/
/* ======== #Tablet (768px-959px) ======== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}



/* ======== #Mobile (0px-767px) ======== */
@media only screen and (max-width: 767px) {
	
	a#progression-studios-previous-post,
	a#progression-studios-next-post {
		text-align:center;
	}
	
	body #content-pro .progression-single-width-container .progression-tags-exist .sharedaddy,
	.progression-has-social-sharing .tags-progression-studios {
		text-align:right;
	}
	
}