/*
Theme Name: Madroit Marketing
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Madroit Marketing
Author URI: http://madroitmarketing.com
Version: 1.0.1612297624
Updated: 2021-02-02 15:27:04

*/


/*--------------------------
*        Homepage Styles         *
--------------------------*/

html body.home #wpfront-notification-bar,
html body.home #wpfront-notification-bar-spacer  {
    display: none !important;
}
/* ------ Gform Ajax Spinner ------ */

.hp-hero .gform_ajax_spinner {
    max-width:100%;
    width: 100%;
    display:block;
    margin: 20px auto;
}

.hp-hero .gform-footer img{
    margin: 0 auto;
    border-radius: 100px !important;
    overflow: hidden;
    padding: 6px;
    background: #fff;
    max-width: 110px !important;
    height: 100%;
}
/* ------ END Gform Ajax Spinner ------ */

html body.home .hp-hero h1 {
    /*display: none */
    /*font-size: 66px;*/
}

.hp-hero .gform_description {
    display: none;
}
.hp-hero  .gfield_validation_message,
.hp-hero  .gform-theme--framework .gform_validation_errors {
    width: auto;
    background: #fff;
    padding: 4px 15px;
    border-radius: 4px;
    font-weight: 600;

}
.hp-hero html body .gform_confirmation_message {
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #00bc88;
    margin: 1em;
    padding: 1em;
    font-weight: 600;
}
.hp-hero  .gform-theme--framework .gform_validation_errors {
    margin-bottom: 20px;
}
.hp-hero  .gform-theme--framework .gform_validation_errors h2 {

    font-weight: 600;
    text-align: left;
    padding: 10px;
}

.hp-hero .gform-theme--framework .gform_validation_errors:focus,
.hp-hero  .gform_footer input.button:focus,
.hp-hero  .gform_footer input[type=submit]:focus {
    outline: none
}
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
    outline: none !important;
}
.hp-hero  .gform_footer input.button,
.hp-hero  .gform_footer input[type=submit] {
    width: 100%;
    color: #15293F !important;
    border-color: #F0B65A !important;
    background: #F0B65A !important;
    opacity: 1.0 !important;
    cursor: pointer !important;
    font-weight: 600 !important;
}
.hp-hero  .gform_footer input.button:hover,
.hp-hero  .gform_footer input[type=submit]:hover {
    color: #fff !important;
    border-color: #15293F !important;
    background: #15293F !important;
    opacity: 1.0 !important;
    cursor: pointer;
}

.hp-hero  .gform_footer .gform_button {
    padding: 16px !important;
    margin-top: 10px !important;
}
.hp-hero .gform-theme--foundation .gform_fields {
    row-gap: 15px;
}
/*body .hp-hero  ul li.gfield {*/
/*    margin-top: 0;*/
/*    margin-bottom: 15px;*/
/*}*/
/*.hp-hero .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),*/
/*.hp-hero  textarea {*/
/*    padding: 10px 15px;*/
/*    border-radius: 4px;*/
/*    border: none;*/
/*}*/
.hp-hero  ul.gform_fields li.gfield {
    padding-right: 16px;
    padding-left: 16px;
}

.hp-hero ::placeholder {
    font-size: 1em;
    color: #1a1a1a;
    opacity: 0.8;
    font-weight: 500;
}

.hp-hero h2 {
    font-size: 30px;
    text-align: center;
    padding-right: 16px;
}

.hp-hero .gform_wrapper .wtp-pro-form input:not([type=submit]),
.hp-hero .gform_wrapper .wtp-pro-form textarea,
.hp-hero .gform_wrapper .wtp-pro-form select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d0d5dd;
    border-radius: 12px;
    background: white;
    outline: none;
}

.hp-hero .gform_wrapper .wtp-pro-form input:focus:not([type=submit]),
.hp-hero .gform_wrapper .wtp-pro-form textarea:focus,
.hp-hero .gform_wrapper .wtp-pro-form select:focus {
    border-color: #15293f;
    box-shadow: 0 0 0 4px rgba(21, 41, 63, 0.15);
}

.hp-hero .gform_wrapper .wtp-pro-form textarea {
    resize: vertical;
}

.hp-hero .gform_wrapper .wtp-pro-form .gform_footer input.button.gform_button,
.hp-hero .gform_wrapper .wtp-pro-form  input[type=submit]{
    border-radius: 12px;
}

@media (max-width: 980px) {
    .hp-hero h2 {
        margin-top: 40px;
    }
    html body.home .hp-hero h1,
    html body.home .hp-hero .et_pb_button_module_wrapper  {
        text-align: center;
    }
}