/**
* **************
* Login & Coupon Field Layout
* **************
*/
/* Editor CSS */
.elementor-editor-active .wcf-optin-form .woocommerce #order_review #payment #place_order {
pointer-events: none !important;
}
.cartflows-container .wcf-optin-form,
.cartflows-container .wcf-optin-form * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wcf-optin-form .wc-backward {
display: none !important;
}
.wcf-optin-form .woocommerce form .form-row-first,
.wcf-optin-form .woocommerce form .form-row-last{
width: 50%;
display: block;
}
.wcf-optin-form .woocommerce form .form-row-full{
width: 100%;
clear: both;
}
.wcf-optin-form form .form-row-wide{
width: 100%;
}
/* To test divi and all */
.wcf-optin-form .woocommerce form .form-row-first,
.woocommerce-page form .form-row-first{
float: right;
clear: right;
}
.wcf-optin-form .woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
float: left;
clear: left;
}
.wcf-optin-form .woocommerce form .form-row .required{
color: red;
font-weight: 700;
border: 0!important;
text-decoration: none;
}
/* To test divi and all */
.wcf-optin-form form .form-row-first.form-row-one{
clear: both;
}
.wcf-optin-form .woocommerce form.woocommerce-form-login{
display: none;
}
/**
* **************
* Common Classes
* **************
*/
.wcf-optin-form .woocommerce .blockUI.blockOverlay {
font-size: 15px;
}
.wcf-optin-form .woocommerce form .form-row.woocommerce-invalid .select2-container,
.wcf-optin-form .woocommerce form .form-row.woocommerce-invalid input.input-text,
.wcf-optin-form .woocommerce form .form-row.woocommerce-invalid select{
border-width: 1px;
border-color: #e2401c;
}
.wcf-optin-form .woocommerce form .form-row.woocommerce-validated .select2-container,
.wcf-optin-form .woocommerce form .form-row.woocommerce-validated input.input-text,
.wcf-optin-form .woocommerce form .form-row.woocommerce-validated select{
border-width: 1px;
}
.wcf-optin-form .select2-container--default.field-required .select2-selection--single,
.wcf-optin-form .woocommerce form .form-row input.input-text.field-required,
.wcf-optin-form .woocommerce form .form-row textarea.input-text.field-required,
.wcf-optin-form .woocommerce #order_review .input-text.field-required{
border-color: #e2401c;
}
.wcf-optin-form .woocommerce form .form-row input.field-validated{
border-right-width: 2px;
border-right-color: #69bf29;
}
/**
* ************
* Main Layout
* ************
*/
/**
* ************************
* Radio Button & Checkbox
* ************************
*/
.wcf-optin-form .woocommerce #payment [type='radio']:checked + label,
.wcf-optin-form .woocommerce #payment [type='radio']:not(:checked) + label{
padding: 0px;
}
.wcf-optin-form .woocommerce #payment input[type=radio]{
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: 4px;
line-height: 10px;
}
.wcf-optin-form .woocommerce .woocommerce-billing-fields [type="checkbox"]:checked:before,
.wcf-optin-form .woocommerce #payment input[type=checkbox]:checked:before,
.wcf-optin-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked:before,
.wcf-optin-form .woocommerce .woocommerce-account-fields input[type=checkbox]:checked:before{
content: "\e600";
margin: 0;
color: #F16334;
}
.wcf-optin-form .woocommerce .woocommerce-billing-fields [type="checkbox"],
.wcf-optin-form .woocommerce #payment input[type=checkbox],
.wcf-optin-form .woocommerce .woocommerce-shipping-fields [type="checkbox"],
.wcf-optin-form .woocommerce #payment input[type=radio],
.wcf-optin-form .woocommerce .woocommerce-account-fields input[type=checkbox]{
border: 1px solid #b4b9be;
background: #fff;
color: #555;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 16px;
margin: -4px 0 0 4px;
outline: 0;
padding: 0!important;
text-align: center;
vertical-align: middle;
width: 16px;
min-width: 16px;
-webkit-appearance: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
-webkit-transition: .05s border-color ease-in-out;
transition: .05s border-color ease-in-out;
}
.wcf-optin-form .woocommerce .woocommerce-billing-fields [type="checkbox"]:focus,
.wcf-optin-form .woocommerce #payment input[type=checkbox]:focus,
.wcf-optin-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:focus,
.wcf-optin-form .woocommerce #payment input[type=radio]:focus,
.wcf-optin-form .woocommerce .woocommerce-account-fields input[type=checkbox]:focus{
border-color: #F16334;
-webkit-box-shadow: 0 0 2px rgba(241, 99, 52,.8);
box-shadow: 0 0 2px rgba(241, 99, 52,.8);
}
.wcf-optin-form .woocommerce #payment input[type=radio]:checked:before{
background-color: #F16334;
-webkit-border-radius: 50px;
border-radius: 50px;
content: "\2022";
font-size: 24px;
height: 6px;
line-height: 16px;
margin: 4px;
text-indent: -9999px;
width: 6px;
}
.wcf-optin-form .woocommerce .woocommerce-billing-fields [type="checkbox"]:checked:before,
.wcf-optin-form .woocommerce #payment input[type=checkbox]:checked:before,
.wcf-optin-form .woocommerce .woocommerce-shipping-fields [type="checkbox"]:checked:before,
.wcf-optin-form .woocommerce #payment input[type=radio]:checked:before,
.wcf-optin-form .woocommerce .woocommerce-account-fields input[type=checkbox]:before{
display: inline-block;
float: right;
font: normal 15px/1 cartflows-icon;
speak: none;
vertical-align: middle;
width: 6px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wcf-optin-form .woocommerce-checkout #payment ul.payment_methods li input[type=checkbox]{
min-width: 16px;
}
.wcf-optin-form .woocommerce .col2-set .col-1,
.wcf-optin-form .woocommerce .col2-set .col-2,
.wcf-optin-form .woocommerce .wcf-col2-set .wcf-col-1,
.wcf-optin-form .woocommerce .wcf-col2-set .wcf-col-2 {
float: none;
width: 100%;
max-width: 100%;
padding: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: none;
border-color: none;
margin-bottom: 0px;
}
.wcf-optin-form .woocommerce-additional-fields > h3,
.wcf-optin-form .woocommerce-billing-fields > h3,
.wcf-optin-form #order_review_heading,
.wcf-optin-form .woocommerce #ship-to-different-address {
display: none;
}
.wcf-optin-form .woocommerce-checkout #payment {
background: unset;
-webkit-border-radius: 0;
border-radius: 0;
}
.wcf-optin-form .woocommerce-checkout #payment .form-row {
margin: 0;
padding: 0;
}
.wcf-optin-form .woocommerce-checkout #payment .form-row label.checkbox{
display: block;
margin-bottom: 1.1em;
}
.wcf-optin-form .woocommerce-checkout #payment .payment_method_paypal .about_paypal{
float: none;
margin-right: 10px;
}
.wcf-optin-form .woocommerce-checkout #payment div.payment_box .form-row{
margin: 0 0 0.5em;
}
.wcf-optin-form .woocommerce-checkout #payment fieldset .form-row
.wcf-optin-form .woocommerce-checkout #payment fieldset p{
margin-bottom: 10px;
}
.wcf-optin-form .woocommerce-checkout #payment div.payment_box{
background-color: #eaeaea;
font-family: inherit;
font-weight:inherit;
margin-bottom: 0.5em;
}
.wcf-optin-form #add_payment_method #payment div.payment_box::before,
.wcf-optin-form .woocommerce-cart #payment div.payment_box::before,
.wcf-optin-form .woocommerce-checkout #payment div.payment_box::before{
content: '';
display: block;
border: 1em solid;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color: #eaeaea;
position: absolute;
top: -.75em;
right: 0;
margin: -1em 2em 0 0;
}
/* Fields */
.wcf-optin-form .select2-container--default .select2-selection--single {
display: block;
width: 100%;
min-height: 34px;
height: auto;
padding: 11px 12px;
font-size: 14px;
line-height: 1.42857143 !important;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid;
border-color: #d4d4d4;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.wcf-optin-form .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #666;
line-height: 26px;
min-height: 26px;
overflow: visible;
padding-right: 0;
}
.wcf-optin-form .select2-results__option[aria-selected], .select2-results__option[data-selected]{
font-size: 14px;
}
.wcf-optin-form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
}
.select2-dropdown{
border: 1px solid #d4d4d4;
}
.wcf-optin-form .woocommerce form .form-row input.input-text,
.wcf-optin-form .woocommerce form .form-row textarea,
.wcf-optin-form .woocommerce form .form-row select,
.wcf-optin-form .woocommerce #order_review .input-text{
display: block;
width: 100%;
min-height: 34px;
padding: 11px 12px;
font-family: inherit;
font-weight:inherit;
font-size: 14px;
line-height: 1.42857143 !important;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid;
border-color: #d4d4d4;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
height: auto;
}
.wcf-optin-form #order_review{
padding: 0;
width: 100%;
}
Loading ...