/**
 * ------------------------------------------------------------------------
 * JA Wall Template for J25 & J3x
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2018 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
 */

/* COMMON GRID ELEMENTS
--------------------------------------------------------- */
.wrap {
  clear: both;
  width: 100%;
}

.main {
  margin: 0 auto;
}

.inner {
  padding: 15px; /* General element padding */
}

.content-inner,
.sidebar-inner,
.aside-inner,
.menu-inner,
.search-inner,
.toolbar-inner,
.moduletable-inner {
  padding: 0; /* Reset. Set your padding in template.css */
}

.main,
.item,
.col {
  box-sizing: border-box; /* Box-sizing Mode */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* MASONRY PRESETS
--------------------------------------------------------- */
/* Percentage width reference:
- 100%   ~ 1 col
- 50%    ~ 2 cols
- 33.3%  ~ 3 cols
- 25%    ~ 4 cols
- 20%    ~ 5 cols
- 16.6%  ~ 6 cols
- 14.2%  ~ 7 cols
- 12.5%  ~ 8 cols
- 11.1%  ~ 9 cols
- 10%    ~ 10 cols
*/

/* Default (Medium) ----*/
.item {
  display: block;
  float: left;
  width: 25%; /* 4 cols */
  max-width: 100%
}

.item .item-inner {
  margin: 5px;
  padding: 0;
}

.grid-double {
  width: 50%;
}

.grid-triple {
  width: 75%;
}

/* Small ---*/
body.basegrid-s .item {
  width: 20%; /* 5 cols */
}

body.basegrid-s .grid-double {
  width: 40%;
}

body.basegrid-s .grid-triple {
  width: 60%;
}

/* Large ---*/
body.basegrid-l .item {
  width: 33.3%; /* 3 cols */
}

body.basegrid-l .grid-double {
  width: 66.6%;
}

body.basegrid-l .grid-triple {
  width: 100%;
}

/* X-Large ---*/
body.basegrid-xl .item {
  width: 50%; /* 2 cols */
}

body.basegrid-xl .grid-double,
body.basegrid-xl .grid-triple {
  width: 100%; /* No triple grid on X-Large */
}

/* Auto Inner Grids ---*/
.col {
  float: left;
}

.cols-1 .col {
  width: 100%;
}

.cols-2 .col {
  width: 50%;
}

.cols-3 .col {
  width: 33.3%;
}

.cols-4 .col {
  width: 25%;
}

.cols-5 .col {
  width: 20%;
}

/* MAIN CONTAINER
--------------------------------------------------------- */
#container .main {
  padding-top: 60px; /* Space for header */
  padding-right: 0.1%;
}

/* Content ---*/
#content {
  float: left;
  width: 100%;
}

body.has-aside #content {
  width: 60%;
}

body.gridview #content {
  width: 100% !important; /* full width on gridview */
}

/* Aside ---*/
#aside {
  float: right;
  width: 40%;
}

#aside .aside-col-1 {
}

#aside .aside-col-2 {
}

/* Sidebar ---*/
body.has-sidebar #container .container-main {
  padding-left: 120px; /* Space for sidebar */
}

#sidebar {
  margin-left: -120px;
  position: fixed;
  top: 70px; /* Space for header */
  width: 120px;
}

#sidebar, #sidebar .sidebar-inner {
	height: 100%;
}