/* @override
	http://localhost:8888/zentools17/media/mod_zentools/css/zentools.css
	http://localhost:8888/zentools31/25/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;
}


/* Overlay More
-----------------------------------------------------------------------------*/
.zenmore.overlaymore {
position: absolute;
z-index: 10;
width: 100%;
text-align: center;
}

.zenmore.overlaymore span {
	display: block;
	cursor: pointer;
}

/* Boxed theme
-----------------------------------------------------------------------------*/
.zen-boxed .zeninner {
	background: #fff;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.4);
-moz-box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.4);
box-shadow: 0px 1px 2px 0px rgba(180, 180, 180, 0.4);
padding-bottom: 20px;
}

.zen-boxed .zentext,.zentitle {
	padding: 4px 10px;
	margin: 0 !important;
}

.zen-boxed .zenimage {
	margin-bottom: 10px;
}

.zen-boxed .zenimage img{
	-webkit-border-radius: 4px 4px 0 0 !important;
-moz-border-radius: 4px 4px 0 0 !important;
border-radius: 4px 4px 0 0 !important;
}

/* Fix for stickynav
-----------------------------------------------------------------------------*/

.affix {
    -webkit-transform: translateZ(0)
}