/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{
	left: 0;
	right: 0;
	bottom: 10px !important;
	position: absolute;
	list-style: none; padding: 0; margin: 0; width:100%;
}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{
	display:inline-block;
	background: rgba(200,200,200,0.7);
	font-size: 0;
	height: 8px;
	width: 8px;
	border-radius: 6px;
	margin: 0 6px;
}
ol.bjqs-markers li.active-marker a{
	background: rgba(250,250,250,0.9);
}

.bjqs-prev a {
	background: rgba(0,0,0,0.6);
	color: #ddd !important;
	font-weight: 300;
	font-size: 20pt;
	padding: 10px;
	border-radius: 5px;
	margin-left: 5px;
}

.bjqs-next a {
	background: rgba(0,0,0,0.6);
	color: #ddd !important;
	font-size: 20pt;
	font-weight: 300;
	padding: 10px;
	border-radius: 5px;
	margin-right: 5px;
}

.bjqs-next a:hover, .bjqs-prev a:hover {
	color: #fff;
	background: rgba(0,0,0,0.8);
}

div.bjqs-caption-wrapper {
	text-align: center;
	color: #fff;
	display:block;
	width:100%;
	box-sizing: border-box;
	margin:0;
	padding:2%;
	position:absolute;
	bottom:30%;
}

@media screen and (min-width: 20em){
	div.bjqs-caption-wrapper p {
		line-height: 100%;
		font-weight: bold;
	}
	
	div.bjqs-caption-wrapper small {
		font-size: 0.6em;
		line-height: 50%;
		font-weight: 300;
	}
}

@media screen and (min-width: 64em){
	div.bjqs-caption-wrapper p {
		line-height: 100%;
		font-weight: bold;
	}
	
	div.bjqs-caption-wrapper small {
		font-size: 0.5em;
		line-height: 50%;
		font-weight: 300;
	}
	

}

@media screen and (min-width: 80em){
	div.bjqs-caption-wrapper p {
		line-height: 100%;
		font-weight: bold;
	}
	
	div.bjqs-caption-wrapper small {
		font-size: 0.5em;
		line-height: 50%;
		font-weight: 300;
	}
	
	ol.bjqs-markers li a{
		height: 16px;
		width: 16px;
		border-radius: 8px;
		margin: 0 8px;
	}
}

@media screen and (min-width: 64em){
	.lcms-slideshow-mobile-bg {
		background-image: none !important;
	}
}