/**
 * WooSlider Business Theme
 *
 * Style for the WooSlider Business theme.
 * This stylesheet is only enqueued if the Business theme is being used.
 */

@import '../../../../css/modules/all';

.wooslider-slider-business {
	margin: 0 0 40px;
}

.wooslider-theme-business {

	.has-featured-image {

		.slide-content,
		.slide-excerpt {
			background: #000;
			padding: 20px;
		}

	}

}

@media only screen and ( min-width: $desktop ) {

	.wooslider-theme-business {

		.slides {
		    img {
		    	box-sizing: border-box;
		    	display: block;
		    	width: auto;
		    	z-index: -1;
		    }
		}

		.has-featured-image {
			img {
				border: 0;
				box-shadow: none;
				margin: 0;
				width: 100%;
				height: auto;
				-webkit-backface-visibility: hidden;
			}
			.slide-content,
			.slide-excerpt {
				padding: 15px 10px;
				background: rgba(0,0,0,.5);
				position: absolute;
				color: #ccc;
				z-index: 9;
				p {
					color: #ccc;
					padding: 5px 20px 10px 20px;
					&:last-child {
						padding-bottom: 0;
					}
				}
			}
			.slide-title {
				color: #fff;
				padding: 10px 20px;
				margin: 0;
				a {
					color: #fff;
				}
			}
		}

		.slide-content {
			position: relative;
		}

		.slide {
			> .slide-content {
				@include clearfix;
			}
		}

		.layout-text-bottom {
			&.has-featured-image {
				text-align: center;
			    .slide-content,
			    .slide-excerpt {
			    	left: 0;
			    	bottom: 0;
			    	right: 0;
			    }
			}
		}

		.layout-text-top {
			&.has-featured-image {
				text-align: center;
				.slide-content,
				.slide-excerpt {
					left: 0;
					top: 0;
					right: 0;
				}
			}
		}

		.layout-text-left,
		.layout-text-right {
			&.has-featured-image {
			    .slide-content,
			    .slide-excerpt {
			    	width: 350px;
			    }
			}
		}

		.layout-text-left {
			&.has-featured-image {
			    .slide-content,
			    .slide-excerpt {
			    	top: 0;
			    	left: 0;
			    	bottom: 0;
			    }
			    .slide-media {
			    	float: right;
			    }
			}
		}

		.layout-text-right {
	   		&.has-featured-image {
			    .slide-content,
			    .slide-excerpt {
			    	top: 0;
			    	right: 0;
			    	bottom: 0;
			    }

			    .slide-media {
			    	float: left;
			    }
			}
		}

		.layout-text-center, .layout-text-none {
	   		&.has-featured-image {
				.slide-content,
				.slide-excerpt {
					width: 50%;
					top: 20%;
					left: 0;
					right: 0;
					bottom: inherit;
					text-align: center;
					margin: 0 auto;
				}
			}
		}

		.layout-text-none {
			&.has-featured-image {
				.slide-content,
			    .slide-excerpt {
			    	background: none;
			    }
			}
		}

		.layout-text-full {
			&.has-featured-image {
				.slide-content,
				.slide-excerpt {
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					text-align: center;
					padding-top: 7%;
				}
			}
		}

	}

}