/* this file provides theme-specific styles that affect the carousel
 *
 * these changes have been placed in a separate file because they are included
 * in the control panel when the carousel is being previewed
 *
 * they cannot be included in slide-show.css because that is compiled
 * automatically from slide-show.scss */

/* fixes incorrect width created by the `slide' transition in the admin preview
 * modal */
 .slide-show {
	margin-bottom: 0px !important;
}
.slide-show img{
	width:100%;
	height:100%;	
}
 .slide-show .slide-overlay{
	top:10%;
}
.slide-show li.slide{

}
.flex-control-nav {
	top: 20px !important;
	bottom: auto !important;
	padding-left: 10px;
	text-align:left;
}
.flex-control-paging li a {
	background: #888;
	background: rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
	background: #BBB;
	background: rgba(255, 255, 255, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #EEE;
	background: rgba(255, 255, 255, 0.9);
}
.flexslider{
	margin:0;
	border:0;
}