/*
* Theme Name: Itsme - Personal Portfolio HTML Template
* Translator: Maxjn
* Version: 1.0.0
* Last Change: 12 Feb 2023
  Translator URI    : https://www.rtl-theme.com/author/maxjn/products/
-------------------------------------------------------------------*/
/*------------- List Of Table -----------
# Fonts
# Global Settings
# Main Header
# Common Class
# About Section
# Service Section
# Resume Section
# Portfolio Section
# Contact Section
# Blog Page
# Blog Sidebar
# Blog Single
------------- List Of Table ----------*/

/* CSS Document */
@import url(plugins/fontawesome.5.9.0.min.css);
@import url(plugins/bootstrap-4.5.3.min.css);
@import url(plugins/spacing.min.css);
@import url(plugins/jquery.pagepiling.css);
@import url(plugins/slick.min.css);
@import url(plugins/animate.min.css);
@import url(style.css);
@import url(responsive.css);

/*------------------------------------
	Fonts
------------------------------------*/
@font-face {
  font-family: IRANSans;
  src: url("../fonts/IRANSansWeb/IRANSansWeb.eot");
  src: url("../fonts/IRANSansWeb/IRANSansWeb.eot") format("embedded-opentype"),
    url("../fonts/IRANSansWeb/IRANSansWeb(FaNum).woff") format("woff"),
    url("../fonts/IRANSansWeb/IRANSansWeb.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: vazir-bold;
  src: url("../fonts/vazir/Vazir-Bold.eot");
  src: url("../fonts/vazir/Vazir-Blod.eot") format("embedded-opentype"),
    url("../fonts/vazir//Farsi-Digits/Vazir-Bold-FD.woff") format("woff"),
    url("../fonts/vazir/Vazir-Bold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: vazir-medium;
  src: url("../fonts/vazir/Vazir-Medium.eot");
  src: url("../fonts/vazir/Vazir-Medium.eot") format("embedded-opentype"),
    url("../fonts/vazir//Farsi-Digits/Vazir-Medium-FD.woff") format("woff"),
    url("../fonts/vazir/Vazir-Medium.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: vazir-light;
  src: url("../fonts/vazir/Vazir-Light.eot");
  src: url("../fonts/vazir/Vazir-Light.eot") format("embedded-opentype"),
    url("../fonts/vazir//Farsi-Digits/Vazir-Light-FD.woff") format("woff"),
    url("../fonts/vazir/Vazir-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: vazir-thin;
  src: url("../fonts/vazir/Vazir-Thin.eot");
  src: url("../fonts/vazir/Vazir-Thin.eot") format("embedded-opentype"),
    url("../fonts/vazir//Farsi-Digits/Vazir-Thin-FD.woff") format("woff"),
    url("../fonts/vazir/Vazir-Thin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*------------------------------------------------------------
	Global Settings
-------------------------------------------------------------*/
:root {
  --base-font: "vazir-medium", sans-serif;
  --heading-font: "vazir-bold", serif;
}

body,
.container,
.row {
  direction: rtl;
}

.about-content,
.service-content,
.skill-content,
.vacancy-content,
.testimonials-content,
.weapons-content,
.contact-content,
.page-inner-content,
.section-title,
.years,
.portfolio-content {
  text-align: right;
}
/*------------------------------------------------------------
	Main Header
-------------------------------------------------------------*/
.body-piling .brand {
  right: 50px;
  left: initial;
}
.lets-chat {
  left: 130px;
  right: initial;
}

.lets-chat button {
  margin-right: 20px;
  margin-left: initial;
}

/*Nav Toggle Btn*/
.nav-toggle-btn {
  left: 50px;
  right: initial;
}

.menu {
  left: 0;
  right: initial;
  transform: translateX(-100%);
}

.number-email li::after {
  left: 0;
  right: initial;
}

.number-email li {
  padding-left: 40px;
  margin-left: 40px;
  padding-right: initial;
  margin-right: initial;
}

.progress-nav {
  left: 60px;
  right: initial;
}

.download-cv i {
  margin-right: 5px;
  margin-left: initial;
}

/*------------------------------------------------------------
	Common Class
-------------------------------------------------------------*/
.theme-btn i,
a.theme-btn i {
  margin-right: 40px;
  margin-left: initial;
}
.theme-btn:before,
a.theme-btn:before {
  right: 5px;
  left: initial;
}

.theme-btn:hover:before,
a.theme-btn:hover:before {
  right: calc(100% - 49px);
}

.theme-btn:hover i,
a.theme-btn:hover i {
  margin-right: 45px;
  margin-left: -3px;
}

/*------------------------------------------------------------
	About Section
-------------------------------------------------------------*/
.social-style-one a {
  margin: 0 5px 0 10px;
}

.sub-title::before {
  right: -50px;
  left: initial;
}
.sub-title {
  margin-right: 50px;
  margin-left: initial;
}

/*------------------------------------------------------------
	Service Section
-------------------------------------------------------------*/
.service-item .icon {
  margin-left: 15px;
  margin-right: initial;
}

/*------------------------------------------------------------
	Resume Section
-------------------------------------------------------------*/
.vacancy-content::after {
  right: -2px;
  left: initial;
}

.vacancy-content::before {
  right: 0;
  left: initial;
}

.vacancy-content {
  padding-right: 20px;
  padding-left: initial;
}

/*------------------------------------------------------------
	Portfolio Section
-------------------------------------------------------------*/
.count-text {
  margin-left: 15px;
  margin-right: initial;
}

.read-more:hover i {
  margin-right: 25px;
  margin-left: initial;
}
.read-more i {
  margin-right: 20px;
  margin-left: initial;
}

.slick-list,
.slick-dots {
  direction: ltr;
}

[dir="rtl"] .slick-slide {
  float: left;
}

/*------------------------------------------------------------
	Contact Section
-------------------------------------------------------------*/
.contact-form button {
  left: 0;
  right: initial;
}

/*------------------------------------------------------------
	Blog Page
-------------------------------------------------------------*/
.breadcrumb-item + .breadcrumb-item::before {
  padding-left: 0.5rem;
}

.blog-meta li i {
  margin-left: 10px;
  margin-right: initial;
}

.blog-meta li:last-child::after {
  content: "";
  height: 5px;
  width: 5px;
  right: 0;
  border-radius: 50%;
  position: absolute;
  background: var(--primary-color);
}

.blog-meta li:last-child {
  margin-right: 25px;
  padding-right: 25px;
}
.blog-meta li:first-child {
  margin-right: initial;
  padding-right: initial;
}

.blog-meta li:first-child::after {
  height: 0;
  width: 0;
}

/*------------------------------------------------------------
	Blog Sidebar
-------------------------------------------------------------*/

.search-widget form button {
  left: 0;
  right: initial;
}

.category-widget li::before {
  content: "\f104";
  margin-left: 10px;
  margin-right: initial;
}
.category-widget li span {
  margin-right: auto;
  margin-left: initial;
}

.news-widget-item img {
  margin-left: 25px;
  margin-right: initial;
}

.news-widget-item .date i {
  margin-left: 5px;
  margin-right: initial;
}

.tag-clouds a {
  margin: 0 0 10px 10px;
}

/*------------------------------------------------------------
	Blog Single
-------------------------------------------------------------*/
.blog-footer b {
  margin: 2px 0 2px 15px;
}

.social-style-one a {
  margin: 0 0 5px 10px;
}

.comment-details .name-date h5 {
  margin-left: 15px;
  margin-right: initial;
}

.author-image {
  margin-left: 30px;
  margin-right: initial;
}

.comment-details .reply i {
  margin: 5px 5px 0 0;
}
