/*
 * Team Section
 */

.landing-section {
	position: relative;
}

/* -- For Video -- */

.landing-section .landing-video-bg {
	position: relative;
	z-index: 1;
}

.landing-section .landing-video-bg + .landing-content {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	background-image: url('../../../media/pattern-mesh.png');
	background-repeat: repeat;
}

.landing-section .landing-video-bg + .landing-content .play-video {
	position: absolute;
	top: calc( 50% + var(--space-50) );
	left: 50%;
	transform: translate(-50%, -50%);
}

.landing-section .landing-video-bg + .landing-content .play-video:focus {
	outline: 0;
}


/* -- For Image -- */

.landing-section .landing-image-bg .image {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.landing-section .landing-image-bg + .landing-content {
	position: relative;
	z-index: 2;
	background-image: url('../../../media/pattern-mesh.png');
	background-repeat: repeat;
	padding-top: 120px;
	background-color: rgba(0,0,0,0.125);
}

.landing-section .landing-image-bg + .landing-content .title {
	text-shadow: 1px 2px 4px rgba(0,0,0,0.25)
}

@media( min-width: 640px )  {
	.landing-section .landing-image-bg + .landing-content {
		padding-top: 140px;
	}

	.landing-section .landing-video-bg + .landing-content .play-video {
		top: calc( 50% + var(--space-75) );
	}
}
@media( min-width: 1040px ) {
	.landing-section .landing-image-bg + .landing-content {
		padding-top: 180px;
	}

	.landing-section .landing-video-bg + .landing-content .play-video {
		top: calc( 50% + var(--space-50) );
	}
}
@media( min-width: 1480px ) {
	.landing-section .landing-image-bg + .landing-content {
		padding-top: 240px;
	}
}