/* 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 */


@font-face {
  font-family: 'BebasNeue';
  src: url('../themes/crux/assets/fonts/BebasNeue-webfont.eot');
  src: url('../themes/crux/assets/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../themes/crux/assets/fonts/BebasNeue-webfont.woff') format('woff'), url('../themes/crux/assets/fonts/BebasNeue-webfont.ttf') format('truetype'), url('../themes/crux/assets/fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Ropa Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Ropa Sans'), local('RopaSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/ropasans/v3/QnguTd82yEUxQZygH2gm8D8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Ropa Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Ropa Sans Italic'), local('RopaSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/ropasans/v3/Wprc8_GrCVbQmKc-0NykFIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
/*.ls-container p {*/ /* The slider itself */

OFF.ls-layer { /* The slider itself */

	font-family: 'Ropa Sans' !important;
}

.ls-layer h1 {
	font-family: 'BebasNeue';
	font-weight: normal;
}

.ls-layer { /* .ls-layer refers your slides */

}

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

.ls-layer #yourID {

}

.ls-layer .yourClass {

}

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