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

/* hiding "MEMBERSHIP LEVEL heading with CHANGE link. Used to be h3 */
#pmpro_pricing_fields h2 {
	display: none;
}

/* hiding all membership level wording and pricing */
#pmpro_pricing_fields .pmpro_checkout-fields p {
	display: none;
}

/* displaying pricing information (pmpro_level_cost) from pmpro_checkout-fields above */
#pmpro_pricing_fields .pmpro_checkout-fields #pmpro_level_cost p {
	display: block;
}

/* displays discount code link at top of page for Level 6 only */
#pmpro_level-6 #pmpro_pricing_fields .pmpro_checkout-fields  #other_discount_code_p {
	display: block;	
	font-size: 16px;
	line-height: 2.5em;
}

#pmpro_level_cost {
	font-size: 20px;
}

/* hides "Do you have discount code?" at top of page for Level 6 only because it's already hidden for levels 1-4 (See lines 10-12) */
#other_discount_code_p {
	visibility: hidden;
	width: 440px;
}


/*other_discount_code_a is the "Click here to enter code" link at the top of the page. Used to be called other_discount_code_a. This code displays and left-aligns this link*/
#pmpro_pricing_fields .pmpro_checkout-fields #other_discount_code_toggle{
	display: block;
	font-size: 18px;
}

#other_discount_code_toggle {
	visibility: visible;
}

/* We can't track down what this code does. */
#pmpro_level_options:last-child {
	margin: 0;
}

/* styles the level option boxes*/
.pmpro_level {
	border: 2px solid grey;
	box-shadow: 3px 3px 5px 6px #ccc;
	max-width: 250px;
	width: 250px;
	height: 250px;
}

/* We can't track down what this code does. */
div .entry {
	height: 0%;
}

/* We can't track down what this code does. */
a .pmpro_btn-select {
	vertical-align: baseline;
	width: 90%;
}

/* Styles the "Select" buttons in the membership level boxes */
div .entry-footer .alignright {
	float: none;
	display: block;
	margin: 0 auto;
	width: 80%;
	background-color: #ED560E;
	font-family: "proxima-nova", sans-serif;
	color: white;
}

/* Fits the "Select" buttons and other language inside the level boxes. Had to use !important to overwrite advanced shortcode css - JStricker */
#pmpro_levels.pmpro_advanced_levels-div .post {
	padding: 0 !important;
}

/* Moves level 4's box left */
#pmpro_level-4 {
	float: left;
}

/*Fixes the spacing and alignment of the level boxes */
.pmpro_level {
	margin: 2em 2em 2em 2em;
}

/* We can't track down what this code does. */
#pmpro_levels .pmpro_advanced_levels-div .entry-header {
	padding: 1em;
}

/* Formats the level box headers */
.pmpro_level .entry header {
	background-color: #939393;
	padding: 1em;
	text-align: center;
	font-family: "proxima-nova", sans-serif;
	color: white;
	height: 60px;
	display: flex;
	overflow: auto;
}

/* Formats the level box headers text */
.pmpro_level .entry header h2 {
	padding: 3px;
	font-size: 22px;
	text-transform: unset;
	vertical-align: middle;
	margin: 0 auto;
}

/* We can't track down what this code does. */
.pmpro_level .entry-content:first-child {
	height: 37%;
}

/* Formats the pricing text in between the grey header and orange "Select" button. */
.pmpro_level .entry-content p {
	padding: 0 1em 0 1em;
	text-align: center;
	line-height: 1.25em;
	font-size: 2em;
	color: black;
	font-family: "proxima-nova", sans-serif;
	vertical-align: middle;
}

/* Formats the level box header text for Monthly All Access and 6 Months All Access boxes. */
#pmpro_levels.pmpro_advanced_levels-div h2  {
	margin: 0 auto!important;
	vertical-align: middle;
}

/* We can't track down what this code does. */
#pmpro_levels.pmpro_advanced_levels-div {
	vertical-align: middle;
}

/* We can't track down what this code does. */
#pmpro_level-1 .entry .entry-content p {
	display: block;
    margin-block-start: .63em;
    margin-block-end: .63em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* We can't track down what this code does. */
p {
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
} 

/* Formats the bottom pricing text inside the level boxes */
#pmpro_levels.pmpro_advanced_levels-div .entry-footer p {
	text-align: center;
	margin: 0 auto;
	margin: 0 auto!important;
}

/* We can't track down what this code does. */
@media(max-width: 600px) {
	#pmpro_levels.pmpro_advanced_levels-div .entry-footer {
	padding: 0!important;
	overflow: auto!important;
	}
	.pmpro_level-price {
		overflow: auto;
	}
	.pmpro_advanced_levels-div .columns {
		overflow: auto;
	}
	.pmpro_level {
		height: unset;
	}
}

/*Aligns the content in the levels 2, 3 and 4 boxes */
#pmpro_level-2 .entry .entry-content p {
	display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin: 0;
}

#pmpro_level-3 .entry .entry-content p {
	display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin: 0;
}

#pmpro_level-4 .entry .entry-content p {
	display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin: 0;
}

/* Hides phone, country, firstname, lastname in shipping checkout field. Made optional within customizations php file. */
.pmpro_checkout-field-sphone{
display:none;
}

.pmpro_checkout-field-scountry{
display:none;
}

.pmpro_checkout-field-sfirstname{
display:none;
}

.pmpro_checkout-field-slastname{
display:none;
}

/* Puts account information section in two columns. */
#pmpro_user_fields .pmpro_checkout-fields {
	display: grid;
	grid-template-columns: auto auto;
}

/* Puts username on one row by itself. */
.pmpro_checkout-field-username{
	grid-column-start: 1;
	grid-column-end: 3;
}

/* Displays shipping fields in two columns. */
#shipping-fields {
	display: grid;
	grid-template-columns: auto auto;
}

/* Hides payment information for Level 6 membership (group checkout). There is a price for level 6 membership so accounts can't be set up without a code. */

#pmpro_level-6 #pmpro_payment_information_fields {
	display: none;
}

/*Styles the "Apply" button for school registration*/
.pmpro_checkout-fields #other_discount_code_tr #other_discount_code_button{
	background-color: #ED560E;
	font-family: "proxima-nova", sans-serif;
	color: white;
	text-decoration: none;
	padding: 4px 16px 4px 16px;
}

/*Styles the "Apply" button for all 4 individual membership levels*/
.pmpro_checkout-field.pmpro_payment-discount-code #discount_code_button:hover{
		background-color: #ED560E;
	font-family: "proxima-nova", sans-serif;
	color: white;
	text-decoration: none;
	padding: 4px 16px 4px 16px;
}

.pmpro_checkout-field.pmpro_payment-discount-code #discount_code_button{
		background-color: #ED560E;
	font-family: "proxima-nova", sans-serif;
	color: white;
	text-decoration: none;
	padding: 4px 16px 4px 16px;
}

/*to hide "Edit Profile" and "Change Password" links under My Account because they lead user to back end of website*/
#pmpro_actionlink-profile {
	display: none;
}

#pmpro_actionlink-change-password {
	display: none;
}