/* Use this file to edit unique internal header background images. */
/* You can do it. I believe in you. */

/* Examples
––––

1) Images should be about 1600 - 2000 px wide. (they will scale down via css) They should be pretty short. (Reference the fishing-bg.jpg image for an example)
2) Upload the images via FTP to the 'bg' folder located in { root > templates > pm2016 > bg }.
3) Then edit this bg.css file. In the examples below "jonathan" & "candice" are class names. Edit the class names to correspond to the page you're wanting to control.
4) Then you need to add the class you created to the page you want to effect. Navigate to the page and click the gear icon on the page toolbar at the top right. Under the "Advanced" tab scroll down to the "CSS Class" section. Enter the class name you created in the "Body Class" input. No periods, no capitalization. Just the class name.

*** Extra Customization ***
If you want to change the height of the header you can add a specif height. Removing it will default back to the normal height. (the bg image will expand to fit the height you define)

Default height of the header is 300px;

––––
*/

body.inside.lamberts header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/lamberts.jpg);
    height: 500px;
}

body.inside.about header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/about.jpg);
    height: 500px;
}

body.inside.getting header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/getting.jpg);
    height: 500px;
}

body.inside.history header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/history.jpg);
    height: 500px;
}

body.inside.paranormal header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/paranormal.jpg);
    height: 500px;
}

body.inside.express header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/express.jpg);
    height: 500px;
}

body.inside.explore header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/explore.jpg);
    height: 500px;
}

body.inside.hotel header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/hotel.jpg);
    height: 500px;
}

body.inside.annex header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/annex.jpg);
    height: 500px;
}


body.inside.patio header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/dark-patio.jpg);
    height: 500px;
}


body.inside.room header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/room.jpg);
    height: 500px;
}

body.inside.room2 header {
    background-image: url(/Websites/stjames/templates/stjames2017/bg/room2.jpg);
    height: 500px;
}