/*
Theme Name: Weaver X

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

*/

/* =Reset reset
----------------------------------------------- */

caption, th, td {
	text-align: right;
}

/* =Structure
----------------------------------------------- */

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


/* =Global
----------------------------------------------- */

/* Text elements */


ol, ul {
	margin-right:1.5em;
}

.ltr ul, .ltr ol {
	margin: 0 0 1.5em  2em;
}

blockquote {
	font-family: Arial, sans-serif;
}


/* Forms */
textarea {
	padding-left: 0;
	padding-right: 3px;
}


/* Assistive text */
.menu_bar a.assistive-text:active,
.menu_bar a.assistive-text:focus {
	left: auto;
	right: 7.6%;
}

/* =Header
----------------------------------------------- */


#site-title {
	margin: 1% 7% 0 0;
}

#site-tagline {
	margin: 0 10% 0 1%;
}

#header-search {
	float: right;
}

#header-search .search-form {
	position: absolute;
	left: 10px;
	right:auto;
	top: 5px;
}

#nav-header-mini {
	display:inline-block;
	float: left;
	margin:0 5px 0 0;
}

.custom-logo-link {
	display: 		block;
	float:			right;
	margin-left:	2em;
	margin-right:	1%;
}

#site-title img.site-title-logo {
	height:	auto;
	padding-left:	1%;
}



/* =Menu
-------------------------------------------------------------- */
.menu-toggle-button {
  float: right;
}
@media screen and (min-width: 768px) {		/* desktop */
.wvrx-menu.sm ul a span.sub-arrow:after {     	/* right arrow on right side of submenus */
	content:			"\f503";
}
}

#infobar {
	margin-left:1em;
	margin-right:1em;
}

.menu-add {float:left;}

.infobar_right {float:left;}

.is-desktop .menu-alignleft {
	float:              left;
}

.is-desktop .wvrx-menu-container ul ul {
	float: right;
	left: auto;
	right: 0;
	text-align:			right;
}

.is-desktop .wvrx-menu-container ul ul ul {
	left: auto;
	right: 100%;
	text-align:			right;
}

.is-desktop .wvrx-menu > li {
	display:            block;
	float:              right;
}


/* Standard arrow styles */
.is-desktop .menu-arrows .toggle-submenu:after {    /* down arrow on top level menu (both bar and mobile) */
	content:            '\f502';
	font-family:        "Genericons";
	font-size:          80%;
	position:           relative;
	top:                1.2em;          /* 1.2 default interacts with .wvrx-menu a rule */
	padding-left:       1.1em;
	margin-right:       0.1em;
	border:             none;
}

.is-desktop .menu-arrows ul .toggle-submenu:after {     /* left arrow on right side of submenus */
	content:            "\f503";
	font-family:        "Genericons";
	font-size:          80%;
	position:           relative;
	top:                0.85em;             /* interacts with .wvrx-menu a rule */
	padding-left:       1.45em;
	margin-right:       0.1em;
	border:             none;
}

.is-desktop .menu-type-accordion .menu-arrows .toggle-submenu:after {   /* needed for accordion menus so Hide Arrows doesn't hide in this case */
	content:            "\f502" !important;
	display:            inline-block !important;
}

/* CSS hover menu arrow styles */
.is-desktop .menu-arrows.menu-hover .has-submenu > a {  /* spacing after menu item for down arrow */
	padding-right:      1.5em;
}

.is-desktop .menu-arrows.menu-hover .toggle-submenu {
	width:              1.5em;
}

.is-desktop .is-desktop .menu-arrows.menu-hover .toggle-submenu:after {
	right:              .5em;
}

/* Javascript menu arrow styles */
.is-desktop .menu-arrows .is-open-submenu > ul {
	display:            block;
}

.is-desktop .menu-arrows.is-mobile-menu.menu-arrows ul a .toggle-submenu:after { /* down arrow - mobile submeu  */
	content:            "\f502";
	font-family:        "Genericons";
	font-size:          80%;
	position:           relative;
	top:                1.1em;              /* interacts with .wvrx-menu a rule */
	padding-left:		1.4em;
}



/* =Content
----------------------------------------------- */

.content-title,
.entry-header .entry-meta {
	padding-right: 0;
	padding-left: 0;
}
.entry-content td,
.comment-content td {
	padding: 6px 0 6px 10px;
}

.entry-meta .edit-link a {
	float: left;
}
/* Images */
.post-avatar-status {float:left !important;}
.entry-meta .post-avatar{float:none !important;}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-family: Arial, sans-serif;
}
.wp-caption .wp-caption-text {
	padding: 10px 40px 5px 0px;
}
.wp-caption .wp-caption-text:before {
	margin-right: 0;
	margin-left: 5px;
	left: auto;
	right: 10px;
}

#content .gallery-columns-4 .gallery-item {
	padding-right:0;
	padding-left:2%;
}

/* Author Info */



#author-info {
	font-size:90%;
	margin:1.5em;
	padding:0 .5em 1em 0;
	bordexr:1px solid green;
}

#author-avatar {
	float: right;
	margin:0;
	padding:0 0 .5em 1em;
}


#author-avatar img {	/* no setting available to change this... */
	float:right;
	padding: 0;
}

.ie8 img.avatar {
	width:auto;	/* fix for max-width bug in IE8 */
}

#author-description {
	margin-right:1em;
}

/* Comments link */
.comments-bubble a {
	background-image: url(assets/css/icons/comment-bubble-rtl.png);
	background-size:    28px 28px;
	right: auto;
	left: 0;
}

.ie8 .comments-bubble a {
	background-image: url(assets/css/icons/comment-bubble-rtl-ie8.png);
}

/*
	Post Formats Headings
*/

/* =Gallery
----------------------------------------------- */
#content .attachment-thumbnail {
	float: right;
}
#content .attachment-thumbnail-single {
	float: right;
	margin-right: 12px;
	margin-bottom: 25px;
}

.format-gallery .gallery-thumb {
	float: right;
	margin: .375em 0 0 1.625em;
}


/* =Status
----------------------------------------------- */

.format-status img.avatar {
	float: right;
	margin: 4px 0 2px 10px;
}


/* =Image
----------------------------------------------- */

.indexed.format-image div.entry-meta {
	float: right;
}


/**** Masonry ****/

.blog-post {
	float: right;
}


/* =Footer
----------------------------------------------- */
#site-info {
	float: right;
	padding-right:1em;
}

#site-generator {
	font-style: italic;
	float: left;
	padding-left:1em;
}

/* =Navigation
-------------------------------------------------------------- */

.nav-previous {
	float: right;
}
.nav-next {
	float: left;
	text-align: left;
}

/* =Widgets
----------------------------------------------- */
#footer-widget-area .widget,
#header-widget-area .widget {
	float:right;
}

.widget ul ul {
	margin-left: 0;
	margin-right: 1.5em;
}

.widget-horiz {
	float: right;
}

.widget-smart-rm aside,
.m-widget-smart-rm aside,
.is-mobile .m-widget-smart-rm aside,
.ie8 .smart-rm {                    /* modern browsers use nth-of-type rules below */
	margin-left:    1%;
	margin-right:   0;
}

@media (min-width:581px) and (max-width:767px) { /* =small tablets ========================================================= */
.widget-area.m-widget-cols-2 aside:nth-of-type(2n) {margin-left:0;}
}
@media (min-width:768px) {   /* =desktop and large (iPad) tablets =========================================================== */
.widget-cols-2 aside:nth-of-type(2n) {margin-left:0;}
.widget-cols-3 aside:nth-of-type(3n) {margin-left:0;}
.widget-cols-4 aside:nth-of-type(4n) {margin-left:0;}
.widget-cols-5 aside:nth-of-type(5n) {margin-left:0;}
.widget-cols-6 aside:nth-of-type(6n) {margin-left:0;}
.widget-cols-7 aside:nth-of-type(7n) {margin-left:0;}
.widget-cols-8 aside:nth-of-type(8n) {margin-left:0;}

}

/* =Comments
----------------------------------------------- */

.comment-reply-link {margin-right:3em;}

.commentlist .comment-author .comment {
	float: left;
}

.commentlist li.comment .comment-author img.avatar {
	float:right;
	left:10px;
	top:-10px;
}
.comments-bubble a {
	float:left;
}

#comments-title {	/* wii_comment_headings_color */
	padding:0px .5em 1.5em 0;
}

.edit-link {float:left !important;}

/* Site Generator Line */
#site-generator .sep {
	background-position: right center;
}

.custom-logo-link {
	float:right;
	margin-left:2em;
}



/* =Print
----------------------------------------------- */

@media print {
	#container {
		float: right;
	}
	/* Comments */
	.commentlist .avatar {
		left: auto;
		right: 2.2em;
	}
	.commentlist li.comment .comment-meta {
		margin-left: 0;
		margin-right: 50px;
	}
}

/* =IE7
----------------------------------------------- */

.ie8 section.recent-posts {
	margin-right: 0;
	margin-left: 7.6%;
}