/*
 * ATA Group — Right-to-Left overrides.
 *
 * Loaded only when the active language is RTL (Persian, Arabic, Hebrew, ...).
 * The base template is LTR, so this sheet flips direction, alignment and the
 * most visible directional components while leaving the original artwork intact.
 */

body {
	direction: rtl;
	text-align: right;
}

/* -------------------------------------------------------------------------
 * Bootstrap text alignment utilities
 * ---------------------------------------------------------------------- */
.text-left {
	text-align: right !important;
}

.text-right {
	text-align: left !important;
}

@media (min-width: 992px) {
	.text-lg-left {
		text-align: right !important;
	}

	.text-lg-right {
		text-align: left !important;
	}
}

@media (min-width: 768px) {
	.text-md-left {
		text-align: right !important;
	}

	.text-md-right {
		text-align: left !important;
	}
}

.text-center {
	text-align: center !important;
}

/* -------------------------------------------------------------------------
 * Floats
 * ---------------------------------------------------------------------- */
.float-left,
.pull-left {
	float: right !important;
}

.float-right,
.pull-right {
	float: left !important;
}

/* -------------------------------------------------------------------------
 * Directional spacing utilities used by the template
 * ---------------------------------------------------------------------- */
.pl-30 {
	padding-right: 30px !important;
	padding-left: 0 !important;
}

.pl-40 {
	padding-right: 40px !important;
	padding-left: 0 !important;
}

.pr-40 {
	padding-left: 40px !important;
	padding-right: 0 !important;
}

.ml-30 {
	margin-right: 30px !important;
	margin-left: 0 !important;
}

.mr-30 {
	margin-left: 30px !important;
	margin-right: 0 !important;
}

/* -------------------------------------------------------------------------
 * Header
 * ---------------------------------------------------------------------- */
.header-cta ul li i,
.header-cta ul li img {
	margin-right: 0;
	margin-left: 12px;
}

.header-cta ul li {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
}

/* -------------------------------------------------------------------------
 * Main navigation
 * ---------------------------------------------------------------------- */
.main-menu {
	text-align: left;
}

.main-menu ul > li > a {
	direction: rtl;
}

.main-menu ul li ul.sub-menu,
.main-menu ul li ul {
	text-align: right;
}

/* -------------------------------------------------------------------------
 * Lists with leading icons (choose-list, about list, availability, ...)
 * ---------------------------------------------------------------------- */
ul li i,
ol li i {
	margin-right: 0;
	margin-left: 8px;
}

.choose-list ul li i,
.choose-list ul li span,
.about-list ul li i {
	margin-right: 0;
	margin-left: 10px;
}

ul,
ol {
	padding-right: 0;
	padding-left: 0;
}

/* -------------------------------------------------------------------------
 * Breadcrumb
 * ---------------------------------------------------------------------- */
.breadcrumb {
	direction: rtl;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
	padding-right: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	float: right;
	padding-right: 0;
	padding-left: 0.5rem;
	content: "\f104";
}

/* -------------------------------------------------------------------------
 * Sliders (Slick) — flip the arrow positions
 * ---------------------------------------------------------------------- */
.slick-prev {
	right: auto;
	left: 25px;
}

.slick-next {
	left: auto;
	right: 25px;
}

/* -------------------------------------------------------------------------
 * Forms
 * ---------------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="search"],
textarea,
select {
	direction: rtl;
	text-align: right;
}

.comment-field i {
	left: auto;
	right: 20px;
}

.comment-field input,
.comment-field textarea {
	padding-left: 20px;
	padding-right: 50px;
}

/* -------------------------------------------------------------------------
 * Footer
 * ---------------------------------------------------------------------- */
.footer-social a {
	margin-right: 0;
	margin-left: 10px;
}

.footer-social span {
	margin-right: 0;
	margin-left: 10px;
}

/* -------------------------------------------------------------------------
 * Language switcher (added by the theme inside the menu)
 * ---------------------------------------------------------------------- */
.lang-switcher,
.lang-switcher ul {
	text-align: right;
}