@charset "UTF-8";
/* CSS Document */



@media (min-width: 1367px) and (max-width: 1980px) {
	#pmpro_payment_method span.gateway_authorizenet a, 
	#pmpro_payment_method span.gateway_braintree a,
	#pmpro_payment_method span.gateway_cybersource a,
	#pmpro_payment_method span.gateway_paypal a,
	#pmpro_payment_method span.gateway_stripe a, 
	#pmpro_payment_method span.gateway_twocheckout a {
		width: 60% !important;
	} 
	.bt-main-content #pmpro_payment_method span.gateway_paypalexpress {
		margin-left: 0 !important;
	}
}

/*CUSTOMAZIER CSS*/
#pmpro_payment_method span {
	display: inline-block;
}
#pmpro_payment_method span a {
	background-position: bottom left;
	background-repeat: no-repeat; 
	background-size: contain;
	border: none;
	display: inline-block; 
	padding-bottom: 80px;
	width: inherit;
}
#pmpro_payment_method span.gateway_authorizenet, 
#pmpro_payment_method span.gateway_braintree,
#pmpro_payment_method span.gateway_cybersource,
#pmpro_payment_method span.gateway_paypal,
#pmpro_payment_method span.gateway_stripe, 
#pmpro_payment_method span.gateway_twocheckout {
	width: 100%; 
}
#pmpro_payment_method span.gateway_authorizenet a, 
#pmpro_payment_method span.gateway_braintree a,
#pmpro_payment_method span.gateway_cybersource a,
#pmpro_payment_method span.gateway_paypal a,
#pmpro_payment_method span.gateway_stripe a, 
#pmpro_payment_method span.gateway_twocheckout a {

	background-size: 75%;
	display: inline-block;
	padding-bottom: 75px;
	width: 90%; 
}

#pmpro_payment_method .pmpro_checkout-fields span.gateway_ a{
	background-image: url(../img/cc-horizontal.jpg);
	background-size: 50%;
	display: inline-block;
	padding-bottom: 75px;
	width: 90%; 
}
#pmpro_payment_method span.gateway_paypalexpress a {
	background-image: url(../img/paypal.jpg);
	background-size: 50%;
	display: inline-block;
	padding-bottom: 60px;
	width: 50%;
}
.pmpro_checkout-field.pmpro_payment-expiration select {
	display: inline-block;
	width: inherit !important;
	padding: 5px;
	margin: 0 5px;
}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 1295px) {

	#pmpro_payment_method span {
		display: block !important;
		margin: 0 !important;
	}
}
@media (min-width: 768px) and (max-width: 1295px) {

	.bt-main-content form#pmpro_form input {
	    width: 100% !important;
	}
	.bt-main-content form#pmpro_form .pmpro_checkout-fields input[type="radio"]{
		width: 25px !important;
	}
	.pmpro_checkout .pmpro_checkout-fields .pmpro_checkout-field label {
	    margin: 0 !important;
	    text-align: left !important;
	}

}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 1024px) {
	.bt-main-content form#pmpro_form .pmpro_checkout-fields input[type="radio"]{
		width: 25px !important;
	}
	#pmpro_payment_method span.gateway_authorizenet a, #pmpro_payment_method span.gateway_braintree a, #pmpro_payment_method span.gateway_cybersource a, #pmpro_payment_method span.gateway_paypal a, #pmpro_payment_method span.gateway_stripe a, #pmpro_payment_method span.gateway_twocheckout a {

		width: 60%;
	}
	.bt-main-content #pmpro_payment_method span.gateway_paypalexpress {
		margin-left: 0px;
	}

	#pmpro_payment_method span.gateway_paypalexpress a {
		width: 40%;
	}
}

/*RESPONSIVE CSS HERE*/
@media (max-width:768px) {
	#pmpro_payment_method span {display: block; width: 100%; }
	.pmpro_checkout .pmpro_checkout-fields .pmpro_checkout-field label {
		text-align: left !important;
		margin-left: 0 !important;
	}
	.bt-main-content form#pmpro_form .pmpro_checkout h3 span.pmpro_checkout-h3-msg {
		float: inherit !important;
	}
	.bt-main-content .tml.tml-login {
	    width: inherit !important;
	}
	.signuppage-area input {
		width: 90% !important;
	}
	.signuppage-area form.pmpro_form .pmpro_submit {
	    float: inherit !important;
	}
	.signuppage-area .login-link {
	    float: inherit !important;
	}
	.subscribe_wrap .tnp-subscription-minimal.subscribe_form input.tnp-submit {
	    width: 25% !important;
	}
	.paydonations {
	    text-align: center !important;
	}
	.loginpage-area .tml.tml-login {
		width: 320px !important;
	}
	.bt-main-content form.pmpro_form .pmpro_submit {
	    float: inherit !important;
	}


}

.bt-main-content input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date] {
    padding: 10px;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    color: #555;
    background-color: #f1f1f1;
    border: none;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.bt-main-content select#bcountry {
    width: 320px;
    border: 1px solid #ccc;
}


/*FONTAWESOME CSS*/
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');







/*NEW CUSTOM CSS*/
.pmpro-checkout #pmpro_user_fields .pmpro_checkout-h3-name::before {
	content: "\f007";
	font-family: 'Fontawesome';
	font-weight: 700;
	padding-right: 1rem;
}
.pmpro-checkout #pmpro_payment_information_fields .pmpro_checkout-h3-name::before {
	content: "\f023";
	font-family: 'Fontawesome';
	font-weight: 700;
	padding-right: 1rem;
}
.bt-main-content form#pmpro_form .pmpro_checkout h3 span.pmpro_checkout-h3-msg {
	float: right;
}
.bt-main-content .pmpro_checkout h3 span.pmpro_checkout-h3-name {
	margin: 0;
}
form#pmpro_form .pmpro_checkout-fields {
	padding: 1.45rem;
}
.pmpro_checkout .pmpro_checkout-fields .pmpro_checkout-field label {
	float: left;
	margin: 0px 20px;
	text-align: right;
	width: 200px;
}
form.pmpro_form .input {
	max-width: 90%;
}
.pmpro_asterisk {
	color: #C00;
}
.bt-main-content form#pmpro_form .pmpro_checkout-fields input {
	width: 320px !important;
	background-color: transparent !important;
}
.bt-main-content input[type="text"], .bt-main-content input[type="email"], .bt-main-content input[type="url"], .bt-main-content input[type="password"], .bt-main-content input[type="search"], .bt-main-content textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: transparent; 
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
	color: #111;
	box-shadow: 0px 0px 3px 0px #CCCCCC;
	outline: 0;
}
.bt-main-content input[type="radio"], .bt-main-content input[type="checkbox"]{
	width: 20px !important;
} 
.bt-main-content hr {
	display: none !important;
}
.pmpro_btn:hover, a.pmpro_btn:hover, .entry-content a.pmpro_btn:hover, .pmpro_btn:focus, .pmpro_checkout .pmpro_btn:hover, .pmpro_checkout .pmpro_btn:focus, .pmpro_content_message a:focus, .pmpro_content_message a:hover {
	-webkit-box-shadow: none;
	border: 0px solid #D6D6D6; 
	box-shadow: none;
	text-decoration: none;
}
.bt-main-content form#pmpro_form .pmpro_checkout h3 {
	background: #FAFAFA!important;
	border-top: 1px solid #CCC!important;
	border-bottom: 1px solid #CCC!important;
	padding: 1.45rem!important;
}
.bt-main-content form#pmpro_form .pmpro_checkout-fields {
	padding: 1.45rem;
	background-color: #fff;
}
.bt-main-content #pmpro_payment_method .pmpro_checkout-fields, .pmpro-sitewide-sale-landing-page #pmpro_payment_method .pmpro_checkout-fields {
	display: grid;
	grid-template-columns: 4fr 3fr;
	grid-gap: 1rem;
}
.bt-main-content #pmpro_payment_method span.gateway_paypalexpress {
	margin-left: 2em;
}
.bt-main-content input[type="checkbox"], input[type="radio"] {
	padding: 0;
}
.bt-main-content button, input, select, textarea, a.comment-reply-link, a.pmpro_btn, #main div.em-search-main button.em-search-submit {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}
.bt-main-content .pmpro-checkout span.gateway_stripe a, .pmpro-sitewide-sale-landing-page #pmpro_payment_method .pmpro_checkout-fields span.gateway_stripe a {
	background: url(images/cc-horizontal.jpg) bottom left no-repeat;
	background-size: 75%;
	display: inline-block;
	padding-bottom: 75px;
	width: 90%;
}





/*NEW CUSTOM PAGE DESIGN CSS*/
.loginpage-area .tml.tml-login {
    width: 500px;
    margin: 0 auto;
    color: #777;
    border-radius: 5px;
    border: 1px solid #b4b9d7;
    font-weight: 400;
    padding: 1.45rem;
}
.loginpage-area .tml.tml-lostpassword {
    width: 500px;
    margin: 0 auto;
    color: #777;
    border-radius: 5px;
    border: 1px solid #b4b9d7;
    font-weight: 400;
    padding: 1.45rem;
}
.loginpage-area .tml-field-wrap {
    margin-bottom: 1em;
}
.loginpage-area input[type="text"], .loginpage-area input[type="email"], .loginpage-area input[type="url"], .loginpage-area input[type="password"], .loginpage-area input[type="search"], .loginpage-area textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: transparent;
}

.loginpage-area input[type="text"], textarea, input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="search"], input[type="date"] {
    padding: 10px;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    line-height: 24px;
    color: #555;
    border: 1px solid #f1f1f1;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.loginpage-area .tml-submit-wrap input.tml-button {
    padding: 10px 30px !important;
    background-color: #DE0DE5;
    border: 0;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
}
.loginpage-area .tml.tml-login ul {
	margin-left: 12px;
	margin-bottom: 30px;
}
.pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link {
	background-color: #2bb673;
	border: 0px solid #D6D6D6;
	color: #fff;
}
.pmpro_btn:hover, a.pmpro_btn:hover, .entry-content a.pmpro_btn:hover, .pmpro_btn:focus, .pmpro_checkout .pmpro_btn:hover, .pmpro_checkout .pmpro_btn:focus, .pmpro_content_message a:focus, .pmpro_content_message a:hover {
	color: #fff;
	background-color: #2bb673;
	opacity: 0.8;
}


.membership-levels-area table {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    border-top: 1px solid #ececec;
}

.membership-levels-area table tr:nth-child(2n+1) {
    background-color: #fcfcfc;
    border: 1px solid #ececec;
}
.membership-levels-area tr th:first-child, .membership-levels-area tr td:first-child {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ececec;
}

.membership-levels-area td {
    border-color: #ececec;
    border-left: none;
    border-style: none solid solid none;
    border-top: medium none;
    border-width: medium 1px 1px medium;
    font-size: 13px;
    padding: 10px;
}
.membership-levels-area  th {
    border-left: medium none;
    border-style: none solid solid none;
    border-top: medium none;
    border-width: medium 1px 1px medium;
    font-weight: bold;
    padding: 10px;
    text-align: left;
    border-color: #ececec;
}
.pmpro_submit {
	display: inline-block;
}
#pmpro_account_loggedin {
    display: inline-block;
}

.signuppage-area input {
    width: 320px;
}
.signuppage-area form.pmpro_form.pmpro_signup_form {
    max-width: 560px;
    margin: 0 auto;
}
.signuppage-area form.pmpro_form .pmpro_submit {
    float: right;
}
.signuppage-area .login-link {
    display: inline-block;
    float: right;
}
.signuppage-area .login-link a {
    padding: 6px 20px;
    color: #fff;
    background-color: #2bb673;
    display: block;
    border-radius: 5px;
    font-weight: bold;
    margin-right: 15px;
}
.signuppage-area .login-link a:hover{
	color: #fff;
	background-color: #2bb673;
	opacity: 0.8;
}
.signuppage-area #username {
    height: 45px;
    border: 1px solid #f1f1f1;
    background-color: #f1f1f1;
}
.bt-main-content form.pmpro_form .pmpro_submit {
	float: right;
}

.ginput_container.ginput_container_phone #input_1_4 {
	width: 100%;
}
.ginput_container.ginput_container_date #input_1_3 {
	width: 100%;
}
.ginput_container.ginput_container_email #input_1_5 {
	width: 100%;
}
.gform_wrapper span.ginput_product_price {
	color: #2BB673;
	font-size: 40px;
	font-weight: bold;
	margin: 15px 10px;
	display: inline-block;
}