/*
Theme Name: WP Coupon

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;
}

.rtl .fleft{
	float:right;
}

.rtl .fright{
	float:left;
}

.rtl .st-menu > li > a.wpu-login-btn{
	margin: 10px 50px 5px 0px;
}

.rtl .nav-user-action .st-menu ul {
	right: auto;
	left: 0;
}

.rtl #header-search input[type=text]{
	text-align: right;
	padding-left: 1em;
	padding-right: 2.67142857em!important;
}

.rtl .ui[class*="left icon"].input>i.icon{
	right: 1px;
	left: auto;
}

.rtl .frontpage-container .st-slider-widget .owl-carousel .owl-stage{
	right: 3.65px;
}
@media screen and (max-width: 992px){
	.rtl .frontpage-container .st-slider-widget .owl-carousel .owl-stage{
		right: 0;
	}
}
@media screen and (min-width: 992px){

	.rtl .home-slider-wrapper {
		margin: 0 0 0 20px !important;
	}
}

.rtl .frontpage-container .st-tr-coupons{
	left:0;
	right: auto;
}

.rtl .front-top-coupons .coupon-item .coupon-data .coupon-header .coupon-off{
	left:0;
	right:auto;
}

/*Newsletter*/
.rtl .widget_front_newsletter .ui[class*="left icon"].input>input {
	padding-left: 0!important;
	padding-right: 2.67142857em!important;
	text-align: right;
	border-top-right-radius: .28571429rem !important;
	border-bottom-right-radius: .28571429rem !important;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-right: 1px solid #e9e9e9;
}

.rtl .newsletter-box-wrapper.shadow-box .input .ui.button{
	border-top-left-radius: .28571429rem !important;
	border-bottom-left-radius: .28571429rem !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.rtl .coupon-modal .coupon-content .modal-code .action .button{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.rtl .site-footer .widget_nav_menu ul li a:before{
	content: "\f104";
	font-family: Icons;
	left: auto;
	right: 0;
}

.rtl .site-footer .widget_nav_menu ul li a{
	padding-right: 17px;
}

.rtl .store-az-menu .item .mini.label{
	margin: 0 5px 0 0;
}

.rtl .store-listing .store-letter-content ul{
	padding-right: 0;
}

.rtl .store-listing .store-letter-content ul li{
	padding-right:20px;
}

.rtl .store-letter-content ul li{
	float: right;
}

.rtl .store-letter-content ul li:before{
	content:"\f104";
	left: auto;
	right: 5px;
	top: 2px;
}

.rtl .header-content .top-heading-sec .header-store-thumb{
	margin-left: 20px;
	margin-right:0;
}

.rtl .coupon-filter .filter-coupons-buttons .coupons-types-wrap{
	float: right
}

.rtl .coupon-filter .filter-coupons-buttons .submit-coupon-button{
	float:left;
}

.rtl .store-listing-item .store-thumb-link{
	float:right;
	margin-right: 0px;
	margin-left: 20px;
}

.rtl .store-listing-item .latest-coupon{
	margin-right: 0px;
	text-align: right;
	float: right;
}
@media screen and (max-width: 500px){
	.rtl .store-listing-item .latest-coupon{
		max-width: 57%;
	}
}
@media screen and (max-width: 400px){
	.rtl .store-listing-item .latest-coupon{
		max-width: 50%;
	}
}
@media screen and (min-width: 500px) {
	.store-listing-item .coupon-detail {
		float: left;
	}
}

.rtl .coupon-listing-item .coupon-listing-footer ul li a i, .rtl .coupon-listing-item .coupon-listing-footer ul li span i{
	float:left;
	margin-right: 7px;
	margin-top: 1px;
}

.rtl .widget_store_cat_filter .store-cat-filter-wrapper.ui.list{
	padding-right: 0px;
}

.rtl .widget_store_cat_filter .store-filter-sortby-wrapper.ui.list{
	padding: 20px 0px 20px 20px;
}

@media screen and (min-width: 500px){
	.rtl .coupon-modal .coupon-header .coupon-store-thumb{
		float:right;
	}
	.rtl .coupon-modal .coupon-header .coupon-title{
		float:right;
	}
	.rtl .coupon-modal .coupon-header .close{
		right:auto;
		left: 25px;
	}
	.rtl .coupon-modal .coupon-content .user-ratting{
		float: right;
	}
}
.rtl i.icon.angle.right{
	right: 10px;
	position: relative;
}
.rtl i.icon.angle.right:before{
	content: "\f104";
}

.rtl .wp-block-search__button{
	margin-right: 0px;
}

.rtl ol.wp-block-latest-comments{
	padding-right: 0;
}

.rtl #secondary .newsletter-box-wrapper .ui[class*="left icon"].input>input{
	padding-right: 35px !important;
	padding-left: 0px !important;
	text-align: right;
}

/*Coupon Submit Form*/
.rtl .ui.form input[type="text"]{
	text-align: right;
	border-radius: 0.28571429rem;
}
.rtl .page-template-submit .select-store-input .select-coupon-store{
	text-align: right;
}
.rtl .ui.dropdown > .text{
	float:right;
}
.rtl .ui.icon.input > input {
	padding-right: 15px;
}
.rtl .ui.icon.input > i.icon{
	right: auto !important;
}
.rtl .ui.form .field > .selection.dropdown > .dropdown.icon{
	position: relative;
	top: -1px;
	left:0;
	float: left;
}
.rtl .ui.selection.dropdown{
	padding-right: 15px;
}
.rtl .ui[class*="right labeled"].icon.button{
	margin-left: 0 !important;
	margin-right: -42px !important;
	padding:12px 15px 12px 50px !important;
	border-radius: 0.28571429rem 0 0 0.28571429rem;
}
.rtl .ui[class*="right labeled"].icon.button > .icon{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0.28571429rem;
	border-bottom-left-radius: 0.28571429rem;
}
.rtl .ui.icon.input > i.icon{
	right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0.28571429rem;
	border-bottom-left-radius: 0.28571429rem;
}
.rtl .ui[class*="right labeled"].icon.button > .icon{
	left: 0 !important;
	right: auto !important;
}
.rtl .ui.action.input:not([class*="left action"]) > input{
	border-top-right-radius: 0.28571429rem !important;
	border-bottom-right-radius: 0.28571429rem !important;
}

.rtl .reveal-email .input .email_send_to{
	text-align: right;
	padding-right: 2.67142857em !important;
	padding-left: 1em !important;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 0.28571429rem !important;
	border-bottom-right-radius: 0.28571429rem !important;
}

.rtl .reveal-email .input .ui.button{
	border-top-left-radius: .28571429rem !important;
	border-bottom-left-radius: .28571429rem !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.rtl .reveal-email .email_send_btn{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.rtl .before-footer{
	text-align: right;
}