/*
	You can type here custom CSS code, which will be loaded both on your admin and front-end pages.
	Please make sure to not override layout properties (positions and sizes), as they can interfere
	with the sliders built-in responsive functionality. Here are few example targets to help you get started:
*/

.ls-container { /* Slider container */

}

.ls-layers { /* Layers wrapper */ 
	
}

.ls-3d-box div { /* Sides of 3D transition objects */ 

}

.ls-layer { text-shadow: 0 0 10px rgba(0,0,0,0.7); }

@media screen and (max-width: 800px) { .ls-layer { text-shadow: 0 0 5px rgba(0,0,0,0.7); } }

.ls-layers::after {
	background: rgba(255,255,255,0.7) !important;
	background: linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0.2) 100%) !important;	
	background: -webkit-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0.2) 100%) !important;	
	background: -moz-linear-gradient(rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 15%, rgba(255,255,255,0.2) 100%) !important;
}