.sf-media {
	.sf-img-thmb {
		a {
			display: block;
			width: $img-thmb-width;
			height: $img-thmb-height;
			overflow: hidden;
		}
	}

	.sf-video-thmb {
		position: relative;
		width: $video-thmb-width;
		height: $img-thmb-height;
		background-color: $video-thmb-background;

		a {
			display: block;
			position: absolute;
			top: 50%;
			margin-top: -35px;
			height: $video-thmb-anchor-height;
			overflow: hidden;

			.sf-icon-play {
				position: absolute;
				width: $icon-play-width;
				height: $icon-play-height;
				left: 50%;
				top: 50%;
				margin-left: -15px;
				margin-top: -15px;
				border-radius: $icon-play-border-radius;
				background-color: $icon-play-background;
				opacity: 0.8;

				&:hover {
					background-color: $icon-play-hover-background;
				}

				&:before {
					display: block;
					width: 0;
					height: 0;
					border-top: $icon-play-before-border-top-width solid $icon-play-before-border-top-color;
					border-bottom: $icon-play-before-border-bottom-width solid $icon-play-before-border-bottom-color;
					border-left: $icon-play-before-border-left-width solid $icon-play-before-border-left-color;
					position: absolute;
					left: 12px;
					top: 9px;
					content: "";
				}
			}
		}
	}
	
	.sf-media-body {
		h3 {
			@extend .sf-mt-xxs; //0
		}
	}
}