/* Styles for PMPro Customisation */

body {
	font-family: var(--rb-primary-font);
}

/* Membership levels shortcode [pmpro_advanced_levels] */

#pmpro_levels {
	display: flex;
	justify-content: space-between;
}

#pmpro_levels .pmpro_level {
	width: 100%;
	font-family: var(--rb-primary-font);
}

#pmpro_levels.pmpro_advanced_levels-div .post {
	padding: 0;
	margin: 0 1em;
	border: 1px solid var(--e-global-color-7f16b9e);
}

#pmpro_levels .pmpro_level header.entry-header {
	background: var(--e-global-color-7f16b9e);
	padding: 15px;
	min-height: 85px;
}

#pmpro_levels .pmpro_level h2 {
	word-break: break-word;
	font-size: 20px;
	text-align: center;
	color: white;
	font-family: var(--rb-primary-font);
	font-size: 18px;
	font-weight: 700;
}

#pmpro_levels div.entry-meta {
	display: flex;
	flex-direction: column-reverse;
}

#pmpro_levels.pmpro_advanced_levels-div .entry-content {
	min-height: 170px;
}

#pmpro_levels div.entry-content p {
	font-family: var(--rb-primary-font);
	text-align: center;
	color: #666;
	padding: 16px 10px;
}

#pmpro_levels .pmpro_level-price {
	font-family: var(--rb-primary-font);
	text-align: center;
	color: #666;
	font-weight: 700;
	margin-bottom: 20px !important;
}

#pmpro_levels.pmpro_advanced_levels-div .entry-footer {
	padding: 0;
	margin-top: -15px;
}

#pmpro_levels div.entry-meta a.pmpro_btn {
	margin: 10px;
	text-transform: uppercase;
	font-weight: 700;
}

#pmpro_levels div.entry-meta a.pmpro_btn:not(.disabled) {
	background-color: var(--e-global-color-9d828d5);
	color: white;
}

/****************************/
/* membership checkout page */
/****************************/
.pmpro_checkout_gateway-stripe,
.pmpro_billing_wrap,
.pmpro_member_profile_edit_wrap,
.pmpro_cancel_wrap,
.pmpro_invoice_wrap,
.pmpro_confirmation_wrap {
	width: 800px;
	margin: 0 auto;
}

.pmpro_checkout_gateway-stripe .pmpro_submit hr {
	display: none;
}

/* hide and reorder membership fields */
.pmpro_checkout-field-username {
	display: none;
}

.pmpro_checkout-fields {
	display: flex;
	flex-direction: column;
}

.pmpro_checkout-field-firstname { order: 1 }
.pmpro_checkout-field-lastname { order: 2 }
.pmpro_checkout-field-bemail { order: 3 }
.pmpro_checkout-field-bconfirmemail { order: 4 }
.pmpro_checkout-field-password { order: 5 }
.pmpro_checkout-field-password2 { order: 6 }

/* pad out the different sections */
#pmpro_checkout_box-gift-aid,
#pmpro_checkout_box-newsletter {
	margin-top: 30px;
}

/* membership confirmation screen */
.pmpro_confirmation_wrap {
	padding-top: 20px;
}
.pmpro_confirmation_wrap h2 {
	margin: 50px 0 40px 0;
	text-align: center;
}
.pmpro_confirmation_wrap ul {
	margin-bottom: 30px;
}
.pmpro_confirmation_wrap .pmpro_actions_nav {
	margin-top: 30px;
    text-align: right;
}

/* forms */
form.pmpro_form label {
	font-weight: 400;
	margin-bottom: 4px;
}

/* update billing details */
.pmpro_submit hr {
	display: none;
}

.pmpro_billing_wrap,
.pmpro_member_profile_edit_wrap,
.pmpro_cancel_wrap,
.pmpro_invoice_wrap,
.pmpro_confirmation_wrap {
	padding-top: 40px;
}

.pmpro_btn,
.pmpro_btn:hover {
	background: none !important;
	border: 2px solid var(--e-global-color-9d828d5) !important;
	color: var(--e-global-color-4423ba7) !important;
	text-decoration: none !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 400 !important;
}

.pmpro_btn:hover {
	background: var(--e-global-color-9d828d5) !important;
}

/* account screen */
#pmpro_account .pmpro_box {
	border-top: 0;
}

.pmpro_box h2,
h2.rb-attendance-subtitle,
.tribe-tickets h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 26px;
}

#pmpro_account .pmpro_table thead tr,
.my-attendance-list thead tr {
	background-color: black;
	color: var(--e-global-color-9d828d5);
	font-family: 'Didact Gothic', sans-serif;
	font-size: 1.2em;
	font-weight: 700;
}

#pmpro_account .pmpro_table tbody tr td,
.my-attendance-list tbody tr td {
	background-color: white;
	color: var(--e-global-color-4423ba7);
	font-family: 'Didact Gothic', sans-serif;
	font-weight: 400;
	vertical-align: middle;
	font-size: 1.1em;
}

#pmpro_account .pmpro_table tbody tr td p {
	background-color: white;
	color: var(--e-global-color-4423ba7);
	font-family: 'Didact Gothic', sans-serif;
	font-weight: 400;
	margin: 0;
	font-size: 1.1em;
}

.my-attendance-list tbody tr>td {
	background: white !important;
}

#pmpro_account .pmpro_table tbody tr td a,
.my-attendance-list tbody tr td a {
	color: #330067;
}

#pmpro_account .pmpro_actionlinks a {
	color: #330067;
	font-family: 'Didact Gothic', sans-serif;
	font-size: 1em;
}

/* tickets page for single event */
.tribe-events-single h1.tribe-events-single-event-title,
.tribe-events-single .tribe-events-schedule {
	display: none /* controversial but the details will be in the page header */
}


ul.tribe-tickets-list p.list-attendee {
	margin-bottom: 0;
	color: var(--e-global-color-4423ba7);
}

/* edit my details screen */
.pmpro_member_profile_edit_wrap label,
.pmpro_member_profile_edit_wrap input[type="text"],
.pmpro_member_profile_edit_wrap input[type="email"] {
	font-family: 'Didact Gothic', sans-serif;
}

.pmpro_member_profile_edit_wrap h2 {
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	font-size: 28px;
    margin-top: 40px;
}

.pmpro_member_profile_edit-field.pmpro_member_profile_edit-field-hide_directory {
	display: none;
}

/* change password */
.pmpro_change_password_wrap label,
.pmpro_change_password_wrap input[type="text"],
.pmpro_change_password_wrap input[type="email"],
.pmpro_change_password_wrap p {
	font-family: 'Didact Gothic', sans-serif;
}

/* invoice */
.pmpro_invoice_wrap h2,
.pmpro_invoice_wrap ul {
	margin-bottom: 40px;
}

.pmpro_invoice_wrap a {
	color: #330067 !important;
}

/* should this be in main css file? */
#nav-below {
	margin-top: 20px;
}

#nav-below a {
	font-size: 14px;
	color: inherit;
}