﻿
/* WELCOME FACES */         .bg1 { background-image: url("/assets/themes/life-prime/images/whc20/LGLP_WHCC_slide_05_50.jpg"); background-position: 25% top; }
/* PASTOR AND JONI */       .bg2 { background-image: url("/assets/themes/life-prime/images/whc20/pastor-and-joni@2x.jpg"); background-position: 20% 20%; }
/* COLUMBUS */              .bg3 { background-image: url("/assets/themes/life-prime/images/welcome-progressive-2019.jpg"); background-position: 85% 40%; }
/* ELKHART */               .bg4 { background-image: url("/assets/themes/life-prime/images/section-bg/elkhart-one.jpg");  background-position: center 30%; }
/* KIDS */                  .bg5 { background-image: url("/assets/themes/life-prime/images/section-bg/KH_FoamParty_02.jpg"); }

/* PASTOR POPE */           /*.bg1 { background-image: url("/assets/themes/life-prime/images/section-bg/Pastor_Preach_02.jpg"); background-position: 69.5% 20%; }*/
/* PURPLE TABERNACLE */     /*.bg2 { background-image: url("/assets/themes/life-prime/images/welcome-progressive-2019.jpg"); background-position: 85% 20%; }*/
/* ELKHART */               /*.bg3 { background-image: url("/assets/themes/life-prime/images/section-bg/elkhart-one.jpg");  background-position: center 30%; }*/
/* KIDS */                  /*.bg4 { background-image: url("/assets/themes/life-prime/images/section-bg/KH_FoamParty_02.jpg"); }*/
/* FOYER */                 /*.bg5 { background-image: url("/assets/themes/life-prime/images/section-bg/Foyer_01C.jpg"); background-position: 60% center;  }*/
/* ELKHART 2 */             .bg6 { background-image: url("/assets/themes/life-prime/images/section-bg/elkhart-two.jpg");  background-position: center 30%; }
/* YOUTH STAGE */           .bg7 { background-image: url("/assets/themes/life-prime/images/section-bg/YouthOnStage_01.jpg"); }

                            .bg8 { background-image: url("/assets/themes/life-prime/images/section-bg/2024/PRP_JKP_pshallwayelk.png"); background-position: 55% 38%; }

body.mobile h1 {
    font-size: 2em;
}

body.mobile h2 {
    font-size: 1.8em;
}



h1.home-only {
    display: block;
}

h1.site-title {
    display: none;
}


body.mobile header.welcome p {
    font-size: 1em;
}


section.main-section {
    background-position: center center;
    background-size: cover;
}
    
    body:not(.mobile) section.main-section div.row {
        padding: 0.5em;
    }
    body:not(.mobile) section.main-section div.row a.button {
        width: 20%;
    }

    body.mobile section.main-section div.row a.button {
        display: block;
        margin: 1em 0;
    }

section.stages {
    background-image: url("/assets/themes/life-prime/images/section-bg/stage_bg.jpg");
    background-position: center center;
    background-size: cover;
}

    section.stages > div.stages-container {
        background-color: rgba(255,255,255,0.3);
    }

    body:not(.mobile) section.stages > div.stages-container {
        padding-top: 1em;
        padding-right: 10%;
        padding-bottom: 1em;
        padding-left: 10%;
    }

/*
    section.stages div.stage {
        position: relative;
        padding-bottom: 50%;
        background-color: black;
        box-shadow: rgba(0,0,0,0.5) 0 0 2em;
    }
    section.stages div.stage a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        display: none;
    }
    section.stages div.stage a.displayed {
        display: block;
    }

    section.stages div.stage-buttons {
        margin-top: 0.5em;
        padding-bottom: 0.5em;
        display: flexbox;
    }
        section.stages div.stage-buttons a {
            background-color: rgba(100,46,144,1);
            margin-right: 0.5em;
            margin-left: 0.5em;
            cursor: pointer;
            display: inline-block;
            width: 100%;
            max-width: 4em;
            height: 1em;
        
            transition: background-color ease 0.2s;
            box-shadow: rgba(0,0,0,0.8) 0 0.1em 0.25em;
        } 
        section.stages div.stage-buttons a.active {
            background-color: white;
        } 
        section.stages div.stage-buttons a:hover {
            background-color: rgba(50,50,50,1);
        }*/


div.row a.button {
    display: inline-flexbox;
    vertical-align: top;
}


section.upcoming {
    background-image: url("/assets/themes/life-prime/images/section-bg/Worship_D.jpg");
    background-position: center 15%;
    background-size: cover;
}
   
    body:not(.mobile) section.upcoming div.latest-video {
        width: 38%;
        float: right;
        margin-left: 4%;
    }
    
    body:not(.mobile) section.upcoming div.upcoming {
        width: 58%;
        float: left;
    }
        
    body:not(.mobile) section.upcoming div.upcoming {
        text-align: left;
    }

       
    body.mobile section.upcoming div.latest-video {
        margin-bottom: 4em;
    }
    
    section.upcoming div.upcoming div.event {
        margin-bottom: 1em;
    }


section.daily_empowerment {
    background-image: url("/assets/content/2019/images/DailyEmpowerment_Background@2x.jpg");
    background-position: left center;
}


section.watch-online {
    background-image: url("/assets/themes/life-prime/images/section-bg/watch_online_bg.jpg");
    background-position: center top;
}

    section.watch-online > div.section-container {
        padding-top: 2em;
        padding-bottom: 3em;
        background: rgba(255,255,255,0.7);
    }

    section.watch-online .video-black {
        background-color: black;
    }

        section.watch-online .video-black img.service-screen-shot {
            opacity: 0.5;
        }

    section.watch-online a:link, section.watch-online a:visited {
        color: rgba(0,0,0,1);
    }

    section.watch-online img.play {
        position: absolute;
        display: block;
        margin-left: 40%;
        margin-top: 15%;
        width: 20%;
        height: auto;
    }
    
    
section.visitor-center {
    background-image: url("/assets/themes/life-prime/images/section-bg/Foyer_01.jpg");
    background-position: 60% 70%;
}

    
section.about-whc {
    background-image: url("/assets/themes/life-prime/images/section-bg/Campus_01.jpg");
    background-position: center center;
}
    
section.connection-center {
    background-image: url("/assets/themes/life-prime/images/section-bg/SocialMediaLG_01.jpg");
    background-position: center 30%;
}

section.devotion-center {
    background-image: url("/assets/themes/life-prime/images/section-bg/Bible-open.jpg");
    background-position: center 70%;
}

section.photo-gallery {
    background-image: url("/assets/themes/life-prime/images/section-bg/gallery_bg.jpg");
    background-position: center 60%;
}
    

    .gallery-photos {
        height: 13.5em;
        overflow-y: hidden;
        padding: 0.5em 0;
    }
        .gallery-photos a
        {
            display: inline-block;
            border: none;
            width: auto;
            height: auto;
            margin: 0 0.5em 1em 0.5em;

            background-size: cover;
            background-position: center center;
            width: 12em;
            height: 12em;
            border: 0.5em solid white;
            box-shadow: rgba(0,0,0,0.8) 0 0.25em 1em;
            transition: box-shadow ease 0.3s;
        }
        .gallery-photos a:hover
        {
            box-shadow: rgba(0,0,0,1) 0 0.25em 1.25em;
        }



section.outreach {
    background-image: url("/assets/themes/life-prime/images/section-bg/outreach.jpg");
    background-position: center 70%;
}
    
    
