/*
Theme Name: Dicot

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

*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
caption, th, td {
	text-align: right;
}

/*--------------------------------------------------------------
2.1 Global
--------------------------------------------------------------*/
body {
	direction: rtl;
	unicode-bidi: embed;
}

/*--------------------------------------------------------------
3.2 List
--------------------------------------------------------------*/
ul, ol {
	margin: 0 3em 1.5em 0;
}
li > ul,
li > ol {
	margin-left: 0;
	margin-right: 1.5em;
}

/*--------------------------------------------------------------
3.7 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	left: auto;
	right: 5px;
}

/*--------------------------------------------------------------
4.2 Superfish Menu
--------------------------------------------------------------*/

/* Essential Styles */
.sf-menu ul {
	left: auto;
	right: 0;
}
.sf-menu ul ul {
	left: auto;
	right: 100%;
}

/* Menu Skin */
.sf-menu ul {
	text-align: right;
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul {
	padding-right: 1em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
	padding-left: 2.5em;
	*padding-left: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
.sf-arrows ul .sf-with-ul:after {
	left: 1em;
	right: auto;
	margin-right: auto;
	margin-left: -3px;
	border-right-color: #999999; /* edit this to suit design (no rgba in IE8) */
	border-right-color: rgba(153,153,153,.5);
	border-left-color: transparent; /* edit this to suit design (no rgba in IE8) */
	border-left-color: transparent;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-right-color: #999999;
	border-left-color: transparent;
}

/*--------------------------------------------------------------
4.3 Primary Menu Responsive
--------------------------------------------------------------*/

/* Site Primary Menu Responsive */
.site-primary-menu-responsive {
	top: 0;
	left: 0;
	right: -400px;
}
.site-primary-menu-responsive.show {
	right: 0;
}

/* Primary Menu Responsive */
.primary-menu-responsive ul {
	margin-left: 0;
	margin-right: 24px;
}
.primary-menu-responsive .dropdown-toggle {
	left: 0;
	right: auto;
}
.primary-menu-responsive .dropdown-toggle:after {
	left: 15px;
	right: auto;
}
.primary-menu-responsive .page_item_has_children > a,
.primary-menu-responsive .menu-item-has-children > a {
	padding-left: 40px;
	padding-right: 0;
}

/*--------------------------------------------------------------
4.5 Social Navigation
--------------------------------------------------------------*/
.widget_nav_menu .menu-social-menu-container ul li {
	border: none;
	margin: 10px 0 10px 20px;
}

/*--------------------------------------------------------------
4.6 Navigation Elements
--------------------------------------------------------------*/

/* Navigations Common */
.comment-navigation .nav-previous a:before,
.paging-navigation .nav-previous a:before,
.image-navigation .nav-previous a:before {
	content: "\f054";
	margin: 0 0 0 5px;
}
.comment-navigation .nav-next a:after,
.paging-navigation .nav-next a:after,
.image-navigation .nav-next a:after {
	content: "\f053";
	margin: 0 5px 0 0;
}

/* Pagination @since Wordpress 4.1.0 */
.pagination .prev.page-numbers:before {
	content: "\f054";
}
.pagination .next.page-numbers:after {
	content: "\f053";
}

/* Post Navigation */
.post-navigation .nav-previous {
	border-right: none;
	border-left: 5px solid #fff;
	float: right;
}
.post-navigation .nav-next {
	float: left;
	text-align: left;
}
.post-navigation .nav-previous a {
	padding-left: 40px;
	padding-right: 80px;
}
.post-navigation .nav-next a {
	padding-left: 80px;
	padding-right: 40px;
}
.post-navigation .nav-previous a:before {
	content: "\f054";
	margin: 0 0 0 5px;
	right: 30px;
	left: auto;
}
.post-navigation .nav-next a:after {
	content: "\f053";
	margin: 0 5px 0 0;
	left: 30px;
	right: auto;
}

/*--------------------------------------------------------------
6.1 HEntry
--------------------------------------------------------------*/

/* Post Thumbnail */
.post-thumbnail {
	margin: 0 0 0 40px;
}

/*--------------------------------------------------------------
6.2 Page Links
--------------------------------------------------------------*/
.page-links a,
.page-links > span {
	margin: 0 0 0 5px;
}
.page-links > .page-links-title {
	padding: 0 0 0 7px;
}

/*--------------------------------------------------------------
6.9 Comments
--------------------------------------------------------------*/
/* Comment Body */
.comment-list .pingback .comment-body {
	padding-left: auto;
	padding-right: 0;
}
.comment-list .comment-body {
	padding-left: auto;
	padding-right: 83px;
}
.comment-list .children .comment-body {
	padding-left: auto;
	padding-right: 54px;
}
.comment-list .bypostauthor .comment-body {
	padding-left: auto;
	padding-right: 108px;
}
.comment-list .children .bypostauthor .comment-body {
	padding-left: auto;
	padding-right: 79px;
}
.comment-list .comment-author .avatar {
	left: auto;
	right: 0;
}
.comment-list .bypostauthor .comment-author .avatar {
	left: auto;
	right: 25px;
}
.comment-list .edit-link {
	margin-left: 0;
	margin-right: 15px;
}

/* Comment Form */
.comment-respond #cancel-comment-reply-link {
	right: auto;
	left: 0;
}

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/

/* Widget List */
.widget li > ul,
.widget li > ol {
	margin-left: auto;
	margin-right: 1.5em;
}

/*--------------------------------------------------------------
7.2 Custom Menu Widget
--------------------------------------------------------------*/
.widget_nav_menu .custom-menu-toggle {
	right: auto;
	left: 0;
}

/*--------------------------------------------------------------
7.3 Pages Widget
--------------------------------------------------------------*/
.widget_pages .page-toggle {
	right: auto;
	left: 0;
}

/*--------------------------------------------------------------
7.4 Categories Widget
--------------------------------------------------------------*/
.widget_categories .category-toggle {
	right: auto;
	left: 0;
}

/*--------------------------------------------------------------
7.5 Postlist Widget
--------------------------------------------------------------*/
.widget-postlist-dicot .postlist-thumbnail {
	float: right;
	margin: 0 0 15px 15px;
}

/*--------------------------------------------------------------
9.3 Scroll Up
--------------------------------------------------------------*/
#scrollUp {
    left: 20px;
    right: auto;
}

/*--------------------------------------------------------------
11.0 Media Queries
--------------------------------------------------------------*/
/* For Medium Devices */
@media screen and ( min-width: 992px ) and ( max-width: 1199px ) {

	/* Post Navigation */
	.post-navigation .nav-previous a {
		padding-left: 20px;
		padding-right: 70px;
	}
	.post-navigation .nav-next a {
		padding-left: 70px;
		padding-right: 20px;
	}

	/* Postlist Widget */
	.widget-postlist-dicot .postlist-thumbnail {
		margin: 0 0 16px 15px;
	}

}

/* For Small Devices */
@media screen and ( min-width: 768px ) and ( max-width: 991px ) {

	/* Post Navigation */
	.post-navigation .nav-previous a {
		padding-left: 20px;
		padding-right: 70px;
	}
	.post-navigation .nav-next a {
		padding-left: 70px;
		padding-right: 20px;
	}

}

/* For Extra Small Devices */
@media screen and ( min-width: 360px ) and ( max-width: 599px ) {

	/* Post Thumbnail */
	.post-thumbnail {
		margin: 0 0 0 30px;
	}

}

/* For Very Extra Samll Devices */
@media screen and ( max-width: 359px ) {

	/* Post Thumbnail */
	.post-thumbnail {
		margin: 0 0 0 10px;
	}

}