/*
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 .st-menu > li {
    float: right;
}

.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-popular-store .view-all-stores {
text-align: left;
padding-left: 20px;
}
/*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 .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 .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;
}
@media screen and (max-width: 500px) {
.rtl .store-listing-item .store-thumb-link {
        margin: 0 auto;
        width: 180px;
        float: none;
    }
}

.rtl .store-listing-item .latest-coupon{
	text-align: right;
	float: right;
}
@media screen and (max-width: 790px) {   
.rtl .store-listing-item .latest-coupon {
max-width: fit-content !important;}}

@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: 200px) {
	.store-listing-item .coupon-detail {
		float: left;
	}
}
.rtl .coupon-button-type .coupon-code .get-code {
    left: 43px;
text-align: center;}
.rtl .coupon-button-type .coupon-code {
    text-align: left;}
.rtl .coupon-listing-item .coupon-listing-footer ul li a i, .rtl .coupon-listing-item .coupon-listing-footer ul li span i{
	float:right !important;
	margin-left: 5px;
margin-right: 0px !important;
	margin-top: 1px;
}
.rtl .coupon-listing-item .coupon-listing-footer .reveal-content .close {
    position: absolute;
    right: 20px;
    top: 12px;
}
.rtl .coupon-listing-item, .store-listing-item {
border-right: 2px solid #319795;
}
.rtl .coupon-listing-item, .rtl .store-listing-item {
  border-left: none;
}

.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;
}

.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 .before-footer{
	text-align: right;
}