//////////////////////////////////////////
// VIDEO 2UP MODULE
//////////////////////////////////////////

.video-2up-module{

	.module-content{
		@include module-content($video-2up-module-width);
	}

	ul{
		margin: 0;
		padding: 0;
		list-style: none;
		@include flex;

		@include break(mp){
			display: block;
		}

		> li{
			padding: 0 $grid-gutter;
			float: left;
			width: 50%;

			@include break(tp){
				padding: 0 $grid-gutter;;
			}

			@include break(mp){
				width: auto;
				padding: $module-spacing*0.25 0;
			}

			&:first-child{
				padding-left: 0;

				@include break(mp){
					padding-top: 0;
				}
			}

			&:last-child{
				padding-right: 0;

				@include break(mp){
					padding-bottom: 0;
				}
			}
		}
	}

	.video-container {
		position: relative;
		padding-top: percentage(540/960); 
		height: 0; 
		overflow: hidden;

		& iframe,
		& object,
		& embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}

	& + .image-2up-module,
	& + .image-3up-module,
	& + .image-module{
		margin-top: $module-spacing*0.7;

		@include break(tp){
			margin-top: $module-spacing*0.35;
		}
	}
}