/*
Theme Name: BeOnePage Lite
Theme URI: http://hamyarwp.com/beonepage/
Author: HAMYARWP
Author URI: http://hamyarwp.com
Description: BeOnePage is a professional one-page creative WordPress theme. Perfect to promote your work or your creative business. It is cross-browser compatible, fully responsive, and retina ready. BeOnePage is very easy to set up and customize, being powered by the amazing WordPress Customizer. The theme performs beautifully on all devices, with smooth animations and optimum speed.
Version: 1.1.0
/*

/*--------------------------------------------------------------
1.1 Typography
--------------------------------------------------------------*/
@font-face {
	    font-family: 'Vazir';
	    src: url('fonts/Vazir.eot');
	    src: url('fonts/Vazir.eot?#iefix') format('embedded-opentype'),    
		url('fonts/Vazir.woff') format('woff'),      
		url('fonts/Vazir.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	    unicode-range: U+0600ְ6FF;
}
html, body, div, h1, h2, h3, h4, h5, h6, input, textarea,option,select{
	  font-family: Vazir !important;
	 font-weight: normal;
	 letter-spacing:0px !important;
}

p{
	  font-family: Vazir !important;
}
.blog-title,.comment-author-link {
	font-family: Vazir!important;
	letter-spacing:0px !important;
	}

blockquote {
	border-right: 5px solid #ffcc00;
	border-left: none;
	letter-spacing:0px !important;
}
.main-navigation {
    font: 400 1.2em/3.183em "Vazir";
}

input.form-control ,.site-title,.main-navigation ,.module h2,.module h3,.module-caption p,
.slider-caption h1,.slider-caption p,.slider-btn a ,#portfolio-filter a,.portfolio-caption .entry-title,
.portfolio-caption .entry-meta,.portfolio-ajax-title h2 ,.promo-box-ver h2,.promo-box-ver p,
.promo-box-ver .promo-btn,.blog-item .entry-publish-date,.blog-item .entry-title ,
.see-more-wrap .sm-text,.contact-item .ci-title,.contact-item .ci-content,
.bcrumbs,.page-header h1,.blog-list,.post-date-month,.widget .widget-title ,h1,a,.btn btn-light,button{
	letter-spacing:0px !important;
}
.search-btn {
	line-height: 45px;
}
	
/*--------------------------------------------------------------
1.2 Elements
--------------------------------------------------------------*/

.row-nopadding [class*="col-"] {
	padding-right: 0;
	padding-left: 0;
}

.select:after {
	margin-right: -20px;
	margin-left: auto;
}
/*--------------------------------------------------------------
1.2.3 Separator
--------------------------------------------------------------*/

.separator span:before {
	left: 100%;
	margin-left: 15px;
	right: auto;
	margin-right: auto;
}

.separator span:after {
	right: 100%;
	margin-right: 15px;
	left: auto;
	margin-left: auto;
}

/*--------------------------------------------------------------
1.3 Alignment
--------------------------------------------------------------*/
.alignright {
	float: right;
	margin-left: 1.3em;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 1.3em;
	margin-left: auto;
}

.aligncenter {
	margin-right: auto;
	margin-left: auto;
}

/*--------------------------------------------------------------
02 Header
--------------------------------------------------------------*/

.site-branding {
	float: right;
}
/*--------------------------------------------------------------
2.2 Header Menu
--------------------------------------------------------------*/
.main-navigation {
	float: left;
}

.main-navigation li {
	float: right;
}

.main-navigation a {
	padding: 25px 20px 25px 0;
}

.main-navigation a i {
	margin-left: 2px;
	margin-right: auto;
}

.main-navigation li ul {
	right: 10px;
	left: auto;
}

.main-navigation .menu-pos-invert {
	left: 0;
	right: auto;
}

/*--------------------------------------------------------------
2.3 Mobile Menu
--------------------------------------------------------------*/
.mobile-menu {
	float: left;
}
/*--------------------------------------------------------------
3.1.1 Scroll Down
--------------------------------------------------------------*/
.scroll-down {
	right: 50%;
	margin-right: -12px;
	left: auto;
	margin-left: auto;
}
/*--------------------------------------------------------------
# 3.3 Portfolio Module
--------------------------------------------------------------*/

#portfolio-loader {
	right: 50%;
	margin: -24px -24px 0 0;
	left: auto;
}

/*--------------------------------------------------------------
# 3.3.1 Portfolio Filter
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# 3.3.2 Portfolio Item
--------------------------------------------------------------*/

.portfolio-caption {
	right: 0;
	left: auto;
}

/*--------------------------------------------------------------
# 3.3.3 Portfolio Detail
--------------------------------------------------------------*/

#portfolio-navigation {
	left: 0;
	right: auto;
	text-align: left;
}

#portfolio-navigation a:first-child {
	margin-right: 0 !important;
	margin-left: auto;
}

#portfolio-navigation a:last-child {
	margin-left: 0 !important;
	margin-right: auto;
}

.portfolio-meta li span i {
	margin-left: 10px;
	margin-right: auto;
}
/*--------------------------------------------------------------
# 3.5.1 Blog Item
--------------------------------------------------------------*/
a.blog-item {
	float: right;
}

.blog-item .entry-image:before {
	right: 0;
	left: auto;
}

.blog-item .entry-publish-date {
	right: 0;
	left: auto;
}

.blog-item .read-more {
	right: 0;
	left: auto;
}

/*--------------------------------------------------------------
# 3.5.2 See More
--------------------------------------------------------------*/
.see-more-wrap {
	right: 0;
	left: auto;
}
/*--------------------------------------------------------------
3.6.1 Contact Item
--------------------------------------------------------------*/
.contact-item {
	padding-left: 65px;
	text-align: left;
	padding-right: 0;
}

.contact-item .ci-icon {
	left: 5px;
	border-right: 1px solid;
	right: auto;
	border-left: none;
}
/*--------------------------------------------------------------
3.6.2 Contact Form
--------------------------------------------------------------*/

.contact-form-process i {
	right: 45%;
	left: auto;
}

#contact-form-result span {
	right: 30%;
	left: auto;
}

#contact-form-result span i {
	margin-left: 5px;
	margin-right: auto;
}

.contact-form textarea,
.contact-form input[type="text"],
.contact-form input[type="email"] {
	padding: 0 2px 10px 0;
}

/*--------------------------------------------------------------
04 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1 Breadcrumb
--------------------------------------------------------------*/
.bcrumbs {
	float: left;
}

/*--------------------------------------------------------------
4.2 Posts and Pages
--------------------------------------------------------------*/

.entry-footer span:not(:first-child) {
	margin-right: 15px;
	margin-left: auto;
}

/*--------------------------------------------------------------
4.2.1 Page Header
--------------------------------------------------------------*/

.page-header h1 {
	float: right;
	margin: 80px 0 0 80px;
}

/*--------------------------------------------------------------
4.2.2 Blog List
--------------------------------------------------------------*/

.blog-list .entry-content {
	padding-right: 80px;
	padding-left: 0;
}

.blog-list .entry-publish-date {
	right: 0;
	left: auto;
}

.blog-list .post-date-month {
	padding: 7px 7px 7px 0;
}

.blog-list .btn-more {
	float: left;
}

/*--------------------------------------------------------------
4.2.3 Navigation
--------------------------------------------------------------*/

.nav-links .nav-previous a {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.nav-links .nav-previous a:before {
	margin-left: 5px;
	margin-right: auto;
}

.nav-links .nav-next a {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.nav-links .nav-next a:after {
	margin-right: 5px;
	margin-left: auto;
}

.posts-navigation ul {
	padding-right: 0;
	padding-left: 0;
}

.posts-navigation ul li:first-child a {
	margin-right: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-left: 7px;
}

.posts-navigation ul li:last-child a {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-right: auto;
}
/*--------------------------------------------------------------
4.3.1 Search Form
--------------------------------------------------------------*/

.search-btn {
	left: 0;
	right: auto;
}

/*--------------------------------------------------------------
4.3.2 TagCloud
--------------------------------------------------------------*/
.widget .tagcloud a {
	margin: 0 0 10px 3px;
}

/*--------------------------------------------------------------
4.4 Comment
--------------------------------------------------------------*/

.comment-list > li {
	margin: 30px 30px 0 0;
}

.comment-list .children {
	margin-right: 30px;
	margin-left: auto;
}

.comment-body {
	padding: 20px 35px 20px 20px;
}

.comment-list .children .comment-body {
	margin-right: 25px;
	padding-right: 20px;
	padding-left: 0;
	margin-left: auto;
}

.comment-avatar {
	right: -32px;
	left: auto;
}

.comment-list .children .comment-avatar {
	right: -25px;
	left: auto;
}

.comment-content {
	padding: 0 15px 0 0;
}

.comment-reply-link {
	right: auto;
	left: 5px;
}
/*--------------------------------------------------------------
5.1 Go to Top
.go-to-top {
	right: auto;
	left: 30px;
}
--------------------------------------------------------------*/
.screen-reader-text:focus {
	right: 5px;
	left: auto;
}

figcaption {
	right: 20px;
	left: auto;
}

.wp-caption-text {
	margin-left: 20px;
	margin-right: auto;
}
.cmb-th {
    color: #222;
    float: right !important;
}
.mfp-preloader {
	right: 50%;
	margin: -24px -24px 0 0;
	left: auto;
}

.pull-right {
    float: left!important;
}
.nav-links .nav-next a:after {
    content: "\f100";
}
.nav-links .nav-previous a:before {
    content: "\f101";
}
/*--------------------------------------------------------------
6.2 responsive
--------------------------------------------------------------*/
@media (min-width: 768px){
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4,
 .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: right;
}}

@media (min-width: 992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: right;
}}

@media (min-width: 992px){
.col-md-offset-1 {
    margin-right: 8.33333333%;
}}

@media only screen and (min-width: 992px){
.main-navigation > ul > li > a:after {
	    margin-right: 15px;
		margin-left:auto;
}}

 @media (min-width: 992px){
.col-md-offset-1 {
    margin-right: 8.33333333%;
	margin-left:auto;
}}

@media only screen and (max-width: 991px){
.page-header h1 {
    float: none;
    margin: 0;
    text-align: center;
}}

@media only screen and (max-width: 991px){
.contact-item {
    margin-bottom: 20px;
     text-align: center;
}
.contact-item .ci-icon {
    border-right: none;
    border-bottom: 1px solid;
	}
.contact-item {
    margin-bottom: 20px;
    text-align: center;
	padding-left:0;
	padding-right:10px;
}
}

@media only screen and (max-width: 991px){
.main-navigation a {
    padding: 10px 20px 10px 49px;
	
}
}

@media only screen and (max-width: 767px){
.blog-list .entry-content {
    padding-left: 0;
	padding-right:0;
}}