@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');

html {
    direction: ltr;
}

body {
    font-family: 'vazirmatn' , sans-serif;
}

/*nav*/
@media screen and (max-width: 768px) {
    #nav {
   .btn {
       font-size: 12px;
   } 
}
}


/*front page styles*/
.home  {
    .main-grid {
        #introduction , #portfolio, .follow-me , #story {
            direction: rtl;
            /*background-position: left;*/

            .btn {
                direction: ltr;
            }

            .view-all {
                direction: ltr;
            }

            .stories-content-container {
                margin-left: 0;
                margin-right: 20px;
            }

            .stories-container {
                margin-right: -4px;
            }

            .vertical-line-top {
                right: 23px;
            }
            .vertical-line-bottom {
                right: 23px;
            }
        }
    }

    #story {
        padding: 20px 16px 40px  40px;
    }
}

.page-template-page-about {
    .follow-me-container , .content  {
        direction: rtl;
    }
    h1 {
        text-align: right;
    }
}

#hireMeModal {
    direction: rtl;
}

.close-modal {
    right: 90%;
    left: 16px;
    top: 12px;
}

.blog {
    #content {
        direction: rtl;
    }
}

/*Blog single*/
.main-blog-single {
    direction: rtl;
    #nav {
        direction: ltr;
    }
    
    #single-post {
        #content {
        .wp-block-list {
            padding-left: 0;
            padding-right: 1.5rem;
            padding-bottom: 0.5rem;
            li a {
                cursor: pointer;
            }
        }
    }
    }
}

.archive-portfolio {
    .content {
        direction: rtl;
    }
}

/*Single Portfolio*/
#single-portfolio {
    direction: rtl;
}