/* BOOTSTRAP CAROUSEL */

#block-views-dtp-slide-show-bootstrap-block h2.block-title {
    margin: 0px 0px 0px -3000px;
}

.carousel-control {
    width: 7%;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 1.5em;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 45%;
	right: 40px;
    z-index: 5;
    display: inline-block;
}

.carousel-title {
	text-transform: uppercase;
	font-size: 3.3125em;
	padding-left: 2%;	
	font-weight:lighter;
	color: #ffffff;
	background-color: transparent !important;
	position: absolute;
    top: 50%;
    z-index: 5;
}

.carousel-title-timeline {
	position: relative;
    font-size: 2.9em;
    padding-left: 1%;
    font-weight: lighter;
    color: #ffffff;
    background-color: transparent !important;
    position: absolute;
    top: 0%;
    left: 57%;
    z-index: 5;
}

.carousel-body {
	font-size: 1.125em; /* 18px */
	line-height: 1.375em;
	color: #ffffff;
	background-color: rgba(50, 50, 50, 0.7) !important;	
	padding: 1em;
	position: absolute;
    z-index: 5;
	bottom: 0;
}

.carousel-body-timeline {
    font-size: 0.9em;
    line-height: 1.375em;
    color: #ffffff;
    padding: 1em;
    position: absolute;
    top: 13%;
    left: 57%;
    right: 5%;
    z-index: 5;
    bottom: 0;
}

.block-views .carousel-body p{
	color: #ffffff;
	margin: 0;
}

.carousel-body a , .carousel-body a:hover{
	color: #ffffff;
}

.highcontrast .carousel-body a,
.highcontrast .carousel-body  p {
	background-color: transparent !important;
}

.carousel-control .icon-next:before {
	content: '\203a';
    border-radius: 50%;
    background-color: #000000;
    font-size: 1.5em;
    width: 43px;
    height: 43px;
    display: block;
    padding: 0;
    margin: 0;
}

.carousel-control .icon-prev:before {
	content: '\2039';
    border-radius: 50%;
    background-color: #000000;
    font-size: 1.5em;
    width: 43px;
    height: 43px;
    display: block;
    padding: 0;
    margin: 0;
}

h2.carousel-title-timeline {
	margin-top: 15px ;
}

@media screen and (max-width: 768px) {
	.carousel-title {
	   top: 27%;
	}
	.carousel-control .icon-prev, .carousel-control .icon-next {
		top: 5%;
		right: 70%;
	}
	
	h2.carousel-title-timeline {
		right: 27%;
		font-size: 1.8em;
		width: 100%;
	}
}



@media screen and (max-width: 480px) {

	.carousel-body a,
	.carousel-body p {
    font-size: 0.75em;
    line-height: 1em;
    width: 100%;
	}
	
	.carousel-body-timeline a,
	.carousel-body-timeline p {
    font-size: 0.6em;
    line-height: 1em;
	text-align: left
	}

	.carousel-body	{
		padding: 0.3em;
	}
	
	.carousel-body-timeline	{
		padding: 5px;
		margin: 0;
		right: 0;
	}
	.carousel-title {
		font-size: 1.3125em;
		padding-left: 2%;
		top: 15%;
	}
	
	.carousel-title-timeline{
		font-size: 0.8em;
		padding-left: 2%;
		top: 0%;
		right: 25%;
		margin: 5px 2px 0px 0px;
		width: 100%;
	}
	
	
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
		position: absolute;
		top: 10%;
		z-index: 5;
		display: inline-block;
	}
	/*
	.carousel-control .icon-prev, .carousel-control .icon-next {
		top: 10%;
		right: 80%;
	}*/
	
	.carousel-control .icon-next:before {
	border-radius: 50%;
    font-size: 0.7em;
    width: 20px;
    height: 20px;
    display: block;
    padding: 0;
    margin: 0;
	}

	.carousel-control .icon-prev:before {
		border-radius: 50%;
		font-size: 0.7em;
		width: 20px;
		height: 20px;
		display: block;
		padding: 0;
		margin: 0;
	}
	
	h2.carousel-title-timeline {
		margin-top: 5px ;
		right: 27%;
		font-size: 0.8em;
		width: 100%;
	}
	
}

.carousel-control:focus  {
    outline: 0px !important;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}