/* General Page Titles */
.pagetitle {

	// Title
	.title {
		color:#fff;
		display: block;
		margin: 0;
		margin-bottom:20px;
	}

	// Top Bg Image
	img.top-bg-image {
		min-width: 1500px;
		max-width: none !important;
	}

	// Hover effect
	.title a:hover {
		text-decoration: underline;
	}
	
	// Button style
	 .pagetitle a.button {
		margin-top:10px;
	}
}

// Page Titles
.blog,
.archive, 
.search,
.page,
.error404 {
	.pagetitleloading {
		margin-bottom:30px;
		background-size: cover !important;
		background-attachment: fixed !important;
	}
	.no-background .pagetitleloading {
		margin-bottom:0;
	}
	.pagetitle {
		padding:40px 0;
		background-attachment:fixed !important;
		min-height:0;

		.title {
			margin-bottom:10px;
		}
		.slidecaptionwrap {
			position:static;
		}
		.slidecaption {
			width:100%;
			position:relative;
		}
	}
	.no-background {
		.pagetitle {
			padding-top:20px;
			padding-bottom:30px;
		}
		.pagetitle .overlay {
			display:none;
		}
		.title {
			color:#333;
		}
		.subheadline {
			color:#777;
		}
	}
	.custom-layout {

		.pagetitleloading {
			//margin-bottom:3px;
		}
	}
	.no-background.default-layout {
		.sidebar {
			padding-top:36px;
			margin-top:3px; // for drop shadow above
		}
	}
	.has-background {

		.slidecaption .title {
			color:#fff;
		}
		.slidecaption .subheadline {
			color:#fff;
			@include opacity(0.75);
		}
	} 
}

/**
 * Full Top BG Image
 */
.pagetitleloading.background-imaged {
	background-color:#000;
	
	.pagetitle {
		padding: 160px 0;
		margin-top: -45px;
		margin-bottom:-20px;
		background:transparent;
	}	
	.imagecover {
	  	height:100%;
    	position:absolute;	
		top:0;
		
		.full-bg-image {
			background-position: 50% 50%;
			background-attachment:scroll;
		}
	}
	.js .imagecover { // Disable fallback if js
		display:none;
	}
	.slidecaptionwrap {
		position:relative !important;
	}
}

#sitecontainer .backstretch img {
	max-width: none !important;
}
  
.imagecover {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
 
  .post-break {
	  margin:auto;
  }
}
.backgroundsize .imagecover img {
	display:none; // don't display if using background image.
}
.imagecover img {
  position: relative;
  max-height: 100%;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.imagecover img {
	top: 0;
	left: 0;
	max-height: none;
	width: 100%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}