@mixin transform($transform...) {
	-webkit-transform: $transform;
	-moz-transform: $transform;
	-ms-transform: $transform;
	-o-transform: $transform;
	transform: $transform;
}

@mixin linear-gradient($left, $right) {
	background: $left; /* Old browsers */
	background: -moz-linear-gradient(left, $left 0%, $right 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right bottom,
		color-stop(0%, $left),
		color-stop(100%, $right)
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		left,
		$left 0%,
		$right 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		left,
		$left 0%,
		$right 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, $left 0%, $right 100%); /* IE10+ */
	background: linear-gradient(to right, $left 0%, $right 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

@mixin linear-gradient-from-bottom($bottom, $top) {
	background: $bottom; /* Old browsers */
	background: -moz-linear-gradient(bottom, $bottom 0%, $top 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, $bottom),
		color-stop(100%, $top)
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		bottom,
		$bottom 0%,
		$top 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		bottom,
		$bottom 0%,
		$top 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom, $bottom 0%, $top 100%); /* IE10+ */
	background: linear-gradient(to top, $bottom 0%, $top 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

@mixin uppercase {
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

@mixin editor-button {
	padding: 18px 36px;
	font-size: 0.875rem;
	border-radius: var(--deo-border-radius);
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none !important;
	font-family: var(--deo-heading-font);
	line-height: 1.3 !important;
	transition: all 0.1s ease-in-out;
}

@mixin background-img-cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@mixin bp-xl-down {
	@media only screen and (max-width: 1199px) {
		@content;
	}
}

@mixin bp-xl-up {
	@media only screen and (min-width: 1200px) {
		@content;
	}
}

@mixin bp-lg-down {
	@media only screen and (max-width: 1024px) {
		@content;
	}
}

@mixin bp-lg-up {
	@media only screen and (min-width: 1025px) {
		@content;
	}
}

@mixin bp-md-down {
	@media only screen and (max-width: 767px) {
		@content;
	}
}

@mixin bp-md-up {
	@media only screen and (min-width: 768px) {
		@content;
	}
}

@mixin bp-sm-down {
	@media only screen and (max-width: 575px) {
		@content;
	}
}

@mixin bp-sm-up {
	@media only screen and (min-width: 576px) {
		@content;
	}
}