.species-card {
	font-family: serif;
	height: 3.5in;
	width: 2.5in;
	border: 1px solid #eee;
	border-radius: 0.125in;
	box-sizing: border-box;
    position: relative;
    background-color: #fffcd3;
    display: block;
    padding: 0;
}
.event-card {
	font-family: serif;
	height: 3.5in;
	width: 2.5in;
	border: 1px solid #eee;
	padding-top: 0;
	padding-bottom: 0.125in;
	border-radius: 0.125in;
	box-sizing: border-box;
	background-color: #f0f0f0;
	display: block;
    padding-right: 0;
    padding-left: 0;
}
.other-card {
	font-family: serif;
	height: 3.5in;
	width: 2.5in;
	border: 1px solid #eee;
	padding-top: 0;
	padding-bottom: 0.125in;
	padding-right: 0.125in;
    padding-left: 0.125in;
	border-radius: 0.125in;
	box-sizing: border-box;
	display: block;
}

.name-div {
	height: 0.5in;
	float: left;
	display: inline-block;
	padding: 0;
}
.event-name-div {
	height: 0.5in;
	float: left;
	display: inline-block;
	padding-left: .125in;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.other-name-div {
	height: 0.5in;
	float: left;
	display: inline-block;
	padding: 0;
}

.common-name {
	font-size: 10pt;
	font-weight: bold;
	width: 1.62in;
	display: block;
    padding: 0;
}

.latin-name {
	font-size: 8pt;
	font-style: italic;
	display: block;
    padding: 0;
}

.foodchain-div {
	display: block;
    padding: 0;
}

.diet {
	font-size: 7pt;
	height: 0.12in;
	text-align: right;
	display: block;
    padding: 0;
}

.scale-foodchain-div {
	display: block;
    padding: 0;
}

.scale {
	text-align: center;
	margin-top: 0.025in;
    margin-left: .055in;
	font-size: 18pt;
	font-weight: bold;
	float: left;
	height: 0.3in;
	display: block;
    padding: 0;
}
.event-scale {
	text-align: center;
	margin-top: 0.025in;
	font-size: 18pt;
	font-weight: bold;
	float: left;
	height: 0.3in;
	width: 0.3in;
	display: block;
    padding: 0;
}
.other-scale {
	text-align: center;
	margin-top: 0.025in;
	font-size: 18pt;
	font-weight: bold;
	float: left;
	height: 0.3in;
	width: 0.3in;
	display: block;
    padding: 0;
}

.foodchain {
	text-align: center;
	font-size: 18pt;
	font-weight: bold;
	height: 0.3in;
	width: 0.3in;
	float: right;
	display: block;
    padding: 0;
}
.event-foodchain {
	text-align: center;
	margin-top: 0.025in;
	font-size: 18pt;
	font-weight: bold;
	height: 0.3in;
	width: 0.3in;
	float: right;
	color: white;
	border-radius: 0.15in;
	display: block;
    padding: 0;
}
.other-foodchain {
	text-align: center;
	margin-top: 0.025in;
	font-size: 18pt;
	font-weight: bold;
	height: 0.3in;
	width: 0.3in;
	float: right;
	color: white;
	border-radius: 0.15in;
	display: block;
    padding: 0;
}

.foodchain-img {
	max-height: 0.3in;
	max-width: 0.3in;
	display: block;
    padding: 0;
}

.top-bar {
	display: inline-block;
    padding-top: .125in;
    padding-left: .125in;
    padding-right: .125in;
    padding-bottom: 0;
    width: 100%;
}
.event-top-bar {
	display: inline-block;
    width: 100%;
    padding: 0;
}
.other-top-bar {
	display: inline-block;
    width: 100%;
    padding: 0;
}

.pic-div {
	position: relative;
	display: block;
    padding: 0;
}

.main-pic {
	height: 1.65in;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    padding: 0;
}
.other-main-pic {
	height: 2.4in;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    padding: 0;
}

.image-credit {
	position: absolute;
	padding: 0.02in 0.04in;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 6pt;
    display: inline-block;
}

.species-classification {
    font-family: Courier;
    font-size: 5pt;
    padding-top: 0.0625in;
    padding-left: .125in;
    padding-right: 0;
    padding-bottom: 0;
    background-color: #fffcd3;
    display: inline-block;
    min-width: 0.9in;
    height: 20px;
}

.event-classification {
    font-family: Courier;
    font-size: 5pt;
    padding-top: 0.0625in;
    padding-left: .125in;
    padding-right: 0;
    padding-bottom: 0;
    background-color: #f0f0f0;
    display: inline-block;
    min-width: 0.9in;
    height: 20px;
}

.type {
    font-size: 9pt;
    font-weight: bold;
    padding-top: 0.07in;
    text-align: right;
    padding-right: 0.125in;
    padding-left: 5px;
    padding-bottom: 2px;
    display: inline-block;
    background-color: #f0f0f0;
    float: right;
    margin-top: 139px;
}

.points {
    font-size: 8pt;
    font-weight: bold;
    padding-top: 0.07in;
    text-align: right;
    padding-right: 0.125in;
    padding-left: 5px;
    padding-bottom: 2px;
    display: inline-block;
    background-color: #fffcd3;
    float: right;
    margin-top: 122px;
}

.s::after {
    content: 'S';
}

.species-main-text {
	height: 0.90in;
	padding-left: 0.125in;
	padding-right: 0.125in;
    padding-top: 0.05in;
    display: block;
    padding-bottom: 0;
}
.event-main-text {
	height: 0.85in;
	padding-left: 0.125in;
	padding-right: 0.125in;
	padding-top: 0.05in;
	padding-bottom: 0;
	display: block;
}
.other-main-text {
	height: 1.10in;
	padding: 0;
	display: block;
}

.effects {
	font-size: 7pt;
	padding-top: 0.0625in;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	display: block;
}

.fact {
	font-size: 7pt;
	padding-top: 0.0625in;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-style: italic;
	display: block;
}

.species-terrain-and-climate {
	display: block;
    padding: 0;
}
.event-terrain-and-climate {
    padding-left: .125in;
    padding-right: .125in;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}

.terrain-div {
	float: left;
    padding-left: 0.125in;
    display: block;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.other-terrain-div {
	float: left;
    padding: 0;
    display: block;
}

.terrain {
	position: relative;
	float: left;
	height: 0.45in;
	width: 0.45in;
	margin-top: -0.1in;
	margin-left: -0.1in;
	display: block;
    padding: 0;
}
.other-terrain {
	display: block;
    padding: 0;
}

.terrain-words {
	font-size: 10pt;
	font-weight: bold;
	float: left;
	display: block;
    padding-right: 0;
    padding-bottom: 0;
	padding-top: 0.0625in;
	padding-left: 0;
}

.species-climate-div {
	padding-top: 0.0625in;
	float: right;
    padding-right: 0.125in;
    display: block;
    padding-left: 0;
    padding-bottom: 0;
}
.event-climate-div {
	padding-top: 0.0625in;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	float: right;
	display: block;
}
.other-climate-div {
	padding-top: 0.0625in;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	float: right;
	display: block;
}

.climate {
	font-size: 10pt;
	font-weight: bold;
	float: right;
	display: block;
	padding-left: 0.0625in;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;

}

.Cold {
	color: #5555ff;
}

.Cool {
	color: #008800;
}

.Warm {
	color: #856a06;
}

.Hot {
	color: #9b0a0a;
}

.top-fill {
    display: inline-block;
    margin-top: -2px;
    padding: 0;
}
.bottom-fill {
    display:inline-block;
    float: right;
    padding: 0;
}
.design-element {
	width: 75px;
	height:20px;
	background-color: #f0f0f0;
	display: inline-block;
	padding: 0;
}
.species-triangle-top {
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fffcd3;
    transform: rotateZ(270deg);
    float: right;
    margin-right: 48px;
    display: block;
	padding: 0;
}
.event-triangle-top {
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #f0f0f0;
    transform: rotateZ(270deg);
    float: right;
    margin-right: 48px;
    display: block;
	padding: 0;
}
.species-triangle-bottom {
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fffcd3;
    margin-top: 122px;
    margin-left: 14px;
    transform: rotateZ(180deg);
    display: inline-block;
	padding: 0;
}
.event-triangle-bottom {
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #f0f0f0;
    margin-top: 139px;
    margin-left: 14px;
    transform: rotateZ(180deg);
    display: inline-block;
	padding: 0;
}
.Action {
	display:none;
}