/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.2.7
Author: Todd Motto (@toddmotto)
Author URI: http://www.toddmotto.com
Tags: Blank, HTML5, CSS3

License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

/* =============================================================================
   General Styles
   ========================================================================== */
   
/* Font Face Setup, add fonts to /fonts/ folder and sync filenames */
@font-face {
/*
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
*/
}

/* Icon fonts */
@font-face { font-family: 'IconicFill'; src: url('fonts/iconic_fill.eot'); src: url('fonts/iconic_fill.eot?#iefix') format('embedded-opentype'), url('fonts/iconic_fill.ttf') format('truetype'), url('fonts/iconic_fill.svg#iconic') format('svg'); font-weight: normal; font-style: normal; }.iconic { display:inline-block; font-family: 'IconicFill'; }.lightbulb:before {content:'\e063';}.equalizer:before {content:'\e052';}.brush_alt:before {content:'\e01c';}.move:before {content:'\e03e';}.tag_fill:before {content:'\e02b';}.book_alt2:before {content:'\e06a';}.layers:before {content:'\e01f';}.chat_alt_fill:before {content:'\e007';}.layers_alt:before {content:'\e020';}.cloud_upload:before {content:'\e045';}.chart_alt:before {content:'\e029';}.fullscreen_exit_alt:before {content:'\e051';}.cloud_download:before {content:'\e044';}.paperclip:before {content:'\e08a';}.heart_fill:before {content:'\2764';}.mail:before {content:'\2709';}.pen_alt_fill:before {content:'\e005';}.check_alt:before {content:'\2718';}.battery_charging:before {content:'\e05d';}.lock_fill:before {content:'\e075';}.stop:before {content:'\e04a';}.arrow_up:before {content:'\2191';}.move_horizontal:before {content:'\e038';}.compass:before {content:'\e021';}.minus_alt:before {content:'\e009';}.battery_empty:before {content:'\e05c';}.comment_fill:before {content:'\e06d';}.map_pin_alt:before {content:'\e002';}.question_mark:before {content:'\003f';}.list:before {content:'\e055';}.upload:before {content:'\e043';}.reload:before {content:'\e030';}.loop_alt4:before {content:'\e035';}.loop_alt3:before {content:'\e034';}.loop_alt2:before {content:'\e033';}.loop_alt1:before {content:'\e032';}.left_quote:before {content:'\275d';}.x:before {content:'\2713';}.last:before {content:'\e04d';}.bars:before {content:'\e06f';}.arrow_left:before {content:'\2190';}.arrow_down:before {content:'\2193';}.download:before {content:'\e042';}.home:before {content:'\2302';}.calendar:before {content:'\e001';}.right_quote_alt:before {content:'\e012';}.unlock_fill:before {content:'\e076';}.fullscreen:before {content:'\e04e';}.dial:before {content:'\e058';}.plus_alt:before {content:'\e008';}.clock:before {content:'\e079';}.movie:before {content:'\e060';}.steering_wheel:before {content:'\e024';}.pen:before {content:'\270e';}.pin:before {content:'\e067';}.denied:before {content:'\26d4';}.left_quote_alt:before {content:'\e011';}.volume_mute:before {content:'\e071';}.umbrella:before {content:'\2602';}.list_nested:before {content:'\e056';}.arrow_up_alt1:before {content:'\e014';}.undo:before {content:'\e02f';}.pause:before {content:'\e049';}.bolt:before {content:'\26a1';}.article:before {content:'\e053';}.read_more:before {content:'\e054';}.beaker:before {content:'\e023';}.beaker_alt:before {content:'\e010';}.battery_full:before {content:'\e073';}.arrow_right:before {content:'\2192';}.iphone:before {content:'\e06e';}.arrow_up_alt2:before {content:'\e018';}.cog:before {content:'\2699';}.award_fill:before {content:'\e022';}.first:before {content:'\e04c';}.trash_fill:before {content:'\e05a';}.image:before {content:'\e027';}.comment_alt1_fill:before {content:'\e003';}.cd:before {content:'\e064';}.right_quote:before {content:'\275e';}.brush:before {content:'\e01b';}.cloud:before {content:'\2601';}.eye:before {content:'\e025';}.play_alt:before {content:'\e048';}.transfer:before {content:'\e041';}.pen_alt2:before {content:'\e006';}.camera:before {content:'\e070';}.move_horizontal_alt2:before {content:'\e03a';}.curved_arrow:before {content:'\2935';}.move_horizontal_alt1:before {content:'\e039';}.aperture:before {content:'\e026';}.reload_alt:before {content:'\e031';}.magnifying_glass:before {content:'\e074';}.calendar_alt_fill:before {content:'\e06c';}.fork:before {content:'\e046';}.box:before {content:'\e06b';}.map_pin_fill:before {content:'\e068';}.bars_alt:before {content:'\e00a';}.volume:before {content:'\e072';}.x_alt:before {content:'\2714';}.link:before {content:'\e077';}.move_vertical:before {content:'\e03b';}.eyedropper:before {content:'\e01e';}.spin:before {content:'\e036';}.rss:before {content:'\e02c';}.info:before {content:'\2139';}.target:before {content:'\e02a';}.cursor:before {content:'\e057';}.key_fill:before {content:'\26bf';}.minus:before {content:'\2796';}.book_alt:before {content:'\e00b';}.headphones:before {content:'\e061';}.hash:before {content:'\0023';}.arrow_left_alt1:before {content:'\e013';}.arrow_left_alt2:before {content:'\e017';}.fullscreen_exit:before {content:'\e050';}.share:before {content:'\e02e';}.fullscreen_alt:before {content:'\e04f';}.comment_alt2_fill:before {content:'\e004';}.moon_fill:before {content:'\263e';}.at:before {content:'\0040';}.chat:before {content:'\e05e';}.move_vertical_alt2:before {content:'\e03d';}.move_vertical_alt1:before {content:'\e03c';}.check:before {content:'\2717';}.mic:before {content:'\e05f';}.book:before {content:'\e069';}.move_alt1:before {content:'\e03f';}.move_alt2:before {content:'\e040';}.document_fill:before {content:'\e066';}.plus:before {content:'\2795';}.wrench:before {content:'\e078';}.play:before {content:'\e047';}.star:before {content:'\2605';}.document_alt_fill:before {content:'\e000';}.chart:before {content:'\e028';}.rain:before {content:'\26c6';}.folder_fill:before {content:'\e065';}.new_window:before {content:'\e059';}.user:before {content:'\e062';}.battery_half:before {content:'\e05b';}.aperture_alt:before {content:'\e00c';}.eject:before {content:'\e04b';}.arrow_down_alt1:before {content:'\e016';}.pilcrow:before {content:'\00b6';}.arrow_down_alt2:before {content:'\e01a';}.arrow_right_alt1:before {content:'\e015';}.arrow_right_alt2:before {content:'\e019';}.rss_alt:before {content:'\e02d';}.spin_alt:before {content:'\e037';}.sun_fill:before {content:'\2600';}


/* Global Box Sizing and Font-Smoothing */	 
*, *:after, *:before {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {
	font-family: freight-sans-pro, "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:100%;
	font-weight:400; /* Better supported than 'lighter' attribute */
	line-height:18px;
	color:#222; /* Lighter on the eyes than #000 Black */
}

body.home:before { 
	content: "";
}	

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

a.post-edit-link {
	display: inline-block;
	padding: .75em 1em; 
	border-radius: .5em;
	background-color: #333;
	color: #fff;
	text-decoration: none;
	font-size: .75rem;
}	

h1, h2, h3 {
	font-weight: 400;
}	

a {
	color: #ec3930;
}	

a:hover {
	color: #ec3930;
	transition: color .35s;
	-moz-transition: color .35s;
	-webkit-transition: color .35s;
	-o-transition: color .35s;	
}

a { outline: none; border: none;}

/* =============================================================================
   Structure
   ========================================================================== */
   
/* Fluid First approach - http://www.toddmotto.com/fluid-first-creating-a-future-proof-fluid-and-responsive-website 
  Responsive, fluid, 1280px width - perfect start.
*/

.wrapper {max-width:960px;width:90%;margin:0 auto;position:relative; background-color: white;}

.col1 {
	width: 100%;
	background-color: none;
}

.home .col1,
.archive .col1 {
	display: none;
}	

.col2 {
	width: 100%;
	background-color: none;
}		

header {
	margin-bottom: 1em;
}	

#logo h1 {
	font-family: sax-mono;
	text-align: center;
	font-size: 1.25rem;
	letter-spacing: 1px;
	padding: 2em 0 0 0;
	margin: 0;
}

#logo h1 a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
}		

#logo h1 a:hover {
	color: #ec3930;
	transition: color .35s;
	-moz-transition: color .35s;
	-webkit-transition: color .35s;
	-o-transition: color .35s;	
}

.mnav-wrapper {
	margin-top: 1em;
}

.mnav-wrapper select {
	width: 100%;
}		

nav {
	display: block;
	width: 100%;
	min-height: 1em;
}	

nav a {
	text-decoration: none;
	color: #333;
}	

nav ul {
	width:intrinsic;
	display: block;
	margin: 0;
	padding: 0;
}	

nav ul li {
	font-size: 1rem;
	margin-bottom: .75rem;
}	

nav ul li:nth-last-child(2){
	margin-top: 2em;
}

nav .iconic {
	font-size: 1em;
}

nav a:hover {
	color: #ec3930;
}

nav .prev-link, nav .next-link {
	display: inline-block;
	float: left;
	background-color: none;
	height: 2em;
}

nav .next-link {
	float: right;
}		

.current-menu-item a {
/*
	color: #ec3930;
*/
/*
	font-style: italic;
*/
	font-weight: 600;
}	

h2.mnav-cat {
	font-size: 1.5em;
	font-weight: 400;
	margin: 0 0 1em 0;
}	


footer {
	display: none;
	padding-top: 2em;
	clear: both;
	background-color: none;
	text-align: center;
	font-size: .85em;
	color: #999;
}	

/* Index */

.home article, 
.archive article {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
	background-color: none;
}	

.home article:nth-of-type(2n+2), 
.archive article:nth-of-type(2n+2) {
	margin-right: 0;
}

article img {
	max-width: 100%;
}	

/* Single */

.col1 h1 {
	font-size: 1.25rem;
	line-height: 1.125rem;
}	

.single article img,
.single article iframe {
	max-width: 100%;
}	

.project-details span {
	display: block;
}	

/* News */
.category-news article {
	width: 100%;
}		

.category-news article h2 {
	margin: 0;
	padding-bottom: .25em;
	font-size: 1.25em;
}	

.category-news article h2 a {
	text-decoration: none;
	color: #333;
	font-weight: 500;
}	


/* =============================================================================
   Media Queries
   ========================================================================== */


/* 320px and greater */
@media only screen and (min-width: 320px) {

}

/* 480px and greater */
@media only screen and (min-width: 480px) {

}

/* 768px and greater */
@media only screen and (min-width: 768px) {


	.home article,
	.archive article {
		width: 23%;
	}	
	
	/* News */
	.category-news article {
		width: 100%;
	}			

	.col1 {
		width: 20%;
		float: left;
		/* All content in col2 has a 1em margin add to top via normalize */
		margin-top: 4em;
	}
	
	.home .col1,
	.archive .col1 {
		display: block;		
		padding-top: 0;
	}	

	.single .col1 {
		margin-top: 1em;
	}	

	.home .col2,
	.archive .col2 {
		margin-top: 1em;
	}		
	
	.col2 {
		float: left;
		width: 76%;
		margin-left: 4%;
	}			
	
	#logo {
		margin: 0 0 0 24%;
	}	
	
	#logo h1 {
		font-size: 1.5rem;
		text-align: left;		
		padding: 2em 0 0 0;
		margin: 0;
	}

	h2.mnav-cat {
		display: none;
	}	
	
	.home article:nth-of-type(2n+2), 
	.archive article:nth-of-type(2n+2) {
		margin-right: 2%;
	}

}

/* 1024px and greater */
@media only screen and (min-width: 1024px) {

}

/* Retina screens */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {

}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
/* Custom Selection Styles */
::selection {background:#D31245;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#D31245;color:#FFF;text-shadow:none;}
::-moz-selection {background:#D31245;color:#FFF;text-shadow:none;}

/* Input focus styles */
input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
   
/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */
   
.alignnone {margin:0 20px 20px 0;}
.aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
.alignright {float:right;margin:0 0 20px 20px;}
.alignleft {float:left;margin:0 20px 20px 0;}
.aligncenter {display:block;margin:0 auto 0 auto;}
a img.alignright {float:right;margin:0 0 20px 20px;}
a img.alignnone {margin:0 20px 20px 0;}
a img.alignleft {float:left;margin:0 20px 20px 0;}
a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
.wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone {margin:5px 20px 20px 0;}
.wp-caption.alignleft {margin:5px 20px 20px 0;}
.wp-caption.alignright {margin:5px 0 20px 20px;}
.wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
.sticky {}
.bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
}

.single article img, .single article iframe {
    max-width: 100%;
    height: auto;
}