/* @override http://localhost:8888/zentools17/media/mod_zentools/css/zentools.css */

/**
 * @package     Zen Tools
 * @subpackage  Zen Tools
 * @author      Joomla Bamboo - design@joomlabamboo.com
 * @copyright   Copyright (c) 2012 Joomla Bamboo. All rights reserved.
 * @license     GNU General Public License version 2 or later
 * @version     1.8.0
 */

/*  General Styling
-----------------------------------------------------------------------------*/
.zentools {
position:relative;
float:left;
width:100%;
}

.zentools div,
.zentools li {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box;
}

.zentools ul {
float:left;
width:100%;
margin:0
}

.zentools li {
list-style-type:none;
padding:0
}

.zentext,.zentitle,.zenimage {
clear:both
}

.zenimage,.zenvideo,.zentools .grid ul {
float:left;
width:100%
}

.zenitem {
position:relative;
*position:static;
z-index: 1;
}


/* Modal Window
-----------------------------------------------------------------------------*/
img.modal {
margin-bottom:20px;
box-shadow:0 0 3px rgba(0, 0, 0, .2);
-moz-box-shadow:0 0 3px rgba(0, 0, 0, .2);
-webkit-box-shadow:0 2px 3px rgba(0, 0, 0, .3);
background:#fff;
border:0
}

/* Video Elements
-----------------------------------------------------------------------------*/
video {
width:100% !important;
height:auto !important
}

.video-container {
position:relative;
padding-bottom:56.25%;
padding-top:0;
height:0;
overflow:hidden
}

.video-container iframe,.video-container object,.video-container embed {
position:absolute;
top:0;
left:0;
width:100%;
height:94%
}

.allitems.video {
display:none;
text-indent:-9999em;
background:0;
height:0
}

/* Main content
-----------------------------------------------------------------------------*/
.zencontent {
padding:20px 0
}



/* Image Effects
-----------------------------------------------------------------------------*/
.zenborder img,.zenborder .zenvideo {
border:1px solid #ddd;
background:#eee;
margin:0 10px 10px 0;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;
padding:4px
}


.zenshadow img {
-moz-box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px;
box-shadow:0 0 5px #888;
max-width: 99%;
margin-left: 1%;
margin-top: 4px;
}

.zenrounded img {
border-radius:4px;
}

.zenroundedshadow img {
-moz-box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px;
box-shadow:0 0 5px #888;
border-radius:4px;
margin-left: 1%;
margin-top: 4px;
max-width: 99%;
}

.zenitem.full img,
.zenitem.full  {
	width: 100%;
}


/* Carousel
-----------------------------------------------------------------------------*/
.zentools.carousel .zenitem {width:100%;padding: 10px 4%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;}
.zentools.carousel.overlay .zenitem {width:94%;padding: 0;}



/* List Styling
-----------------------------------------------------------------------------*/
.zentools.list ul li {
list-style-type:none;
border-bottom:1px solid #ddd;
float:left;
width:100%;
line-height:1.8;
margin:0;
padding:20px 0
}

.zentools.list h2 {
margin-bottom:0
}




/* Leading
-----------------------------------------------------------------------------*/
.zentools.leading li{
width: 100%;
}

.zentools.leading .column {
margin: 0;
}


/* Grid Settings
-----------------------------------------------------------------------------*/
.zentools.nomargin .grid_one,.zentools.nomargin .grid_two,.zentools.nomargin .grid_three,.zentools.nomargin .grid_four,.zentools.nomargin .grid_five,.zentools.nomargin .grid_six,.zentools.nomargin .grid_seven,.zentools.nomargin .grid_eight,.zentools.nomargin .grid_nine,.zentools.nomargin .grid_ten,.zentools.nomargin .grid_eleven,.zentools.nomargin .grid_twelve,.zentools.nomargin .zenitem.image,.zentools.nomargin .grid_5,.zentools.nomargin .grid_7,.zentools.nomargin .grid_8,.zentools.nomargin .grid_9,.zentools.nomargin .grid_10,.zentools.nomargin .grid_11 {margin: 0;}

.zentools.nomargin .zenlast {float: left;}

.zentools.nomargin .zenitem {
	width: 100%;
}

.zentools.grid .zenimage {
margin-bottom: 20px;
}

.zentools.nomargin .zenimage {
	margin-bottom: 0;
}

.zentools.grid.overlay .zenimage {
margin-bottom: 0;
}

/* Resize the grid values if no margin is assigned. */
.zentools.nomargin .grid_twelve,.zentools.nomargin .grid_1 {width: 100%;float: left;}
.zentools.nomargin .grid_six,.zentools.nomargin .grid_2 {width: 50%;float: left;}
.zentools.nomargin .grid_four,.zentools.nomargin .grid_3{width: 33.3333333%;float: left;}
.zentools.nomargin .grid_three,.zentools.nomargin .grid4{width: 25%;float: left;}
.zentools.nomargin .grid_two,.zentools.nomargin .grid6{width: 16.6666667%;float: left;}
.zentools.nomargin .grid_one,.zentools.nomargin .grid12{width: 8.333333%;float: left;}
.zentools.nomargin .grid_5 {width: 20%;float: left;}
.zentools.nomargin .grid_7 {width: 14.3%;float: left;}
.zentools.nomargin .grid_8 {width: 12.5%;float: left;}
.zentools.nomargin .grid_9 {width: 11.1%;float: left;}
.zentools.nomargin .grid_10 {width: 10%;float: left;}
.zentools.nomargin .grid_11 {width:9.1%;float: left;}



/* Overlay Effect
-----------------------------------------------------------------------------*/
.zentools.overlay li {
overflow: hidden;margin-bottom: 30px;
}

.zentools.overlay .allitems {
position: absolute;z-index: 9999;background: url(../images/blackOverlay.png);width: 100%;padding: 8px 4%;bottom: 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box;}

.zentools.overlay .allitems a,.zentools.overlay .allitems {
color: #fff;
}


.zentools.overlay .zenitem {
margin: 0 !important;
}

.zentools.overlay h2,.zentools.overlay p{
margin: 0 !important;
}


/* Narrows the next and previous buttons int he lightbox gallery
-----------------------------------------------------------------------------*/
a#fancybox-right,a#fancybox-left {
width: 10%;
}


/* Single Item View
-----------------------------------------------------------------------------*/
.zentools.single .zenitem {display:none}
.zentools.single .zenitem1  {display: block}



/* Filter lists
-----------------------------------------------------------------------------*/
ul#filters {
display: block;margin: 0 0 30px;float: left;width: 100%;padding: 8px 0;
}

ul#filters li {
float: left; list-style-type: none;margin: 0 20px 10px 0;
}

ul#filters li a {
padding: 6px 10px;display: none;
}
ul#filters li a.active {
background: #eee;border: 1px solid #ddd;border-radius:4px
}


/* Fix for Fancybox on small screens
-----------------------------------------------------------------------------*/

#fancybox-content div {
	width: 100% !important;
	max-width: 100% !important;
}

@media only screen and max-width 600px  {
.slideshowoverlay .allitems,.slideshowoverlayFrame .allitems {
bottom:60px
}

.grid_twelve .zencontent,.zentools .grid_twelve .imagecontainer,ul.slidenav {
width:100%
}

.zentools.masonry .grid_1,.zentools.masonry .grid_2,.zentools.masonry .grid_3,.zentools.masonry .grid_4,.zentools.masonry .grid_5,.zentools.masonry .grid_6 {
width:97% !important;
margin-left:2%
}


.zentools.accordion .grid_twelve,.zentools.slideshow li.grid_twelve,.zentools.leading .grid_twelve {
margin:0
}
}

/* IE8 li.clear height issue fix
-----------------------------------------------------------------------------*/
li.clear {
		display: none;
}


.zentools.icons .zenmore span:before {
	margin-right: 4px;
}



/* CSS for small icons when filter threshold triggered
-----------------------------------------------------------------------------*/
ul#filters.sml-filter span span {display:none}

ul#filters.sml-filter li {
	margin: 0;float: left;
}

ul#filters.sml-filter a {
	padding: 4px 8px;margin: 0;float: left;
}

/**
 * @package		Zen Tools
 * @subpackage	Zen Tools
 * @author		Joomla Bamboo - design@joomlabamboo.com
 * @copyright 	Copyright (c) 2013 Joomla Bamboo. All rights reserved.
 * @license		GNU General Public License version 2 or later
 * @version		1.10.6
 */

/* Grid Layout - Can remove in zgf v2
-----------------------------------------------------------------------------*/
body.center .container {margin: 0 auto;}
body.left .container {float: left;}
body.right .container {float: right;}

.zentools .row {
width: 94%;
margin: 0 auto;
overflow: hidden;
}

.zentools .container.left .row,.zentools .container.right .row {
margin: 0;
}

.zentools .grid_one,.zentools .grid_two,.zentools .grid_three,.zentools .grid_four,.zentools .grid_five,.zentools .grid_six,.zentools .grid_seven,.zentools .grid_eight,.zentools .grid_nine,.zentools .grid_ten,.zentools .grid_eleven,.zentools .grid_3,.zentools .grid_4,.zentools .grid_2,.zentools .grid_1,.zentools .grid_5,.zentools .grid_7,.zentools .grid_8,.zentools .grid_9,.zentools .grid_10,.zentools .grid_11
{
margin-right: 3.8%;
float: left;
position: relative;
min-height: 1px
}



.zentools .grid_one
{
width: 4.85%
}

.zentools .grid_11 {
width: 5.7%;
}

.zentools .grid_10 {
width: 6.7%;
}

.zentools .grid_9 {
width: 7.9%;
}

.zentools .grid_8 {
width: 9.3%;
}

.zentools .grid_7 {
width: 11.1%;
}

.zentools .grid_two
{
width: 13.45%
}

.zentools .grid_5 {
width: 16.2%;
}

.zentools .grid_three,.grid_4
{
width: 22.05%
}

.zentools .grid_four,.grid_3
{
width: 30.75%
}

.zentools .grid_five
{
width: 39.45%
}

.zentools .grid_six,.grid_2
{
width: 48%
}

.zentools .grid_seven
{
width: 56.75%
}

.zentools .grid_eight
{
width: 65.4%
}

.zentools .grid_nine
{
width: 74.05%
}

.zentools .grid_ten
{
width: 82.7%
}

.zentools .grid_eleven
{
width: 91.35%
}

.zentools .grid_twelve,grid_,.grid_1
{
width: 100%;
float: left;
position: relative;
}

.zentools .zenlast, .jblast  {
float: right;margin: 0;
}



.zentools .onecols_push {left: 8.85%;}
.zentools .twocols_push {left: 17.25%;}
.zentools .threecols_push {left: 25.85%;}
.zentools .fourcols_push {left: 60.55%;}
.zentools .fivecols_push {left: 43.25%}
.zentools .sixcols_push {left: 51.80%;}
.zentools .sevencols_push {left: 60.55%;}
.zentools .eightcols_push {left: 69.20%;}
.zentools .ninecols_push {left: 77.85%;}
.zentools .tencols_push {left: 86.5%;}
.zentools .elevencols_push {left: 94.85%}

.zentools .onecols_pull{left: -8.85%;}
.zentools .twocols_pull{left: -17.25%;}
.zentools .threecols_pull{left: -25.85%;}
.zentools .fourcols_pull{left: -34.55%;}
.zentools .fivecols_pull{left: -43.25%;}
.zentools .sixcols_pull {left: -51%;}
.zentools .sevencols_pull{left: -60.55%;}
.zentools .eightcols_pull{left: -69.20%;}
.zentools .ninecols_pull{left: -77.85%;}
.zentools .tencols_pull{left: -86.25%;}
.zentools .elevencols_pull{left: -94.85%;}


@media only screen and (max-width: 520px) {
.zentools .grid_3,.zentools .grid_4,.zentools .grid_5,.zentools .grid_7,.zentools .grid_8,.zentools .grid_9,.zentools .grid_10,.zentools .grid_11
{
	float: left;
	width: 100% !important
}
}

.zentools .grid_one.isotope-item,.zentools .grid_two.isotope-item,.zentools .grid_three.isotope-item,.zentools .grid_four.isotope-item,.zentools .grid_five.isotope-item,.zentools .grid_six.isotope-item,.zentools .grid_seven.isotope-item,.zentools .grid_eight.isotope-item,.zentools .grid_nine.isotope-item,.zentools .grid_ten.isotope-item,.zentools .grid_eleven.isotope-item,.zentools .grid_3.isotope-item,.zentools .grid_4.isotope-item,.zentools .grid_2.isotope-item,.zentools .grid_1.isotope-item,.zentools .grid_5.isotope-item,.zentools .grid_7.isotope-item,.zentools .grid_8.isotope-item,.zentools .grid_9.isotope-item,.zentools .grid_10.isotope-item,.zentools .grid_11
{
margin-right: 0;
}