/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

.ls-container { /* The slider itself */

}

.ls-slide { 

}

.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-slide #yourID {

}

.ls-slide .yourClass {

}

/* Side color of 3D objects */
.ls-3d-box div { background: #777; }

.layerslider-bottom {
	margin-top: 0px;
    margin-bottom: 15px;
    background: transparent url('http://www.haggen.com/images/bannerBottomBorder.png') bottom center repeat-x;
}

/* iDS: added for mobile devices */
@media (max-width: 768px) {
	.ls-wp-fullwidth-container {
		top: 48px;
		padding-bottom: 50px;
	}
	.layerslider-bottom:after {
		display: none;
	}
	.layerslider-bottom {
	margin-top: 0px;
    margin-bottom: 0px;
    background: none !important;
	}
}

@media (max-width: 480px) {
	.ls-wp-fullwidth-container {
		top: 30px;
		padding-bottom: 30px;
	}
	.layerslider-bottom:after {
		display: none;
	}
}