/*
Theme Name: Bako
Theme URI: https://aliniyazi.info
Author: Ali Niyazi
Author URI: https://aliniyazi.info
Description: Personal Portfolio & Resume WordPress Theme
Version: 1.0.1.1
License: GNU General Public License
License URI: https://themeforest.net/licenses
Text Domain: bako
*/
/* Font */


@font-face {
    font-family: "IRANSansX";
    src:url('fonts/fa/IRANSansXFaNum-Black.woff2') format('woff2'),
        url('fonts/fa/IRANSansXFaNum-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src:url('fonts/fa/IRANSansXFaNum-DemiBold.woff2') format('woff2'),
        url('fonts/fa/IRANSansXFaNum-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src:url('fonts/fa/IRANSansXFaNum-Bold.woff2') format('woff2'),
        url('fonts/fa/IRANSansXFaNum-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src:url('fonts/fa/IRANSansXFaNum-ExtraBold.woff2') format('woff2'),
        url('fonts/fa/IRANSansXFaNum-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src:url('fonts/fa/IRANSansXFaNum-Light.woff2') format('woff2'),
        url('fonts/fa/IRANSansXFaNum-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src:url('fonts/fa/IRANSansXFaNum-Thin.woff2') format('woff2'),
        url('fonts/fa/IRANSansXFaNum-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src:url('fonts/fa/IRANSansXFaNum-Regular.woff2') format('woff2'),
        url('fonts/fa/IRANSansXFaNum-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src:url('fonts/fa/IRANSansXFaNum-UltraLight.woff2') format('woff2'),
        url('fonts/fa/IRANSansXFaNum-UltraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "IRANSansX";
    src:url('fonts/fa/IRANSansXFaNum-Medium.woff2') format('woff2'),
        url('fonts/fa/IRANSansXFaNum-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
/* Font */

body,
.portfolio-filter li,
.btn,
h1,
h2,
h3,
h4,
h5,
h6,
header .site-title,
header .vertical-menu li a,
.blog-single h1,
.blog-item h4 a {
    font-family: "IRANSansX";
}

.blog-item h4 a {
  font-weight: 600;
}

.portfolio-filter li {
  font-size: 14px;
}

.portfolio-item .details span:after {
  margin-right: initial;
  margin-left: 4px;
}

* {
  direction: rtl !important;
}

body {
  text-align: right !important;
  direction: ltr !important;
}

main.content {
  float: left !important;
}

header.left {
  float: right !important;
}

header .vertical-menu li a.active:before {
  left: initial;
  right: -30px;
}

header .vertical-menu i {
  margin-right: initial;
  margin-left: 20px;
}

header .vertical-menu li a:hover {
  margin-right: 5px;
  margin-left: initial;
}

.btn i {
  margin-right: initial;
  margin-left: 10px;
}

header .site-title.dot:after {
  margin-left: initial;
  margin-right: 5px;
}

h1 .dot:after {
  margin-left: initial;
  margin-right: 5px;
}

.mobile-header .site-title.dot:after {
  margin-left: initial;
  margin-right: 5px;
}

.search-button i {
  margin-right: initial;
  margin-left: 10px;
}

.search-form button.search {
  margin-left: initial;
  margin-right: 5px;
}

.list-inline {
  padding-left: initial;
  padding-right: 0;
}

.social-icons li:not(:last-child) {
  margin-right: initial;
  margin-left: 0.3rem;
}

.skill-item h4 {
  float: right !important;
}

.skill-item .skill-info span {
  float: left !important;
}

.entry .title {
  float: right !important;
}

.entry .body {
  float: right;
  padding-left: initial !important;
  padding-right: 60px !important;
}

.portfolio-item .plus-icon {
  left: initial;
  right: 25px;
}

.timeline-line {
  left: initial;
  right: calc(20% + 2px);
}

.entry .title:before {
  right: initial;
  left: -8px;
}

.price-content ul {
  padding: 0 !important;
}

.testimonials-wrapper .slick-list,
.slick-dots,
.clients-wrapper .slick-list {
  direction: ltr !important;
}

[dir="rtl"] .slick-slide {
  float: left;
}

.blog-item .category {
  left: initial;
  right: 20px;
}

.blog-item .meta li:not(:last-child) {
  margin-right: initial;
  margin-left: 1rem;
}

.blog-item .meta li:after {
  margin-left: initial;
  margin-right: 1rem;
}

.contact-info i {
  float: right;
}

.contact-info .details {
  margin-left: initial;
  margin-right: 40px;
}

.mobile-header.push {
  -webkit-transform: translateX(-295px) !important;
  -moz-transform: translateX(-295px) !important;
  -ms-transform: translateX(-295px) !important;
  -o-transform: translateX(-295px) !important;
  transform: translateX(-295px) !important;
}

main.content.push {
  -webkit-transform: translateX(-295px) !important;
  -moz-transform: translateX(-295px) !important;
  -ms-transform: translateX(-295px) !important;
  -o-transform: translateX(-295px) !important;
  transform: translateX(-295px) !important;
}

main.content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

header.left .mCSB_inside > .mCSB_container {
  margin-right: initial;
  margin-left: 0;
}

header.left .mCSB_scrollTools {
  right: initial;
  left: -10px;
}

.testimonial-item .testimonial-details .info {
  margin-left: auto;
  margin-right: 20px;
}

#return-to-top i {
  left: initial;
  right: 14px;
}

.portfolio-info li:not(:last-child) {
  margin-right: initial;
  margin-left: 1.5rem;
}

.portfolio-info i {
  margin-right: initial;
  margin-left: 10px;
  margin-top: 4px;
  float: right;
}

.portfolio-filter li:not(:last-child) {
  margin-right: initial;
  margin-left: 1.5rem;
}

.blog-single .meta li:after {
  margin-left: initial;
  margin-right: 1rem;
}

.blog-single .meta li:not(:last-child) {
  margin-right: initial;
  margin-left: 1rem;
}

.tags a {
  margin-right: initial;
  margin-left: 10px;
}

.single-comment .thumb {
  float: right !important;
}

.single-comment .comment {
  margin-left: auto;
  margin-right: 150px;
}

.bypostauthor h5.name:after {
  content: "نویسنده";
  margin-left: auto;
  margin-right: 10px;
}

#return-to-top {
  right: initial;
  left: 20px;
}

.comment-list li.comment .children li .single-comment .comment {
  margin-left: initial;
  margin-right: 100px;
}

.blog-item-standard .meta li:not(:last-child) {
  margin-right: initial;
  margin-left: 1rem;
}

.blog-item-standard .meta li:after {
  margin-left: initial;
  margin-right: 1rem;
}

.comment-respond .row .form-submit {
  margin-left: initial;
  margin-right: 15px;
}

@media only screen and (max-width: 991px) {
  header.left {
    position: fixed;
    top: 25px;
    float: none !important;
    -webkit-transform: translateX(+380px);
    -moz-transform: translateX(+380px);
    -ms-transform: translateX(+380px);
    -o-transform: translateX(+380px);
    transform: translateX(+380px);
  }

  header.left.open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.mr-2,
.mx-2 {
  margin-right: initial;
  margin-left: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: initial;
  margin-right: 0.5rem !important;
}

@media only screen and (max-width: 515px) {
  .pf-filter-wrapper {
    display: none;
  }

  .portfolio-filter {
    display: block;
  }

  .portfolio-filter li {
    margin-top: 3px;
    margin-bottom: 3px;
  }
}
