﻿.back-bg{
    background: #FFFFFFF2 0% 0% no-repeat padding-box;
    padding:3rem; 
    max-width: 75%;
    border-radius: 6px;
}

.form-block {
    text-align: center;
    padding:3rem;
    background-size: cover;
    background-repeat: no-repeat;
    
}

.form-block .copy {
    font-size: 20px;
    line-height: 25px;
    margin-top: 2rem;
    
}

.form-block .copy p {
    margin-bottom: 1rem;
}

.form-block .copy p strong {
    font-size:24px;
}

.form-block .copy a{
    /*text-decoration: none;*/
}


.form-block .large, .form-block .gfield_select{
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    
}

.form-block .large:focus, #gform_10 fieldset input:focus{
    
    outline: 0;
    }

.form-block .gform_fields .gfield, #gform_10 fieldset span{
    display: inline-block;
    width: 46%;
    text-align: left;
    margin: 0 2%;
    vertical-align: top;
    margin-bottom: 2rem;
}

.form-block .gform_fields .gsection{
width: 100% !important;
}


.form-block .gform_fields #field_14_10{
   width: 96%; 
}

 .form-block .textarea{
   width: 100%;
     height:100px;
resize: none;     
}
.form-block .gform_fields .gfield label{
    margin-bottom: 10px;
    display: block;
    font-size: 20px;
    font-family: "din-2014", sans-serif;
}



.gravityform {
   
    margin-top: 2rem;
    padding-top: 2rem;
        position: relative;
}

.gravityform:before{

    background: var(--gray);
    position: absolute;
    content: '';
    height: 1px;
    right: 0;
    left: 2%;
    bottom: 0;
    width: 96%;
    top: 0;
}




/*Multi background color css*/


.form-block.background-green{
    background-color: var(--bggreen);
    
}

.form-block.background-red{
    background-color: var(--bgred);
}
   

.form-block.background-blue{
    background-color: var(--bgblue);
   
}

.form-block.background-purple{
    background-color: var(--bgpurple);
  
}


.form-block.background-yellow{
    background-color: var(--bgyellow);
   
    
}


/*Multi background color css*/





/*Multi color button css*/

.form-block.accent-green input[type=submit]:not(:hover):not(:active):not(.has-text-color){
    background-color: var(--bggreen);
    color:var(--white);
}

.form-block.accent-red input[type=submit]:not(:hover):not(:active):not(.has-text-color){
    background-color: var(--bgred);
    color:var(--white);
}

.form-block.accent-blue input[type=submit]:not(:hover):not(:active):not(.has-text-color){
    background-color: var(--bgblue);
    color:var(--white);
}

.form-block.accent-purple input[type=submit]:not(:hover):not(:active):not(.has-text-color){
    background-color: var(--bgpurple);
    color:var(--white);
}


.form-block.accent-yellow input[type=submit]:not(:hover):not(:active):not(.has-text-color){
    background-color: var(--bgyellow);
    color:var(--white);
}


.form-block.accent-green input.outline{
    border:1px solid var(--bggreen);
    color:var(--bggreen);
}

.form-block.accent-red input.outline{
    border:1px solid var(--bgred);
     color:var(--bggred);
}

.form-block.accent-blue input.outline{
    border:1px solid var(--bgblue);
     color:var(--bgblue);
}

.form-block.accent-purple input.outline{
    border:1px solid var(--bgpurple);
    color:var(--bgpurple);
}


.form-block.accent-yellow input.outline{
    border:1px solid var(--bgyellow);
     color:var(--bgyellow);
}

.form-block input[type=submit]:not(:hover):not(:active):not(.has-text-color){
    padding: 15px 25px;
    border-radius: 4px;
    font-family: "din-2014", sans-serif;
    text-decoration: none;
    font-size: 24px;
}

.form-block input[type=submit]:hover{
   padding: 15px 25px;
    border-radius: 4px;
    border:0;
}

.form-block.accent-blue .gform_footer input:hover{
background-color: var(--bgblue);
        color:var(--white);
    opacity: 0.8;
    

}


.form-block .gform_footer input:hover, .form-block .gform_footer input:focus, .form-block .gform_footer input:active{
       font-weight: normal;
    font-family: "din-2014", sans-serif;
    outline: 0;
    padding: 15px 25px !important;
        border-radius: 4px !important; 
    border:0;

}

.form-block.accent-green .gform_footer input:hover, .form-block.accent-green .gform_footer input:focus, .form-block.accent-green .gform_footer input:active {
background-color: var(--bggreen);
        color:var(--white);
    opacity: 0.8;
    font-size:24px;
     

}


.form-block.accent-blue .gform_footer input:hover, .form-block.accent-blue .gform_footer input:focus, .form-block.accent-blue .gform_footer input:active{
background-color: var(--bgblue);
        color:var(--white);
    opacity: 0.8;
        font-weight: normal;
font-size:24px;
}


.form-block.accent-yellow .gform_footer input:hover, .form-block.accent-yellow .gform_footer input:focus, .form-block.accent-yellow .gform_footer input:active{
background-color: var(--bgyellow);
        color:var(--white);
    opacity: 0.8;
        font-weight: normal;
        font-size:24px;

}

.form-block.accent-purple .gform_footer input:hover, .form-block.accent-purple .gform_footer input:focus, .form-block.accent-purple .gform_footer input:active{
background-color: var(--bgpurple);
        color:var(--white);
    opacity: 0.8;
        font-weight: normal;
        font-size:24px;

}

.form-block.accent-red .gform_footer input:hover, .form-block.accent-red .gform_footer input:focus, .form-block.accent-red .gform_footer input:active{
background-color: var(--bgred);
        color:var(--white);
    opacity: 0.8;
        font-weight: normal;
    font-size: 24px;
}





.form-block input[type=submit]:not(:hover):not(:active):not(.has-text-color){
    padding: 12px 22px;
    border-radius: 4px;
    font-family: "din-2014", sans-serif;
    text-decoration: none;
    font-size: 24px;
}

.form-block input[type=submit]:hover{
   padding: 15px 25px;
    border-radius: 4px;
    border:0;
}

.gform_footer{
    
    margin-top: var(--global--spacing-vertical);
}

.gfield_radio{
       display: flex;
    flex-direction: row; 
    margin-top: .25rem;
}

.gfield_radio>div{
        flex-basis: 33%;
}
.form-block .gfield .gfield_radio label{
 display: inline;   
}

.form-block input[type=checkbox], input[type=radio]{
border:var(--form--border-width) solid var(--gray);
}

input[type=radio]:checked:focus{
    outline: 0px dotted var(--form--border-color);
}

.form-block .gform_submission_error{
    font-size: var(--global--font-size-xs);
    color: red;
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
   
}

.form-block .gfield_validation_message{
  font-size: var(--global--font-size-xs);
    color: red;  
margin-top: .5rem;    
}


.form-block .gfield_error input, .form-block .gfield_error select, .form-block .gfield_error textarea{
   border:1px solid red;     
}

.form-block .gform_submission_error{
    font-size: var(--global--font-size-xs);
    color: red;
    margin-top: var(--global--spacing-vertical);
    margin-bottom: var(--global--spacing-vertical);
   
}


.form-block .gfield_error input, .form-block .gfield_error select, .form-block .gfield_error textarea{
   border:1px solid red;     
}

.form-block .gform_validation_errors{
    display: none;
}

.form-block .gform_required_legend{
    margin-bottom: 1rem;
        text-align: left;
    margin-left: 1.2rem;
}

#field_14_7{
    
    display: inherit;
}

.form-block .gform_fields .contact-form-recaptcha {
    display: inherit;
}

.form-block #gform_10 fieldset legend{
    margin-bottom: 30px;
    display: block;
    font-size: 2rem;
    font-family: "din-2014", sans-serif;
    margin-left: 1rem;
}

.form-block fieldset legend{
    margin-bottom: 20px;
    display: block;
    font-size: 20px;
    font-family: "din-2014", sans-serif;
    
}

.gform_confirmation_message{
    background: var(--gray);
    border-radius: 5px;
    padding: 20px 25px;
    color: #fff;
    font-size: 20px;
    border:1px solid var(--bggreen);
}

#gform_10 #field_10_6{
    width: 95.97%;
}

#gform_10 fieldset{
    width: auto;
    margin: 0;
    padding: 0;
}

#gform_10 fieldset input{
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    width: 100%;
    height: 50px;
}

.gsection_title{

    font-family: "din-2014", sans-serif;
}


@media only screen and (max-width: 30rem) {


.form-block{
padding: 2rem 1rem;
}

.back-bg{
 padding: 2rem 1rem;
max-width: 90%;
    } 
    
.form-block .gform_fields .gfield, #gform_10 fieldset span{
        width: 95%;
    }

.form-block input[type=submit]:not(:hover):not(:active):not(.has-text-color){
font-size: 18px;
    }
    
}

/*
* Date field.
*
* Used in the basic.css front-end stylesheet and admin-theme.css.
*/

.gravity-theme.ui-datepicker {
    background: #fff;
    border: 1px solid #d0d1d3;
    border-radius: 3px;
    box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.11), 0 0 0.25rem rgba(18, 25, 97, 0.0405344);
    color: #607382;
    font-size: 0.8125rem;
    font-weight: var(--gform-theme-font-weight-medium);
    margin-top: 5px;
    padding: 18px 15px;
    width: auto;
}

.gravity-theme.ui-datepicker table, .gravity-theme.ui-datepicker thead, .gravity-theme.ui-datepicker tr, .gravity-theme.ui-datepicker td, .gravity-theme.ui-datepicker th {
    background: none;
    border: 0;
    margin: 0;
}

.gravity-theme.ui-datepicker td, .gravity-theme.ui-datepicker th {
    padding: 5px;
    text-shadow: none;
    text-transform: none;
}

.gravity-theme.ui-datepicker .ui-datepicker-header {
    border: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    width: 100%;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    align-items: center;
    background: none;
    border: 0;
    color: #607382;
    cursor: pointer;
    display: flex;
    font-family: "gform-icons-theme" !important;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 30px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    speak: never;
    text-decoration: none;
    top: -2px;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    width: 30px;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus, .gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus, .gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
    color: #2f4054;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    display: none;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before, .gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
    border: 0;
    height: auto;
    position: static;
    transform: none;
    width: auto;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 0;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    content: "\23f4";
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 0;
}

.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
    content: "\23f5";
}

.gravity-theme.ui-datepicker .ui-datepicker-header select {
    -webkit-appearance: none;
    background-color: transparent;
    background-image: url(https://powerforwardwithpso.com/wp-content/themes/pso/images/theme/down-arrow.svg);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #585e6a;
    cursor: pointer;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: var(--gform-theme-font-weight-medium);
    height: auto;
    min-height: 0;
    padding: 0 22px 0 0;
    width: auto;
}

.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month {
    margin-right: 20px;
    -moz-text-align-last: right;
         text-align-last: right;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar span, .gravity-theme.ui-datepicker .ui-datepicker-calendar a {
    font-weight: var(--gform-theme-font-weight-normal);
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar th span {
    align-items: center;
    color: #2f4054;
    display: flex;
    font-size: 0.8125rem;
    font-weight: var(--gform-theme-font-weight-medium);
    height: 40px;
    justify-content: center;
    width: 40px;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar td {
    font-size: 0.8125rem;
    height: 50px;
    width: 50px;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 100%;
    box-shadow: none;
    color: #2f4054;
    display: flex;
    height: 40px;
    justify-content: center;
    text-decoration: none;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    width: 40px;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover, .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:focus {
    background: none;
    border-color: #607382;
    outline: none;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:active {
    background: #f2f3f5;
    border-color: #607382;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
    background: #607382;
    border-color: #607382;
    box-shadow: 0 0.125rem 0.125rem rgba(58, 58, 87, 0.0596411);
    color: #fff;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:hover, .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default:focus {
    border-color: #607382;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
    background: none;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
    align-items: center;
    background: #f2f3f5;
    border: 1px solid rgba(32, 32, 46, 0.079);
    border-radius: 100%;
    box-shadow: 0 0.125rem 0.125rem rgba(58, 58, 87, 0.0596411);
    color: #686e77;
    cursor: text;
    display: flex;
    height: 40px;
    justify-content: center;
    text-decoration: none;
    width: 40px;
}

html[dir="rtl"] #ui-datepicker-div.gform-theme-datepicker[style] {
    right: auto !important;
}

/*
 * GForm Icons
 */
@font-face {
    font-family: 'gform-icons-theme';
    src:
        url('https://powerforwardwithpso.com/wp-content/plugins/gravity-formsfonts/gform-icons-theme.woff2?cocjn') format('woff2'),
        url('https://powerforwardwithpso.com/wp-content/themes/pso/fonts/gform-icons-theme.ttf?cocjn') format('truetype'),
        url('https://powerforwardwithpso.com/wp-content/themes/pso/fonts/gform-icons-theme.woff?cocjn') format('woff'),
        url('https://powerforwardwithpso.com/wp-content/themes/pso/fonts/gform-icons-theme.svg?cocjn') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.gform-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "gform-icons-theme" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gform-icon--left-arrow:before {
    content: "\e910";
    color: #2f4054;
}

.gform-icon--right-arrow:before {
    content: "\e91b";
    color: #2f4054;
}

.gform-icon--circle-error:before {
    content: "\e91a";
}

.gform-icon--close-small:before {
    content: "\e905";
}

.gform-icon--info:before {
    content: "\e900";
}

.gform-icon--verified:before {
    content: "\e901";
}

.gform-icon--circle-close:before {
    content: "\e903";
}

.gform-icon--close-big:before {
    content: "\e904";
}

.gform-icon--down-arrow:before {
    content: "\e906";
}

.gform-icon--format-bold:before {
    content: "\e907";
}

.gform-icon--format-italic:before {
    content: "\e908";
}

.gform-icon--format-list-bulleted:before {
    content: "\e909";
}

.gform-icon--format-list-numbered:before {
    content: "\e90a";
}

.gform-icon--insert-link:before {
    content: "\e90b";
}

.gform-icon--line:before {
    content: "\e90c";
}

.gform-icon--password-eye:before {
    content: "\e90d";
}

.gform-icon--password-eye-closed:before {
    content: "\e90e";
}

.gform-icon--redo:before {
    content: "\e90f";
}

.gform-icon--schedule:before {
    content: "\e911";
}

.gform-icon--clock:before {
    content: "\e912";
}

.gform-icon--search:before {
    content: "\e913";
}

.gform-icon--star:before {
    content: "\e914";
}

.gform-icon--star-border:before {
    content: "\e915";
}

.gform-icon--star-half:before {
    content: "\e916";
}

.gform-icon--check:before {
    content: "\e917";
}

.gform-icon--undo:before {
    content: "\e918";
}

.gform-icon--unfold-more:before {
    content: "\e919";
}

.gform-icon--create:before {
    content: "\e91c";
}

.gform-icon--cog:before {
    content: "\e91d";
}

.gform-icon--circle-check:before {
    content: "\e902";
}