//
// Theme
//
.owl-carousel {

	// Styling Next and Prev buttons
	.owl-nav {
		margin-top: 10px;
		text-align: center;
		-webkit-tap-highlight-color: transparent;

		[class*='owl-'] {
			color: $owl-nav-color;
			font-size: $owl-nav-font-size;
			margin: $owl-nav-margin;
			padding: $owl-nav-padding;
			background: $owl-nav-background;
			display: inline-block;
			cursor: pointer;
			border-radius: $owl-nav-radius;

			&:hover {
				background: $owl-nav-background-hover;
				color:$owl-nav-color-hover;
				text-decoration: none;
			}
		}
		.disabled {
			opacity: $owl-nav-disabled-opacity;
			cursor: default;
		}
	}

	// Styling dots
	.owl-nav.disabled + .owl-dots {
		margin-top: 10px;
	}

	.owl-dots {
		text-align: center;
		-webkit-tap-highlight-color: transparent;

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

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

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

	.item{
		position: relative;
		a{
			.caption-date,
			.caption-title,
			.caption-desc{
				color: $owl-item-link-color;
				text-decoration: none;
			}
		}
		img{
			padding: $owl-item-img-padding;
			background-color: $owl-item-img-bg;
			margin-bottom: $owl-item-img-margin;
		}
		figure{
			.bg{
				height: $owl-figure-height;
				width: 100%
			}
			.bg-image {
	      -ms-background-position-x: $owl-figure-bg-image-pos-x;
	      -ms-background-position-y: $owl-figure-bg-image-pos-y;
	      background-position: $owl-figure-bg-image-pos-x $owl-figure-bg-image-pos-y;
	      background-size: $owl-figure-bg-size;
	    }
		}
		.caption{
			margin-top: 0px;
			background-color: $owl-caption-bg;
			padding: 10px;

			// contenido
			.caption-title{
				font-size: $owl-caption-title-size;
				padding: $owl-caption-title-padding;
				margin: $owl-caption-title-margin;
			}
			.caption-desc{
				font-size: $owl-caption-desc-size;
				padding: $owl-caption-desc-padding;
				margin: $owl-caption-desc-margin;
			}

			// flotando arriba de la imagen
			&.position{
				position: absolute;
				z-index: 99;
				&.top,
				&.bottom{
					width: 96%;
					left: 2%;
					padding: 10px 20px;
					.caption-title{
						margin-bottom: 5px;
					}
				}
				&.top{
					top: 10px;
				}
				&.bottom{
					bottom: 10px;
				}
				&.left,
				&.right{
					bottom: 10px;
					height:$owl-figure-height - 20px;
					width: 40%;
					text-align: center;
					padding: 30px 10px;
					.caption-title{
						margin-bottom: 10px;
					}
				}
				&.left{
					left: 10px;
				}
				&.right{
					right: 10px;
				}
			}
		}
	}
}