/*!
Theme Name: Blog Life
Theme URI: https://blazethemes.com/theme/blog-life
Author: Blaze Themes
Author URI: https://blazethemes.com
Description: Blog Life is a beautiful WordPress Theme design specially for bloggers. Providing all the loved featured by bloggers like stiky post, post formats like audio, video, gallery, Image, Easy access to social share, simple layout for blog. You can check demo at https://demo.blazethemes.com/blog-life.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blog-life
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Blog Life is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

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) {}