/******Typography****/
.container.main-login-content h1{
	text-transform: none;
	font-family: 'Open Sans',Arial,sans-serif;
	font-size:80px;
	margin-top:10px;
}
.container.main-login-content h2{
	text-transform:uppercase;
	font-weight:700;
	font-size: 18px;
	color: #f7931e;
	max-width: 450px;
	margin: 0 auto;
	border-top: 1px solid #D2D2D2;
	padding: 8px 0 0px;
}
.register-b.main-login-content h2{
	text-transform:none;
	font-weight:700;
	font-size: 24px;
	line-height: 24px;
}
.container.main-login-content h3{
	text-transform: uppercase;
	font-size:16px;
	color:#EF9713;
	margin-bottom:0;
}
.container.main-login-content h4{
	font-size:14px;
	font-family: "Open Sans", sans-serif;
	color:#ff4e00;
	margin-bottom: 0;
}
.container.main-login-content a, .container.main-login-content a .fa{
	color:#5fab32;
	font-weight:100;
}
.account-intro {
	margin-top: 0px;
	text-align: left;
}
.account-intro p{
	font-size: 14px;
	font-weight: 400;
	margin-top: 20px;
	padding-right: 0px;
}
.regform-wrapper {
	max-width: 450px;
	margin: 0 auto;
}

/****STYLES****/
.container.main-login-content {
	max-width:960px;
	min-width:320px;
	width:100%;
	margin-top:0px;
}
body.login .container.main-login-content #login {
	max-width: 450px;
	padding-bottom: 5px;
}
body.resetpass .container.main-login-content #login {
	margin-top: 70px;
}
.container.register-b {
	margin-bottom: 20px;
}
.container.trending {
 	max-width:650px;
 	min-width:320px;
 	width:100%;
 	margin-top:20px;
}
.login-action-register .container.main-login-content, .container.choose-plan-page{
	max-width:970px;
}
.container.main-login-content.payment{
	max-width:450px;
}
header.account-header{
	padding:15px 0 22px;
	background: url('../images/bg.png') 0 0 repeat transparent;
}
header.account-header-b{
	background: transparent;
	padding-bottom: 0;
}
header.account-header .container{
	background-color: transparent;
    max-width: 680px !important;
}
.header-logo{
	width:327px;
	max-width: 327px;
	margin: 0 auto;
	position: relative;
}
.header-logo span{
	color: #FFF;
	font-size:12px;
	display:block;
	position: absolute;
	bottom: -12px;
	left: 0;
	width: 380px;
	padding-right: 12px;
	text-align: right;
}
.account-logo{
	display: block;
	width:100%;
	height:90px;
	background: url('../images/white-ej-logo.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin: 10px 0 20px;
}
header.account-header-b .account-logo{
	background-image: url('../images/elephant-logo-black.png');
}
header.account-header-b .header-logo{
	width:568px;
	max-width: 100%;
	margin: 0 auto 10px;
	position: relative;
}

.header-logo-bottom {
	width: 100%;
	height: 20px;
	background: #EF9713;
}
.header-right{
	width:30%;
	text-align:center;
}
.header-right a.cta-btn{
	padding: 5px 15px;
    background-color: #f7931e;
    color: #fff;
    margin-top: 13px;
    display: inline-block;
    font-weight: 100;
	cursor:pointer;
	font-weight:500;
	text-transform:uppercase;
	float:right;
}
.header-right a.cta-btn:hover{
	text-decoration:none;
}
/*.container.main-login-content{
	max-width:680px !important;
	margin-top:40px;
}*/
.container.main-login-content a.orange-link{
	color:#fec849;
}
.login-header{
	background-color: #fff;
	margin-top:-32px;
}
.header-divider{
	width:100%;
	height:43px;
	background-color:#EF9713;
}
.main-login-content{
	margin-top:20px;
	text-align:center;
}
.main-login-content .left, .main-login-content .right{
	width: 43%;
	float: left;
}
p.subhead{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom:0;
	font-family: 'Libre Baskerville', serif;
	
}
.plan-bucket{
	margin-bottom: 20px;
    text-align: left;
    float: left;
    width: 30.3%;
	cursor: pointer;
	position: relative;
	transition: 1s;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.plan-head{
    padding: 10px 0;
    text-align: center;
	background: #F88800;
}
.plan-head p{
	margin-bottom:0;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
}
.plan-bucket.supporter .plan-head{
	background-color:#f3b832;
}
.plan-bucket.sponsor .plan-head{
	background-color:#5fab32;
}
.plan-bucket.benefactor .plan-head{
	background-color:#f7931e;
}
.plan-bucket:nth-child(2){
	margin-left:4%;
	margin-right:4%;
}
.plan-wrap{
	background-color:#f1f1f1;
	text-align:center;
	padding:20px 40px;
}
.plan-bucket-shortcode {
	margin: 20px auto;
	float: none;
}
.plan-bucket-shortcode .plan-wrap .description p {
	width: 100%;
	font-weight: bold;
}
.plan-bucket-shortcode .plan-foot {
	text-align: center;
	background: #F88800;
	color: #FFF;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 700;
	padding: 10px 0;
}
.main-login-content .account-intro h2{
	text-transform: none;
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
	font-family: "Open Sans";
	margin-right: 80px;
}
.main-login-content .account-intro .bottom {
	margin-right: 10px;
}
.main-login-content .account-intro h2::first-line{
	font-weight: 700;
}
.main-login-content .right{
    padding-left: 6%;
    float: right;
    width: 54%;
    border-left: 1px solid #cdcdcd;
}
.social-login-btn{
	width:48.5%;
	float:left;
	position:relative;
	color: #fff !important;
	text-align:left;
	padding:15px 10px;
	border-radius: 3px;
	text-transform: uppercase;
}
.social-login-btn a{
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1000;
}

#social-login-btns{
	width:100%;
	margin: 0 auto;
	margin-top:20px;
	display:none;
}
.social-login-btn.facebook{
	background:#3c5999;
	margin-right:1.5%;
}
.social-login-btn.google{
	background:#4285f4;
	margin-left:1.5%;
}
.social-login-btn span{
	color: #fff;
	font-weight:100;
	font-size:14px;
}

.social-login-btn .icon{
	height: 85%;
    width: 40px;
    background-color: #fff;
    position: absolute;
    top: 3px;
    right: 3px;
}
.social-login-btn .icon .fa{
	position:absolute;
	font-size:14px;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 40px;
}
#email-login-form{
	margin-top:20px;
}
#email-login-form input[type="text"], #email-login-form input[type="email"]{
    display: inline-block;
    width: 100%;
    background-color: #fafafa;
    padding: 20px;
    border: 1px solid #cbcbcb;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
	margin-bottom:15px;
}
#email-login-form input[type="submit"], a.create-account{
	display: inline-block; 
    width: 100%;
    padding: 18px 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 16px !important;
    background-color: #5eab32;
    cursor: pointer;
    font-weight: 700 !important;
}
#email-login-form input[type="submit"]{
	display:none;
}
a.create-account{
	color: #fff !important;
}
a.create-account:hover{
	text-decoration:none;
}
#email-login{
	margin-top: 0px;
	text-align:center;
	padding-bottom:20px;
}
.oruse{
	border-top: 1px solid #cdcdcd;
	margin-top:10px;
	position: relative;
	display: none;
}
.email-login-header{
	display: inline-block;
	background: #FFF;
	margin: 0 auto;
	position: absolute;
	top: -10px;
	left: 25%;
	width: 50%;
}
.email-login-header{
	color: #cdcdcd;
}
.main-login-content h2{
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 5px !important;
}
.main-login-content .right a{
	display:inline-block;
	font-size:13px;
}
.main-login-content .right p{
	margin-bottom:0;
}

#additional-info{
    margin-top: 20px;
	padding-bottom:20px;
	display: none;
}
#additional-info .wrap{
	margin: 0 auto;
    width: 80%;
}
#additional-info p{
	margin-bottom: 0;
}
.login-links{
	list-style-type:none;
}
.login-links li{
	display:inline-block;
	font-size:18px;
	margin: 0 5px;
}
.login-header h1{
	width:60%;
	margin: 10px auto;
}
.cart-total .fa{
	font-size:42px;
}
.cart-detail-price{
	font-size:28px;
	color: #f30;
}
.login-links .fa{
	color: #f30;
}

#account-footer{
	text-align:center;
}
#account-footer .container{
    max-width: 680px !important;
	min-width:300px !important;
    padding-bottom: 20px;
    border-top: 1px solid #cdcdcd;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #cdcdcd;
	margin-bottom:40px;
}

#account-footer p{
	margin-top:0;
	margin-bottom:0;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #63696a;
}
#account-footer a{
	color:#f3b832;
}
.grey-text{
	color: #929292;
}

/****STEP 2*****/
.container.main-login-content.create{
	padding-top:20px;
	border-top:1px solid #cdcdcd;
}
#plans{
	margin:40px 0;	
}
.plan-btn{
	padding:40px;
	margin-bottom:20px;
}
.pan-btn span{
	color: #fff;
}
.plan-btn.auto-renew{
	background-color: #f7931e;
}
.plan-btn.one-year{
	background-color: #fec22e;
}
.plan-btn .price, .plan-btn .description{
	float:left;
	text-align:left;
}
.plan-btn .description{
	margin-top:13px;
}
.price .dollars{
	color:#a3a4a6;
	font-size:65px;
	line-height:60px;
	font-weight: 700;
	font-family: 'Libre Baskerville', serif;
	
}
.dollars sup{
	color:#a3a4a6;
	font-weight: 700;
	font-family: "Libre Baskerville", serif;
	font-size:50px;
	line-height:45px;
}
.price .duration{
	display: block;
	color:#a3a4a6;
	font-size:21px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
}
.plan-wrap .description p {
	width: 150px;
	margin: 0 auto;
}
.benefactor .plan-wrap .description p {
	width: 100%;
}
.btn-wrap{
	width:31%;
	margin: 0 auto;
}
.plan-btn .description span{
	color:#fff;
	display:block;
}
.plan-btn .description span.top{
	color:#353636;
	text-transform:uppercase;
	font-size:14px;
	
}
.plan-btn .description span.bottom{
    text-transform: uppercase;
    font-weight: 800;
    margin-top: -6px;
	font-size:20px;
}
.continue-btn{
	padding:30px;
	text-align:center;
	color:#fff !important;
	background-color:#c1c1c1;
	text-transform:uppercase;
	font-weight:800 !important;
	width:100%;
	display:inline-block;
}
.continue-btn:hover{
	text-decoration:none;
}
/***PAYMENT SCREEN***/
.red{
	color:#e94f0b;
}
#shopping-cart{
	background: #f1f1f1;
	padding: 20px 40px;
	margin-top: 20px;
	border:1px solid #a3a4a6;
}
#shopping-cart .orange{
	display: inline-block;
    color: #f7931e;
    font-size: 12px;
	font-family: "Open Sans";
	font-weight: 700;
    text-transform: uppercase;
}
#shopping-cart p, #shopping-cart p span{
	color: #686868;
	font-family: "Open Sans";
	font-weight: bold;
	font-size: 15px;
}
#shopping-cart .total,
#shopping-cart .total span{
	text-transform:uppercase;
	color: #5fab32;
	font-family: "Open Sans";
	font-size: 15px;
}
#shopping-cart hr{
	border-top: 1px solid #c1c1c1;
	margin:20px 0;
}

#payment-methods{
	padding: 20px 0 0;
    margin: 20px 0;
}
#payment-methods h3, #cc-payform h3{
	color:#343434;
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 700;
}
#cc-payform h3{
	text-align: center;
}
.payment-btn{
	border: 1px solid #cdcdcd;
    padding: 20px;
    margin: 10px 0;
	background-color: #F0F0F0;
	cursor:pointer;
	white-space: nowrap;
}
.payment-btn.active{
	background-color: #d4f1c2;
}
.payment-btn:not(.active):hover{
	background: #DDD;
}
.payment-btn .fa, .payment-btn span{
	font-size:12px;
	color: #686868;
}
.payment-btn span {
	font-family: "Libre Baskerville";
}
.payment-btn .fa{
	margin-right:20px;
}
.payment-btn.left{
	width:46%;
}
.pay-btn-text.left{
	width:8%;
	padding-top:32px;
}
#cc-payform{
	padding-bottom:20px;
	display:none;
}
#cc-payform ul{
	list-style-type: none;
	margin:20px 0;
}
#cc-payform input[type="email"],
#cc-payform input[type="text"],
#cc-payform input[type="password"],
#cc-payform input[type="number"],
#cc-payform input[type="phone"],
#cc-payform select{
    width: 100%;
    padding: 20px;
	background-color: #fafafa;
	border: 1px solid #cdcdcd;
	margin:0px 0 10px;
	font-size:18px;
	font-weight:700;
}
.main-login-content.payment #cc-payform .payment_methods.methods input[type="radio"] {
	display: none !important;
}
.main-login-content.payment #cc-payform button[type="submit"],
.main-login-content.payment #cc-payform input[type="submit"] {
	float: none !important;
	display: block;
	width: 100% !important;
	height: 50px;
}
#cc-payform select{
	height:70px;
	border-radius:0;
	color:#afafaf;
}
#cc-payform label {
	color: #BCBCBC;
	font-family: "Open Sans";
	font-size: 15px;
}
#cc-payform label abbr {
	display: none;
}
#cc-payform h3{
	margin-bottom:10px;
}
#cc-payform li.gf_right_half, #cc-payform li.gf_left_half{
	float:left;
	width:49%;
}
#cc-payform p.terms {
	color: #000;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
}
#cc-payform p.secure {
	color: #5fab32;
	text-align: center;
	font-size: 15px;
}
#cc-payform p.secure .fa {
	color: #5fab32;
}
#cc-payform li.gf_left_half{
	margin-right:2%;
}
#cc-payform #billing_state_field,
#cc-payform #billing_address_1_field {
	width: 47%;
	float: left;
	clear: none;
}

#cc-payform #billing_postcode_field,
#cc-payform #billing_city_field {
	width: 47%;
	float: right;
	clear: none;
}
#cc-payform #billing_phone_field {
	clear: both;
}
#cc-payform .woocommerce-additional-fields,
#cc-payform .woocommerce-info,
#cc-payform .woocommerce-billing-fields > h3 {
	display: none;
}

h3.divide-title{
	padding-top:20px;
	padding-bottom:5px;
	margin-top:20px;
	border-top:1px solid #cdcdcd;
}
#cc-payform .divider{
	padding:10px 0;
	border-bottom:1px solid #cdcdcd;
}
/*
Removed 5/2/18 as unnecessary and messing with generic GF styles
ul.gfield_checkbox label{
	display:inline-block !important;
}
ul.gfield_checkbox input{
	width:auto !important;
}
ul.gfield_checkbox li{
	float:left;
	clear:both;
}
*/
#cc-payform button[type="submit"],
#cc-payform input[type="submit"]{
	background-color:#5fab32;
	color:#fff;
	border: 0px;
	border-radius: 0px;
	font-family: "Open Sans";
	font-weight: 700;
}
#cc-payform #payment{
    padding: 0;
	background: transparent;
}
#cc-payform #payment .place-order{
	padding: 0;
}
#cc-payform form.checkout p.form-row:not(.validate-required) {
	display: none;
}
a.pay-btn:hover{
	text-decoration:none;
}
/*******CONFIRMATION PAYMENT******/
.confirmation-hero{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
	position:relative;
	margin-bottom:10px;
	text-align:center;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-image: url('../images/ele-confirmation.png');
}
.confirmation-hero p,
.confirmation-hero h4,
.container.main-login-content.confirm h4{
	text-transform:uppercase;
	font-size:18px;
	line-height: 21px;
	font-family: "Open Sans";
	font-weight: 700;
}
.confirmation-hero h4,
.container.main-login-content.confirm h4 {
    color: #f7931e;
}
.container.main-login-content.confirm{
	margin-top:20px;
	max-width:400px;
}
.container.main-login-content.confirm p{
	margin:20px 0;
	font-family: "Open Sans";
	font-size: 15px;
	line-height: 21px;
}
.confirmation-hero h3{
	margin-top:40px;
	font-family: "Libre Baskerville";
	font-size: 24px;
	font-weight: 700;
}
.container.main-login-content.confirm h4 {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
}
.container.main-login-content.confirm h4, .container.main-login-content.confirm h2 {
	font-size: 18px;
	line-height: 21px;
}
.confirmation-hero a.cta-btn{
	display: block;
	margin: 0 auto;
	width: 290px;
	height: 50px;
	line-height: 50px;
    background-color: #f7931e;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
}
.confirmation-overlay{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(251,162,078,.7);
    z-index: 20;
}
.confirmation-hero-info{
	z-index:100;
	position:relative;
}
.confirmation-hero h1{
	color:#fff;
}
a.refund-link{
	color:#343434 !important;
	text-decoration:underline;
}
#what-now h4{
	color:#343434;
	font-weight:700;
	line-height:26px;
}

.stats-img{
	display:block;
	width:426px;
	height:100px;
	background-image: url('../images/stats.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin:20px auto;
}
#additional-info{
    width: 65%;
    margin: 20px auto;
    border-top: 1px solid #cdcdcd;
    padding-top: 60px;
}
#additional-info h4{
    text-transform: uppercase;
    font-size: 18px;
    color: #f7931e;
    margin-bottom: 20px;
}
/****LOGIN PAGE******/
.login form{
    margin-left: 0; 
    padding: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* one column checkout page */
#cc-payform .woocommerce #customer_details.col2-set .col-1, 
#cc-payform .woocommerce-page #customer_details.col2-set .col-1,
#cc-payform .woocommerce #customer_details.col2-set .col-2, 
#cc-payform .woocommerce-page #customer_details.col2-set .col-2 {
    clear: both;
    float: none !important;
    width: 100% !important;
    margin-right:0 !important;
    text-align: left;
    padding: 0px;
}

#order_review_heading, 
#order_review .woocommerce-checkout-review-order-table {
	display: none;
}

#cc-payform .payment_methods.methods {
	padding: 0 !important;
	border: 0px !important;
}

#cc-payform .payment_methods.methods input,
#cc-payform .wc_payment_method.payment_method_braintree_credit_card > label,
#cc-payform .payment_box.payment_method_braintree_credit_card > p,
#cc-payform .payment_box.payment_method_braintree_paypal > p:not(.form-row-wide),
#cc-payform .payment_box.payment_method_braintree_credit_card:before {
	display: none !important;
}

#braintree-paypal-button img {
	margin: 0 !important;
}

#cc-payform .payment_box.payment_method_braintree_credit_card {
	background: transparent !important;
	border: 0px !important;
	padding: 0 !important;
	margin: 10px 0 20px !important;
}

#cc-payform .woocommerce #payment div.payment_method_braintree_credit_card iframe {
	margin: 0;
	padding: 0 90px 0 20px;
	background-color: transparent !important;
}

.payment_box.payment_method_braintree_paypal {
	padding: 5px 0;
	background: transparent !important;
}

.payment_box.payment_method_braintree_paypal:before {
	display: none !important;
}

input:-webkit-autofill {
    background-color: #FAFFBD !important;
}

#cc-payform #wc-braintree-credit-card-credit-card-form .wc-braintree-hosted-field {
	width: 100%;
	padding: 0px;
	height: 60px;
	background-color: #fafafa;
	border: 1px solid #cdcdcd;
	border-radius: 0px;
	margin: 0px 0 10px;
	font-size: 18px;
	font-weight: 700;
}

#cc-payform .woocommerce .blockUI.blockOverlay::before, 
#cc-payform .woocommerce .loader::before {
	color: red !important;
}

#lost-pass-result {
	margin: 10px 0;
}

#lost-pass-result .error {
	color: red;
}

#lost-pass-result .success {
	color: green;
}

#wp_pass_reset {
	width: 100%;
	max-width: 400px;
	margin: 10px auto 0px;
}

#lp-subnavs {
	width: 100%;
	max-width: 400px;
	margin: 0 auto 100px;
}

#lp-subnavs a {
	font-size: 12px;
	line-height: 14px;
	color: #999;
	border: 0;
	padding: 0;
	text-align: left;
	text-decoration: underline;
}

#lp-subnavs a.right {
	text-align: right;
}

#wp_pass_reset input[type="text"] {
	-webkit-appearance: none;
	box-shadow: none;
	display: inline-block;
	width: 100%;
	background-color: #fafafa;
	padding: 10px 5px;
	border: 1px solid #cbcbcb;
	text-align: left;
	font-size: 16px;
	margin-bottom: 15px;
	outline: none;
}

#wp_pass_reset input[type="submit"] {
	display: inline-block;
	width: 100%;
	color: #FFF;
	padding: 10px 0px;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 16px !important;
	background-color: #5eab32;
	cursor: pointer;
	font-weight: 700 !important;
	border: 0px;
	height: auto;
}

#cc-payform .woocommerce-error {
	border: 3px solid #e94f0b;
	color: #e94f0b;
	background: #fef4de;
	padding: 15px 30px;
}

#cc-payform .braintree-hosted-fields-invalid,
#cc-payform .woocommerce-invalid-required-field input,
#registerform .eja-invalid input {
	border: 3px solid #e94f0b !important;
}

#cc-payform .braintree-hosted-fields-focused {
	box-shadow: none !important;
}

#cc-payform .woocommerce-validated,
#cc-payform .braintree-hosted-fields-valid {
	position: relative;
}

#cc-payform .braintree-hosted-fields-focused.braintree-hosted-fields-valid,
#cc-payform .woocommerce-validated input,
#cc-payform .braintree-hosted-fields-valid,
#registerform .eja-valid input {
	border: 3px solid #98df00 !important;
}

#cc-payform input {
	border-radius: 0px !important;
    -webkit-border-radius: 0 !important; 
	-webkit-appearance: none !important;
}

#registerform .eja-valid {
	position: relative;
}

#cc-payform .woocommerce-validated:before,
#cc-payform .braintree-hosted-fields-valid:before,
#registerform .eja-valid:before {
	content: "\f00c";
	font-family: "FontAwesome";
	display: block;
	font-size: 40px;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 5px;
	top: 60px;
	color: #98df00;
}

#cc-payform .validate-email .woocommerce-validated:before {
	top: 0;
}

#cc-payform .braintree-hosted-fields-valid:before {
	top: 0px;
	right: 0;
}

#registerform .eja-valid:before {
	top: 34px;
}

#registerform .eja-valid.eja-pass-validating:before {
	top: 14px;
}

#cc-payform .woocommerce-error::before {
	display: none;
}

#order_review .blockUI.blockOverlay:before, 
#order_review .loader:before {
	display: none !important;
}

#cc-payform .woocommerce-checkout #payment div.payment_box {
	margin-bottom: 0 !important;
}

#cc-payform .woocommerce-checkout #payment div.payment_box {
	padding: 0;
}

#cc-payform a#braintree-paypal-button {
	display: block !important;
	height: auto !important;
	width: 100% !important;
	background-color: #5fab32 !important;
	color: #fff;
	margin: 0;
	border: 0px !important;
	border-radius: 0px;
	font-family: "Open Sans" !important;
	font-weight: 700;
	text-align: center;
	font-size: 18px;
	padding: 14px 0;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

#cc-payform #braintree-paypal-button:after {
	content: " Authorize PayPal";
	color: #FFF;
}

#cc-payform #braintree-paypal-button:before {
	content: "\f1ed";
	font-family: "FontAwesome";
	color: #FFF;
	font-size: 24px;
}

#cc-payform #braintree-paypal-button img {
	display: none !important;
}

#cc-payform #place_order {
	display: none;
}

#cancel-subscription-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	z-index: 999;
}

#cancel-subscription-box {
	position: fixed;
	top: 25%;
	left: 50%;
	background: #FFF;
	width: 400px;
	padding: 50px 70px;
	margin-left: -200px;
	z-index: 999;
}

#cancel-subscription-box p {
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 20px;
	font-weight: 500;
}

#cancel-subscription-box span.img {
	display: block;
	width: 100%;
	height: 80px;
	background: url('../images/ele-left.png') center no-repeat transparent;
	background-size: contain;
	margin: 0 0 20px;
}

#cancel-subscription-box a.dismiss {
	display: inline-block;
	padding: 5px 15px;
	background: #5fab32;
	color: #FFF;
	margin-right: 10px;
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
}

#cancel-subscription-box a.confirm {
	color: #F89126;
	text-transform: none;
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
}

#loginform .submit.disabled {
	position: relative;
}

#loginform #wp-submit {
	float: none;
}

/*#registerform .submit #wp-submit {
	background-color: #f7931e;
	width: auto;
	margin: 0 auto 5px;
	padding: 10px 30px;
}*/

#loginform .submit.disabled:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
}

#eja-change-payment-method .woocommerce #payment div.payment_method_braintree_credit_card label {
	color: #000;
}

#eja-change-payment-method #cc-payform .braintree-hosted-fields-valid:before {
	top: 15px !important;
}

#eja-change-payment-method .woocommerce #payment div.payment_method_braintree_credit_card iframe {
	margin-left: 0;
	padding-left: 15px;
}

.net-replica #account-footer {
	position: static;
	background: transparent;
}

.ej-login-header {
	position: relative;
	z-index: 99999999;
}

.ej-login-header h1.logos {
	max-width: 680px;
	margin: 10px auto;
}

.ej-login-header nav.primary {
	margin: 0 0 20px;
}

a.gologin,
a.gologin:hover {
	display: inline-block;
	color: #FFF;
	float: right;
	font-size: 14px;
	text-transform: uppercase; 
	font-weight: 600; 
	font-size: 11px;
	margin-top: 2px;
}

#billing_email_field {
	float: none;
	width: 100%;
	clear: both;
}

.regbutton, .regutton:hover {
	background: #EF9713;
	display: block;
	width: 60%;
	font-size: 18px;
	line-height: 24px;
	padding: 12px 0;
	margin: 30px auto;
	color: #FFF !important;
	text-align: center;
	font-weight: bold;
}

body.net-replica nav.primary {
	height: 17px;
}

.login-direction {
	max-width: 768px;
	font-size: 22px;
	line-height: 30px;
	margin: 0px auto 15px;
	padding-top: 10px;
	color: #63696a;
}

#registerform label {
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* Update payment method template */
#upm-screen .method-tabs {
	margin: 40px 0;
	padding-bottom: 40px;
	border-bottom: 1px solid #E2E1E1;
}

#upm-screen .method-tabs:after {
	content: " ";
	display: block;
	clear: both;
}

#upm-screen .switch-method-type {
	width: 48%;
	float: left;
	border: 1px solid #E2E1E1;
	height: 40px;
	overflow: hidden;
	cursor: pointer;
}

#upm-screen .switch-method-type.active {
	background-color: #FAFDF5;
}

#upm-screen .switch-method-type .check {
	width: 40px;
	border-right: 1px solid #E2E1E1;
	float: left;
	height: 100%;
	text-align: center;
	line-height: 35px;
}

#upm-screen .switch-method-type img {
	width: 40px;
	margin: 0 10px 0 50px;
}

#upm-screen .switch-method-type span {
	font-size: 11px;
	font-weight: 700;
	line-height: 40px;
	vertical-align: top;
}

#upm-screen #cc-switcheroo {
	margin-right: 4%;
}

#cc-data, #pp-data {
	display: none;
}

#cc-data.active, #pp-data.active {
	display: block;
}

#upm-screen .input-wrap {
	float: left;
	width: 48%;
	margin: 10px 0;
}

#upm-screen .card-data {
	clear: both;
	margin-top: 20px;
}

#upm-screen .input-wrap.long {
	float: none;
	width: 100%;
}

#upm-screen .input-wrap.right {
	float: right;
}

#upm-screen .input-wrap label {
	display: block;
	color: #B3B3B3;
	font-size: 17px;
}

#upm-screen .input-wrap label sup {
	font-size: 12px;
	color: #B3B3B3;
}

#upm-screen input[type="text"],
#upm-screen input[type="tel"] {
	border: 1px solid #E2E1E1;
	height: 40px;
	font-size: 17px;
	line-height: 40px;
	padding-left: 5px;
	width: 100%;
}

#upm-screen input[disabled] {
	color: #2a5513;
	border: none;
}

#upm-screen input[type="submit"] {
	float: none;
	margin-right: 20px;
}

#upm-screen #ccnumber {
	width: 30%;
}

#upm-screen i.cardicon {
	font-size: 18px;
	color: #787B7B;
}

#upm-screen form span,
#upm-screen form span i {
	font-size: 13px;
	color: #787B7B;
}

#upm-screen a.switch-card {
	font-size: 11px;
	line-height: 11px;
	font-weight: 400;
	color: #787B7B;
	text-decoration: none;
	display: inline-block;
	margin-left: 20px;
}

#upm-screen h4 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
}

#upm-screen h4 strong {
	font-weight: 400;
}

#upm-screen h4 span {
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	color: #52A323;
}

#upm-screen #paypal-button {
	width: 100%;
	padding: 14px 0;
	display: block !important;
	height: auto !important;
	width: 100% !important;
	color: #fff;
	margin: 0;
	border: 0px !important;
	border-radius: 0px;
	font-family: "Open Sans" !important;
	font-weight: 700;
	text-align: center;
	font-size: 18px;
	padding: 14px 0;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	position: relative;
	cursor: pointer;
}

#upm-screen h2.pm-intro {
	margin-top: 30px;
}

#upm-screen h2.pm-intro.error {
	border: 1px solid #E94400;
	color: #E94400;
	padding: 15px;
}

#upm-screen h2.pm-intro span {
	color: #F88800;
	font-weight: 600;
	font-style: italic;
}

#upm-screen #updated-read-more {
	display: inline-block !important;
	height: auto !important;
	color: #fff;
	margin: 30px auto 0;
	background-color: #5eab32;
	border: 0px !important;
	border-radius: 0px;
	font-family: "Open Sans" !important;
	font-weight: 700;
	text-align: center;
	font-size: 18px;
	padding: 14px 30px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	position: relative;
	cursor: pointer;
}

#upm-screen .expired .ccnumber-wrapper {
	border: 1px solid #E94400;
	padding: 10px;
}

#upm-screen .expired h4 {
	color: #E94400;
}

#upm-screen .expired h4 span {
	color: #E94400;
	font-weight: 600;
	font-style: italic;
}

#upm-screen .expired #expiration_date,
#upm-screen .expired #ccnumber,
#upm-screen input.error {
	border-color: #E94400;
	color: #E94400;
}

#upm-screen p.error {
	color: #E94400;
	float: right;
	clear: right;
	margin: 0;
}

.currency-change {
	margin: 20px 0 0;
}

.currency-change a.currency-button,
.currency-change a.currency-button:hover {
	display: inline-block;
	margin: 0 10px;
	border: 1px solid #AAA;
	background: #CCC;
	border-radius: 3px;
	padding: 10px 15px;
	color: #777;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
	transition: 250ms;
}

.currency-change a.currency-button.active {
	border: 1px solid #f7931e;
	background: #FAFAFA;
	color: #000;
}

.currency-change a.currency-button:hover {
	color: #000;
	background: #FAFAFA;
	transition: 250ms;
}

#wc_braintree_paypal_container > .paypal-button {
	height: 50px !important;
}

@media only screen and (max-width: 768px) {
	.reg-no-mobile {
		display: none;
	}
	
	.main-login-content .left, .main-login-content .right{
		float:none;
		width:100%;
		margin-top: 30px;
	}
	.container.main-login-content, #account-footer .container{
		width:90%;
		max-width:90% !important;
		margin-top: 20px;
	}
	.main-login-content .right{
		padding-left:0;
		border-left:none;
		width:100%;
		float:none;
	}
	header.account-header {
		background: url('../images/mobilebg.png') 0 0 repeat;
	}
	header.account-header-b {
		background-image: none;
	}
	.header-logo-bottom {
		height: 15px;
	}
	#additional-info, #additional-info .wrap{
		width:100%;
	}
	.stats-img{
		width:390px;
	}
	.plan-bucket{
		float:left;
		width:100%;
	}
	.plan-bucket:nth-child(2){
		margin-left:0;
		margin-right:0;
	}
	.pay-btn-text p{
		font-size:20px;
	}
	.pay-btn-text.left{
		padding-top:0;
	}
	.header-logo {
		max-width: 300px;
	}
	.header-logo span {
		width: 300px;
		padding: 0;
	}
	.account-intro {
		margin-top: 40px;
		text-align: center;
		padding: 0 10px;
	}
	.account-intro p:not(.subhead) {
		display: none;
	}
	.account-intro p.mob-show {
		display: block;
		text-align: left;
		font-size: 15px;
		line-height: 23px;
	}
	.account-intro p.refund-policy {
		text-align: center;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		padding: 20px 0;
		margin: 40px 0 0px;
	}
	.account-intro h4 {
		margin-bottom: 15px !important;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 15px;
		margin-top: 5px;
	}
	.account-intro p.subhead {
		font-size: 28px;
		line-height: 28px;
		margin-top: 30px;
		font-weight: 700;
	}
	.main-login-content .account-intro h2 {
		font-size: 15px;
		line-height: 21px;
	}
	.account-form h2 {
		font-size: 24px;
		line-height: 28px;
	}
	/*.account-form .step1,
	.choose-plan-page .step1,
	.payment .step1 {
		display: block;
		font-family: "Open Sans", sans-serif;
		font-weight: 700;
		color: #f3b832;
		font-size: 15px;
	}*/
	.account-form .colon,
	.choose-plan-page .colon, 
	.payment .colon {
		display: none;
	}
	#registerform input[type="text"], #registerform input[type="password"], #registerform input[type="email"], #registerform .submit #wp-submit {
		height: 70px;
	}
	.choose-plan-page h2, 
	.main-login-content.payment h2 {
		font-family: "Open Sans", sans-serif;
		font-weight: 400;
		font-size: 24px;
		line-height: 24px;
	}
	.price .duration {
		font-size: 23px;
		line-height: 27px;
	}
	.dollars sup {
		vertical-align: top;
	}
	.plan-wrap {
		padding-left: 5px;
		padding-right: 5px;
	}
	.plan-wrap .description p {
		width: 100%;
		line-height: 18px;
	}
	.payment #shopping-cart {
		padding: 10px 20px;
	}
	#cc-payform label {
		font-size: 12px;
		color: #8a8a8a;
	}
	#cc-payform input, 
	.wc-braintree-hosted-field {
		height: 70px !important;
	}
	.confirmation-hero p, .confirmation-hero h4, .container.main-login-content.confirm h4 {
		font-size: 15px;
		line-height: 17px;
		margin: 0;
	}
	.confirmation-hero p:not(.thanks) {
		font-weight: 400;
		font-family: "Open Sans";
	}
	.confirmation-hero h3 {
		font-size: 18px;
	}
	.confirmation-hero a.cta-btn {
		font-size: 15px;
		width: 230px;
		height: 30px;
		line-height: 30px;
	}
	.container.trending {
		width: 90%;
	}
	#account-footer p:not(.copy) {
		padding: 0 10%;
	}
	.header-logo,
	.header-logo span {
		max-width: 250px;
	}
	.choose-plan-page .step1,
	.payment .step1 {
		margin-top: 20px;
	}
	.choose-plan-page #plans {
		margin-top: 20px;
	}
	.plan-bucket {
		margin-bottom: 10px;
	}
	.mobhide {
		display: none;
	}
	#payment-methods {
		margin-bottom: 30px;
	}
	#cc-payform .wrap > h3 {
		border-bottom: 1px solid #C2C2C2;
		padding-bottom: 5px;
	}
	#cc-payform label abbr {
		display: none;
	}
	.payment-btn .fa, .payment-btn span {
		font-size: 15px;
		font-weight: bold;
	}
	#cc-payform p.terms {
		color: #000;
		font-size: 11px;
	}
	#cc-payform .woocommerce form .form-row {
		margin-bottom: 0;
	}
	#shopping-cart hr {
		margin: 15px 0;
	}
	#cc-payform .woocommerce #payment div.payment_method_braintree_credit_card iframe {
		padding: 0 0 0 20px;
	}
	#payment-method-update table.shop_table tr td {
		height: 40px;
		border: 0px !important;
		border-bottom: 1px solid #CECECE !important;
	}
	#payment-method-update table.shop_table .button {
		float: none !important;
	}
	#payment-method-update table.shop_table tr td.sv-wc-payment-gateway-payment-method-actions {
		text-align: center !important;
	}
	.payment-btn.left, .pay-btn-text.left {
		float: none;
		width: 100%;
	}
	.main-login-content .account-intro h2 {
		font-size: 14px !important;
		line-height: 19px !important;
		margin-left: 20px;
		margin-right: 20px;
	}
	header.account-header-b .header-logo{
		max-width: 70%;
		height: 80px;
	}
	.register-b.main-login-content .left {
		margin-top: 40px;
	}
	header.account-header-b {
		padding: 0;
	}
	.register-b.main-login-content .account-intro h2 {
		font-size: 32px !important;
		line-height: 32px !important;
		margin-left: 0px;
		margin-right: 0px;
		text-align: left;
	}
	.register-b.main-login-content h2 {
		font-size: 32px !important;
		line-height: 32px !important;
	}
	.main-login-content .account-intro p.subhead {
		text-align: center !important;
		padding: 0 !important;
		font-size: 12px !important;
	}
	.container.main-login-content h4 {
		font-size: 12px;
	}
	.main-login-content .account-intro p.larger {
		font-size: 28px !important; 
		line-height: 30px !important;
	}
	#registerform .submit #wp-submit {
		height: auto;
		margin: 0 auto 5px;
		padding: 10px 20px;
	}

	.net-replica h1.logos {
		padding: 0;
	}
	#upm-screen #ccnumber {
		width: 100%;
	}
	#upm-screen .method-tabs .switch-method-type {
		margin: 0 0 10px !important;
		width: 100%;
		float: none;
	}
	#upm-screen i.cardicon {
		float: right;
		position: relative;
		top: -28px;
	}
	#upm-screen a.switch-card {
		margin-left: 0;
	}
	#upm-screen .input-wrap.long span {
		display: block;
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	#upm-screen input[type="submit"] {
		width: 100%;
		margin: 0;
	}
	#upm-screen input[type="text"],
	#upm-screen input[type="tel"] {
		-webkit-appearance: none;
		border-radius: 0px;
	}
	#upm-screen .method-tabs {
		margin: 40px 0 30px;
		padding-bottom: 30px;
	}
	.my-account-wrapper .sidebar a {
		color: #63696A;
	}
	.my-account-wrapper .sidebar a, 
	.my-account-wrapper .sidebar a.active {
		width: 25% !important;
		float: left;
		font-size: 11px;
		text-transform: capitalize !important;
		font-weight: 600 !important;
		font-family: "Open Sans";
		border-right: 1px solid #F4F4F4;
		text-align: center;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
@media only screen and (max-width: 667px) {
	.social-login-btn .icon {
	    left: 75%;
	}
	.login-border{
		width:20%;
	}
	.my-account-wrapper .sidebar {
		width: 100% !important;
		display: block;
		position: relative !important;
	}
	.my-account-wrapper .info-area {
		width: 100%;
	}
	.my-account-wrapper .info-wrapper {
		padding: 10px 20px !important;
	}
}
@media only screen and (max-width: 568px) {
	.social-login-btn span{
		font-size:12px;
	}
	.social-login-btn .icon {
	    left: 70%;
	}
	.login-border{
		width:13%;
	}
	.stats-img{
		width:300px;
	}
	.plan-bucket{
		margin: 20px auto;
	    text-align: left;
	    float: none;
	    width: 90%;
		max-width: 90%;
	}
}
@media only screen and (max-width: 414px) {
	#account-footer .container{
		max-width: 320px !important;
	}
}
@media only screen and (max-width: 320px) {
	.container.main-login-content{
		min-width:300px;
	}
	#account-footer .container{
		max-width: 300px !important;
	}
}