/* Steps */

.eelv-tpe-buy-steps{
    display:block;
    display:flex;
    margin: 0 auto;
    padding: 0;
    max-width: 400px;
}
.eelv-tpe-buy-steps:after{
    clear: both;
    content:' ';
    display:block;
    padding: 1px;
}
.eelv-tpe-buy-steps li.eelv-tpe-buy-step{
    color: #666;
    border-top: #333 1px solid;
    box-sizing: border-box;
    display:block;
    float: left;
    line-height: 1em;
    margin:1em 0;
    padding: 0 0.5em;
    text-align: center;
    width: 33.3333333333333333333333333333333333333333333333%;
}
.eelv-tpe-buy-step strong{
    color: #666;
    background: #FFF;
    border:#333 1px solid;
    border-radius: 50%;
    display:block;
    height: 3em;
    line-height: 2.5em;
    margin: -1.5em auto 0;
    padding: 0;
    width: 3em;
    text-align: center;
}
.eelv-tpe-buy-step em{
    font-size: 0.8em;
    font-weight: 900;
    line-height: 0.8em;
    text-align: center;
    width: 100%;
}
.eelv-tpe-buy-steps li.eelv-tpe-buy-step:first-child{
    text-align: left;
}
.eelv-tpe-buy-steps li.eelv-tpe-buy-step:first-child strong{
    margin-left: -1em;
}
.eelv-tpe-buy-steps li.eelv-tpe-buy-step:first-child em{
    margin-left: -2em;
}
.eelv-tpe-buy-steps li.eelv-tpe-buy-step:last-child{
    text-align: right;
}
.eelv-tpe-buy-steps li.eelv-tpe-buy-step:last-child strong{
    margin-right: -1em;
}
.eelv-tpe-buy-steps li.eelv-tpe-buy-step:last-child em{
    margin-right: -2em;
}


.eelv-tpe-buy-steps li.eelv-tpe-buy-done strong{
    color: #3C0;
    border:#090 1px solid;
}
.eelv-tpe-buy-steps li.eelv-tpe-buy-done{
}
.eelv-tpe-buy-done em{
    color:#090;
}

.eelv-tpe-buy-steps li.eelv-tpe-buy-current strong{
    color: #930;
    border:#C90 1px solid;
}
.eelv-tpe-buy-steps li.eelv-tpe-buy-current{

}

/**
Buttons
*/
input[type=submit].eelv-base-wc-btn, input[type=button].eelv-base-wc-btn, input[type=reset].eelv-base-wc-btn, button.eelv-base-wc-btn, a.eelv-base-wc-btn,
input[type=submit].eelv-base-wc-btn-back, input[type=button].eelv-base-wc-btn-back, input[type=reset].eelv-base-wc-btn-back, button.eelv-base-wc-btn-back, a.eelv-base-wc-btn-back{
    background: transparent;
    box-shadow: none;
    border:none;
    color:#333;
    font-weight: 700;
    font-size: 1.2em;
    text-decoration: none;
}

.eelv-base-wc-btn:hover, .eelv-base-wc-btn:focus,
.eelv-base-wc-btn-back:hover, .eelv-base-wc-btn-back:focus{
    color: #26C;
    text-decoration: none !important;
}

.eelv-base-wc-btn::after, input.eelv-base-wc-btn[type=submit]::after,
.eelv-base-wc-btn-back::before {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 1;
    font-family: dashicons;
    text-decoration: inherit;
    font-style: normal;
    font-weight: 100;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: color .1s ease-in 0;
    transition: color .1s ease-in 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.eelv-base-wc-btn::after {
    content: "\f345";
}
.eelv-base-wc-btn-back::before {
    content: "\f341";
}

/**
Quick Donnnation
*/

.eelv-base-wc-donation-box label, .eelv-base-wc-donation-amount label{
    display: inline-block;
    padding: 1em;
    white-space: nowrap;
}
.eelv-base-wc-donation-box label input, .eelv-base-wc-donation-amount label input{
    float: left;
    margin-right: 0.5em;
}
.eelv-base-wc-displayed-amount{
    display: flex;
    align-content: center;
    align-items: center;
}
.eelv-base-wc-donation-fiscal-text{
    padding-right: 2em;
    text-align: right;
    border-right: #CCC 2px solid;
}
.eelv-base-wc-donation-fiscal-amount{
    padding-left: 2em;
    font-size: 3em;
    color:#999;
    font-weight: 200;
}


/**
BASICS
*/

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: transparent !important;
}

.woocommerce-billing-fields .radio input[type="radio"],
.woocommerce-billing-fields .radio-inline input[type="radio"],
.woocommerce-billing-fields .checkbox input[type="checkbox"],
.woocommerce-billing-fields .checkbox-inline input[type="checkbox"]{
    position: relative;
}