/* Subscribe page  ________________________________________________________ */



.page-template-subscribe-tiered {
	
}

.page-template-subscribe-tiered .intro {
	
}

.page-template-subscribe-tiered .intro h2 {
	text-align: center;
	
}

.page-template-subscribe-tiered .intro ul li {	
	padding: 0 1.75rem 0.5rem 0;	
}

.page-template-subscribe-tiered .intro ul li svg {
	color: #090;
}

span.fa-li {
	margin: 0;
	width: auto;
}


.page-template-subscribe-tiered .plan .price { font-weight: bold; }

.plans.upper, .plans.middle {
	margin-bottom: 1.5rem;
}

.plans.upper .plan:nth-child(odd), .plans.middle .plan:nth-child(odd) {
	background: #dee3e6;
}

.plans.upper .plan:nth-child(even), .plans.middle .plan, .plans.lower .plan {
	background: #eaeef1;
}

.plan h3 {
	font-weight: bold;
}


.plan .extra {
	font-size: 0.8rem;
	font-weight: normal;
}
.plan p.button-container {
	margin-bottom: 0;
	padding-bottom: 0;
}
.plan p.button-container .button { margin: 0; }




/* Registration forms  ________________________________________________________ */




/* Foundation breakpoints  ________________________________________________________ */


/* Small __________________ */

@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium __________________ */

@media only screen and (min-width: 40.063em) { 
	
	.page-template-subscribe-tiered .intro ul {
		column-count: 2;
	}
	
	ul.twocol {
		column-count: 2;
	}
	
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large __________________ */

@media only screen and (min-width: 64.063em) { 

	.page-template-subscribe-tiered .intro ul {
		column-count: 3;
	}
	
	
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* X Large __________________ */

@media only screen and (min-width: 90.063em) { 
	

	
	
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XX Large __________________ */

@media only screen and (min-width: 120.063em) { 
	
} /* min-width 1921px, xxlarge screens */