/*
Theme Name: 	Starkers
Theme URI: 		http://viewportindustries.com/products/starkers
Description: 	The totally nude Wordpress theme!
Version: 		4.0
Author: 		Elliot Jay Stocks & Keir Whitaker
Author URI: 	http://viewportindustries.com
Tags: 			starkers, naked, clean, basic
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.tp-caption { font-family: lato, sans-serif!important; }
body { background-color:#eeeeee; font-family: lato, sans-serif;}
html, body { height: 100%; }
header { margin-top:15px; }

h1.logo a { display:block; width:100%; min-height:130px; background: url('images/nwfc-logo.png') no-repeat center top / contain; }
footer h1.logo { margin:0; }
header nav { padding-top:8px; font-weight:bolder; }
header .contact { padding-top:8px;}
.row { margin-bottom:20px; }

footer { background-color:rgba(0,0,0,.8); color:white; padding-top:10px; }
footer h1.logo a { background:url('images/nwfc-white.png') no-repeat 0 0; width:100%; min-height:55px; }
footer ul { padding-top:10px; }
footer a { color:white; }
footer a:hover { color:#ccc;}
footer span { padding-bottom:20px;}

section.fp-nav { padding:25px 0; background:url('images/squairy_light.png') repeat; }
section.fp-slider { border-top:4px solid #005590; }
section.fp-content { background-color:#005590; color:white; }
section.fp-content p { margin-bottom:22px;}
.row.fp-items { margin-bottom:0; }

.fp-item { position:relative; background-color:#000; overflow:hidden; height:250px;  -webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.35); -moz-box-shadow:    2px 2px 6px 0px rgba(50, 50, 50, 0.35); box-shadow:         2px 2px 6px 0px rgba(50, 50, 50, 0.35); }
.fp-item a:hover img { opacity:.7; }
.fp-item h3 { position:absolute; z-index:1; display:block; width:100%; padding:15px; background-color:rgba(0,0,0,.8); }
.fp-item img { opacity:.5; }
.fp-item a { color:white; }
.fp-project-thumb { margin:0; }
.fp-featured.well a { color:#f7f7f7; }
.fp-featured.well { background-color: #003B63; border-color:#002640;  }

.project-nav-side .fp-item { height:150px; margin-bottom:10px; }
.project-nav-side .fp-item a h3 { font-size:14px; }

.header-module { margin-bottom:20px; }
.headerImage { border-bottom: 1px solid #000000; border-top: 1px solid #000000; height: 150px; width: 100%; }
.headerImage h1 { font-size:3em; margin-top:40px; color:white; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}

.gallery-item a { display:block;}
.gallery-item a img { max-width:100%; height:auto; }

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
.wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -125px;
  /* Pad bottom by footer height */
  padding: 0 0 125px;
}

/* Set the fixed height of the footer here */
footer {
  height: 125px;
}

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


h1.logo { margin:-60px 0 0 0; }


}