@charset 'utf-8';

/*
Theme Name: Image Zome 
Theme URI: http://puzzles.themerex.net/
Author: themerex
Author URI: http://themerex.net/
Description: Description
Version: 3.2
License: GNU General Public License
License URI: license.txt
*/

/* Category name */
.puzzles_light .post_thumb .post_format {
		top:0;
	}
.puzzles_light .post_thumb .post_content_wrapper .post_subtitle,
.puzzles_light .post_thumb[class*="down"]:not(.open_content) .post_content_wrapper {	top:100%; padding-top:0; padding-bottom:0; }
.puzzles_light .post_thumb[class*="left"]:not(.open_content) .post_content_wrapper {	right:100%; padding-left:0; padding-right:0; }
.puzzles_light .post_thumb[class*="right"]:not(.open_content) .post_content_wrapper {			left:100%; padding-left:0; padding-right:0; }
.puzzles_light.puzzles_animations .post_thumb:hover a img {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
.puzzles_light .post_thumb:not(.post_format_quote):not(.post_format_image):not(.post_format_link) .post_format {
		cursor:pointer;
	}
	.puzzles_light .icon-help-circled:before {
		content: '\e812' !important;
	}
	.puzzles_light .icon-cancel-circled:before {
		content: '\e80d' !important;
	}
	
/* Post featured image */
.post_thumb {
	overflow:hidden;
	position:relative;
	z-index:1;
}
	.puzzles_animations .post_thumb img {
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
	}
	
	/* Post format icon */
	.post_thumb .post_format {
		position:absolute;
		left:0;
		top:-40px; 
		z-index:4;
		display:block;
		width:40px;
		height:40px;
		line-height:40px;
	}
	.post_thumb .post_format:before {
		font-size:28px;
	}
	.puzzles_heavy.puzzles_animations  .post_thumb .post_format {
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
	}
	.puzzles_heavy.puzzles_animations .post_thumb:hover .post_format {
		top:0;
		-webkit-transition: all ease .5s .5s;
		-moz-transition: all ease .5s .5s;
		-ms-transition: all ease .5s .5s;
		-o-transition: all ease .5s .5s;
		transition: all ease .5s .5s;
	}
	

	/* Category name */
	.puzzles_heavy .post_thumb .post_category {
		position:absolute;
		z-index:2;
		display:block;
		width:135px;
		height:40px;
		line-height:40px;
		text-align:center;
		text-transform:uppercase;
		padding:0 10px;
		overflow:hidden;
	}
	.puzzles_heavy .post_thumb.no_thumb .post_category {
		z-index:4;
	}
	.puzzles_heavy.puzzles_animations .post_thumb .post_category {
		-webkit-transition: all ease .5s .5s;
		-moz-transition: all ease .5s .5s;
		-ms-transition: all ease .5s .5s;
		-o-transition: all ease .5s .5s;
		transition: all ease .5s .5s;
	}
	.puzzles_heavy.puzzles_animations .post_thumb:hover .post_category {
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
	}

	
	/* Post content (puzzles) */
	.post_thumb .post_content_wrapper {
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		overflow:hidden;
		padding:12px;
		z-index:3;
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
	}
	.puzzles_heavy.puzzles_animations .post_thumb .post_content_wrapper:hover {
		left:0;
		right:0;
		top:0;
		bottom:0;
	}
	.post_thumb .post_content_padding {
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		height:22px;
	}
	.post_thumb .post_content_wrapper .post_subtitle {
		margin:0;
		text-transform:uppercase;
		-webkit-transition: all ease .5s;
		-moz-transition: all ease .5s;
		-ms-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
	}
	.post_thumb .post_content_wrapper .post_descr {
		margin-top:10px;
	}
	.post_format_quote .post_content_wrapper .post_descr,
	.post_thumb.no_thumb .post_content_wrapper .post_subtitle,
	
	.puzzles_animations .post_thumb .post_content_wrapper:hover .post_subtitle {
		margin-top:50px;
	}
	.post_thumb .post_content_wrapper a {
		color:#ffffff;
	}
	.post_thumb .post_content_wrapper p,
	.post_thumb .post_content_wrapper blockquote {
		color:#ffffff !important;
	}

	.puzzles_heavy .post_thumb[class*="down"] img {								margin-top:-25%; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="down"]:hover img {	margin-top:0; }
	.puzzles_heavy .post_thumb[class*="down"] .post_video_play {				margin-top:-30%; }
	.puzzles_heavy.puzzles_animations  .post_thumb[class*="down"]:hover .post_video_play {			margin-top:-30px; }
	.puzzles_heavy .post_thumb[class*="down"] .post_content_wrapper {			top:50%; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="down"]:not(.open_content):hover .post_content_wrapper {	top:100%; padding-top:0; padding-bottom:0; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="down"]:not(.open_thumb) .post_content_wrapper:hover {	top:0; padding-top:12px; padding-bottom:12px; }
	

	.puzzles_heavy .post_thumb.no_thumb .post_category {		left:0; top:0; }
	.puzzles_heavy.puzzles_animations  .post_thumb.no_thumb:hover .post_category { top:-40px; }

	.puzzles_heavy .post_thumb.down-1 .post_category {			left:0; top:0; }
	.puzzles_heavy.puzzles_animations .post_thumb.down-1:hover .post_category { 	top:-40px; }

	.puzzles_heavy .post_thumb.down-2 .post_category {			right:0; top:0; }
	.puzzles_heavy.puzzles_animations .post_thumb.down-2:hover .post_category { 	top:-40px; }

	.puzzles_heavy .post_thumb.down-3 .post_category {			left:0;	top:50%; margin-top:-40px; }
	.puzzles_heavy.puzzles_animations .post_thumb.down-3:hover .post_category { 	margin-top:50%; }

	.puzzles_heavy .post_thumb.down-4 .post_category {			right:0; top:50%; margin-top:-40px; }
	.puzzles_heavy.puzzles_animations .post_thumb.down-4:hover .post_category { 	margin-top:50%; }

	.puzzles_heavy .post_thumb[class*="left"] img {							margin-left:25%; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="left"]:hover img {	margin-left:0; }
	.puzzles_heavy .post_thumb[class*="left"] .post_video_play {				margin-left:15%; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="left"]:hover .post_video_play {			margin-left:-30px; }
	.puzzles_heavy .post_thumb[class*="left"] .post_content_wrapper {								right:50%; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="left"]:not(.open_content):hover .post_content_wrapper {	right:100%; padding-left:0; padding-right:0; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="left"]:not(.open_thumb) .post_content_wrapper:hover {	right:0; padding-left:12px; padding-right:12px; }


	.puzzles_heavy .post_thumb.left-1 .post_category {			left:50%; top:0; }
	.puzzles_heavy.puzzles_animations .post_thumb.left-1:hover .post_category { 	top:-40px; }

	.puzzles_heavy .post_thumb.left-2 .post_category {			left:50%; bottom:0; }
	.puzzles_heavy.puzzles_animations .post_thumb.left-2:hover .post_category { 	bottom:-40px; }

	.puzzles_heavy .post_thumb[class*="right"] img {							margin-left:-25%; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="right"]:hover img {						margin-left:0; }
	.puzzles_heavy .post_thumb[class*="right"] .post_video_play {				margin-left:-30%; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="right"]:hover .post_video_play {		margin-left:-30px; }
	.puzzles_heavy .post_thumb[class*="right"] .post_content_wrapper {					left:50%; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="right"]:not(.open_content):hover .post_content_wrapper {			left:100%; padding-left:0; padding-right:0; }
	.puzzles_heavy.puzzles_animations .post_thumb[class*="right"]:not(.open_thumb) .post_content_wrapper:hover {			left:0; padding-left:12px; padding-right:12px; }
	

	.puzzles_heavy .post_thumb.right-1 .post_category {		right:50%; top:0; }
	.puzzles_heavy.puzzles_animations .post_thumb.right-1:hover .post_category { 	top:-40px; }

	.puzzles_heavy .post_thumb.right-2 .post_category {		right:50%; bottom:0; }
	.puzzles_heavy.puzzles_animations .post_thumb.right-2:hover .post_category { 	bottom:-40px; }

	/* Puzzles-style = light */
	
	.post_thumb .post_content_light {
		position:absolute;
		left:0;
		right:0;
		top:58%;
		bottom:0;
		overflow:hidden;
		padding:12px;
		z-index:3;
	}
	.post_thumb .post_content_light .post_category {
		display:inline-block;
		margin:0;
		padding:2px 10px;
		font-size:12px;
		text-transform:uppercase;
	}
	.post_thumb .post_content_light .post_subtitle {
		margin:10px 0 0;
		padding:4px 12px;
		text-transform:none;
		display:inline-block;
	}
	.post_thumb .post_content_light .reviews_summary.blog_reviews {
		margin:0;
		padding:4px 12px;
		text-transform:none;
		display:inline-block;
	}
	.post_thumb .post_content_light .post_descr {
		margin-top:10px;
	}
	.post_thumb .post_content_light a {
		color:#ffffff;
	}
	.post_thumb .post_content_light p,
	.post_thumb .post_content_light blockquote {
		color:#ffffff !important;
	}

	

	/* Audio player */
	.post_thumb .audio_container {
		position:absolute;
		left:0;
		right:0;
		bottom:-30px;
		height:30px;
		z-index:5;
		-webkit-transition: all ease 0.5s;
		-moz-transition: all ease 0.5s;
		-ms-transition: all ease 0.5s;
		-o-transition: all ease 0.5s;
		transition: all ease 0.5s;
	}
	.post_thumb:hover .audio_container {
		bottom:0;
	}
	.post_thumb .audio_container .mejs-controls .mejs-button button:focus {
		outline: none;
	}
	.post_thumb .audio_container .mejs-container {
		background:none;
	}
	
	/* Video player */
	.post_thumb .video_frame {
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:5;
	}
.blog_style_puzzles .post_thumb {
	width:310px;
	height:310px;
}
.blog_style_excerpt #content .post_thumb {
	width:466px;
	height:310px;
	float:left;
	margin-right:30px;
}
.widget .post_thumb {
	width: 60px;
	height:60px;
	overflow:hidden;
	margin:0 15px 0 0;
	float:left;
}

/* Theme Customizer
-------------------------------------------------------------- */

#custom_options .co_options .co_image_wrapper {
	display:block;
	border:1px solid #767676;
	border-radius:1px;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 1px 1px rgba(0, 0, 0, 0.5);	
	width:50px;
	height:30px;
	padding:2px;
	float:left;
	margin-right:7px;
	background-color:#666666;
}

/* Common settings */
.image_wrapper {
	overflow:hidden;
	position:relative;
}
.image_wrapper img {
	width:100%;
	height:auto;
	vertical-align:top;
}