/*
Theme Name: Church Health Check
Theme URI: https://kevincoleman.io
Description: GeneratePress Child Theme
Author: Kevin Coleman
Author URI: https://kevincoleman.io
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: churchhealthcheck
*/

/* Global Styles */

html, body {
    height: 100%;
    box-sizing: border-box;
}

.page-template-lca-church-admin-dashboard #page.container.grid-container {
    width: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #434242;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

#page {
    flex-grow: 1;
}

.site-footer, header#masthead {
    z-index: 1000;
    flex-grow: 0;
    flex-shrink: 0;
}

.site-footer {
    margin-top: 5em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

h1 { font-size: 55px; }
h2 { font-size: 42px; }

@media (max-width: 600px) {
    h1 { font-size: 42px; }
    h2 { font-size: 28px; }
}

.pre-head {
    color:#FF8200 !important;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    text-transform: uppercase;
    margin: 0;
}

div#content.site-content {
    padding: 3em 0 0;
}

article {
    box-sizing: border-box;
    padding: 1em;
}

.wp-element-button {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px !important;
    border-radius: 3px;
    padding: 1em 3em !important;
    border-bottom: 1px solid #C76500;
    box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.12);
}

.backdrop-card {
    background-color: #fff;
    border-radius: 3px;
}

.backdrop-card.highlighted {
    border-left: 5px solid #FF8200;
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.07);
}

.backdrop-card.padded {
    padding: 3em 2em 1em;
}

.column_vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.large-paragraph {
    font-size: 22px;
}

/* Menu Styles */

#menu-main-menu li {
    display: flex;
    align-items: center;
}

@media (max-width: 768px){
    #menu-main-menu li {
        padding-left: 1.5em;
    }
}

#menu-main-menu li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: .5em;
    padding-right: 2em;
}


/* Homepage Styles */

.homepage-banner-wrap {
    margin-top: -102px;
    overflow: hidden;    
}

.homepage-banner {
    position: relative;
    max-width: 1200px;
    margin: 1em auto;
}


.homepage-banner img.wp-block-cover__image-background {
    position: absolute;
    left: unset;
    right: 0px;
    height: 400px;
    width: 400px;
}

@media (max-width: 768px) {
    .homepage-banner img.wp-block-cover__image-background {
        right: -126px;
        top: 101px;
        opacity: .2;
    }
}

.homepage-banner p {
    max-width: 50%;
}

@media (max-width: 768px) {
    .homepage-banner h1,
    .homepage-banner p {
        text-align: center;
    }
    .homepage-banner p {
        max-width: 85%;
        margin: 0 auto;
    }
    .wp-block-buttons {
        margin-top: 1em;
        justify-content: center;
    }
}

.feature-bubble {
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

@media (max-width: 1199px) {
    .feature-bubble-wrap .wp-block-group__inner-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2em;
        width: 100%;
    }

    .feature-bubble {        
        width: 15vw;
        height: 15vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 4em;
        min-width: 100px;
        min-height: 100px;
    }

    .feature-bubble .wp-block-group__inner-container {
        padding: 0;
    }

    .feature-bubble figure {
        display: flex;
        height: 7.5vw;
        min-height: 65px;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    .feature-bubble img {
        max-width: 7.5vw;
        min-width: 50px;
        position: relative;
        top: 4vw;
    }

    .feature-bubble p {
        position: relative;
        top: 5vw;
    }
}
@media (min-width: 1200px) {
    .feature-bubble-wrap {
        position: relative;
        min-height: 450px;
    }

    .feature-bubble {
        position: absolute;
        width: 266px;
        height: 266px;
        margin-left: -133px;
        box-shadow: 0px 4px 95px rgba(0, 0, 0, 0.08);
    }

    .feature-bubble img {
        margin: 2.5em auto 1em;
        display: block;
    }

    .feature-bubble p {
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 25px;
    }

    .feature-bubble.connecting {
        left: 15%;
        z-index: 100;
    }

    .feature-bubble.worshiping {
        left: 32.5%;
        top: 75px;
        z-index: 80;
    }

    .feature-bubble.growing {
        left: 50%;
        right: 50%;
        z-index: 60;
    }

    .feature-bubble.sharing {
        left: 67.5%;
        top: 75px;
        z-index: 40;
    }

    .feature-bubble.serving {
        left: 85%;
        z-index: 20;
    }
}

.watermark {
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 5%;
}

.watermark-book {
    background-image: url('./includes/img/watermark-book.png');
}

.watermark-quote {
    background-image: url('./includes/img/watermark-quote.png');
    background-position-y: -5%;
}



/* Church Selector Styles */

.church-conference-selection {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.church-conference-selection div.field {
    min-width: 30em;
    max-width: 70em;
    width: 50%;
    display: flex;
    align-items: first baseline;
    padding: 3em;
    justify-content: center;
    gap: 1em;
    background-color: #fff;
}

.selectize-control {
    width: 300px;
}

.church-select-message {
    padding: 2em;
}



/* LCA Survey Styles */

div.wpforms-field-radio.lca {
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.2);
    margin: 1em 0;
    padding: 1em 1em !important;
    border-radius: 6px;
    border: 3px solid #A9A9A9;
}

.wpforms-required-label {
    display: none;
}

.survey-key {
    padding: 2em;
}

.survey-key p {
    margin: 0;
}

div.wpforms-field-radio.lca fieldset ul {
    justify-content: space-around;
    margin: 0 auto;
}

@media (min-width: 768px) {

    div.wpforms-field-radio.lca fieldset ul {
        margin: 0;
    }

    div.wpforms-field-radio.lca {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 2em;
        align-items: center;
    }

    /* div.wpforms-container-full .wpforms-field-label {
        margin: 0;
    } */

    div.wpforms-field-radio.lca fieldset {
        display: contents;
    }

    div.wpforms-field-radio.lca fieldset legend.wpforms-field-label {
        grid-column: 1 / 2;
        margin: 0;
    }
}

div.wpforms-field-radio.lca fieldset ul {
    grid-column: 2 / 3;
    display: flex !important;
    max-width: 60vw;
}

.wpforms-field-radio ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wpforms-field-radio ul li input {
    margin-top: .5em !important;
}

.wpforms-field-radio ul li label {
    padding: .5em 0 0 0 !important;
    width: 100%;
    text-align: center;
}

.surveyHeader {
    padding: 2rem 2rem 0;
    background-color: #fff;
    margin: 0 1rem;
}

.churchSubhead {
    display: block;
    margin: 0 1rem;
    font-size: 2em;
    padding: 0 2rem 2rem;
    background-color: #fff;
    color: #FF8200;
}



/* FGA Survey Styles */

.fga.heading h2 {
    font-weight: 500;
}

div.wpforms-field-radio.fga {
    box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.2);
    margin: 1em 0;
    padding: 1em 1em !important;
    border-radius: 6px;
    border: 3px solid #A9A9A9;
}

.wpforms-required-label {
    display: none;
}

div.wpforms-field-radio.fga fieldset ul {
    justify-content: space-around;
    margin: 0 auto;
}

@media (min-width: 768px) {

    div.wpforms-field-radio.fga fieldset ul {
        margin: 0;
    }

    div.wpforms-field-radio.fga {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 2em;
        align-items: center;
    }

    /* div.wpforms-container-full .wpforms-field-label {
        margin: 0;
    } */

    div.wpforms-field-radio.fga fieldset {
        display: contents;
    }

    div.wpforms-field-radio.fga fieldset legend.wpforms-field-label {
        grid-column: 1 / 2;
        margin: 0;
    }
}

div.wpforms-field-radio.fga fieldset ul {
    grid-column: 2 / 3;
    display: flex !important;
    max-width: 60vw;
}

.wpforms-field-radio ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wpforms-field-radio ul li input {
    margin-top: .5em !important;
}

.wpforms-field-radio ul li label {
    padding: .5em 0 0 0 !important;
    width: 100%;
    text-align: center;
}



/* Survey Response Styles */

div.survey-response {
    padding: 2em;
}

div.survey-response h1 {
    text-align: center;
    margin: 0;
}

h2.vrpm-letters {
    font-size: 80px;
    font-weight: bold;
    text-align: center;
    border: 3px solid black;
    padding: .5em;
}