/**
 * Styles for Fusion Extension - Card Tile
 */

.fsn-card.tile	{
	position:relative;
	overflow:hidden;
}

.fsn-card.tile a.tile-container	{
	display:block;
	text-decoration:none;
}

.fsn-card.tile .tile-image	{
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.fsn-card.tile .tile-video	{
	display:block;
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
	max-width:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.fsn-card.tile .card-tile-video-pause  {
  position:absolute;
  bottom:15px;
  left:15px;
  z-index:4;
  display: block;
  width:48px;
  height:48px;
  margin:0;
  padding:0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  border:0;
  border-radius:0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background:url('images/baseline-pause.svg') no-repeat center center;
  background-size:contain;
}
.fsn-card.tile .card-tile-video-pause.paused  {
  background-image:url('images/baseline-play_arrow.svg');
}

.fsn-card.tile .tile-overlay	{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}

.fsn-card.tile:hover a.tile-container .tile-overlay	{
	opacity:0.6 !important;
}

.no-opacity .fsn-card.tile:hover a.tile-container .tile-overlay {
	filter:alpha(opacity=60) !important;
}

.fsn-card.tile .tile-content	{
	padding-left:16.66666667%;
	padding-right:16.66666667%;
	text-align:center;
	position:relative;
	z-index:3;
	opacity:1;
	-moz-transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	transition:opacity 0.3s;
}

.fsn-card.tile .tile-content.loading	{
	opacity:0;
}

.fsn-card.tile .tile-content .tile-headline	{
	margin-top:0;
}

.fsn-card.tile .tile-image.kenburns	{
	-moz-transform:scale3d(1, 1, 1);
	-webkit-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1);
	-moz-transition:-moz-transform 200ms ease-out;
	-webkit-transition:-webkit-transform 200ms ease-out;
	transition:transform 200ms ease-out;
}

.fsn-card.tile:hover .tile-image.kenburns	{
	-moz-transform:scale3d(1.2,1.2,1);
	-webkit-transform:scale3d(1.2,1.2,1);
	transform:scale3d(1.2,1.2,1);
	transform-origin:(50%, 50%);
	-moz-transition:-moz-transform 10000ms cubic-bezier(0, 0, .80, .90);
	-webkit-transition:-webkit-transform 10000ms cubic-bezier(0, 0, .80, .90);
	transition:transform 10000ms cubic-bezier(0, 0, .80, .90);
}

.fsn-card.tile a:focus .tile-image {
	outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

@media (max-width: 767px) {
	.fsn-card.tile .tile-content	{
		padding-left:15px;
		padding-right:15px;
	}
	.fsn-card.tile	{
		margin-left:-15px;
		margin-right:-15px;
	}
}