/*
 * RTL CSS
 *
 * @package Anima
 */

/*--------------------------------------------------------------
	# THEME SPECIFIC DEFAULTS
--------------------------------------------------------------*/

.main li li {
	margin-right: 1em;
	margin-left: 0;
}

/*--------------------------------------------------------------
	# LAYOUT
--------------------------------------------------------------*/

body {
	text-align: right;
}

#primary {
	padding-right: 1em;
	padding-left: 3%;
}

#secondary {
	padding-left: 1em;
	padding-right: 3%;
}

@media (min-width: 1152px) {

	#container.two-columns-right .main,
	#container.three-columns-right .main,
	#container.three-columns-sided .main {
		padding-left: 2.5em;
		padding-right: 0;
	}

	#container.two-columns-left .main,
	#container.three-columns-left .main,
	#container.three-columns-sided .main {
		padding-right: 2.5em;
		padding-left: 0;
	}

}

/*--------------------------------------------------------------
	# HEADER
--------------------------------------------------------------*/

#branding {
	margin-right: 0;
	margin-left: 3em;
	float: right;
}

#branding .identity {
	float: right;
}

#site-title {
	float: right;
}

#branding .identity + #site-title {
	margin-right: 1em;
}

#site-title span a span:first-child {
	margin-left: .1em;
}

#site-description {
	clear: right;
	float: right;
}

/* Header widget area */
#header-widget-area {
	float: left;
}

/*--------------------------------------------------------------
	## MAIN MENU
--------------------------------------------------------------*/

#access {
	float: left;
}

.anima-menu-left #access {
	float: right;
	margin-left: 0;
	margin-right: 2em;
}

#access::after {
	left: auto;
	right: 0;
}

#access > div > ul li > a:not(:only-child) span {
	padding-right: 0;
	padding-left: .5em;
}

#access > div > ul li > a:not(:only-child) > span::after {
	left: -0.6em;
	right: auto;
}

#access > div > ul ul > li a:not(:only-child) > span::after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: auto;
	left: 1em;
}

#access > div > ul ul > li:hover > a:not(:only-child) > span::after {
	left: -0.5em;
	right: auto;
}

#access ul li {
	float: right;
}

#access ul ul {
	margin-right: 0;
}

#access ul ul li { /* level 2 */
	float: right;
}

#access ul ul ul {
	left: auto;
	right: 100%;
}

#mobile-menu .mobile-arrow::after {
	right: auto;
	left: 0;
}

.dropdown-toggle {
	margin-right: 0;
	margin-left: -1em;
	float: left;
}

/*--------------------------------------------------------------
	## MOBILE MENU
--------------------------------------------------------------*/

#nav-toggle { /* Mobile nav toggle will only be visible on mobile */
	float: left;
	left: 0;
	right: auto;
}

nav#mobile-menu #nav-cancel {
	left: 0;
	right: auto;
}

nav#mobile-menu .sub-menu,
nav#mobile-menu .children {
	padding-right: 10px;
	padding-left: 0;
}

/*--------------------------------------------------------------
	# FOOTER
--------------------------------------------------------------*/

#site-copyright {
	float: right;
	clear: right;
}

#site-copyright + div {
	float: left !important;
	clear: left !important;
}

/*--------------------------------------------------------------
	## FOOTER MENU
--------------------------------------------------------------*/
.footermenu {
	float: right;
}

.footermenu ul li {
	float: right;
}

/*--------------------------------------------------------------
	## FOOTER WIDGET AREA
--------------------------------------------------------------*/

#colophon .widget-container {
	float: right;
}

#colophon .widget-container:after {
	left: 0;
	right: auto;
}

/*--------------------------------------------------------------
	# CONTENT
--------------------------------------------------------------*/

.entry-content blockquote.left {
	float: right;
	margin-right: 0;
	margin-left: 2em;
	text-align: left;
}
.entry-content blockquote.right {
	float: left;
	margin-right: 2em;
	margin-left: 0;
	text-align: right;
}

/*--------------------------------------------------------------
	## POST METAS
--------------------------------------------------------------*/

.entry-meta > span {
	margin-right: 0;
	margin-left: 1em;
}

#header-page-title .entry-meta span {
	margin-left: .2em;
	margin-right: 0;
}

.entry-meta span a,
.entry-meta span time {
	padding-left: 0;
	padding-right: .2em;
}

.main .entry-title {
    margin: 0 0 0 1.5em;
}

.comments-link {
	float: left;
}

.comments-link a {
	margin-right: 5px;
	margin-left: 0;
}

.tag-links {
	margin-right: 2em;
}

span.edit-link {
	left: .5em;
	right: auto;
}

.icon-angle-right::before {
	text-align: right;
    vertical-align: middle;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

i.icon-angle-right:before,
i.icon-angle-left:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}


.commentlist .comment-body::before,
.commentlist .comment-body::after {
	left: auto;
	right: 20px;
}

/* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
.commentlist .comment-body::after {
	margin-right: 1px;
	margin-left: 0;
}

/*--------------------------------------------------------------
	## AUTHOR INFO
--------------------------------------------------------------*/

#author-info #author-avatar {
	float: left;
	margin: 0 -100px 0 0;

}
#author-info #author-description {
	float: right;
	margin-left: 100px;
}

#entry-author-info #author-avatar {
	float: left;
	margin: 0 -100px 0 0;
}

#entry-author-info #author-description {
	float: right;
	margin: 0 0 0 110px;
}

#author-link span.meta-nav {
    display: inline-block;
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*--------------------------------------------------------------
	## ARTICLES
--------------------------------------------------------------*/

article.sticky:after {
	right: 0;
	left: auto;
}


.anima-magazine-two #content-masonry article.hentry {
	float: right;
}

.anima-magazine-three #content-masonry article.hentry {
	float: right;
}

/*--------------------------------------------------------------
	## PAGE NAVIGATION
--------------------------------------------------------------*/

#nav-below .nav-previous,
#nav-below .nav-next {
	float: right;
}

#nav-below .nav-next {
	text-align: left;
}

.icon-bread-home::before {
	margin-right: 0;
	margin-left: .3em;
}

#breadcrumbs-nav .icon-bread-arrow {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*--------------------------------------------------------------
	# POST FORMATS
--------------------------------------------------------------*/

span.entry-format {
	left: .5em;
	right: auto;
}

.format-status .avatar {
	float: right;
}
/*--------------------------------------------------------------
	# COMMENTS
--------------------------------------------------------------*/

#nav-comments .nav-next,
#nav-comments .nav-previous {
	float: right;
	margin-left: 1em;
	margin-right: 0;
}

.main .commentlist img.avatar {
	float: right;
}

.comment-author {
	float: right;
}

.comment-meta {
	float: right;
}

.comment-await {
	margin-right: 2em;
	margin-left: 0;
}

.comment .reply {
	float: left;
}

.comment .reply i {
	margin-left: .4em;
	margin-right: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.commentlist .children {
	margin-left: 0;
	margin-right: 1.5em;
}

/*--------------------------------------------------------------
	## COMMENTS FORM
--------------------------------------------------------------*/

#respond .form-submit {
	text-align: left;
}

/*--------------------------------------------------------------
	# WIDGET AREAS
--------------------------------------------------------------*/

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

.widget-title {
	text-align: right;
}

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

#wp-calendar tfoot #next {
	text-align: left;
}

/*--------------------------------------------------------------
	# SEARCHFORM
--------------------------------------------------------------*/

/* ## SIDEBAR SEARCH */
.searchform input[type="search"]  {
	float: right;
}

.menu-main-search .icon-cancel {
	left: 2em;
	right: auto;
}

#access > .menu > ul ul > li a:not(:only-child) span::after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/*--------------------------------------------------------------
	# SOCIALS
--------------------------------------------------------------*/

.socials a {
	float: right;
}

#sheader-container {
	float: left;
}
#sheader-container > * {
	margin-right: .5em;
	margin-left: 0;
}

#sfooter {
	display: block;
	float: left;
	clear: left;
}

/*--------------------------------------------------------------
	# LANDING PAGE
--------------------------------------------------------------*/

.lp-staticslider .staticslider-caption-title,
.seriousslider.seriousslider-theme .seriousslider-caption-title {
	float: right;
}

.lp-staticslider .staticslider-caption-text,
.seriousslider.seriousslider-theme .seriousslider-caption-text {
	float: right;
}

.staticslider-caption-buttons {
	float: right;
}

/* LP Slider */
a.staticslider-button-2 {
	margin-left: 0;
	margin-right: 1em;
}

/* LP Blocks */

.lp-block {
	float: right;
	margin-right: 0;
	margin-left: 6%;
}

.lp-blocks.lp-blocks-rows-1 .lp-block {
	margin-left: 0;
}

.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(4n),
.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(3n),
.lp-blocks.lp-blocks-rows-2 .lp-block:nth-child(2n) {
	margin-left: 0;
}

.lp-block i {
    float: right;
    margin-left: 1.5em;
    margin-right: 0;
}

.lp-block i {
	margin-right: 100px;
	margin-left: 0;
}

.lp-block i,
.lp-block .lp-block-title,
.lp-block .lp-block-text {
	margin-right: 50px;
	margin-left: 0;
}

@-webkit-keyframes icon-slide {
	from {
		margin-left: 0;
		margin-right: 50px;
		opacity: 0;
	}
	to {
		margin-right: 0;
		opacity: 1;
	}
}

@keyframes icon-slide {
	from {
		margin-right: 50px;
		margin-left: 0;
		opacity: 0;
	}
	to {
		margin-right: 0;
		opacity: 1;
	}
}

/* Boxes */
.lp-box {
	float: right;
}

.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box {
	margin-left: 4%;
	margin-right: 0;
}

.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box {
	margin-left: 4%;
	margin-right: 0;
}

.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box {
	margin-left: 4%;
	margin-right: 0;
}

.lp-box .lp-box-image > img {
	right: -5%;
	left: auto;
}

.lp-boxes .lp-box-link:hover i::before {
	padding-right: .2em;
	padding-left: 0;
}

/* Animated boxes */
.lp-boxes-animated .lp-box-image::after {
	right: 0;
	left: auto;
}

.lp-boxes-animated .lp-box-overlay {
	right: 0;
	left: auto;
}

.lp-boxes-static .lp-box-overlay {
	left: auto;
	right: 0;
}

.lp-boxes.lp-boxes-rows-4 .lp-box:nth-child(4n),
.lp-boxes.lp-boxes-rows-3 .lp-box:nth-child(3n),
.lp-boxes.lp-boxes-rows-2 .lp-box:nth-child(2n) {
	margin-left: 0;
}

a.staticslider-button-2 {
	margin-left: 0;
	margin-right: 1em;
}

#cryout_ajax_more_trigger > span::before {
	margin: auto auto auto .5em;
}

/*--------------------------------------------------------------
	# MISCELLANEOUS
--------------------------------------------------------------*/

/* ## BACK TO TOP */

#toTop {
	right: auto;
	left: -100px;
}

#toTop.toTop-show {
	right: auto;
	left: 1em;
}

.pagination span,
.pagination a {
	float: right;
	margin-left: 1px;
	margin-right: 0;
}

/* ## CONTINUE READING */
a.continue-reading-link {
	float: right;
}

a.continue-reading-link:hover {
	padding: 0 2.8em 0 0;
}

.continue-reading-link::after {
	right: -2em;
	left: auto;
}

a.continue-reading-link:hover::after {
	left: auto;
	right: 0;
}

i.icon-continue-reading {
	margin-right: .35em;
	margin-left: 0;
}

i.icon-continue-reading::before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.entry-content blockquote:before {
	left: auto;
	right: 0;
}

.entry-content blockquote:after {
	right: auto;
	left: 0;
}

/*--------------------------------------------------------------
	# RESPONSIVENESS
-------------------------------------------------------------- */

@media (max-width: 1152px) {

	.cryout #container[class*="three-"] .sidey .widget-container {
		float: right;
	}

	.cryout #primary + #secondary {
		padding-right: 2em;
		padding-left: 0;
	}

}

@media (max-width: 1024px) {

	.cryout #container[class*="two-"] .sidey .widget-container,
	.cryout #colophon .widget-container	{
		float: right;
	}

}

@media (max-width: 800px) {

	.cryout #site-title a span {
		padding-left: 0;
	}

	.cryout #sheader-container > * {
		margin-right: 0;
		margin-left: 3em;
	}

}

@media (max-width: 640px) {

	#branding {
		margin-right: 0;
		margin-left: 3em;
	}

}

/* ## LP Responisieness */
@media (max-width: 960px) {

	.lp-blocks.lp-blocks-rows-4 .lp-block,
	.lp-blocks.lp-blocks-rows-3 .lp-block {
		width: 48%;
	    margin-left: 4%;
	    margin-right: 0;
	}

	.lp-blocks.lp-blocks-rows-4 .lp-block:nth-child(2n),
	.lp-blocks.lp-blocks-rows-3 .lp-block:nth-child(2n) {
		margin-left: 0;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box,
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box {
		margin-left: 2%;
		margin-right: 0;
	}

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box:nth-child(2n),
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box:nth-child(2n) {
		margin-left: 0;
	}

}

@media (max-width: 720px) {

	.lp-staticslider .lp-staticslider-image {
		left: auto;
		right: 50%;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
	
}

@media (max-width: 480px) {

	.lp-boxes.lp-boxes-rows-4 .lp-boxes-margins .lp-box,
	.lp-boxes.lp-boxes-rows-3 .lp-boxes-margins .lp-box,
	.lp-boxes.lp-boxes-rows-2 .lp-boxes-margins .lp-box {
		margin-left: 0;
	}

	.lp-blocks.lp-blocks-rows-4 .lp-block,
	.lp-blocks.lp-blocks-rows-3 .lp-block,
	.lp-blocks.lp-blocks-rows-2 .lp-block {
		width: 100%;
		margin-bottom: 3em;

}

/* FIN! */
