/*
Theme Name: Archi
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

See: https://codex.wordpress.org/Right_to_Left_Language_Support
*/

/**
 * Table of Contents:
 *
 * 1.0 - Normalize
 * 2.0 - Typography
 * 3.0 - Elements
 * 4.0 - Forms
 * 5.0 - Navigations
 * 6.0 - Accessibility
 * 7.0 - Widgets
 * 8.0 - Content
 *   8.1 - Header
 *   8.2 - Posts and pages
 *   8.3 - Comments
 *   8.4 - Footer
 * 9.0 - Multisites
 * 10.0 - Media Queries
 *    10.1 - >= 710px
 *    10.2 - >= 910px
 *    10.3 - >= 985px
 *    10.4 - >= 1200px
 */


/**
 * 1.0 - Normalize
 */

body {
    direction: rtl;
    unicode-bidi: embed;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: auto;
    margin-left: 0.4375em;
}

h1, h3, h1.slogan_big, h1.title, h1.title strong, h1.title-2,
h1.title-3 strong, h2.style-2, h2.hero, h3 b, .de_light h3 b,
ul.countdown li p, .project-info h2, .de-gallery .project-name,
.de-gallery.hover-1 span.overlay-1 .project-name, .portfolio-navigation a,
.folio-style2 .folio-info h3 a, .widget h4, .teaser-text, .text-slider,
#mainmenu li, header.header-mobile #mainmenu li, header .info ul.info-list li,
#subheader h1, #subheader span, #subheader .crumb, #mainmenu, .blog-list .date-box .month,
.blog-read h3, .comments-box h4, .comment-respond h4, .comment-respond h3, .btn-line, a.btn-line,
.btn-big, a.btn-slider, a.btn-custom, #filters a {
    letter-spacing: normal;
}

/**
 * 2.0 - Content
 */
#subheader h1 {float: right;margin-right: 0px;padding-right: 0px;}
#subheader .crumb{float: left;}

/**
 * 2.1 - Header
 */
header .info ul.info-list{text-align: right;}
header .info ul.social-list{text-align: left;}
header .info ul.info-list li:first-child {margin-right: 0px;}
header .info ul.social-list li:last-child {margin-left: 0px;}
header .info ul.info-list li i {
    margin-right: 0px;
    margin-left: 8px;
}
header div#logo{float: left;}
header nav {float: right;}
#mainmenu li{float: right;}
#mainmenu a {padding-left: 0px;padding-right: 20px;}
#mainmenu li a:after {margin-left:0px; margin-right: 20px;float:left;}
#mainmenu li ul {left: auto;right: 0;}
#mainmenu li ul ul{left: auto;right: 100%;}
#mainmenu li li a{text-align: right;}
#menu-btn{float: left;}

.mainmenu li ul {
  left: auto;
  right: 100%;
  z-index: 100000;
}

.mainmenu li li a{text-align: right;}

@media only screen and (max-width: 992px) { 
  .mainmenu li ul {
    left: 0;
    right: auto;
  }
  .mainmenu li ul li{padding-left: 0px !important; padding-right: 40px;}
  header.side-header .mainmenu a{text-align: right;}
  .mainmenu li ul li a{
    border-left: 0px solid #333;
    border-right: 1px solid #333;
  }
  .de-navbar-left header .mainmenu > li > a {
    padding-left: 0px !important;
    padding-right: 20px;
  }
}

 /**
 * 2.2 - Sidebar
 */

 /**
 * 2.3 - Footer
 */

 /**
 * 3.0 - Elements
 */
.project-info {text-align: right;}
.owl-carousel{direction: ltr;}
.owl-carousel .owl-item {text-align: right;}
.text-slider.owl-carousel .owl-item {text-align: center;}
.box-number .text {margin-left: 0;margin-right: 100px;}
.arrow-up:before, .arrow-down:before{margin: 0 -8px 0 0 !important;}
.post-content {direction: rtl;}
.box-icon .text {margin-left: 0px;margin-right: 80px;}
.box-icon .icon i {float: right;margin-right: 0px;margin-bottom: 0px;}
 /**
 * 4.0 - Shop
 */
 .woocommerce .star-rating{float: left;}
 .woocommerce #reviews #comments ol.commentlist li img.avatar{float: right;right: 0px;left: auto;}
 .woocommerce #reviews #comments ol.commentlist li .comment-text{margin: 0 50px 0 0;}
 caption, th, td {text-align: right;}
 .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {float: right;}
 .woocommerce .cart .button, .woocommerce .cart input.button {float: left;}
 .woocommerce ul.product_list_widget li img {float: right;margin-left: 15px;margin-right: 0;}

 /**
 * 5.0 - Blog
 */
.blog-list .post-text {padding-left: 0;padding-right: 80px;}
.blog-list .btn-more {float: left;}
.blog-list .date-box .month{letter-spacing: 6px;}
.pagination{width: 100%;}
.pagination > li {display: inline-block;}

/**
 * 6.0 - Portfolio
 */
.isotope .isotope-item {
    /*-webkit-transition-property: right, top, -webkit-transform, opacity;*/
    /*-moz-transition-property: right, top, -moz-transform, opacity;*/
    /*-ms-transition-property: right, top, -ms-transform, opacity;*/
    /*-o-transition-property: right, top, -o-transform, opacity;*/
    /*transition-property: right, top, transform, opacity;*/

    transform: translate(0, 0) scale(1);
    
}
.pf_full_width .item{
    /*float: right;*/
}
#gallery{
    margin: 0 auto;
    width: 100%;
    direction: ltr;
}
#gallery .pf_text{
    direction: rtl;
}
#gallery a{
    display: block;
}
#gallery *,
#gallery *:before,
#gallery *:after{
    box-sizing: border-box;
}

/**
 * category blog style
 */
.kochina-post-cell{
	position: relative;
	float: right;
	margin: 1px;
	overflow: hidden;
}

.kochina-post-thumbnail{
	height: auto;
	width: 110%;
	margin: 0 auto;
	position: relative;
}

.kochina-post-title{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0);
	transition: all ease-in .2s;
	z-index: 1;
}

.kochina-post-cell:hover .kochina-post-title{
	background: rgba(255, 255, 255, .65);
	transition: all ease-out .2s;
}

.kochina-post-title>a{
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-decoration: none;
	display: block;
	color: #000;
	text-align: center;
	opacity: 0;
	transition: all ease-out .2s;
}

.kochina-post-cell:hover .kochina-post-title>a{
	opacity: 1;
	transition: all ease-out .2s;
}

@media only screen and (max-width: 992px) {     
    #mainmenu a{text-align:right;padding-right: 0px;}
    #mainmenu li ul li {padding-left: 0 !important;padding-right: 40px;}
    #mainmenu li ul li a {border-left: 0px solid #333;border-right: 1px solid #333;}
} 
.service-list {direction: ltr;}
.service-list .inner-padding {direction: rtl;}
.filter3  {text-align: left;}
#filters.filter3 li:first-child {
  margin-right: 15px;
}
.mfp-close {
  left: 50%;
  margin-left: -22px;
  right: auto;
}
.typing-wrap {direction: ltr;}
.box-icon-simple.left {text-align: left;}
.pf_text{
    display: inline-block;
}
.project-name{
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    letter-spacing: 5px;
}
span.overlay{
    opacity: 0;
    background: rgba(0,0,0,.7)
}

.kochina-overlay{
	top: 14%;
	right: 0;
	position: absolute;
    padding: 10% !important;
    width: 90%;
}

.kochina-overlay *{
	color: #fff;
	font-size: 16pt;
}

.kochina-image{
	width: 100% !importasnt;
}

.kochina-image::after{
	clear: both;
	display: block;
	width: 100%;
	content: '';
}

.kochina-image>figure:first-child{
	float: right;
}

@media (min-width: 1200px) and (max-width: 1315px){
    #mainmenu a{
        padding-right: 11px;
    }
    #mainmenu li a:after{
        margin-right: 11px;
    }

	.kochina-post-cell{
		width: 33%;
    	height: 232px;
	}
	
	.kochina-post-title>a{
    	line-height: 200px;
	}

	.kochina-post-cell:hover .kochina-post-title>a{
    	line-height: 186px;
	}

}
@media (min-width: 1200px){
	/* kochina category */
	.kochina-post-cell{
		width: 33%;
    	height: 199px;
	}
	
	.kochina-post-title>a{
    	line-height: 200px;
	}

	.kochina-post-cell:hover .kochina-post-title>a{
    	line-height: 186px;
	}

}
@media (min-width: 993px) and (max-width: 1200px){
    header div#logo{
        width: 158px;
    }
    header div#logo a img{
        max-width: 100%;
    }
    #mainmenu a{
        padding: 15px 5px;
    }
    #mainmenu li a:after{
        margin-right: 9px;
    }
	/* kochina category */
	.kochina-post-cell{
		width: 320px;
    	height: 169px;
	}
	
	.kochina-post-title>a{
    	line-height: 180px;
	}

	.kochina-post-cell:hover .kochina-post-title>a{
    	line-height: 160px;
	}
}
@media (max-width: 786px){
	/* kochina category */
	.kochina-post-cell{
		width: 100%;
    	height: auto;
	}
	
	.kochina-post-title>a{
    	position: relative;
    	line-height: 100%;
    	padding-top: 22%;
    	opacity: 1;
	}
}

.kochina-overlay + div{direction: rtl; text-align: right;}

.bg-gray{
	background-color: #000;
	width: 100%;
	padding: 20px 0;
}

.de_header_2.header-light .info{
	display: none;
}

.a33{
	float: left;
	width: 33.333%;
	padding: 0 15px;
}

.social-list{display: none !important}

.subfooter{
	background-color: #111 !important;
	padding-bottom: 0 !important;
}

.pf_full_width.pf_2_cols .item{width: 49% !important;}