//--------------------------------------------------------------
// Copyright (C) joomla-monster.com
// License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
// Website: http://www.joomla-monster.com
// Support: info@joomla-monster.com
//---------------------------------------------------------------

// VARIABLES import
//---------------------------------------------------------------
   
@import "template_variables.less";
@import "bootstrap_variables.less";

// MIXINS import
//---------------------------------------------------------------
  
@import "override/ltr/mixins.less";
@import "../../../plugins/system/ef4_jmframework/includes/assets/template/bootstrap/less-ext/mixins-ext.less"; //JM extended mixins
@import "template_mixins.less";

// TEMPLATE RTL
//---------------------------------------------------------------

// layout.less
// --------------------------  

#jm-back-top {
	right: auto;
	left: 20px;
}

#jm-font-switcher {
  text-align: left;
}

// menus.less
// --------------------------  

.nav.menu {
  //elements
  li {
    background-image: none;
  }
  li a,
  li span.separator {
		padding-left: 0;
		padding-right: 25px;
  	background-position: right center;
  	background-image: url('../images/li_arrow_rtl.png');
  	background-repeat: no-repeat;
  }
  //main elements
  > li > a,
  > li > span.separator {
		background: none;
    padding-left: 0;
    padding-right: 0;
	}
  //parents
  > li.parent > a,
  > li.parent > span.separator {
    padding-right: 0;
		padding-left: 10px;
    &:after {
      right: auto;
      left: 0;
    }
  }
	> li > ul {
		padding-left: 0;
		padding-right: 0;
	}
  ul {
  	padding-left: 0;
		padding-right: 25px;
  }
 	//image
  li a img {
    margin: 0 0 0 15px;
  }
}

// topbar
//----------------------------

#jm-top-bar .nav.menu {
  > li > a,
  > li > span.separator {
    padding: 0 15px 0 0;
    margin: 0 12px 0 0;
  	background-position: right center;
  }
}

// tags
//----------------------------

#jm-allpage {
	.tagspopular,
	.tagssimilar {
		ul li {
			margin: 5px 0 5px 5px;
		}
	}
}

// modules.less
// --------------------------  

.span50 {
  float: right !important;
}

.jm-module {
  .jm-title {
		&:after {
	    left: auto;
	    right: 0;
		}
  }
}

//list style for color blocks
#jm-header,
#jm-bottom1,
#jm-footer,
.color-ms {
	.nav.menu  {
		li a,
		li span.separator {
			background-image: url('../images/li_arrow_white_rtl.png');
		}
		//main elements
		> li > a,
		> li > span.separator {
			background: none;
		}
	}
}

// jmmoduleraw
.jm-module-raw {	
  float: right;
	margin-right: 0;
  margin-left: 20px;
}

#jm-top-menu-nav {
	.jm-module-raw {
		float: left;
		margin-left: 0;
		margin-right: 20px;
	}
}

#jm-top-bar1 {
	.jm-module {
		float: right;
		margin: 0 0 0 20px;
	}
	.jm-title {
		padding: 0 0 0 5px;
	}
}

#jm-top-bar2 {
	.jm-module {
		float: left;
		margin: 0 20px 0 0;
	}
	.jm-title {
		padding: 0 5px 0 0;
	}
}

// logout topbar
#jm-top-bar {
  .logout-button .btn {
    margin-left: 0 !important;
		margin-right: 10px !important;
  }
}

// welcome to our hotel
.jm-welcome {
	img {
		margin-right: 0;
		margin-left: 10px;
	}
}

// boxes
// --------------------------

.jm-boxes {
	 .jm-image {
		&:after {
			left: auto;
			right: 0;
			-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0);
			transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0);
		}
		&:hover {
			&:after {
				-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,130%,0);
				transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,130%,0);
			}
		}
	}
}

// promo
// --------------------------

@-webkit-keyframes jm-slideIn {
  0% {
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes jm-slideIn {
  0% {
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

// Pricing
// --------------------------

.jm-pricing {
	.box {
		float: right;
	}
}

// Search
// --------------------------

#jm-allpage .search-ms {
	.inputbox {
		padding-right: @JMinputPadding;
		padding-left: @JMinputHeight + @JMinputPadding;
	}
	.inputbox + .button {
		right: auto;
		left: 0;
	}
}

// editor.less
// --------------------------  

.jm-code {
	border-left: none;
  border-right: 5px solid @JMborder;
}

.jm-block {
  padding: 0 60px 0 0;
  span {
    left: auto;
    right: 0;
  }
}

//colored blocks
p.blue {
	border-left: none;
  border-right: 3px solid #BCE8F1;
  padding: 0 10px 0 0;
}

p.green {
	border-left: none;
  border-right: 3px solid #D6E9C6;
  padding: 0 10px 0 0;
}

p.red {
	border-left: none;
  border-right: 3px solid #EED3D7;
  padding: 0 10px 0 0;
}

//icon blocks
p,
span {
  &.jmbadge,
  &.jmcalendar,
  &.jmchat,
  &.jmcheck,
  &.jmcloud,
  &.jmdirection,
  &.jmdivide,
  &.jmerror,
  &.jmfire,
  &.jmflag,
  &.jmheart,
  &.jmhome,
  &.jminfo,
  &.jmlist,
  &.jmmail,
  &.jmpeople,
  &.jmstar,
  &.jmstat {
    padding-left: 0;
    padding-right: 60px;
    background-position: right top;
  }
}

// joomla.less
// --------------------------  

//chosen fix
#jm-allpage .chzn-container .chzn-drop,
#jm-allpage .chzn-container-single.chzn-container-single-nosearch .chzn-search {
  left: auto;
  right: -9999px;
}

#jm-allpage .chzn-container.chzn-with-drop .chzn-drop {
  left: auto;
  right: 0;
}

//chzn
#jm-allpage {
  .chzn-container-multi .chzn-choices li {
    float: right;
  }
  .chzn-container-single .chzn-single span {
    margin-right: 0;
    margin-left: 26px;
  }
  .chzn-container-single .chzn-single div {
    right: auto;
    left: 8px;
  }
}

dl.article-info {
  dd {
    margin: 0 0 0 2px;
    padding-right: 0;
		padding-left: 5px;
		border-right: none;
    border-left: 1px solid @JMarticleInfoFontColor;
  }
  &:after {
		left: auto;
		right: 0;
	}
}

.icons + .article-info {
	margin-left: 50px;
	margin-right: 0;
}

//rating and voting
.content_vote label {
  margin: 0 0 0 5px;
}

//article categories
.categories-list .collapse {
  padding: 0 @JMbaseSpace 0 0;
}

//image
.pull-left.item-image,
figure.pull-left {
	margin-right: 0;
	margin-left: @JMbaseSpace;
}

.pull-right.item-image,
figure.pull-right {
	margin-left: 0;
	margin-right: @JMbaseSpace;
}

//readmore
p.readmore {
  text-align: left;
}

//weblinks single category
.weblink-count {
  dt,
  dd {
    float: right;
  }
}

//tag-category
.tag-category {
  .form-inline label {
    margin-right: 0;
    margin-left: 10px;
  } 
}

//search component
.phrases-box,
fieldset.only {
  label {
    margin-right: 0;
    margin-left: 10px;
  }
}

//article index
.article-index {
  margin-left: 0;
  margin-right: @JMbaseSpace;
}

// JOOMLA MODULES
//---------------------------------------------------------------

//article categories
.categories-module li  {
  .mod-articles-category-category a {
    display: inline-block;
  }
}

//article category
.category-module li {
  .mod-articles-category-category a {
    display: inline-block;
  }
}

//search module
.form-search {
  label.finder {
    padding: 0 0 0 10px;
  }
}

//popular tags
.tagspopular.tagscloud {
  .tag {
    margin-right: 0;
    margin-left: 8px;
  }
} 

// EXTENSIONS import
//---------------------------------------------------------------

//import extended DJ-Megamenu styles
@import "djmegamenu_rtl.less";

//import extended DJ-Mediatools styles
@import "djmediatools_rtl.less";

//import extended DJ-Tabs styles
@import "djtabs_rtl.less";
