/* CSS for CHECKOUT PAGES */

form.simple_form.offer-checkout-form{
    height:100%;
}

form.simple_form.offer-checkout-form .content{
    background-image:url('https://kajabi-storefronts-production.global.ssl.fastly.net/kajabi-storefronts-production/themes/1372142/settings_images/0nueDCGSYG6ET4EF4oJd_hero-bg.jpg');
    background-repeat: no-repeat, repeat;
    background-size: cover;
    padding:0;
}

form.simple_form.offer-checkout-form{
    background-image:url('https://kajabi-storefronts-production.global.ssl.fastly.net/kajabi-storefronts-production/themes/1372142/settings_images/0nueDCGSYG6ET4EF4oJd_hero-bg.jpg');
    background-repeat: no-repeat, repeat;
    background-size: cover;
}

form.simple_form.offer-checkout-form .content .container{
    background-color:#fff;
    padding:60px 50px 50px 50px;
    max-width:1060px;
    min-height: 100vh; /* ADDED */
}

.panel.checkout-panel{
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.25);
    border-radius:5px; 
}

.panel.checkout-panel h1{
    font-size:26px;
    text-align:center;
}

.panel.checkout-panel .panel-body{
    font-size:16px;
}

.panel-body .checkout-personal-info-container input{
    font-size: 16px;
    height: auto;
    padding: 10px;
}

select.select.optional.required.form-control{
    font-size: 16px;
    height: auto;
    padding: 10px;
}

.radio_buttons.optional.required{
    margin-top:8px;
}

.checkout-content{
    padding-left:20px;
}

.checkout-content-img{
    box-shadow:none;
}

.btn.btn-primary.btn-block.checkout-panel-btn{
    background-color:#00cd09;
    border-color:#00cd09;
    font-size:20px;
}

.checkout-content-title{
    font-size:26px;
    line-height:auto;
    margin:20px 0 10px 0;
}

.checkout-content-body h1{
    font-size:20px;
    margin:10px 0;
    color:#00a207;
}

.checkout-content-body h3{
    margin:10px 0 32px 0;
    font-size:18px;
}

@media (min-width: 992px){
    .col-md-offset-1 {
        margin-left: 5%;
    }
    .col-md-6 {
        width: 52%;
    }
}

@media (max-width: 1024px){
    form.simple_form.offer-checkout-form .content .container{
        padding:30px 30px 30px 30px;
        max-width:876px;
    }
} 

@media (max-width: 768px){
    form.simple_form.offer-checkout-form .content .container{
        padding:50px 30px 30px 30px;
        max-width:700px !important;
    }
    .panel.checkout-panel h1{
        font-size:22px;
    }
}

@media (max-width: 992px){
    form.simple_form.offer-checkout-form .content .container{
        padding:40px 40px 40px 40px;
        max-width:876px;
        height:auto;
    }
    form.simple_form.offer-checkout-form .content{
        height:auto;
    }
    .checkout-content{
        padding-left:0;
    }
    .checkout-content-title{
        font-size:32px;
        text-align:center;
    }
    .checkout-content-body h1{
        font-size:22px;
        text-align:center;
    }
}

@media (max-width: 450px){
    form.simple_form.offer-checkout-form .content .container{
        padding:20px;
    }
}





/* SETTINGS PAGE */

.site-action-bar{
    background-color:#111111;
    color:#fff;
    font-family:"Roboto", "Sans-serif";
    font-size:12px;
    letter-spacing:1px;
    text-transform: uppercase;
}

.back-link .text-light{
    color:#fff !important;
}

.btn.btn-default.btn-link.btn-sm.text-dark{
    color:#4ce852 !important;
}

.settings-account.settings-account-edit h2.title{
    font-family:"Roboto", "Sans-serif";
    font-size:24px;
}

.media-body.media-middle .btn-primary.btn-outline{
    border-color:#00cd09;
    color:#00a307;
    font-weight:bold;
}

.media-body.media-middle .btn-primary.btn-outline:hover{
    background-color:#f5fff6;
}

.help-block{
    margin-top:0;
}

.media-body.media-middle{
    padding-left:10px;
}

.settings-account.settings-account-edit input:focus, .settings-account.settings-account-edit select:focus, .settings-account.settings-account-edit textarea:focus{
    border:1px solid #00cd09;
    box-shadow: 0 0 10px #c2ffc5;
}

.form-group.password.optional.member_current_password .help-block a{
    color:#00a307;
    font-weight:bold;
}

.btn.btn-primary.btn-footer.btn-block-mobile.pull-right{
    font-family:"Roboto", "Sans-serif";
    font-size:20px;
    font-weight:bold;
    background-color:#00cd09;
    color:#ffffff;
    border-color:#00cd09;
    padding: 10px 80px;
    margin-bottom: 30px;
}

.settings-account.settings-account-edit .alert-primary{
    border: solid 1px #00cd09;
    color:#006f05;
    background-color:#e7ffe8;
    box-shadow:none;
}

.fa.fa-exclamation-circle.fa-2x{
    color:#006f05;
}

.media-right.media-middle.alert-dismiss i{
    color:#00a307;
}