/* ******************************************************************************************** */
/* CAROUSEL STYLING *************************************************************************** */
/* ******************************************************************************************** */

.carousel-item
{
 &.topban
	{
		padding: 10px;
		height:100vh;
		> div {
			
			@media screen and (max-width: $breaklrg) {
				height: 600px;
			}
			@media screen and (max-width: $breakmed) {
				height: 500px;
			}
			@media screen and (max-width: $breaksmall) {
				height: 400px;
			}
		}
		@media screen and (max-width:1200px) {
			height:600px;
		}
	}
}


/* ******************************************************************************************** */

/* secondary fly in text uncomment this and comment/delete above

@keyframes bannjump {
	from {
		transform:translateX(-100%);
	}
	to {
		transform:translateX(0);
	}
}

.carousel-item > div {
	background-attachment: scroll;
	background-position: center;
	background-size: cover;
	height: 700px;
	@media screen and (max-width: $breaklrg) {
		height: 600px;
	}
	@media screen and (max-width: $breakmed) {
		height: 500px;
	}
}
.carousel-item {
	padding: 10px;
}
.carousel-caption {
	left:0 !important;
	right:0 !important;
	width:100% !important;
	bottom:0 !important;
}
.carousel-item {
	overflow-x:hidden !important;
	.carousel-caption{
		transform: translateX(-100%);
		.darken {
			background:rgba(0,0,0,.5);
		}
	}
	&.active {
		.carousel-caption {
			animation:bannjump;
			animation-timing-function: ease;
			animation-duration:1s;
			animation-fill-mode:forwards;
		}
	}
}
******************************************/