/*
	Theme Name: Pomp
	Theme URI: http://pomp.com
	Author: Pomp Productions
	Author URI: http://pomp.com
	Description: Pomp Theme
	Version: 1.0
*/

html, body { font-family: 'Open Sans', arial, sans-serif; color: #565656; background: #000; }
	
	.container { padding: 0; position: relative; }
		.pad_top { padding-top: 40px; }
		.pad_top_small { padding-top: 20px; }
		.pad_bottom { padding-bottom: 50px; }
		.pad_bottom_medium { padding-bottom: 25px; }
		.margin_top_none { margin-top: 0 !important; }
		
	.tag, .tag_bottom { width: 50px; height: 50px; background: #f00; position: absolute; right: 10px; z-index: 2; }
		.tag_bottom { height: 40px; bottom: 0; }
		
	.header_large { font-size: 12px; padding-top: 10px; padding-bottom: 10px; }
		.header_large .menu { margin: 10px 0 10px 0px; } 
		.title_large { font-size: 36px; color: #000; line-height: 24px; margin-top: 20px; margin-left: -2px; font-weight: 700; }
			.bg_black { color: #fff; background: #000; padding: 0 16px 0 12px; margin-left: -11px; font-weight: 700; }
				.bg_red { background: #f00 !important; }
	.header_small, .header_small_menu { font-size: 12px; height: 70px; overflow: hidden; }
		.header_small_menu { height: 30px; }
		.title_small { font-size: 40px; color: #000; line-height: 0px; margin: 35px 0 0 10px; font-weight: 700; }
			.title_small .bg_black { padding: 0 10px; }
		.header_small_menu .menu { margin: 10px 0 0 0; }
			
	.recent_meta { padding: 0 5px 2px 0; font-size: 8px; color: #000; text-align: right; }
	
	.footer { height: 38px; padding-top: 2px; overflow: hidden; font-size: 10px; color: #000; }
		.bg_grass { height: 22px; background: url('img/grass.jpg') bottom repeat-x; }
	
	.menu { list-style-type: none; margin: 0; padding: 0; font-family: 'Montserrat', 'Open Sans', arial, sans-serif; font-weight: 400; text-transform: uppercase; }
		.menu li { display: inline; margin: 0 10px 0 0; }
			.menu a { color: #000; }
				.menu a:hover, .current-menu-item a { color: #f00; }
	
	.page_media_container { padding: 0 0 15px; background: #fff; }
		.page_media_container img { margin: 0 auto; }
	.project_media_container { padding: 45px 0 15px; }
	.page_content_container { padding-right: 15px; padding-left: 15px; }
	
	.project_list { padding: 20px 0; }
	
	.project { color: #000; text-align: right; position: relative; float: left; margin: 0 15px 10px; }
		.project a.title { font-size: 12px; color: #000; padding: 0 10px 0 0; }
			.project a.title:hover { color: #f00; }
		.project span.title { font-size: 12px; color: #000; padding: 0 10px 0 0; }
			.project span.title:hover { color: #f00; }
		.meta { height: 14px; font-size: 10px; padding-left: 5px; text-transform: uppercase; background: #fff; overflow: hidden; }
			.meta .accent { margin-left: 5px; padding: 0 4px 0 5px; background: #f00; }
				.meta .active { background: #000; }
					.meta .active a { color: #fff; }
		.project .meta { position: absolute; top: 15px; right: 15px; z-index: 2; }
		
		.project_author { margin: -5px 0 15px; }
		
		.meta_nav { margin: 0 11px 10px; }
			.meta_nav a { color: #000; }
				.meta_nav a:hover { color: #fff; }
			.meta_nav.meta .accent:hover { background: #000; }
		
		.meta_single { position: absolute; top: -4px; left: 5px; }
			.meta_single a { color: #000; }
				.meta_single a:hover { color: #fff; }
			.meta_single .meta { background: #000; color: #fff; }
			
		#gallery_display { min-height: 300px; margin-bottom: 0; } /* background: #dfdfdf; */
			.caption { text-align: center; padding: 5px 15px 1px 15px; color: #000; font-size: 11px; font-weight: 400; } /* border-bottom: 1px solid #dfdfdf; background: #f0f0f0; */
		.gallery_nav { padding: 0 20px 1px; font-size: 10px; cursor: pointer; }
		.gallery_thumbnail { width: 180px; margin: 15px 8px 5px 12px; float: left; cursor: pointer; position: relative; border-bottom: 2px solid #fff; }
			.red_border { border-color: #f00; }
			.thumb_icon { position: absolute; z-index: 2; top: 4px; left: 5px; }
		
		.project_nav { margin: -18px 0 25px; font-family: 'Montserrat', 'Open Sans', arial, sans-serif; font-weight: 400; font-size: 14px; }
		
		.social { padding: 20px 0 0 10px; margin: 30px 0 -30px; border-top: 1px solid #dfdfdf; }
			.social_widget { float: left; margin: 0 10px 5px 0; }
				.social_title { padding-top: 3px; font-size: 11px; font-weight: 400; font-family: 'Montserrat', 'Open Sans', arial, sans-serif; }
				.reddit_widget { margin-top: -1px; }
			
		.amzn_wdgt { width: 100% !important; }
			.asin_img { margin-right: 8px !important; }
			
	a { color: #f00; text-decoration: none; }
		a:hover { color: #000; text-decoration: none; }	
	a.link_black, .project_nav_link a { color: #000; }
		a.link_black:hover, .project_nav_link a:hover { color: #f00; }	
	a.link_grey { color: #858585; }
		a.link_grey:hover { color: #000; }	
	a.link_white { color: #fff; }
		a.link_white:hover { color: #f00; }	
	a.link_header { color: #fff; }
		a.link_header:hover { color: #000; }	
			
	strong { font-family: 'Montserrat', 'Open Sans', arial, sans-serif; font-weight: 700; }
	
	h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', 'Open Sans', arial, sans-serif; font-weight: 400; color: #242424; line-height: 1.35em; }
		h1 { margin-top: 0; margin-bottom: 15px; font-size: 28px; }
		h2 { font-size: 21px; }
		h3 { font-size: 18px; }
		h4 { font-size: 16px; }
	
	p { padding: 0 15px 0 1px; margin: 0 0 20px; font-size: 14px; font-weight: 400; /*text-align: justify;*/ }
		p.lead { font-size: 18px; font-weight: 300; color: #000; letter-spacing: 1px; }
		p.sub-lead { font-size: 16px; font-weight: 300; color: #000; letter-spacing: 1px; }
		p.light { font-weight: 300; letter-spacing: 1px; }
		
	hr { height: 2px; margin-top: 40px; background: #000; }
		.hr_light { height: 1px; background: #e5e5e5; } 
		
	ul { margin-bottom: 15px; padding-right: 30px; }
		li { margin-bottom: 5px; }
		
	sup { font-size: 60%; }
	
	small { font-size: 10px; }
	
	.uppercase { text-transform: uppercase; }
	
	.no_margin { margin: 0; }
	.no_margin_top { margin-top: 0; }
	.no_margin_bottom { margin-bottom: 0; }
	
	.image-left, .alignleft { float: left; margin: 0 30px 10px 0; }
	.image-right, .alignright { float: right; margin: 0 0 10px 30px; }
	.image-center { margin: 10px 0 20px; }
	
	.text_left { text-align: left; }
	.text_right { text-align: right; }
	.center { text-align: center; }
	
	.btn { font-family: 'Montserrat', sans-serif; font-weight: 700; }
		
	.right { float: right; }
	.left { float: left; }
		
	.bg_noise { background: #000 url('img/noise_dark.gif'); }
	.bg_white { background: #fff; }
	
	.white { color: #fff; }
	
	.clear { clear: both; }
	
	.debug { border: 1px solid #f00; }
	
	.video_player { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
		.video_player iframe, .video_player object, .video_player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	.thumbnail_selected { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: url('img/desaturate.svg#greyscale'); filter: gray; }
	
	.build-log { 
		padding: 40px;
		background: url('img/build-log-background.png'); 
	}
	
	.build-log .intro p {
		color: rgba(20,20,20,1.0);
		font-size: 1.2em;
		font-weight: 400;
		padding-left: 20px;
		padding-right: 5%;
	}
	
	.build-log .log {
		color: rgba(20,20,20,1.0);
		padding: 5px 20px 5px;
		margin-bottom: 20px;
		border-left: 4px solid rgba(20,20,20,0.2);
	}
	
	.build-log .log .log-image {
		max-width: 100%;
		height: auto;
	}
	
	.build-log .log h5 {
		font-size: .8em;
		padding-left: 8px;
		margin-bottom: 15px;
		border-left: 15px solid rgba(255,0,0,1.0);
	}
	
	.build-log .log p {
		font-size: 1.1em;
		font-weight: 400;
		padding-left: 10px;
	}
			
@media (max-width: 767px) {
	
	.container { padding-left: 10px; padding-right: 10px; }
	
	.project { min-width: 300px; max-width: 320px; float: none; margin: 0 auto 15px; }
		.project_media_container { padding-top: 15px; }
		.project_nav { font-size: 12px; }
		
	#gallery_display { min-height: 200px; }
		.gallery_thumbnail { width: 70px; margin: 10px 0 0 11px; float: left; }
		.gallery_nav { padding: 0 30px 2px; }
		
	.retina_fix { margin-top: -1px; }
}

@media (max-width: 767px) and (orientation : landscape) {

	.project { width: 260px; max-width: 260px; margin: 0 10px 10px 15px; float: left; }
		.project a.title { font-size: 11px; }
		.project span.title { font-size: 11px; }
	.gallery_thumbnail { width: 127px; margin: 15px 0 5px 15px; float: left; }
}

@media (min-width: 768px) {	

	.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: url('img/desaturate.svg#greyscale'); filter: gray; }
	.desaturate { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: none; }
		.image-hover { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: url('img/desaturate.svg#greyscale'); filter: gray; }
		
	.header_large { font-size: 12px; padding-top: 10px; padding-bottom: 10px; }
		.header_large .menu { margin: 15px 0 10px 0px; } 
		.title_large { font-size: 60px; color: #000; line-height: 50px;  margin-left: -4px; }
			.bg_black { color: #fff; background: #000; padding: 0 16px 0 12px; margin-left: -11px; }
	.header_small, .header_small_menu { font-size: 12px; height: 70px; }
		.header_small_menu { height: 70px; }
		.title_small { font-size: 40px; color: #000; line-height: 0px; margin: 35px 0 0 20px; }
			.title_small .bg_black { padding: 0 10px; }
		.header_small_menu .menu { margin: 40px 0 0 0; }
	
	.page_content_container { min-height: 640px; }
	
	.project_list { min-height: 480px; }
		.project_list .desaturate { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: none; }
			.project_list .image-hover { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); filter: url('img/desaturate.svg#greyscale'); filter: gray; }
			
	.project { width: 230px; }
		.project a.title { font-size: 11px; }
		.project span.title { font-size: 11px; }
		
	.gallery_thumbnail { width: 177px; margin: 15px 0 5px 15px; float: left; }
	.gallery_nav { padding: 0 30px 2px; }
	
	
	.build-log .intro p {
		font-size: 1.3em;
		padding-right: 20%;
	}
	
	.build-log .log .log-image {
		max-width: 50%;
	}
	
	.build-log .log p {
		font-size: 1.2em;
		padding-right: 20%;
	}
}

@media (min-width: 992px) {

	.header_large { font-size: 12px; padding-top: 10px; padding-bottom: 10px; }
		.header_large .menu { margin: 15px 0 10px 0px; } 
		.title_large { font-size: 60px; color: #000; line-height: 50px;  margin-left: -4px; }
			.bg_black { color: #fff; background: #000; padding: 0 16px 0 12px; margin-left: -11px; }
	.header_small { font-size: 12px; height: 70px; }
		.title_small { font-size: 40px; color: #000; line-height: 0px; margin: 35px 0 0 20px; }
			.title_small .bg_black { padding: 0 10px; }
		.header_small .menu { margin: 40px 0 0 0; }

	.page_media_container { padding: 0; background: none; }
	
	.project_list { min-height: 640px; }
		
	.project { width: 220px; }
		.project a.title { font-size: 11px; }
		.project span.title { font-size: 11px; }
		
	.gallery_thumbnail { width: 145px; margin: 15px 6px 5px 14px; float: left; }
	.gallery_nav { padding: 0 20px 2px; }
	
	.meta_single { left: 0; }
}

@media (min-width: 1200px) {

	.title_large { font-size: 70px; color: #000; line-height: 65px;  margin-left: -4px; }
	
	.project_list { min-height: 680px; }
	
	.project { width: 270px; }
		.project a.title { font-size: 12px; }
		.project span.title { font-size: 12px; }
		
	.gallery_thumbnail { width: 180px; margin: 15px 8px 5px 12px; float: left; }
}