.sidebar-tile Simple box shadow White background 16px padding 16px border
.light-shadow Complex 5 layer shadow
.footer-heading
Global Colors - Dark Grey text-shadow: 2px 2px 15px #ecedef
Parallax Backgrounds
The following classes will fix a background to the screen to add a parallax effect. Custom Javascript has been added to the main template to achieve a scrolling effect and to allow backgrounds to function properly on mobile. The script prevents the background from changing size or jumping around when the url bar hides or shows as a user scrolls up and down on mobile.
.parallaxBg-10
background-size: cover
background-repeat: no-repeat
background-attachment: fixed
Scrolls at 10% of user scroll through javascript
.parallaxBg-Bottom
background-size: cover
background-repeat: no-repeat
background-attachment: fixed
Bottom of image aligned with bottom of window through javascript