/* -------------------- ELEMENTS -------------------- */

.text-align-center { text-align: center; }


/* ---------- Fancybox ---------- */

.fancybox-overlay .fancybox-type-html,
.fancybox-overlay .fancybox-type-iframe, 
.fancybox-overlay .fancybox-type-iframe .fancybox-inner { 
	height: 576px !important;
	width: 1024px !important;
}

	.fancybox-type-html .fancybox-inner {
		height: 100% !important;
		width: 100% !important;
	}

@media only screen and (max-width: 1224px) {
	.fancybox-overlay .fancybox-type-html,
	.fancybox-overlay .fancybox-type-iframe, 
	.fancybox-overlay .fancybox-type-iframe .fancybox-inner {
		height: 476px !important;
		width: 846px !important; 
	}
	
}

@media only screen and (max-width: 1067px) {	
	.fancybox-overlay .fancybox-type-html,
	.fancybox-overlay .fancybox-type-iframe, 
	.fancybox-overlay .fancybox-type-iframe .fancybox-inner {
		height: 376px !important;
		width: 666px !important;	
	}
}

@media only screen and (max-width: 883px) {	
	.fancybox-overlay .fancybox-type-html,
	.fancybox-overlay .fancybox-type-iframe, 
	.fancybox-overlay .fancybox-type-iframe .fancybox-inner {
		height: 274px !important;
		width: 486px !important;
	}
}

@media only screen and (max-width: 703px) {
	.fancybox-overlay .fancybox-type-html,
	.fancybox-overlay .fancybox-type-iframe, 
	.fancybox-overlay .fancybox-type-iframe .fancybox-inner {
		height: 174px !important;
		width: 308px !important;
	}
}

	.fancybox-type-html .mejs-container-fullscreen .mejs-mediaelement,
	.fancybox-type-html .mejs-container-fullscreen video { height: 100%; }
	
	.fancybox-type-html .mejs-container video {
		max-width: 100%;
		height: auto !important;
	}


/* ---------- Backgrounds ---------- */

.background-holder {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}

	.background-image {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		bottom:0;
		left: 0;
		position: absolute;
		right: 0;
		top:0;
		z-index: 0;
	}
	
	.background-overlay {					
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.background-overlay { z-index: 1; }


/* ---------- Video Lightbox ---------- */

.video_lightbox { text-align: center;  }

.video_lightbox a {
	background: url("../images/button-play.jpg") center center no-repeat;
	display: inline-block;
	min-height: 40px;
	min-width: 40px;
}


/* ---------- Slider ---------- */

.flexslider .slides > li { position: relative; }

.flexslider .section-header-content { padding: 2em; }


/* ---------- Portfolio Grid ---------- */

.post-grid-item {
	float: left;
	height: 0;
	overflow: hidden;
	opacity: 1;
	padding-bottom: 20.4%;
	position: relative;		
	width: 33.33333333%;
}