/* Impact Over Money Subscriptions — product page selector */

.iom-sub-options {
	margin: 0 0 1.4em;
	padding: 1em 1.1em;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	background: #fafafa;
}

.iom-sub-choice {
	display: flex;
	align-items: center;
	gap: .55em;
	padding: .7em .8em;
	margin: 0 0 .5em;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.iom-sub-choice:last-of-type {
	margin-bottom: 0;
}

.iom-sub-choice:hover {
	border-color: #bdbdbd;
}

.iom-sub-choice input[type="radio"] {
	margin: 0;
	flex: 0 0 auto;
}

.iom-sub-choice.iom-sub-selected {
	border-color: #111;
	box-shadow: 0 0 0 1px #111 inset;
}

.iom-sub-choice-label {
	font-weight: 600;
	flex: 1 1 auto;
}

.iom-sub-choice-price {
	font-weight: 700;
	white-space: nowrap;
}

.iom-sub-per {
	font-weight: 400;
	color: #666;
	font-size: .85em;
}

.iom-sub-badge {
	display: inline-block;
	margin-left: .4em;
	padding: .1em .5em;
	font-size: .72em;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: #fff;
	background: #2e7d32;
	border-radius: 4px;
	vertical-align: middle;
}

.iom-sub-signup {
	margin: .3em 0 0;
	font-size: .85em;
	color: #b26a00;
}

.iom-sub-terms {
	margin: .6em 0 0;
	font-size: .8em;
	color: #777;
}

/* My Account statuses */
.iom-sub-status {
	display: inline-block;
	padding: .2em .6em;
	border-radius: 4px;
	font-size: .8em;
	font-weight: 600;
	color: #fff;
}
.iom-sub-status--active    { background: #2e7d32; }
.iom-sub-status--on-hold   { background: #f9a825; color: #222; }
.iom-sub-status--cancelled { background: #c62828; }
.iom-sub-status--expired,
.iom-sub-status--pending   { background: #757575; }

.iom-subscriptions-table .iom-sub-btn {
	margin: 0 .25em .25em 0;
}