/*
Theme Name: Article Lite

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

*/

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


/*--------------------------------------------------------------
Gallery
--------------------------------------------------------------*/
.gallery .gallery-item {
    padding: 0 0 20px 30px;
}
.gallery .gallery-caption {
    margin-left: 30px;
    margin-right: 0;
}
.gallery-icon.landscape {
    float: right;
}

/*--------------------------------------------------------------
WP Custom Header Image
--------------------------------------------------------------*/
.wp-header-image-box:after {
    z-index: -1;
    position: absolute;
    top: -10px;
    right: -10px;
    width: calc(100% - -18px);
    height: calc(100% - -18px);
    border: 1px solid rgba(0,0,0,0.30);
    content: "";
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
blockquote p {
    border-right: 5px solid #d4bea5;
	border-left: none;
}

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul,
ol {
	margin: 0 3rem 0 1.5rem;
}

li > ul,
li > ol {
	margin-right: 2rem;
}

.textwidget ul {
    margin-right: 2rem;
}


/*--------------------------------------------------------------
## Posts and Pages
--------------------------------------------------------------*/
.byline,
.single .byline,
.group-blog .byline,
.comments-link,
.entry-format,
.entry-meta .edit-link {
	margin-right: 9px;
}
.single .entry-format {
	margin: 0 0 0 9px;
}
/*--------------------------------------------------------------
## Blog Layouts
--------------------------------------------------------------*/
.left-featured .featured-image-wrapper {
	float: right;
	margin: 0 0 0 60px;
}
/* Right featured */
.right-featured .featured-image-wrapper {
	float: left;
	margin: 0 60px 0 0;
}

/* Top Featured Right Sidebar  and Top Featured Left Sidebar  */
.top-featured-left .entry-header,
.top-featured-left .entry-summary,
.top-featured-right .entry-header,
.top-featured-right	.entry-summary {
    text-align: right;
}
.top-featured-left .featured-image-wrapper,
.top-featured-right .featured-image-wrapper {
    text-align: right;
}

/*--------------------------------------------------------------
## Single
--------------------------------------------------------------*/
.single .entry-header {
    text-align: right;
}

/*--------------------------------------------------------------
# Quote Post Format
--------------------------------------------------------------*/
.single .format-quote .entry-title,
.single .format-quote blockquote,
.single .format-quote .entry-footer {
	text-align: right;
}

/*--------------------------------------------------------------
# Image Post Format
--------------------------------------------------------------*/
.single-format-image .entry-title {
    text-align: right;
}
.single-format-image .right-column .format-image,
.single-format-image .left-column .format-image,
.single-format-image .format-image {
	text-align: right;
}

/*--------------------------------------------------------
Comments
--------------------------------------------------------*/
.comment-wrapper .avatar {
    float: right;
    margin: 0 0 0 16px;
}
.comment-metadata {
    float: right;
}

.comment-edit-link, 
.comment-reply-link {
    margin-right: 8px;
}
.comment-list li ul.children {
	padding: 0 40px 0 0 ;
}
.comment-reply-login {
	margin-right: 10px;
}

.comment blockquote {
	padding: 7px 45px 7px 20px;
	margin: 0 0 20px;
	position: relative;
	font-size: 0.875rem;
	line-height: inherit;
	font-style: italic;
}
.comment blockquote:before {
	right: 10px;
}


/*--------------------------------------------------------------
# Sidebars
--------------------------------------------------------------*/
.banner-caption {
	right: 50%;
  	transform: translate(-50%,0);
}
/*--------------------------------------------------------
Calendar Widget - Default
--------------------------------------------------------*/
.widget_calendar th {
	border-right: 1px solid rgba(0, 0, 0, 0);
}
.widget_calendar tbody, .widget_calendar thead {
	border: 1px solid #e2e3e4;
}
.widget_calendar tbody td {
	border-right: 1px solid rgba(0, 0, 0, 0);
}
.widget_calendar tbody td:first-child {
	border-right: none;
}

/*--------------------------------------------------------
List Widgets - Default
--------------------------------------------------------*/
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
	margin: 0.5rem 0.8em 0 0;
}

/*--------------------------------------------------------------
Form styling
--------------------------------------------------------------*/
textarea {
	padding-right: 3px;
}

/* Begin Forms */
.radio label,
.checkbox label {
	padding-right: 20px;
	margin-right: 1px;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	margin-right: -20px;
	margin-top: 5px;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	float: right;
	margin-left: 1.5em;
}

.alignright {
	float: left;
	margin-right: 1.5em;
}

/*--------------------------------------------------------
Author Bio and Page
--------------------------------------------------------*/
.author-avatar {
  float: right;
}
.author-description {
  margin-right: 110px;
}
.author .author-description {
  margin-right: 0;
}

/*--------------------------------------------------------
10.3 Pagination
--------------------------------------------------------*/
.post-navigation .nav-previous,
.comment-navigation .nav-previous {
  float: right;
}

.post-navigation .nav-next,
.comment-navigation .nav-next {
  float: left;
  text-align: left;
}
.single .page-links {
  text-align: right;
}

/*--------------------------------------------------------------
Primary Menu
--------------------------------------------------------------*/
.main-navigation.toggled-on ul {	
	text-align:right;
}
.main-navigation.toggled-on ul a { padding-right: 1.250rem; }
.main-navigation.toggled-on ul ul a { padding-right: 2.50rem; }
.main-navigation.toggled-on ul ul ul a { padding-right: 3.750rem; }
.main-navigation.toggled-on ul ul ul ul a { padding-right: 5rem; }
.main-navigation.toggled-on ul ul ul ul ul a { padding-right: 6.250rem; }

@media (min-width: 992px) {

	.main-navigation li.menu-item-has-children > a:after{
		float: left;
		margin-right: 4px;
	}	
	/* Submenus */	
	.main-navigation ul.sub-menu li.menu-item-has-children > a:after {
		margin-right: 0.5rem;
		float: left;
		content: "\f104";
	}
	.main-navigation ul ul {
		float: right;
		margin: 0 -7px 0 0;
		left: -999rem;
	}
	.main-navigation ul ul ul {
		left: -999rem;
	}	
	.main-navigation li li {
		text-align: right;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;	
		right:0; 
	}
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
	  left: auto; /* reset the default positioning */
	  right: 100%; /* this makes the submenu fly out to the left */
 
	}
	.main-navigation li li a {
		-moz-transition: padding-right .3s ease-in-out;
     	-o-transition: padding-right  .3s ease-in-out;
     	-webkit-transition: padding-right  .3s ease-in-out;
     	transition: padding-right  .3s ease-in-out;
	}
	.main-navigation li li a:hover {
		padding-right: 20px;
	}	
}


/*--------------------------------------------------------------
 Footer Menu
--------------------------------------------------------------*/
#footer-menu {
	margin: 5px 0 3px;
}
#footer-menu li:after {
	margin: 0 2px 0 5px;;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text:focus {
	right: 5px;
}

/*--------------------------------------------------------------
Go to top button
--------------------------------------------------------------*/
.back-to-top {
	left: 20px;
}


/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/
@media (min-width: 320px) {}

@media (min-width: 480px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}