/*
Theme Name: Wildfire Design
Theme URI: /
Description: Custom Theme for the Wildfire Design portfolio website. Based on the Bootstrap framework.
Author: Finlay Margrie Jones
Author URI: http://margrie.co.uk/
Version: 1.0
Tags: portfolio, resume, cv, white, light, bootstrap
Text Domain: wildfire

License: CC Attribution-NonCommercial 4.0 International
License URI: http://creativecommons.org/licenses/by-nc/4.0/

*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                          Basic Classes                                             */
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

.float-right {
	float: right;
	clear: none;
}

.float-left {
	float: left;
	clear: none;
}

.hide {
	display: none;
}

.pad-top-15 {
	padding-top: 15px;
}

.foot-contact {
	margin-left: 0px;
}

@media (max-width: 767px){
	.row {
		margin-left: 0px;
		margin-right: 0px;
	}
}

.contact-link {
	text-decoration: none;
}

@media (max-width: 767px){
	.navbar-collapse {
		background-color: #ffffff;
		border-bottom: 1px solid #eee;
		clear: both;
	}
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                              Layout                                                */
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

html,body {
	height:100%;
	/*background-color: #436;*/
}

/*#blur-bg {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: -99999;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.2;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}*/

/*////////
//Navbar//
////////*/

.navbar-brand {
	height: auto;
}

/*//////////
//CV Tiles//
//////////*/

div.no-thumbnail {
	background-color: #DDD;
}

div.cv-thumbs {
	background-color: #000;
	background-size: cover !important;
	background-origin: content-box !important;
	background-clip: content-box !important;
	background-position: center center !important;
	background-repeat: no-repeat;
	position: relative;
}

.cv-thumbs > .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding: 2px;
}

.cv-entry-detils {
	clear: both;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.1s ease-out 0;
}

div.cv-thumbs:hover  .cv-entry-detils {
	opacity: 1;
	transition: opacity 0.2s ease-out 0.1s;
}

div.cv-entry-title {
	background-color: rgba(255,255,255,0.7);
	background-clip: padding-box;
	height: 30px;
	padding: 8px;
	margin: 2px;
	width: -moz-calc(100% - 1px);
	width: -webkit-calc(100% - 1px);
	width: -o-calc(100% - 1px);
	width: calc(100% - 1px);
	display: inline-block;
	position: absolute;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
	-webkit-transition: height 0.3s, background-color 0.3s, -webkit-transform 0.3s;
	transition: height 0.3s, background-color 0.3s, transform 0.3s;
}

div.cv-thumbs:hover div.cv-entry-title {
	background-color: rgba(255,255,255,0.9);
	height: 75px;
}

/* Slightly different for mobiles */
div.cv-entry-title-xs {
	background-color: rgba(255,255,255,0.9);
	background-clip: padding-box;
	height: 30px;
	padding: 8px;
	margin: 15px;
	width: -moz-calc(100% - 29px);
	width: -webkit-calc(100% - 29px);
	width: -o-calc(100% - 29px);
	width: calc(100% - 29px);
	display: inline-block;
	position: absolute;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
}

/*#list {
	width: 103.125%;
	overflow: hidden;
	margin-left: -1.562%;
	margin-bottom: -1.875em;
}
.item {
	width: 30.303%;
	float: left;
	margin: 0 1.515% 1.875em;
}

@media only screen and ( max-width: 40em ) {
	.item {
	width: 46.876%;
	margin-bottom: 0.938em;
	}
}

@media only screen and ( max-width: 20em ) {
	#list {
		width: 100%;
		margin-left: 0;
}
	.item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}*/

/*////////////
//Single.PHP//
////////////*/

.post-content {
	padding-bottom: 15px;
}

.post-content {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}

img.wp-post-image {
	margin-top: 20px;
}

/* CV Gallery */
div.cv-gallery {
	padding-bottom: 15px;
}

/*///////////////
//Sticky Footer//
///////////////*/

#footer, #home-footer {
	background-color:#f5f5f5;
}

/* Normal Footer */

#wrap {
	min-height:100%;
	height:auto!important;
	height:100%;
	margin:0 auto -130px
}

#push,#footer {
	height:130px
}

@media (max-width: 991px) {
#push,#footer {
	height: 130px;
}
}

@media (max-width: 991px) {
#wrap {
	margin:0 auto -130px
}
}

@media (max-width: 767px) {
#footer {
	height: 130px;
}
}

/* Home-Specific Footer */

#home-wrap {
	min-height:100%;
	height:auto!important;
	height:100%;
	margin:0 auto -180px
}

#home-push{
	height:180px
}

@media (max-width: 767px) {
#home-footer {
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
}
}

@media (max-width: 991px) {
#home-push {
	height: 256px;
}
}

@media (max-width: 991px) {
#home-wrap {
	margin:0 auto -256px
}
}

@media (max-width: 767px) {
#home-footer {
	height: auto;
}
}

/*////////////////
//General Footer//
////////////////*/

img.footer-logo {
	height: 180px;
	padding: 20px 20px 20px 0;
	float: left;
}

div.footer-contact-xs {
	padding-bottom: 20px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                            Typography                                              */
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////
//Font-Faces//
////////////*/

@font-face {
  font-family: 'Helvetica Neue';
  src: url('/wp-content/themes/wildfire/fonts/HelveticaNeue-Roman.eot#iefix') format('embedded-opentype'),  url('/wp-content/themes/wildfire/fonts/HelveticaNeue-Roman.woff') format('woff'), url('/wp-content/themes/wildfire/fonts/HelveticaNeue-Roman.ttf')  format('truetype'), url('/wp-content/themes/wildfire/fonts/HelveticaNeue-Roman.svg#HelveticaNeueLTCom-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('/wp-content/themes/wildfire/fonts/HelveticaNeue-It.eot#iefix') format('embedded-opentype'),  url('/wp-content/themes/wildfire/fonts/HelveticaNeue-It.woff') format('woff'), url('/wp-content/themes/wildfire/fonts/HelveticaNeue-It.ttf')  format('truetype'), url('/wp-content/themes/wildfire/fonts/HelveticaNeue-It.svg#HelveticaNeueLTCom-It') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('/wp-content/themes/wildfire/fonts/HelveticaNeue-Bd.eot#iefix') format('embedded-opentype'),  url('/wp-content/themes/wildfire/fonts/HelveticaNeue-Bd.woff') format('woff'), url('/wp-content/themes/wildfire/fonts/HelveticaNeue-Bd.ttf')  format('truetype'), url('/wp-content/themes/wildfire/fonts/HelveticaNeue-Bd.svg#HelveticaNeueLTCom-Bd') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('/wp-content/themes/wildfire/fonts/HelveticaNeue-BdIt.eot#iefix') format('embedded-opentype'),  url('/wp-content/themes/wildfire/fonts/HelveticaNeue-BdIt.woff') format('woff'), url('/wp-content/themes/wildfire/fonts/HelveticaNeue-BdIt.ttf')  format('truetype'), url('/wp-content/themes/wildfire/fonts/HelveticaNeue-BdIt.svg#HelveticaNeueLTCom-BdIt') format('svg');
  font-weight: bold;
  font-style: italic;
}

/*//////
//Body//
//////*/

body {
	font-family: 'Helvetica Neue', sans-serif;
}

/*////////
//Header//
////////*/

.navbar-wildfire {
	background-color: rgb(248, 248, 248);
	font-family: 'Helvetica Neue', 'Helvetica', 'Ariel', sans-serif;
	font-size: 14px;
	/*height: 88px; */
	margin-bottom: 20px;
	min-height: 50px;
	padding-top: 10px;
}

.navbar-brand {
	font-family: 'Helvetica Neue', 'Helvetica', 'Ariel', sans-serif;
	font-size: 2.5em;
	line-height: 0.7em;
	font-weight: bold;
}

.navbar-brand small {
	color: #333;
	font-size: 40%;
	font-weight: normal;
}

/*//////////////////
//CV Tiles Headers//
//////////////////*/

h4.cv-entry-title {
	color: #000;
	font-size: 90%;
	margin: 0;
}

h4.cv-year {
	color: #000;
	font-size: 90%;
	margin: 0;
}

h5.cv-entry-details {
	color: #000;
	font-size: 80%;
	margin: 0;
	padding-top: 8px;
}

h4.cv-entry-details {
	color: #000;
	font-size: 90%;
	margin: 0;
	padding-top: 8px;
	font-weight: 600;
}

/*////////
//Footer//
////////*/

footer h1 {
	font-family: 'Helvetica Neue', 'Helvetica', 'Ariel', sans-serif;
	color: #EA300C;
	font-weight: bold;
}

footer h4 .glyphicon {
	color: #EA300C;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                              Links                                                 */
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

a.navbar-brand {
	text-decoration: none;
	color: #EA300C;
}

a:hover.navbar-brand {
	text-decoration: none;
	color: #F79C1C;
}

/* CV Tile Permalink */
a.post-permalink{
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 9999;
	display: inline-block;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////*/