
/* ------------------------------------------- */
/* -------- Theme-specific CSS: start -------- */
/* ------------------------------------------- */

.pmpro-levels #main-content .container,
.pmpro-invoice #main-content .container,
.pmpro-cancel #main-content .container { padding-bottom: 58px; }

/* -------- Theme-specific CSS: end ---------- */




/* access control message */
.pmpro_content_message {
	padding: 60px 0;
	max-width: 1020px;
	margin: 0 auto;
}
body .pmpro_content_message a:link,
body .pmpro_content_message a {
	margin-top: 20px;
	margin-right: 8px;

	display: inline-block;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	transition: all .15s ease-in-out;
	padding: .5rem 1.5rem;
	font-size: .9rem;
	line-height: 1.5;
	border-radius: .2rem;
	border-radius: 20px;
	background-color: #e3e3e3;
	color: black;
}

/* checkout page */
.page.pmpro-checkout hr { display: none; }

.page.pmpro-checkout #slw-signup-steps,
.page.pmpro-checkout #signup-steps,
.page.pmpro-checkout #pmpro_user_fields,
.page.pmpro-checkout #slw-requirements-reminder,
.page.pmpro-checkout .pmpro_submit {
	border-top: 1px solid rgba(0,0,0,0.1);
	padding-top: 1em;
	margin-top: 2em;
}

.page.pmpro-checkout #slw-requirements-reminder + .pmpro_submit {
	border: 0;
	padding-top: 0;
	margin-top: 0;
}

.page.pmpro-checkout #slw_member_rules_section {
	background-color: #FFFFFF; /* #f3f3f3 */
	margin-top: 0;
	padding: 25px 40px 0 40px;
}
.page.pmpro-checkout #slw-requirements-reminder { line-height: 1.3; margin-bottom: 1em; }

@media (max-width: 1100px) {
	.page.pmpro-checkout #slw-requirements-reminder > div { display: inline; }
}
@media (max-width: 768px) {
	.page.pmpro-checkout #slw-requirements-reminder { text-align: left; }
}

.page.pmpro-checkout #pmpro_pricing_fields > h3:first-child,
.page.pmpro-checkout #pmpro_pricing_fields .pmpro_checkout-h3-name { display: none; }

#pmpro_pricing_fields #slw-membership-level-selected { display: none; }

.page.pmpro-checkout #pmpro_payment_information_fields,
.page.pmpro-checkout #pmpro_user_fields {
	border: 0;
	padding: 40px 40px 20px 40px;
	margin-top: 0;
	border-radius: 5px 5px 0 0;

	/*
	color: white;

	background-color: rgb(210,61,144);
	background: rgb(210,61,144);
	background: -moz-linear-gradient(120deg, rgba(210,61,144,1) 0%, rgba(99,69,252,1) 100%);
	background: -webkit-linear-gradient(120deg, rgba(210,61,144,1) 0%, rgba(99,69,252,1) 100%);
	background: linear-gradient(120deg, rgba(210,61,144,1) 0%, rgba(99,69,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d23d90",endColorstr="#6345fc",GradientType=1);

	background: rgb(203,172,149);
	background: -moz-linear-gradient(120deg, rgba(203,172,149,1) 0%, rgba(181,148,121,1) 100%);
	background: -webkit-linear-gradient(120deg, rgba(203,172,149,1) 0%, rgba(181,148,121,1) 100%);
	background: linear-gradient(120deg, rgba(203,172,149,1) 0%, rgba(181,148,121,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cbac95",endColorstr="#b59479",GradientType=1);

	background: rgb(212,156,123);
	background: -moz-linear-gradient(120deg, rgba(212,156,123,1) 0%, rgba(173,112,77,1) 100%);
	background: -webkit-linear-gradient(120deg, rgba(212,156,123,1) 0%, rgba(173,112,77,1) 100%);
	background: linear-gradient(120deg, rgba(212,156,123,1) 0%, rgba(173,112,77,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d49c7b",endColorstr="#ad704d",GradientType=1);

	background: rgb(160,153,127);
	background: -moz-radial-gradient(circle, rgba(160,153,127,0.2) 0%, rgba(142,130,97,0.2) 100%);
	background: -webkit-radial-gradient(circle, rgba(160,153,127,0.2) 0%, rgba(142,130,97,0.2) 100%);
	background: radial-gradient(circle, rgba(160,153,127,0.2) 0%, rgba(142,130,97,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a0997f",endColorstr="#8e8261",GradientType=1);
	*/

	background-color: #e8e8e8;
}
.page.pmpro-checkout #pmpro_payment_information_fields {
	background-color: #cac8c0;
	border-radius: 0;
}
.page.pmpro-checkout #pmpro_tos_fields {
	background-color: #f3f3f3;
	padding: 0 40px 40px 40px;
	padding: 25px 40px 30px 40px;
	border-radius: 0 0 5px 5px;
}

.page.pmpro-checkout .pmpro_form label { font-weight: 500; }


.page.pmpro-checkout #pmpro_level_cost p { display: inline; }
.page.pmpro-checkout #pmpro_level_cost p + p { margin-left: 4px; }

.page.pmpro-checkout ul.slw-signup-steps {
	counter-reset: slw-signup-steps;
	padding: 0;
}
.page.pmpro-checkout ul.slw-signup-steps li {
	counter-increment: slw-signup-steps;
	list-style: none;
	padding-left: 4em;
}
.page.pmpro-checkout ul.slw-signup-steps li:before {
	content: 'Step ' counter(slw-signup-steps) ': ';
	margin-right: .5em;
	font-weight: 500;
	margin-left: -4em;
}

.page.pmpro-checkout .input,
.page.pmpro-checkout textarea,
.page.pmpro-checkout select {
 	display: inline-block;
 	padding: 10px 12px;
 	width: auto;
 	min-width: 120px;

 	font-size: 0.9rem;
 	font-weight: 400;
 	line-height: 1.25;

 	background-color: #fff;
 	background-image: none;
 	-webkit-background-clip: padding-box;
 	background-clip: padding-box;
 	color: #464a4c;

 	border: 1px solid rgba(0, 0, 0, 0.15);
 	border-radius: 3px;

 	-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
 	transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
 	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
 	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

@media (min-width: 600px) {
	.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field { -ms-flex-preferred-size: 50%; flex-basis: 50%; }
	.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field-username { -ms-flex-preferred-size: 100%; flex-basis: 100%; }
}
.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field-password {}
.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field-password2 {}
.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field-bemail {}
.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field-bconfirmemail {}
.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields .pmpro_captcha {}
.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field input { width: 100%; }
.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field-username input { width: auto; }

/* 2019-11-11: Hide the discount code field shown under credit card fields as this confuses users */
.pmpro_checkout-field.pmpro_payment-discount-code { display: none; }

.page.pmpro-checkout #other_discount_code_button,
.page.pmpro-checkout #other_discount_code_button:hover,
.page.pmpro-checkout #other_discount_code_button:focus,
.page.pmpro-checkout .pmpro_btn.pmpro_btn-submit-checkout,
.page.pmpro-checkout .pmpro_btn.pmpro_btn-submit-checkout:hover,
.page.pmpro-checkout .pmpro_btn.pmpro_btn-submit-checkout:focus {
	background: #333333;
	color: white;
	border: 0;
	padding: 11px 18px;
	font-size: 14px;
	border-radius: 4px;
	text-decoration: none;
}

/* Additional checkout fields */
.page.pmpro-checkout .pmpro_checkout-field-gender-container { display: flex; }

.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-field-gender-container input[type=radio] {
	opacity: 0; width: 0; height: 0; padding: 0; margin: 0;
	min-width: auto;
}

.page.pmpro-checkout .pmpro_checkout-field-gender-container label { white-space: nowrap; margin-right: 25px; }

.page.pmpro-checkout .pmpro_checkout-field-gender-container label[for] {}

.page.pmpro-checkout .pmpro_checkout-field-gender-container label:not([for]) { margin-top: 28px; margin-top: 1.65em; }

.page.pmpro-checkout .pmpro_checkout-field-gender-container label[for]:after {
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	border: 4px solid #654348;
	border-radius: 50%;
	margin: 0 auto;
}
.page.pmpro-checkout .pmpro_checkout-field-gender-container label[for]:hover:after {
	background-color: rgba(101, 67, 72, 0.2);
}

.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-field-gender-container input[type=radio]:active + label[for]:after,
.page.pmpro-checkout #pmpro_user_fields .pmpro_checkout-field-gender-container input[type=radio]:checked + label[for]:after {
	background-color: #654348;
}

@media (max-width: 767px) {
	.page.pmpro-checkout .pmpro_checkout-field-gender-container label { margin-right: 8px; }
}
@media (max-width: 599px) {
	.page.pmpro-checkout .pmpro_checkout-field-gender-container:nth-child(n+2) { margin-top: 38px; }
	.page.pmpro-checkout .pmpro_checkout-field-my_gender label:first-child { margin-right: 37px; }
	.page.pmpro-checkout .pmpro_checkout-field-gender-container label { margin-right: 14px; }
}

/* Agreement checkbox */
.page.pmpro-checkout #pmpro_tos_fields label { display: inline; /* keep checkbox and label on same line when resizing window to smaller size */ }

/* Magnific Popup modal */
.page.pmpro-checkout .mfp-wrap { cursor: zoom-out; }
.page.pmpro-checkout .mfp-content { padding: 20px; background-color: white; border-radius: 5px; margin-top: 20px; max-height: 80vh; overflow: scroll; }
.page.pmpro-checkout .mfp-close { font-size: 36px; padding: 8px 11px; width: auto; height: auto; text-indent: 0; }
.page.pmpro-checkout .mfp-close:active { top: 0; }
.page.pmpro-checkout .mfp-content #pmpro_license.pmpro_checkout-field h1 { display: block; margin-bottom: 8px; }
.page.pmpro-checkout .mfp-content #pmpro_license { border: 0; overflow: visible; }
.page.pmpro-checkout .mfp-content #slw_member_rules_section  { border: 0; padding: 18px; margin: 0; }


/* hide the Change Password and Edit Profile links which point to wp-admin */
#pmpro_actionlink-password,
#pmpro_actionlink-profile,
#pmpro_account-change-password,
#pmpro_account-edit-profile { display: none; }


/* -------- Homepage register widget: start -- */
.slw-osd-pmpro-checkout-widget { padding: 20px; font-size: 0.9rem; margin-top: 42px; }
.slw-osd-pmpro-checkout-widget input[type=text],
.slw-osd-pmpro-checkout-widget input[type=password],
.slw-osd-pmpro-checkout-widget input[type=tel],
.slw-osd-pmpro-checkout-widget input[type=email],
.slw-osd-pmpro-checkout-widget input.text,
.slw-osd-pmpro-checkout-widget input.title,
.slw-osd-pmpro-checkout-widget textarea,
.slw-osd-pmpro-checkout-widget select {
	background-color: #f3f3f3;
	padding: 14px 16px;
	width: 100%;
	border: 0;
	font-size: 0.9rem;

	margin-top: 12px;
}
.slw-osd-pmpro-checkout-widget input[type='submit'] {
	background-color: #4d8da5;
	padding: 14px 20px;
	border: 0;
	width: 100%;
	font-size: 1rem;
	color: white;

	margin-top: 12px;
}
.slw-osd-pmpro-checkout-widget input:first-child { margin-top: 0; }

.slw-osd-pmpro-checkout-widget .gender_container { color: #2d6175;  display: flex; margin-bottom: 1em; }
.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field { display: flex; }
.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field input[type='radio'] { opacity: 0; width: 0; height: 0; padding: 0; margin: 0; }
.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field label { white-space: nowrap; margin-right: 14px; }
.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field label[for] { font-size: 0.8rem; margin-top: -30px; }
.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field label:not([for]) {}

.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field label[for]:after {
	content: '';
	display: block;
	width: 22px;
	height: 22px;
	border: 4px solid #2d6175;
	border-radius: 50%;
	margin: 0 auto;
}

.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field label[for]:hover:after {
	background-color: rgba(101, 67, 72, 0.2);
}

.slw-osd-pmpro-checkout-widget .pmpro_checkout-field input[type='radio']:checked + label[for]:after,
.slw-osd-pmpro-checkout-widget .pmpro_checkout-field input[type='radio']:active + label[for]:after {
	background-color: #2d6175;
}

@media (max-width: 399px) {
	.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field label { margin-right: 8px; }
}
@media (min-width: 981px) and (max-width: 1271px), (max-width: 349px) {
	.slw-osd-pmpro-checkout-widget .gender_container { flex-direction: column; }
	.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field:nth-child(n+2) { margin-top: 38px; }
	.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field-my_gender label:first-child { margin-right: 37px; }
	.slw-osd-pmpro-checkout-widget .gender_container .pmpro_checkout-field label { margin-right: 14px; }
}
/* -------- Homepage register widget: end   -- */
