/*
 * Theme Name: Cream Magazine Pro
 *
 * Adding support for languages 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.
 *
 * https://codex.wordpress.org/Right-to-Left_Language_Support
 */


/*
====================================
=
= RTL direction
=
==========================
*/

body.rtl {

	direction: rtl;
	unicode-bidi: embed;
}


/*
====================================
=
= Common styles
=
==========================
*/


body.rtl #toTop {

	left: 10px;
	right: auto;
}

/* post meta */

body.rtl ul.post_meta li {

	margin-left: 10px;
}

body.rtl ul.post_meta li:last-child {

	margin-left: 0;
}

body.rtl ul.post_meta li a {

	display: inline-flex;
}

.owl-carousel.owl-rtl {

    direction: rtl; 
}

.owl-carousel.owl-rtl .owl-item {

    float: right; 
}

/* primary navigation */

body.rtl .primary-navigation li.has-sub>a:after {

	margin-right: 0;
	margin-left: 5px;
}

body.rtl .ticker_carousel .owl-nav {

	right: auto;
	left: 0;
}

body.rtl .news_ticker_wrap .ticker_items {

	padding-right: 10px;
}

body.rtl .cm_banner-carousel-one .owl-nav,
body.rtl .cm_banner-carousel-five .owl-nav,
body.rtl .cm_banner-carousel-three .owl-nav,
body.rtl .cm_middle_post_widget_six .middle_widget_six_carousel .owl-nav {

	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
}

/* post navs */

body.rtl .post-navigation .nav-links .nav-next a:after {

	margin-right: 0;
	margin-left: 15px;
}

body.rtl .post-navigation .nav-links .nav-previous a:before {

	margin-left: 0;
    margin-right: 15px;
}

/*
====================================
=
= Header styles
=
==========================
*/


body.rtl .header-search-container form {

	right: auto;
}


/*
====================================
=
= Banner styles
=
==========================
*/


body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:first-child {

	padding-right: 15px;
}

body.rtl .cm_banner-five .gutter-left {

	padding-right: 15px;
}

body.rtl .cm_banner-five .gutter-right {

	padding-left: 15px;
}


/*
=================================
=
= RTL Responsive
=
==========================
*/ 

@media ( max-width: 991px ) {


	/* banner */

	body.rtl .cm-banner-two .gutter-left {

		padding-left: 15px;
		margin-bottom: 30px;
	}
 
	body.rtl .cm-banner-two .gutter-right {

		padding-right: 15px;
	}

	body.rtl .cm_banner-five .gutter-left {

		padding-left: 15px;
		padding-right: 15px;
		
	}

	body.rtl .cm_banner-five .gutter-left .card {

		margin-left: 0;
    	margin-right: 0;
	}

	body.rtl .cm_banner-five .gutter-right {

		padding-right: 15px;
		padding-left: 15px;
	}

	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:first-child .post_thumb {

		margin-right: 0;
	}

	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:nth-child(3) .post_thumb {

		margin-right: 0;
	}

	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:nth-child(4) .post_thumb {

		margin-left: 0;
	}


}


@media( max-width: 767px ) {

	/* banner */

	body.rtl .cm-banner-two .right-content-holder .gutter-right-top:first-child {

		margin-bottom: 30px;
	}

	body.rtl .cm-banner-two .right-content-holder .gutter-right-top:last-child {

		margin-bottom: 0;
	}
}

@media ( max-width: 576px ) { 

	
	/* banner */

	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:nth-child(2),
	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:nth-child(4) {

		padding-right: 15px;
	}
	
	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:nth-child(1),
	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:nth-child(3) {

		padding-left: 15px;
	}

	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:nth-child(3) .post_thumb,
	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:first-child .post_thumb {

		margin-left: 0;
	}

	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:nth-child(2) .post_thumb,
	body.rtl .cm_banner-five .gutter-right .right-content-holder .custom_row .col:nth-child(4) .post_thumb {

		margin-right: 0;
	}
}