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

/*CSS added for layeredslider portrait and landscape mode issues on mobile devices - start*/
#theme-page .ls-slide .ls-l.ls-responsive-title {
    text-align: left !important;
}

@media (max-width: 480px) and (orientation: portrait) {
	#theme-page .ls-slide .ls-l.ls-responsive-subtitle {
    	top: 150px !important;
	}
	#theme-page .ls-slide .ls-l.ls-responsive-title {
    	top: 170px !important;
	}
	#theme-page .ls-slide .ls-l.ls-responsive-subtitle-last {
    	top: 200px !important;
	}
	#theme-page a > .ls-responsive-cta {
    	margin-top: 80px !important;
	}
	#theme-page .ls-slide .ls-l.ls-responsive-title-2 {
    	top: 190px !important;
	}	
	#theme-page .ls-slide .ls-responsive-layer-logo{
		top: 110px !important;
	}
	#theme-page .ls-slide .ls-l.ls-responsive-virginia-subtitle-last {
    	top: 220px !important;
	}
	#theme-page .ls-slide .ls-responsive-virginia-cta{
		margin-top: 25px !important;
	}
}
@media (max-height: 480px) and (orientation: landscape) {
	#theme-page .ls-slide .ls-l.ls-responsive-subtitle {
    	top: 100px !important;
	}
	#theme-page .ls-slide .ls-l.ls-responsive-title {
    	top: 125px !important;
	}
	#theme-page .ls-slide .ls-l.ls-responsive-subtitle-last {
    	top: 170px !important;
	}
	#theme-page a > .ls-responsive-cta {
    	margin-top: -70px !important;
	}
	#theme-page .ls-slide .ls-l.ls-responsive-title-2 {
    	top: 150px !important;
	}	
	#theme-page .ls-slide .ls-responsive-layer-logo{
		top: 50px !important;
	}
	#theme-page .ls-slide .ls-l.ls-responsive-virginia-subtitle-last {
    	top: 200px !important;
	}
	#theme-page .ls-slide .ls-responsive-virginia-cta{
		margin-top: -160px !important;
	}
	#theme-page #partners a > .ls-responsive-cta, #theme-page #firm a > .ls-responsive-cta {
    	margin-top: -150px !important;
	}
}
/*CSS added for layeredslider portrait and landscape mode issues on mobile devices - end*/