/*--------------------------------------------------------------
## Work Force Essentials Hero Banner
--------------------------------------------------------------*/

.elementor-9841 .elementor-element.elementor-element-dff31a2:not(.elementor-motion-effects-element-type-background)::before {
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-image: linear-gradient(50deg, rgba(255,255,255,.3), white, transparent, transparent);
}

section.elementor-element.elementor-element-7bb35c2c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section::before { /** for the live banner **/
    display: block;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-image: linear-gradient(50deg, rgba(255,255,255,.3), white, transparent, transparent);
}

.wfe-banner-btn-wrapper {
    display: flex;
    padding: 5% 0 0 0;
}

.wfe-banner-btn-wrapper a {
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}

.wfe-banner-btn-wrapper a.individual {
    background: #094e69;
    border: 2px solid #094e69;
    margin-right: 1.5em;
}

.wfe-banner-btn-wrapper a.individual:hover {
    border: 2px solid #082e3a;
    background: #082e3a;
}

.wfe-banner-btn-wrapper a.business {
   background: #094e69;
    border: 2px solid #094e69;
}

.wfe-banner-btn-wrapper a.business:hover {
    border: 2px solid #082e3a;
    background: #082e3a;
}




/*--------------------------------------------------------------
## Work Force Essentials Testimonials
--------------------------------------------------------------*/
div#sp-testimonial-free-wrapper-10138 .slick-initialized .slick-slide{
	background:none;
	box-shadow:none;
    border:none;
}

.elementor-testimonial-content {
    background: #085874;
    padding: 1.8em;
    position: relative;
    border-radius: 0 20px;
    color: #ffffff !important;
}

.elementor-widget-testimonial .elementor-testimonial-name {
    color: #6ebb1f;
    font-family: roboto,Sans-serif;
    font-weight: 600;
}

.elementor-widget-testimonial .elementor-testimonial-job {
    color: #54595f;
    font-family: roboto,Sans-serif;
    font-weight: 400;
}

#sp-testimonial-free-wrapper-10138 .sp-testimonial-free-section .tfree-client-designation{
    font-style: italic;
    color: #094e69;
}

.sp-testimonial-free-section .sp-tfree-client-image img{
    max-width: 100px;
    margin: 0 auto 1%; 
}

.elementor-testimonial-image img {
    border: 1px solid #D7D7D7;
}

.elementor-testimonial-meta-inner {
    margin-bottom: 5%;
}

/*--------------------------------------------------------------
## New Work Force Essentials Page
--------------------------------------------------------------*/

body.page-id-9841 .breadcrumb, body.page-id-14488 .breadcrumb {
    display: none;
}

h1.wfe {
    font-family: 'filson-pro', sans-serif;
    font-size: 2.5em;
    line-height: 1.1em;
    margin: 0;
    padding: 0;
}

h2.wfe {
    font-family: 'filson-pro', sans-serif;
    font-size: 1.5em;
    margin: 0;
    line-height: 1.2em;
}

h2.wfe-center {
    font-family: 'filson-pro', sans-serif;
    font-size: 1.5em;
    margin: 0;
    line-height: 1.2em;
    text-align: center;
}

.wfe-center{
    text-align: center;
}

h3.wfe-blue{
    color: #084f6a;
    text-align: center;
    font-size: 1.17em;
    line-height: 1.3em;
    font-weight: bold !important;
}


h3.wfe {
    color: #3d3d3d !important;
    text-align: center;
    font-size: 1.17em;
    line-height: 1.3em;
    font-weight: bold;
}

h4.wfe{
    font-family: 'filson-pro', sans-serif;
    min-height: 50px;
    text-align: center;
}

.featured-icon img {
    width: 60px;
    height: 60px !important;
}

p.wfe-shortdesc {
    text-align: center;
    padding: 0 10%;
}

h3.featured-title {
    color: #3d3d3d !important;
    font-weight: bold;
    font-family: 'filson-pro', sans-serif;
    min-height: 70px;
    font-size: 1.17em;
    line-height: 1.2em;
    margin-bottom:0;
}

.center{
    text-align: center;
}

.featured-item {
    padding: 0 5%;
}


.center{
    text-align: center;
}

.elementor-accordion-item b{
    color: #085874;
}

.elementor-tab-title.elementor-active {
    background: #094e69 !important;
}

.wfe-nav {
    text-align: center;
}

.step-wrapper {
    display: flex;
    justify-content: center;
}

.step-wrapper a {
    text-transform: uppercase;  
    color: #7a7a7a;
    padding: 10px 24px;
    margin: 0;
    border-radius: 20px;
}

.step-wrapper {
    display: flex;
    justify-content: center;
    border: 1px solid #d7d7d7;
    width: 310px;
    margin: auto;
    border-radius: 30px;
}

.step-wrapper a.active {
    font-weight: bold;
    color: #085874;
    background: #ebebeb;
}

.membership-wrapper {
    display: flex;
    justify-content: center;
}

.membership-wrapper .opt {
    padding: 10px 70px 10px 20px;
    border: solid 1px #d7d7d7;
    border-radius: 5px;
    margin: 0 5px;
    position: relative;
}

.opt.individual img {
    width: 20px;
    position: absolute;
    right: 15px;
}

.opt.business img {
    width: 40px;
    position: absolute;
    right: 15px;
}

.step-nav {
    text-align: center;
    margin: 5% 0 0 0;
}

.step-nav a, .btn-wrapper a{
    padding: 10px 40px;
    background: #094e69;
    border: 2px solid #094e69;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.step-nav a:hover, .btn-wrapper a:hover{
    background: #082e3a;
    border: 2px solid #082e3a;
} 

.btn-wrapper {
    margin-top: 10%;
}

p.wfe-shortdesc {
    padding: 0 1%;
}
    
p.wfe-banner{
    padding: 0 1%;
}
    
.wfe-banner-btn-wrapper {
    justify-content: center;
}
    
    
.wfe-banner-btn-wrapper a {
    padding: 10px 17px;
}
    
.wfe-banner-btn-wrapper a.individual{
   margin-right: 1.2em;
}


/*--------------------------------------------------------------
## Work Force Essentials Leadgen form
--------------------------------------------------------------*/

body.page-id-9841 .header h1, 
body.page-id-14488 .header h1 {
	margin-bottom: 0;
    font-size: 1.5em;
    line-height: 1.2em;
}

body.page-id-9841 h1, body.page-id-14488 h1  {
	color: #084f6a
}

body.page-id-9841 h2, body.page-id-14488 h2 {
	color: #084f6a
}

body.page-id-9841 .entry-content, body.page-id-14488 .entry-content  {
	display: flex;
	flex-direction: column;
}

body.page-id-9841 .form .gform_wrapper, body.page-id-14488.form .gform_wrapper{
	margin-top: 0;
}

body.page-id-9841 .form .gform_heading, body.page-id-14488.form .gform_heading {
	display: none;
}

body.page-id-9841 .form .gf_step .gf_step_number, body.page-id-14488 .form .gf_step .gf_step_number {
	display: none;
}

body.page-id-9841 .form .gfield_label, body.page-id-14488 .form .gfield_label {
	display: none;
}

body.page-id-9841 .form ul.gfield_radio, body.page-id-14488 .form ul.gfield_radio {
	display: flex;
	justify-content: space-around;
}

body.page-id-9841 .form ul.gfield_radio li, body.page-id-14488 .form ul.gfield_radio li {
    display: flex;
    border: solid 1px #084f6a;
    border-radius: 7px;
    width: 200px;
    padding: 10px !important;
}

body.page-id-9841 .form .gform_page_footer, body.page-id-14488 .form .gform_page_footer {
	display: flex;
	flex-direction: column;
	align-items: center;
    margin-top: 5%;
}

body.page-id-9841 .form .gform_page_footer .button, body.page-id-14488 .form .gform_page_footer .button{
    background-color: #094e69;
    margin: 0;
    padding: 10px 40px;
    background: #094e69;
    border: 2px solid #094e69;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    width: auto;
}

body.page-id-9841 .wfe-section-title, body.page-id-14488 .wfe-section-title {
	display: flex;
	justify-content: center;
}

body.page-id-9841 .wfe-section-title h2, body.page-id-14488 .wfe-section-title h2{
    font-weight: 700;
    font-size: 1.17em;
    line-height: 1.2em;
    text-align: center;
}

body.page-id-9841 .gform_page_footer, body.page-id-14488 .gform_page_footer {
	border: none;
}

body.page-id-9841 .gform_wrapper .gf_page_steps, body.page-id-14488 .gform_wrapper .gf_page_steps  {
	border: none;
	margin-bottom: 1.5em;
	display: flex;
	padding: 0;
}

body.page-id-9841 #gform_fields_2_3 .gfield_label, body.page-id-14488 #gform_fields_2_3 .gfield_label {
	display: block;
}

body.page-id-9841 #gform_fields_2_3 .ginput_container input, 
body.page-id-14488 #gform_fields_2_3 .ginput_container input{
	width: 100%;
    padding: 10px;
}

body.page-id-9841 div#gf_page_steps_2, body.page-id-14488 div#gf_page_steps_2 {
    border: solid 2px #D7D7D7;
    width: 280px;
    margin: 5% auto;
    border-radius: 30px;
    height: 41px;
}


body.page-id-9841 div.gf_page_steps .gf_step, body.page-id-14488 div.gf_page_steps .gf_step {
    margin: 0;
    display: flex;
    height: 100%;
    background: #f3f3f3;
    border-radius: 30px;
}

body.page-id-9841 div.gf_page_steps .gf_step span, body.page-id-14488 div.gf_page_steps .gf_step span {
    margin: 0;
    padding: 10px 20px;
    text-transform: uppercase;
}

body.page-id-9841 .gform_wrapper .gf_step.gf_step_active span, body.page-id-14488 .gform_wrapper .gf_step.gf_step_active span{
    font-weight: bold;
    color: #084f6a;
}


body.page-id-9841 .ginput_container.ginput_container_radio, 
body.page-id-14488 .ginput_container.ginput_container_radio{
    width: 430px;
    margin: auto;
}

.gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
    color: #094e69;
}

body.page-id-9841 .gform_wrapper .gfield_required, 
body.page-id-14488 .gform_wrapper .gfield_required{
    color: #f96e6e; /** required **/
}


body.page-id-9841 .ginput_container.ginput_container_radio ul li, 
body.page-id-14488 .ginput_container.ginput_container_radio ul li{
    position:relative;
}

body.page-id-9841 .ginput_container.ginput_container_radio ul li label img, 
body.page-id-14488 .ginput_container.ginput_container_radio ul li label img {
    position: absolute;
    height: 20px;
    right: 7px;
}

body.page-id-9841 .ginput_container.ginput_container_radio ul li label, 
body.page-id-14488.ginput_container.ginput_container_radio ul li label  {
    width: 100%;
    display: block;
}

body.page-id-9841 div#input_2_10 label, 
body.page-id-14488 div#input_2_10 label  {
    padding: 5px 10px;
}


body.page-id-9841 .gform_page_footer.top_label p, 
body.page-id-14488.gform_page_footer.top_label p  {
    text-align: center;
    padding: 2% 10%;
}


body.page-id-9841 .gform_page_footer input#gform_previous_button_2_6, 
body.page-id-9841 .gform_page_footer input#gform_previous_button_2, 
body.page-id-14488 .gform_page_footer input#gform_previous_button_2_6, 
body.page-id-14488.gform_page_footer input#gform_previous_button_2 {
    display: none;
}

body.page-id-9841 ul#gform_fields_2_3 label, 
body.page-id-14488 ul#gform_fields_2_3 label {
    color: #3d3d3d;
}


body.page-id-9841 .gform_wrapper div.validation_error, 
body.page-id-14488 .gform_wrapper div.validation_error  {
    color: #f96e6e;
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 25px;
    border-top: 1px solid #f96e6e;
    border-bottom: 1px solid #f96e6e;
    padding: 16px 0 16px 0;
    clear: both;
    width: 100%;
    text-align: center;
}

body.page-id-9841 .gform_wrapper form, 
body.page-id-14488 .gform_wrapper form{
    width: 60%
}


body.page-id-9841 .gform_page_fields h2, 
body.page-id-14488 .gform_page_fields h2 {
    padding-bottom: 3%;
}


body.page-id-9841 .gfield.wfe-member, 
body.page-id-14488 .gfield.wfe-member {
    margin-bottom: 3%;
}



body.page-id-9841 .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, 
body.page-id-14488 .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
    border-top: 1px solid #f96e6e;
    border-bottom: 1px solid #f96e6e;
}

body.page-id-9841 .gform_wrapper .validation_message, 
body.page-id-14488 .gform_wrapper .validation_message{
    color: #f96e6e;
    text-align: center;
    font-weight:400;
}

.pum-theme-10377 .pum-content+.pum-close, .pum-theme-default-theme .pum-content+.pum-close{
    background-color: #094e69 !important;
}


.pum-theme-10377 .pum-title, .pum-theme-default-theme .pum-title{
    font-weight: bold !important;
    color: #3d3d3d !important;
}


#gform_wrapper_3 .gform_button{
    margin: 1em;
    padding: 10px 40px;
    background: #094e69;
    border: 2px solid #094e69;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}


.noUi-touch-area {
    background: #094e69;
}



body.page-id-9841 .gform_anchor, 
body.page-id-14488 .gform_anchor  {
    transform: translateY(-15em);   
}

@media only screen and (max-width: 600px) {
    
    h1.wfe { /** from wp custom stying in dev **/
        font-size: 2em;
        text-align: center;
    }
    
    body.page-id-9841 .gform_anchor, 
    body.page-id-14488 .gform_anchor  {
        transform: translateY(-18em);
    }

    body.page-id-9841 .gform_wrapper form, 
    body.page-id-14488 .gform_wrapper form  {
        width: 100%;
    }
    
    body.page-id-9841 .ginput_container.ginput_container_radio, 
    body.page-id-14488 .ginput_container.ginput_container_radio {
        width: 100%;
    }
    
    body.page-id-9841 div#gf_page_steps_2, 
    body.page-id-14488 div#gf_page_steps_2{
        width: 90%;
        display: flex;
    }
    
    
    body.page-id-9841 div#gform_page_2_1 h2,
    body.page-id-14488 div#gform_page_2_1 h2 {
        text-align: center;
    }
    
    body.page-id-9841 .form ul.gfield_radio, 
    body.page-id-14488 .form ul.gfield_radio {
        display: block;
    }
    
    body.page-id-9841 .form ul.gfield_radio li, 
    body.page-id-14488 .form ul.gfield_radio li{
        width: 100%;
    }
    
    .elementor-14488 .elementor-element.elementor-element-7bb35c2c:not(.elementor-motion-effects-element-type-background), .elementor-14488 .elementor-element.elementor-element-7bb35c2c>.elementor-motion-effects-container>.elementor-motion-effects-layer{
        background-position: center;
    }
    
    section.elementor-element.elementor-element-7bb35c2c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section::before{
        display: block;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background-image: linear-gradient(50deg, rgba(255,255,255,.3), white);
    }
    
    /**** new WFE ****/
    h1.wfe{
        font-size: 2em;
        text-align: center;
    }
    
    h2.wfe, h2.wfe-center{
        font-size: 1.5em;
        line-height: 1.2em;
        text-align: center;
    }
    
    .featured-item {
        text-align: center;
    }
    
    
    h4.featured-title{
        min-height: auto;
        font-size: 1.2em;
        line-height: 1.2em;
    }
    
        
    .membership-wrapper {
        display: flex;
        flex-flow: column;
    }
    
       
    .membership-wrapper .opt {
        margin: 0 5px 10px 0;
    }
    
        
    .step-nav {
        text-align: center;
        margin: 5% 0 15%;
    }
    
    form#gform_1 .gform_heading {
        display: none;
    }

}




/*--------------------------------------------------------------
## Work Force Essentials Success Page
--------------------------------------------------------------*/

body.page-id-10389 h1, body.page-id-14488 h1 {
	color: #084f6a;
}


body.page-id-10389 .container, body.page-id-14488 .container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.page-id-10389 .success-buttons, body.page-id-14488 .success-buttons{
	display: flex;
}

body.page-id-10389 .success-buttons a, body.page-id-14488 .success-buttons a {
	background-color: #094e69;
    margin: .5em;
    padding: 10px 40px;
    background: #094e69;
    border: 2px solid #094e69;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    width: 210px;
    text-align: center;
}

.block-header.success h2 {
    color: #094e69;
    margin-top: 5%;
}

.block-header.success p {
    margin-bottom: 0;
}

#gform_wrapper_3 .gform_button {
	background-color: #9BB33C;
	color: #ffffff;
	border: none;
	padding: .7em;
	margin: 1em;
}

#gform_3 .ginput_container input {
	width: 100%;
    padding: 10px;
}


.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
    padding: 10px;
}


.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{
    color: #3d3d3d;
}


.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label{
    padding: 5px 10px;
    color: #3d3d3d; 
}

div#popmake-10407 {
    padding: 2%;
}


#gform_wrapper_3 .gform_button{
    margin: 1em 0 0 0;
    padding: 10px 40px;
    background: #094e69;
    border: 2px solid #094e69;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}


@media only screen and (max-width: 600px) {
    .pum-theme-10377 .pum-title, .pum-theme-default-theme .pum-title{
        padding-top: 50px;
    }
    
    body.page-id-10389 .success-buttons, body.page-id-14488 .success-buttons{
        display: flex;
        flex-direction: column;
    }
    
    .elementor-9841 .elementor-element.elementor-element-dff31a2:not(.elementor-motion-effects-element-type-background){
        background-image: url(/wp-content/uploads/2020/07/wfe-banner-v2-scaled.jpg);
        background-position: 500px;
        background-size: cover;
    }
    
    
    .elementor-9841 .elementor-element.elementor-element-dff31a2:not(.elementor-motion-effects-element-type-background)::before {
        display: block;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background-color: rgba(255,255,255,0.7);
    }
    
    .elementor-9841 .elementor-element.elementor-element-4e0e347 .elementor-accordion .elementor-tab-title {
        padding: 5%;
    }
    
    .step-nav a, .btn-wrapper a{
        padding: 10px;
    }
}