h1 {
	margin-bottom: 10px;
}
.binomial-title {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.specie-content {
	display: block;
}
.specie-info-head {
	display: flex;
	gap: 12px;
	flex-direction: row;
}
.specie-col {
	width: 50%;
}
.img-caption {
	display: block;
}
.specie-img {
	display: flex;
}
.specie-img img {
	object-fit: contain;
	height: auto;
}
.specie-info {
	display: block;
}
.specie-conservation-status, .specie-details {
	border: 1px solid #bababa;
}
.specie-conservation-status {
	display: block;
	padding: 10px 20px;
	border-bottom: none;
}
.specie-conservation-status p {
	margin-bottom: 0px;
}
.specie-details {
	display: block;
}
.specie-details table {
	border: none;
	margin-bottom: 0;
}
.specie-details table td {
	width: 50%;
	border: none;
	vertical-align: top;
}
.specie-details table tr td:first-child {
	padding: 8px 0px 8px 20px;
}
.specie-details table tr td:nth-child(2) {
	padding: 8px 20px 8px 0px;
}
.specie-taxonomy {
	display: block;
}
.specie-geo-range {
	display: block;
}
.specie-geo-range img {
	object-fit: cover;
	width: 100%;
}
.tax-title {
	font-weight: 500;
}
.tax-name {
	font-weight: bold;
	color: black;
}
.tax-name_g {
	/*font-weight: bold;*/
	color: #8fa500;
}
.tax-name_g:hover {
	color: #b1c722; /*green lighter*/
}
.tax-desc {
	color: #bababa;
}
.tablecell-background {
	background-color: rgb(244, 244, 244);
}
.info-bold {
	font-weight: bold;
}
.info-green {
	color: #8fa500; /*light green*/
}
.specie-conservation-status embed {
	width: 100%;
}
.location-tax-list:after {
  content: "";
  display: table;
  clear: both;
}
.location-tax-list li {
	list-style-type: none;
	padding-left: 0px;
}
.location-tax-list ul {
	padding-left: 0px;
}
.location-col {
	border: 1px solid lightgray;
	box-shadow: 0px 3px 10px rgb(0 0 0 / 20%);
	display: flex;
}
.location-col-img {
	width: 40%;
	display: inline-block;
}
.location-col-card {
	width: 60%;
	display: inline-block;
	padding: 10px 20px;
	line-height: 1.2;
}
.location-col-img img {
	object-fit: cover;
    width: 100%;
    height: 100%;
}
.location-col-card p {
	margin-bottom: 5px;
}
.location-col-card-title a {
	font-size: 2rem;
	font-weight: bold;
}
.edp-text-bold {
	font-weight: bold;
}
/******************************* species location grid ********************************/
.species-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}
/******************************* species taxonomy cascade *****************************/
.taxonomy-details {
	display: grid;
	grid-template-columns: auto auto auto auto auto auto max-content;
}
.taxonomy-details div {
	z-index: 999;
}
#tax_kingdom {
	grid-column: 1 / 8;
}
#tax_phylum {
	grid-column: 2 / 8;
}
#tax_class {
	grid-column: 3 / 8;
}
#tax_order {
	grid-column: 4 / 8;
}
#tax_family {
	grid-column: 5 / 8;
}
#tax_genus {
	grid-column: 6 / 8;
}
#tax_species {
	grid-column: 7 / 8;
}
.taxonomy-details div {
	padding: 0;
	margin: 0;
}
.taxonomy-details span {
	font-size: 1.1rem;
	line-height: 1.4rem;
}
.taxonomy-details p {
	font-size: 1.1rem;
	line-height: 1.4rem;
	margin: 0;
}
/******************************* responsive ************************************/
@media (max-width: 1000px) {
	.specie-info-head {
		flex-direction: column;
	}
	.specie-col {
		width: 100%;
	}
	.img-caption {
		width: 100%;
	}
	.species-grid {
		grid-template-columns: 1fr;
		grid-row-gap: 15px;
	}
}