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



#layer_slider_1 .intro-message { line-height: 110%; text-align: center; font-size: 28px; color: #F6921E; text-transform: uppercase;  }
#layer_slider_1 .messaging { line-height: 110%; text-align: center; font-size: 26px; color: #F6921E; text-transform: uppercase; }
#layer_slider_1 .sub-copy { text-align: center; color: #231F20;font-size: 18px; line-height: 110%; }
#layer_slider_1 .cta-button { background-color:#F6921E;color:#FFFFFF;display:inline-block;font-family:sans-serif;font-size:11px;font-weight:normal;line-height:40px; letter-spacing: .03em; text-align:center;text-decoration:none;width:120px; }

/* #Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 989px) {
#layer_slider_1 .messaging { line-height: 100%; font-size: 22px;}
}

/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width: 767px) {
#layer_slider_1 .intro-message { line-height: 90%;font-size: 24px;  }
#layer_slider_1 .messaging { line-height: 90%;font-size: 20px;  }
#layer_slider_1 .sub-copy { font-size: 14px; line-height: 110%; }
#layer_slider_1 .cta-button { font-size:11px;line-height:30px; width:120px; }
}

/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px)  {
#layer_slider_1 .intro-message { line-height: 90%;font-size: 18px;  }
#layer_slider_1 .messaging { line-height: 100%;font-size: 14px;   }
#layer_slider_1 .sub-copy { font-size: 12px; line-height: 100%; }
#layer_slider_1 .cta-button { font-size:11px;line-height:25px; width:100px; }
}

/* #Mobile (Landscape)
================================================== */
@media only screen and (max-width: 480px)  {
#layer_slider_1 .intro-message { line-height: 90%;font-size: 14px;  }
#layer_slider_1 .messaging { line-height: 100%;font-size: 12px;   }
#layer_slider_1 .sub-copy { display:none; }
#layer_slider_1 .cta-button { font-size:9px;line-height:15px; width:75px; }
}