/* ==========================================================================
   Recipe
   ========================================================================== */

#tasty-slider-cheese {
	width: 100%;
	margin: 0 auto;
}

#tasty-slider, #tasty-slider .item {
	height: 500px;
	width: 100%;
}

#tasty-slider .carousel-inner {
	width: 100%;
	height: 500px;
	max-width: 1570px;
	display: block;
	margin: 0 auto;
}

/* ==========================================
   Tasty Slider Captions
   ========================================== */
   
#tasty-slider .tasty-slider-caption {
	position: absolute;
	bottom: 12%;
	right: 11%;
	color: #fff;
	text-shadow: 0 0 3px #000, 0 0 10px #000;
	min-width: 30%;
	max-width: 78%;
	padding-bottom: 5px;
	border-radius: 5px;
}

#tasty-slider .tasty-slider-caption p {
	margin-bottom: 4px;
}

/* ==========================================
   Tasty Slider Controls
   ========================================== */

#tasty-slider .carousel-control {
	width: 10%;
}

#tasty-slider .carousel-control .glyphicons {
	top: 49%;
	position: absolute;
	display: block;
	margin: 0 auto;
	left: 10%;
	right: 10%;
	width: 80%;
	text-align: center;
	color: #fff;
}

#tasty-slider .carousel-indicators {
	width: 80%;
	right: 10%;
	left: 10%;
	bottom: 2%;
	margin: 0;
	padding: 0;
}

#tasty-slider .carousel-indicators li {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset, 0 0 6px rgba(0,0,0,0.35);
	-moz-transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
	-o-transition: 0.2s all ease-in-out;
	transition: 0.2s all ease-in-out;
}

#tasty-slider .carousel-indicators li:hover {
	height: 10px;
	width: 10px;
}

#tasty-slider .carousel-indicators .active {
	height: 12px !important;
	width: 12px !important;
	background: #fff !important;
	border-color: #fff !important;
}

/* ==========================================
   Tasty Slider Sauces
   ========================================== */

/* ==================
   inverter
   ================== */

.inverter#tasty-slider-bun {
	background-color: #222;
	background: linear-gradient(to bottom, #111, #444, #111);
}

.inverter #tasty-slider .tasty-slider-caption {
	color: #000;
	text-shadow: 0 0 15px #fff;
}

.inverter #tasty-slider .carousel-indicators li {
	box-shadow: 0 3px 3px rgba(255,255,255, 0.3) inset, 0 0 6px rgba(255,255,255,0.35);
	color: #000;
	border-color: #000;
}

.inverter #tasty-slider .carousel-indicators .active {
	background: #000 !important;
	border-color: #000 !important;
}

.inverter #tasty-slider .carousel-control .glyphicons {
	color: #000;
	text-shadow: 0 0 28px rgba(255,255,255,0.5);
}

/* ==================
   whiteboxedCaption
   ================== */

.whiteboxedCaption #tasty-slider .tasty-slider-caption, #tasty-slider .whiteboxedCaption .tasty-slider-caption, .whiteboxedCaption#tasty-slider .tasty-slider-caption {
	color: #000;
	text-shadow: 0 0 15px #fff;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	background-color: #fff;
	background: rgba(255,255,255,0.5);
	background: linear-gradient(to right, rgba(255,255,255,0.8), rgba(255,255,255,0.95), rgba(255,255,255,0.95), rgba(255,255,255,0.8));
}

/* ==================
   lesstextShadow
   ================== */

.lesstextShadow #tasty-slider .tasty-slider-caption, #tasty-slider .lesstextShadow .tasty-slider-caption, .lesstextShadow#tasty-slider .tasty-slider-caption {
	text-shadow: 0 0 3px rgba(0,0,0,0.15);
}

/* ==================
   fadeout
   ================== */

.fadeout .carousel .carousel-inner > .item {
  position: absolute;
  left: 0 !important;
  opacity: 0;
  -moz-transition: .75s ease-in-out opacity;
  -webkit-transition: .75s ease-in-out opacity;
  -o-transition: .75s ease-in-out opacity;
  transition: .75s ease-in-out opacity;
}

.fadeout .carousel .carousel-inner > .active, .fadeout .carousel .carousel-inner > .next.left {
    opacity: 1;
}

.fadeout .carousel .carousel-inner > .next, .fadeout .carousel .carousel-inner > .active.left {
    opacity: 0;
}

/* ==================
   bouncy
   ================== */

.bouncy #tasty-slider .tasty-slider-caption {
  	bottom: -50%;
  	opacity: 0;
}

.bouncy #tasty-slider .active .tasty-slider-caption {
  	bottom: 12%;
  	opacity: 1;
  	-webkit-animation: bouncy 0.75s ease-in-out;
	-moz-animation: bouncy 0.75s ease-in-out;
	-o-animation: bouncy 0.75s ease-in-out;
	animation: bouncy 0.75s ease-in-out;
}

	@-webkit-keyframes bouncy {
		0% { bottom: -50%; opacity: 0; }
		82% { bottom: 13.5%; }
		92% { bottom: 9.5%; }
		100% { bottom: 12%; opacity: 1; }
	}
	
   	@-moz-keyframes bouncy {
		0% { bottom: -50%; opacity: 0; }
		82% { bottom: 13.5%; }
		92% { bottom: 9.5%; }
		100% { bottom: 12%; opacity: 1; }
	}
   	
	@-o-keyframes bouncy {
		0% { bottom: -50%; opacity: 0; }
		82% { bottom: 13.5%; }
		92% { bottom: 9.5%; }
		100% { bottom: 12%; opacity: 1; }
	}
   	
	@keyframes bouncy {
		0% { bottom: -50%; opacity: 0; }
		82% { bottom: 13.5%; }
		92% { bottom: 9.5%; }
		100% { bottom: 12%; opacity: 1; }
	}

/* ==================
   leftCaption
   ================== */

#tasty-slider.leftCaption .tasty-slider-caption, .leftCaption #tasty-slider .tasty-slider-caption, #tasty-slider .leftCaption .tasty-slider-caption, #tasty-slider .leftCaption.tasty-slider-caption {
  	left: 11%;
  	right: auto;
}

/* ==================
   centerCaption
   ================== */

#tasty-slider.centerCaption .tasty-slider-caption, .centerCaption #tasty-slider .tasty-slider-caption, #tasty-slider .centerCaption .tasty-slider-caption, #tasty-slider .centerCaption.tasty-slider-caption {
  	left: 11%;
  	width: 78%;
}

/* ==================
   hugeCaption
   ================== */

#tasty-slider.hugeCaption .tasty-slider-caption, .hugeCaption #tasty-slider .tasty-slider-caption, #tasty-slider .hugeCaption .tasty-slider-caption, #tasty-slider .hugeCaption.tasty-slider-caption {
  	font-size: 400%;
}

/* ==================
   whitefadedsides
   ================== */  
   
#tasty-slider.whitefadedsides .carousel-control.left, .whitefadedsides #tasty-slider .carousel-control.left, #tasty-slider .whitefadedsides .carousel-control.left, #tasty-slider .whitefadedsides.carousel-control.left {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);
    background-image: -webkit-gradient(linear,0 top,100% top,from(rgba(255,255,255,0.5)),to(rgba(255,255,255,0.0001)));
    background-image: -webkit-linear-gradient(left,color-stop(rgba(255,255,255,0.5) 0),color-stop(rgba(255,255,255,0.0001) 100%));
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0.5) 0,rgba(255,255,255,0.0001) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,0.5) 0,rgba(255,255,255,0.0001) 100%);
    background-repeat: repeat-x;
}

#tasty-slider.whitefadedsides .carousel-control.right, .whitefadedsides #tasty-slider .carousel-control.right, #tasty-slider .whitefadedsides .carousel-control.right, #tasty-slider .whitefadedsides.carousel-control.right {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-image: -webkit-gradient(linear,0 top,100% top,from(rgba(255,255,255,0.0001)),to(rgba(255,255,255,0.5)));
    background-image: -webkit-linear-gradient(left,color-stop(rgba(255,255,255,0.0001) 0),color-stop(rgba(255,255,255,0.5) 100%));
    background-image: -moz-linear-gradient(left,rgba(255,255,255,0.0001) 0,rgba(255,255,255,0.5) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,0.0001) 0,rgba(255,255,255,0.5) 100%);
    background-repeat: repeat-x;
}

/* ==========================================
   Tasty Slider Utensils
   ========================================== */

/* ==================
   arrowControls
   ================== */  

#tasty-slider.arrowControls .carousel-control.left .glyphicons:before, .arrowControls #tasty-slider .carousel-control.left .glyphicons:before, #tasty-slider .arrowControls .carousel-control.left .glyphicons:before {
    content: "\E211";
}

#tasty-slider.arrowControls .carousel-control.right .glyphicons:before, .arrowControls #tasty-slider .carousel-control.right .glyphicons:before, #tasty-slider .arrowControls .carousel-control.right .glyphicons:before {
	content: "\E212";
}

/* ==================
   chevronControls
   ================== */  

#tasty-slider.chevronControls .carousel-control.left .glyphicons:before, .chevronControls #tasty-slider .carousel-control.left .glyphicons:before, #tasty-slider .chevronControls .carousel-control.left .glyphicons:before {
    content: "\E225";
}

#tasty-slider.chevronControls .carousel-control.right .glyphicons:before, .chevronControls #tasty-slider .carousel-control.right .glyphicons:before, #tasty-slider .chevronControls .carousel-control.right .glyphicons:before {
	content: "\E224";
}

/* ==================
   boxedControls
   ================== */  

#tasty-slider.boxedControls .carousel-control.left .glyphicons, .boxedControls #tasty-slider .carousel-control.left .glyphicons, #tasty-slider .boxedControls .carousel-control.left .glyphicons {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#tasty-slider.boxedControls .carousel-control.left .glyphicons:before, .boxedControls #tasty-slider .carousel-control.left .glyphicons:before, #tasty-slider .boxedControls .carousel-control.left .glyphicons:before {
    content: "\E369";
}

#tasty-slider.boxedControls .carousel-control.right .glyphicons:before, .boxedControls #tasty-slider .carousel-control.right .glyphicons:before, #tasty-slider .boxedControls .carousel-control.right .glyphicons:before {
	content: "\E369";
}

/* ==================
   shadowlessControls
   ================== */  

#tasty-slider.shadowlessControls .carousel-control span, #tasty-slider.shadowlessControls .carousel-control.right, #tasty-slider.shadowlessControls .carousel-control.left, .shadowlessControls #tasty-slider .carousel-control span, .shadowlessControls #tasty-slider .carousel-control.right, .shadowlessControls #tasty-slider .carousel-control.left, #tasty-slider .shadowlessControls .carousel-control span, #tasty-slider .shadowlessControls .carousel-control.right, #tasty-slider .shadowlessControls .carousel-control.left {
	background-image: none;
}

/* ==================
   bigControls
   ================== */  

#tasty-slider.bigControls .carousel-control, .bigControls #tasty-slider .carousel-control, #tasty-slider .bigControls .carousel-control {
	font-size: 200%;
}

/* ==================
   leftPagination
   ================== */  

#tasty-slider.leftPagination .carousel-indicators, .leftPagination #tasty-slider .carousel-indicators, #tasty-slider .leftPagination .carousel-indicators {
	text-align: left;
}

/* ==================
   rightPagination
   ================== */  

#tasty-slider.rightPagination .carousel-indicators, .rightPagination #tasty-slider .carousel-indicators, #tasty-slider .rightPagination .carousel-indicators {
	text-align: right;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */


@media (min-width: 1500px) {
	#tasty-slider .carousel-indicators {
		max-width: 1400px;
	}
}

@media (max-width: 1499px) {

	#tasty-slider, #tasty-slider .item, #tasty-slider .carousel-inner {
		height: 450px;
	}

}

@media (min-width: 1200px) { 

}

@media (max-width: 1199px) {

	#tasty-slider, #tasty-slider .item, #tasty-slider .carousel-inner {
		height: 400px;
	}

	#tasty-slider.hugeCaption .tasty-slider-caption, .hugeCaption #tasty-slider .tasty-slider-caption, #tasty-slider .hugeCaption .tasty-slider-caption, #tasty-slider .hugeCaption.tasty-slider-caption {
		font-size: 350%;
	}

}

@media (min-width: 992px) { 

}

@media (max-width: 991px) {

	#tasty-slider, #tasty-slider .item, #tasty-slider .carousel-inner {
		height: 350px;
	}

	#tasty-slider.hugeCaption .tasty-slider-caption, .hugeCaption #tasty-slider .tasty-slider-caption, #tasty-slider .hugeCaption .tasty-slider-caption, #tasty-slider .hugeCaption.tasty-slider-caption {
		font-size: 300%;
	}
	
	#tasty-slider.nonmobileControls .carousel-control, .nonmobileControls #tasty-slider .carousel-control, #tasty-slider .nonmobileControls .carousel-control {
		display: none;
	}

}

@media (min-width: 768px) {

	#tasty-slider.hugeCaption .tasty-slider-caption .btn, .hugeCaption #tasty-slider .tasty-slider-caption .btn, #tasty-slider .hugeCaption .tasty-slider-caption .btn, #tasty-slider .hugeCaption.tasty-slider-caption .btn {
		font-size: 200%;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 6px;
	}

}

@media (max-width: 767px) {

	#tasty-slider, #tasty-slider .item, #tasty-slider .carousel-inner {
		height: 250px;
	}

	#tasty-slider.hugeCaption .tasty-slider-caption, .hugeCaption #tasty-slider .tasty-slider-caption, #tasty-slider .hugeCaption .tasty-slider-caption, #tasty-slider .hugeCaption.tasty-slider-caption {
		font-size: 150%;
	}
}