/* design */
.gform_wrapper {margin-top:16px !important;}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea.medium {
    border-radius:8px;
}

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight:700 !important;
    color:inherit;
}

.gform_wrapper .gfield_required {
    color: inherit !important;
}

p.gform_required_legend {
    display:none !important;
}

input[type=checkbox]:checked:before, input[type=radio]:checked:before {line-height:.8em !important;}

.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 {
    font-weight: inherit !important;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: 3px !important;
}

.ginput_container_password button {
    padding: 20px 0 0 0 !important;
}

/* extension design */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
    background-color:#1239a7;
    border-color:#1239a7;
    color:#fff;
    border-radius:30px;
    font-size: 16px;
}

div.col-widgets-sidebar .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    padding: 10px 24px;
    font-size: 14px !important;
}

.gform_wrapper .gform_footer {
    margin-top:0 !important;
}

.gform_wrapper .gfield_description {
    font-size:16px;
}

ul#gform_fields_login label.gfield_label {
    font-weight:700;
    padding-top: 12px;
    display: block;
}

p.gform_required_legend {
    display:none !important;
}

.gform_wrapper .gfield_required {
    color: #1239a7 !important;
    font-weight: 700;
    padding-left: 1px;
}

.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover {
    background-color:#1a44bc;
}

/* extension footer newsletter */
footer.site-footer form input:not(.button) {
    border:none;
    border-radius:8px;
    background-color:#103396;
}

footer.site-footer .gform_footer {
    text-align:right;
    padding: 0 !important;
}

.gform_wrapper .gform_footer input[type=submit] {
    border-radius:30px !important;
}

footer.site-footer .gform_wrapper .gform_footer input[type=submit] {
    background-color: #1f2f5c;
    border-color:transparent;
    font-size: 14px;
    font-weight: 700 !important;
    padding: 10px 24px;
}

footer.site-footer .gform_wrapper .gform_footer input[type=submit]:hover {
    border-color:#fff;
}

/* extension user registration and login */
.gform_wrapper.gravity-theme input[type=password] {
    width:100% !important;
}


ul#gform_fields_login li.gfield input[type="text"],
ul#gform_fields_login li.gfield input[type="password"] {
    width: 450px;
    max-width: 100%;
}

ul#gform_fields_login,
ul#gform_fields_login ul.gfield_checkbox {
    list-style: none !important;
    padding: 0;
}

.ginput_container_password button {
    padding: 0 !important;
}

@media all and (max-width: 641px) {
    .gform_wrapper .ginput_container span:not(.ginput_price) {
        display: inline-block !important;
    }
}

/*** extension login ***/
div#gform_fields_login input[type="text"],
div#gform_fields_login input[type="password"] {
    width:100%;
}

/*** extension signup form pre and post 2.5 update ***/
form li ul.gfield_checkbox li input[type="checkbox"] /* PRE 2.5 */,
form div.gfield_checkbox > div > input[type="checkbox"] /* POST 2.5 *//*,
p.mailchimp-newsletter input[type="checkbox"]*/  {
    padding: 0;
    margin: 0;
    height: 25px !important;
    width: 25px !important;
    opacity: 0;
    position: absolute;
    left:0;
    top:0;
    cursor:pointer;
}

form div.gfield_checkbox > div > label {
    cursor:pointer;
}

form li ul.gfield_checkbox li  > label,
form div.gfield_checkbox > div > label/*p.mailchimp-newsletter > label*/ {
    background: url("//wpexplainer.com/wp-content/plugins/sensei-uncode-extension/images/input-21-checkbox-unchecked.png") no-repeat 0 0;
    background-size: 25px 25px;
    padding: 0 0 0 30px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    min-height: 31px !important;
    display: inline-block;
}

form li ul.gfield_checkbox li > input[type="checkbox"]:checked + label,
form div.gfield_checkbox > div > input[type="checkbox"]:checked + label/*p.mailchimp-newsletter input[type="checkbox"]:checked + label*/ {
    background: url("//wpexplainer.com/wp-content/plugins/sensei-uncode-extension/images/input-21-checkbox-checked-green.png") no-repeat 0 0;
    background-size: 25px 25px;
    padding: 0 0 0 30px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    min-height: 31px !important;
}

form li.blue ul.gfield_checkbox li > input[type="checkbox"]:checked + label {
    background: url("//wpexplainer.com/wp-content/plugins/sensei-uncode-extension/images/input-21-checkbox-checked.png") no-repeat 0 0;
    background-size: 25px 25px;
    font-size: 16px;
    font-weight: 300 !important;
    min-height: 31px;
}

.style-light form input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-light form textarea:focus,
.style-dark .style-light form input:not([type='submit']):not([type='button']):not([type='number']):not([type='checkbox']):not([type='radio']):focus,
.style-dark .style-light form textarea:focus {
    border-color: #64ce9b;
}

/*** extension gamification ***/
.vc_row.gamification .gform_wrapper .top_label .gfield_label {
    font-weight: 700 !important;
    font-size: 52px;
    border-left: 3px solid #eee !important;
    border-right: 3px solid #eee !important;
    display: inline-block !important;
    width: 100px;
    padding: 30px 0 35px 0;
    text-align: center;
    background-color: #fff;
}

.vc_row.gamification .gform_wrapper ul.gform_fields li.gfield {
    margin-top:0 !important;
    max-height: 90px;
}

.vc_row.gamification .gform_wrapper ul li.field_description_below div.ginput_container_checkbox {
    display: inline-block !important;
    padding-left: 20px;
    position: relative;
    top: 25px;
    margin-top: 0 !important;
}

.vc_row.gamification .gform_wrapper ul.gfield_checkbox li {
    display:inline-block;
    float:left;
}

.vc_row.gamification .gform_wrapper li ul.gfield_checkbox li label {
    background: url("//wpexplainer.com/wp-content/plugins/sensei-uncode-extension/images/star-off.png") no-repeat 0 0;
    background-size: 60px 60px;
    padding: 2px 0 0 32px;
    height: 70px;
    width: 70px;
    color:transparent;
}

.vc_row.gamification .gform_wrapper li ul.gfield_checkbox li input[type=checkbox]:checked + label {
    background: url("///wpexplainer.com/wp-content/plugins/sensei-uncode-extension/images/star-on.png") no-repeat 0 0;
    background-size: 60px 60px;
    font-weight:normal;
    height: 70px;
    width: 70px;
}

.vc_row.gamification .gform_footer input[type=submit] {display:none !important;}
.vc_row.gamification .gform_wrapper .gform_footer a.gform_save_link {
    margin:42px 0 0 0 !important;
    font-weight: 700 !important;
    font-family: proxima-nova,sans-serif !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 13px 31px !important;
    color: #ffffff !important;
    background-color: #103396 !important;
    border-color: #103396 !important;
    font-size: 14px;
    border-radius: 10em;
    text-align: center;
}

/* extension gamification styling */
.vc_row.gamification .gform_wrapper ul li:nth-child(1) .gfield_label {
    border: 3px solid #272d33 !important;
    background-color: #272d33;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.vc_row.gamification .gform_wrapper ul li:nth-child(10) .gfield_label,
.vc_row.gamification .gform_wrapper ul li:nth-child(9) .gfield_label {/*background-color:#f7f7f7;*/}

.vc_row.gamification .gform_wrapper ul li:nth-child(10) .gfield_label {
    border-bottom: 3px solid #eee !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}