/* This css is EXCLUSIVELY used in the Members Page only and is only called from there */

div#membership-info > ul {
/*	list-style-position: inside; */ /* doesn't look that good when each list item is multi-line */
list-style-type: none;
font-size: 1rem;
width: 95%;
margin: 0 1rem 0 1rem;
}
div#membership-info > ul li::marker {
/* div.flex-container ul li:before { */
	content: '>> '  ;
/*	content: "\f0e7"; */ /* doesn't work */
	font-size: 1rem;
	color: red;
/*	background: hsl(200 20% 88%); */
/*	animation: color-change 3s ease-in-out infinite; */
}
div#membership-info > ul > li {
    margin: 0.5rem 0 0.5rem 1rem;
}
#LoginDiv {
	display: none;
}
#LoginDiv > div {
	font-size: 18px;
}
div#outcropLogin {
	width: 80%;
	margin: 15px 10%;
	}
form.form-sign-in {
	font-size: 18px;
	}
form input.form-control {
	font-size: 20px;
	}
form button#login, form button#logout {
	font-size: 20px;
}
img.outcropMembership {
	margin: 10px;
	border: 1px solid black;
}
div.magazineIssue {
	float: left;
	padding: 1rem;
	font-size: 1rem;
}
div.magazineIssue > a:link, div.magazineIssue > a:visited, div.magazineIssue > a:active {
	text-decoration: none;
	color: blue;
}
div.magazineIssue > a:hover {
	font-style: italic;
	text-decoration: underline;
}