/*
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 */
    border-bottom: 10px solid #fafa50;
}
@media (max-width: 992px) {
    .ls-container { /* Slider container */
        border-bottom: 5px solid #fafa50;
    }
}

.ls-layers { /* Layers wrapper */

}

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

}

.cm-ls-layer { /* Custom CM styles */

}
@media (max-width: 1160px) {
    .cm-ls-layer {
        padding-left: 15px !important;
    }
}
@media (max-width: 992px) {
    .cm-ls-layer--image {
        /** opacity: 0 !important; */
    }
	h2.cm-ls-layer--text {
		/** top: auto !important; */
		/** left: 0 !important; */
		/** bottom: -20px !important; */
        /** font-size: 20px !important; */
	}
	p.cm-ls-layer--text {
		/** top: auto !important; */
		/** left: 0 !important; */
		/** bottom: -40px !important; */
		/** font-size: 16px !important; */
	}
}