// Owl Carousel Overrides
.owl-buttons {
	display: none;
}
.owl-carousel:hover .owl-buttons {
	display: block!important;
}

.owl-carousel .owl-nav {
	display: none;

	@media only screen and ( min-width:$medium-screen ) {
		display: block;
	}

	.owl-prev,
	.owl-next {
		position: absolute;
		top: 30%;
		font-size: 2em;

		@media only screen and ( min-width:$medium-screen ) {
			font-size: 4em;
		}
	}

	.owl-prev {
		left: 0em;
	}

	.owl-next {
		right: 0em;
	}
}

.owl-carousel .owl-stage {
	display: table !important;

	.owl-item {
		display: table-cell;
		float: none;
		vertical-align: middle;
	}
}