/**
 * @package		Mb2 Content
 * @version		1.0.1
 * @author		Mariusz Boloz (http://marbol2.com)
 * @copyright	Copyright (C) 2013 Mariusz Boloz (http://marbol2.com). All rights reserved
 * @license		GNU/GPL (http://www.gnu.org/copyleft/gpl.html)
**/




/* get font-awesome icons */
@import url('font-awesome/css/font-awesome.min.css');




/*-----------------------------------------------------------------------------------*/
/*	General styles
/*-----------------------------------------------------------------------------------*/
.mb2-content								{position:relative;}





/* item list */
.mb2-content-list							{margin:0;
											padding:0;}

.mb2-content-item							{display:block;
											float:left;
											margin-left:0;
											margin-right:0;}











/* item blocks (thumbnail and description) */
.mb2-content .mb2-content-item-media,
.mb2-content .mb2-content-item-deatils		{float:left;}




/* left description and right media style */
.mb2-content-item.media-right .mb2-content-item-media	{float:right;}











/*-----------------------------------------------------------------------------------*/
/*	Thumbnails
/*-----------------------------------------------------------------------------------*/
/* thumbnail mask div */
.mb2-content .content-img		{height:auto;
								position:relative;
								overflow:hidden;}





/* image border */
.mb2-content .img-border						{padding:3px;
												background-color:#ddd;}


.mb2-content .content-img:hover .img-border		{background-color:#329bd1;}





	/*-----------------------------------*/
	/*	Thumbnails hover effect
	/*----------------------------------*/
	
	
	
	/* thumbnail opacity background */
	
	.mb2-content .content-img .mark		{position:absolute;
										bottom:0;
										left:0;
										margin:0;
										padding:0;
										display:none;
										height:100%!important;
										width:100%!important;
										background:url(../images/transparent-dark-30.png);}
	
	
	
	.mb2-content .content-img .mark a		{display:none;}
	
	
	.mb2-content .content-img:hover .mark a	{display:block;
											margin:0 1px 0 0;
											float:left;
											width:33px;
											height:33px;
											line-height:33px;
											text-align:center;
											background-color:#329bd1;
											color:#fff!important;
											transition-duration: 0.1s;
											transition-timing-function: linear;
											transition-delay: 0.1s;
											-webkit-transition-duration: 0.1s;
											-webkit-transition-timing-function: linear;
											-webkit-transition-delay: 0.1s;
											opacity:0.8;
											filter:alpha(opacity=80);
											font-size:14px;
											-moz-border-radius:3px;
											-webkit-border-radius:3px;
											border-radius:3px;}
	
	.mb2-content .content-img .mark a:hover	{opacity:1;
											filter:alpha(opacity=100);}
	
	
	.mb2-content .content-img .mark a i		{}
	
	
	
	
	
	/* links div in mark */
	.mb2-content .content-img .mark .link	{width:34px;
											height:34px;
											position:absolute;
											left:50%;
											margin-left:-17px;
											top:50%;
											margin-top:-17px;}
								
								
								
	.mb2-content .content-img .mark .links	{width:68px;
											height:34px;
											position:absolute;
											left:50%;
											margin-left:-34px;
											top:50%;
											margin-top:-17px;}










	/* small mark links */
	.mb2-content .content-img:hover .mark.small a	{width:24px;
													height:24px;
													line-height:24px;
													font-size:12px;}
	
	
	.mb2-content .content-img .mark.small .link		{width:24px;
													height:24px;
													margin-left:-12px;
													margin-top:-12px;}
	

	
	
	
	
	.mb2-content .content-img .mark.small .links	{width:50px;
													height:24px;
													margin-left:-25px;
													margin-top:-12px;}
	
	

	



/*-----------------------------------------------------------------------------------*/
/*	Item elements
/*-----------------------------------------------------------------------------------*/
/* article list */
.mb2-content-list	{margin-bottom:0;}


/* title */
.mb2-content-item-title				{margin-bottom:10px;
									margin-top:0;}


/* description */
.mb2-content-item-desc				{}


/* readmore button */
.mb2-content-item-readmore			{padding-top:10px;}


/* item details */
.mb2-content-item-meta				{font-size:90%;
									color:#999;
									margin-bottom:10px;
									margin-top:-5px;}



.mb2-content-item-meta > ul			{margin:0;
									padding:0;}




.mb2-content-item-meta > ul > li	{display:inline-block;
									list-style:none;
									margin:0 5px 0 0;}




/*-----------------------------------------------------------------------------------*/
/*	Carousel --> navigation
/*-----------------------------------------------------------------------------------*/
.mb2-content-nav			{position:absolute;
							top:-22px;
							right:0;}		

.mb2-content-nav-inner 		{position:relative;}

.mb2-content-nav .prev,
.mb2-content-nav .next 		{display:block;
							position:absolute;
							top:0;
							right:22px;
							height:20x;
							width:20px;
							background-color:#efefef;
							color:#8a8a8a!important;
							text-align:center;
							line-height:20px;
							-moz-border-radius:3px;
							-webkit-border-radius:3px;
							border-radius:3px;
							transition-duration: 0.1s;
							transition-timing-function: linear;
							transition-delay: 0.1s;
							-webkit-transition-duration: 0.1s;
							-webkit-transition-timing-function: linear;
							-webkit-transition-delay: 0.1s;}

.mb2-content-nav .next 		{right:0;}


.mb2-content-nav .prev:hover,
.mb2-content-nav .next:hover	{color:#fff!important;
								background-color:#329bd1;}


.mb2-content-nav .pager			{position:absolute;
								right:46px;
								width:300px;										
								display:block;
								text-align:right;
								margin:0;}

.mb2-content-nav .pager a		{display:inline-block;
								height:7px;
								width:7px;
								background-color:#efefef;
								margin:0 0 0 5px;
								-moz-border-radius:7px;
								-webkit-border-radius:7px;
								border-radius:7px;}
										


										
.mb2-content-nav .pager a.selected	{background-color:#329bd1;}

.mb2-content-nav .pager a span		{display:none;}





.mb2-content .caroufredsel_wrapper	{margin:0!important;}





/*-----------------------------------------------------------------------------------*/
/*	Other
/*-----------------------------------------------------------------------------------*/													
/* fixed problem with hover image in firefox */
.mb2-content .content-img img	{box-shadow: #000 0em 0em 0em;}												
													


/* clear div */
.mb2-content .clear		{clear: both;
						display: block;
						overflow: hidden;
						visibility: hidden;
						width: 0;
						height: 0;}	
						
						
						
						
						
						
						



/*-----------------------------------------------------------------------------------*/
/*	Resposive style
/*-----------------------------------------------------------------------------------*/	
@media only screen and (max-width:480px){	
	
	.mb2-content-carousel-0 .mb2-content-item 	{width:100%!important;
												max-width:100%!important;
												margin:0 0 30px 0!important;}
	
	
	.mb2-content .mb2-content-item-media,
	.mb2-content .mb2-content-item-deatils		{width:100%!important;
												max-width:100%!important;}
	
	
	
	
	
	.mb2-content .mb2-content-item-media-inner,
	.mb2-content .mb2-content-item-deatils-inner	{margin-left:0!important;
													margin-right:0!important;}
	
	
	
	
	
	.mb2-content-carousel-0 .mb2-content-item-inner		{margin-left:0!important;
														margin-right:0!important;}
	
	
	
	
	
	
	
	
	
}