.owl-theme {

	// Styling Next and Prev buttons
	.owl-carousel-inner {

		.owl-prev,
		.owl-next {
			color: $nav-color;
			font-size: $nav-font-size;
			padding: $nav-padding;
			background: $nav-background;
			display: inline-block;
			cursor: pointer;
			border-radius: 3px;

			&:hover {
				background: $nav-background-hover;
				color: $nav-color-hover;
				text-decoration: none;
			}

			&.disabled {
				opacity: $nav-disabled-opacity;
				cursor: not-allowed;
			}
		}
	}

	.owl-dots {
		margin-top: 10px;
		text-align: center;
		-webkit-tap-highlight-color: transparent;

		.owl-dot {
			display: inline-block;
			zoom: 1;

			span {
				width: $dot-width;
				height: $dot-height;
				margin: $dot-margin;
				background: $dot-background;
				display: block;
				-webkit-backface-visibility: visible;
				transition: opacity 200ms ease;
				border-radius: $dot-rounded;
			}

			&.active,
			&:hover {
				span {
					background: $dot-background-active;
				}
			}
		}
	}
}