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

.fsn-card.horizontal{
	width: 100%;
}
.fsn-card.horizontal .card-image > button	{
	background:transparent;
	-webkit-appearance:none;
	margin:0;
	padding:0;
	border:0;
}
.fsn-card.horizontal .card-content{
	padding: 10px 30px 30px;
}
.fsn-card.horizontal .card-video video {
	display:block;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.fsn-card.horizontal .card-horizontal-video-pause  {
  position:absolute;
  bottom:15px;
  left:15px;
  z-index:2;
  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.horizontal .card-horizontal-video-pause.paused  {
  background-image:url('images/baseline-play_arrow.svg');
}

@media (max-width: 767px){
	.fsn-card.horizontal .card-content{
		margin-top:0 !important;
	}
}
@media (min-width: 768px){
	.fsn-card.horizontal{
		overflow: hidden;
	}
	.fsn-card.horizontal .card-wrap > .row{
		display:flex;
		align-items: center;
	}
	.fsn-card.horizontal .card-wrap > .row:before,
	.fsn-card.horizontal .card-wrap > .row:after{
		display:none;
	}
	.fsn-card.horizontal .card-wrap .row	{
		margin-left: 0;
		margin-right: 0;
	}
	.fsn-card.horizontal .card-wrap .col-sm-6{
		padding-left: 0;
		padding-right: 0;
	}
	.fsn-card.horizontal .image-right > .row	{
		flex-direction: row;
	}
	.fsn-card.horizontal .image-right .card-content	{
		order:1;
	}
	.fsn-card.horizontal .image-right .card-image,
	.fsn-card.horizontal .image-right .card-video	{
		order:2;
	}
	.fsn-card.horizontal .card-content{
		padding:0;
	}
}