/* pm-parallax.css
 * Styles for the .pm-parallax scroll-parallax component.
 */

.pm-parallax {
    /* background-size MUST be cover — the JS never touches this. */
    background-size: cover;
    background-repeat: no-repeat;
    /* Neutral starting position; JS overrides this on scroll. */
    background-position: 50% 50%;
    /* Placeholder colour shown before the image finishes loading. */
    background-color: #888;
    /* Height must be set — either here or inline / via a modifier class. */
    /* height: 500px; */
}

/* ---- height modifiers ---- */
.pm-parallax--sm  { height: 300px; }
.pm-parallax--md  { height: 500px; }   /* default */
.pm-parallax--lg  { height: 700px; }
.pm-parallax--vh  { height: 100vh; }