.lqd-column {

	&.pull-down {
		margin-bottom: -340px;
	}
	&.pull-up-05x {
		margin-top: -4.5%;
	}
	&.pull-up {
		margin-top: -10%;
	}
	&.pull-up-2x {
		margin-top: -20%;
	}
	&.pull-up-3x {
		margin-top: -30%;
	}
	&.pull-up-4x {
		margin-top: -40%;
	}
}
.column-shadowed-1 {
	box-shadow: 0px 20px 50px 0px rgba(#000, 0.1);
}
.white-box-shadow {
	box-shadow: -10px 0px 30px 1px #ffffff, 10px 0px 30px 1px rgb(255, 255, 255);
}

.liquid-column-overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute !important;
	top: 0;
	left: 0;
	transition: background .3s,opacity .3s;
	border-radius: inherit;

	~ .lqd-column-inner {
		position: relative;
	}
}
.liquid-column-overlay-hover {
	opacity: 0;
}
.lqd-column {

	&:hover {

		.liquid-column-overlay-hover {
			opacity: 1;

			+ .liquid-column-overlay {
				opacity: 0;
			}
		}
	}
}

@media screen and ( min-width: $grid-breakpoint-lg ) {
	
	.stretch-to-right {
		margin-right: -22vw !important;
	}
	.stretch-to-left {
		margin-left: -22vw !important;
	}
}

@media screen and ( max-width: $grid-breakpoint-sm - 1 ) {

	.lqd-column {

		.d-flex > & {

			&:not([class*=col-xs-]) {
				width: 100%;
			}
		}
	}
}