/*
Theme Name: Zhenhub2021 Signup Form
Theme URI: https://zhenhub.com
Template: generatepress
Author: BMC
Author URI: https://juffeesason.com
Description: signup form css
*/


    .whiteToBlue{
        display:block;
        display:none !important;
        height:50px;
        width: 100%;
        transform:rotate(2deg);
        position:relative;
        z-index:2;
        background: #fff;
        top:25px;
        box-shadow:0px 10px 10px 1px rgba(0,0,0,0.1);
    }

    .blueToWhite{
        display:block;
        display:none !important;
        height:50px;
        width: 100%;
        transform: rotate(1deg);
        position:relative;
        z-index:2;
        /*background: #eee;*/
        background: #f6f6f6;
        top: -25px;
        margin-bottom: 10px;
    }
    /*.entry-content > [class*="wp-block-"]:not(:last-child),*/
    .entry-content > .blueToWhite.divider:not(:last-child){
        margin-bottom: -40px !important;    
    }

    ul.features{
        margin:0 auto;
    }

    ul.features li{
        color:#fff;
        font-size:17px;
    }

    ul.features li::marker{
        font-size: 32px;
        line-height: .75em;
        margin-bottom: -5px !important;
        color: #FABD4F;
    }


    .signupRow{
        max-width:640px;
        margin:50px auto 0px;
        text-align:center;
        display:inline-block;

    }

    .signupRow p{
        color:#fff;
        font-size: 15px;
    }

    .signupRow p strong{
        font-size:21px;
    }

    .signupRow p a{
        color:#fff;

    }

    button.signup,
    input.formSubmit{
        font-size:32px;
        font-weight:bold;
        padding: 20px 40px 20px 40px;
        border-radius:10px;
        border:none;
        box-shadow:0px 3px 0px 0px rgba(0,0,0,0.2);
        background:#6CC551;
        color:#fff;
        letter-spacing:2px;
        text-shadow:0px -1px 0px rgba(0,0,0,0.2);
        position: relative;
        text-align:center;
    }

    input.formSubmit{
        margin-top:20px;
        text-transform:uppercase;
        border-radius:5px;
        width:100%;
        font-size:32px !important;
    }

    input.formSubmit {
        padding:15px 20px 20px 20px;
    }

    p.securityDisclaimer {
        font-size: 15px;
        padding: 10px 10px 10px 28px;
        background: url('../svg/iconsecure-2.svg') left center no-repeat;
        background-size: 18px;
        width: fit-content;
        margin: 20px auto;
    }

    




    .signupForm input,
    .signupForm select{
        font-size:18px;
    }

    .signupForm .form-group input.inputName, .signupForm .form-group input.inputEmail {
        margin: 5px 0;
        box-sizing: border-box;
        padding: 10px;
        border: 1px solid #eeeeee;
        border-radius: 5px;
        width: 100%;
    }
    .signupForm .form-group.name,
    .signupForm .form-group.email {
        display:inline-block;
        width:49%;
    }

    ::placeholder,
    ::-webkit-input-placeholder,
    :-ms-input-placeholder{
    color:#aaa;
    }

    @media(max-width:428px){
        /*.signupForm .form-group input.inputName,
        .signupForm .form-group input.inputEmail */
        .signupForm .form-group.name,
        .signupForm .form-group.email {
            width:99%;
        }
    }

    .signupForm input[type="password"],
    .signupForm select {
        margin:5px 0;
        display:inline-block;
        box-sizing:border-box;
        padding:10px;
        border:1px solid #eee;
        border-radius:5px;
        width:99%;
    }

    /*.signupForm .checkboxRow {
        display:flex;
        margin:5px 0;
        color:#666;
        text-align:left;
    }

    .signupForm .checkboxRow a{
        color:#111;
    }*/

    .signupForm .checkboxInput {
        flex:1;
    }

    .signupForm .checkboxLabel {
        flex:20;
    }

    .signupForm .checkboxLabel {

    }

    .signupForm p {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    /*a.question {
        padding: 5px 5px 5px 24px;
        margin:6px 0 6px 3px;
        background: url(/wp-content/themes/zhenhub2021/signup-images/iconQuestion.svg) left center no-repeat;
        display:inline-block;
        color:#2D6FB3;
        font-size:13px;
        font-weight:bold;
        width:100%;
    }*/

    @media(min-width:992px){
        p.securityDisclaimer{
            margin:20px 0;
            float:left;
            width:100%;
        }
    }

    .locationNotice {
        /*font-size: 15px;*/
        margin-bottom: 0;
        /*font-style:italic;*/
    }

    /*.locationNotice a{
        color:#111;
    }*/

/**********************************************************************************************************************/
    

    .has-success .form-control {
        border-bottom: 2px solid #168b3f;
    }

    .has-danger .form-control {
        border-bottom: 2px solid #dc1d34;
    }

    .form-group .text-help {
        color: #dc1d34;
        margin: 0 12px 5px;
        font-size: 14px;
    }

    .inline-label label{
        display: inline;
    }

    .pristine-error {
        display: table;
    }

    @media(max-width:500px){
        input.formSubmit {
            background-position-x:90% !important;
        }
    }


    .signupForm {
        padding:20px 30px 40px;
        background:#fff;
        box-shadow:0px 5px 30px 0px rgba(0,0,0,0.1);
        border-radius:10px;
        margin:0 0 30px;
    }




/**********************************************************************************************************************/

    
    

    

    /*.testimonials{
        background:#eee;
        margin-top:-50px;

    }

    .testimonials h2{
        color:#111;
        text-shadow:0px 1px 0px #fff;
    }*/

    .featuresBlock{
        position:relative;
        z-index:1;
        padding:80px 0;
        background: rgb(23,74,120);
        background: radial-gradient(circle, rgba(23,74,120,1) 10%, rgba(12,60,103,1) 100%);
    }

    .featuresBlock h2 {
        padding-left: 100px;
        padding-right: 100px;
    }

    
    

    .col-1-2{
        flex:1;
        padding:20px 30px;
        background:#fff;
        border-radius:20px;
        margin:10px;
    }

    .testimonials .signupRow p,
    .testimonials .signupRow p a{
        color:#111;
    }

    .testimonialBlock p{
        font-size:24px;
        line-height:1.5em;
        color:#111;
        font-style:italic;
    }

    p.cite{
        font-size:16px;
        font-style:normal !important;
        font-weight:bold;
    }

    @media(min-width:768px){
        .heroBlock .container{
            flex-direction:row;
        }

        .flex{
            display:flex;

        }

        /* h2{
            padding-left:100px;
            padding-right:100px;
        } */

        .heroContent{
            padding-right:50px;
        }



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

        .divider{
            height: 70px;
        }

    }

    @media(min-width:992px){
        .heroContent > *{
        max-width:600px
        }

        .heroImage {
            display: flex;
        }
    }

    @media(max-width:991px) and (min-width:768px){
        .heroBlock .container{
            flex-direction:column;
        }

        .signupForm{
            max-width:600px;
            margin:0 auto;
        }

        .heroImage img{
            max-width:60%;
            margin:0 auto;
        }

            .heroImage,
        .heroContent{
            width:100%;
            padding:20px !important;
        }

        .heroContent{
            text-align:center;
            width:100% !important;
        }

        h1{
            font-size:32px;
        }

        .heroImage{
            display:flex;

        }

        .featuresBlock{
            padding-top:50px;
        }

        h2{
            font-size:24px
        }
    }



    @media(max-width:767px){
        button.signup{
            font-size:21px;
        }
        .divider{
            width:100%
        }
        .heroImage,
        .heroContent {
            width:unset !important;
            text-align:center;
            padding:0;
        }

        .heroContent{
            padding:0 20px;
            margin-top:-40px
        }

        .featuresBlock,
        .testimonials{
            padding-left:20px;
            padding-right:20px;
        }

        .signupRow p{
            font-size:14px !important;
        }

        .subhead{
            font-size:16px !important;
        }

        .securityDisclaimer{
            font-size:11px !important;
            text-align:left;
            margin:0 auto;
            width:fit-content;
        }

        .testimonialBlock p{
            font-size:18px;
        }

        p.cite{
            font-size:13px;
        }

        .wp-block-uagb-section{
            padding:20px !important;
        }

        .largeContent .uagb-columns__inner-wrap{
            display:flex;
            flex-direction:column;
        }
    
        .largeContent .uagb-columns__inner-wrap .heroImage{
            order:1;
        }
    
        .largeContent .uagb-columns__inner-wrap div:not(.heroImage){
            order:2;
        }

        .largebrands > div{
            flex-basis:23% !important;
            min-width:unset !important;
            min-height:80px !important;
        }

        .large-brands{
            justify-content:space-around
        }

        .largeContent:first-child{
            text-align:center;
        }
    
        .largeContent h1{
            margin-top:-20px;
            padding-top:0;
        }

        
    }