#plant-header-names h1 {
	font-size: 80px;
	font-weight: 200;
	letter-spacing: -0.025em;
	line-height: 1.2;
}

@media(min-width: 400px)and (max-width: 1399px) {
	#plant-header-names h1 {
		font-size: calc(80px + (150 - 80) * (100vw - 400px) / (1400 - 400));
	}
}

@media(min-width: 1400px) {
	#plant-header-names h1 {
		font-size: 150px;
	}
}

#h-latin-name {
	padding-bottom: 30px;
	font-size: 20px;
	font-weight: 300;
	line-height: 1.5;
}

@media(min-width: 768px) {
	#h-latin-name {
		padding-bottom: 40px;
	}
}

@media(min-width: 400px)and (max-width: 1399px) {
	#h-latin-name {
		font-size: calc(20px + (24 - 20) * (100vw - 400px) / (1400 - 400));
	}
}

@media(min-width: 1400px) {
	#h-latin-name {
		font-size: 24px;
	}
}

.plant-header-taxonomy-container {
	width: 100%;
	margin: 0 auto;
}

@media(min-width: 768px) {
	.plant-header-taxonomy-container {
		width: 83.3333333333%;
	}
}

@media(min-width: 1070px) {

	.plant-header-taxonomy-container {
		width: 50%;
	}
}

.plant-header-taxonomy-container {
	border-top: 5px solid var(--wp--preset--color--dark-cream);
	padding-top: 15px;
	padding-bottom: 15px;
}

.plant-header-taxonomy-container div {
	border-right: 1px solid var(--wp--preset--color--dark-cream);
}

@media(max-width: 399px) {
	.plant-header-taxonomy-container div {
		border-left: 1px solid var(--wp--preset--color--dark-cream);
	}

	.plant-header-taxonomy-container div:not(:last-child) {
		margin-bottom: 31px;
		position: relative;
	}

	.plant-header-taxonomy-container div:not(:last-child)::after {
		border-bottom: 1px solid var(--wp--preset--color--dark-cream);
		content: "";
		display: block;
		position: absolute;
		top: calc(100% + 15px);
		width: 100%;
	}
}

@media(min-width: 400px) {
	.plant-header-taxonomy-container div {
		flex: 1;
	}

	.plant-header-taxonomy-container div:first-child {
		border-left: 1px solid var(--wp--preset--color--dark-cream);
	}
}

.plant-header-taxonomy-container .heading-plant-taxonomy {
	color: var(--wp--preset--color--leaf);
	font-weight: 500;
	font-family: var(--wp--preset--font-family--body);
	font-size: 16px;
	line-height: 1.5;
}

.plant-header-taxonomy-container .plant-scientific-name-text {
	margin: 0;
	font-size: var(--wp--preset--font-size--normal);
}

.plant-header-taxonomy-container div a {
	box-shadow: inset 0 -1px var(--wp--preset--color--leaf);
	cursor: pointer;
}

.plant-header-taxonomy-container div a:hover,
.plant-header-taxonomy-container div a:focus {
	box-shadow: none;
	background-color: var(--wp--preset--color--leaf);
	color: var(--wp--preset--color--cream);
}

.plant-header-taxonomy-container div a:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: var(--wp--preset--color--neon);
	color: var(--wp--preset--color--cream);
}


.single-plant .entry-content {
	margin: 0;
	padding: 0;
}

/* Plant Details Container */
#plant-details {
	background-color: var(--wp--preset--color--leaf);
	color: var(--wp--preset--color--cream);
	border-color: var(--wp--preset--color--cream);
	padding-left: 5vw;
	padding-right: 5vw;
	padding-bottom: 30px;
	-webkit-box-shadow: inset 0 40px var(--wp--preset--color--cream);
	box-shadow: inset 0 40px var(--wp--preset--color--cream)
}

@media(min-width: 600px) {
	#plant-details {
		padding-left: 1.5vw;
		padding-right: 1.5vw;
	}
}

@media(min-width: 768px) {
	#plant-details {
		padding-bottom: 40px;
	}
}

@media(min-width: 1070px) {
	#plant-details {
		padding-left: 0;
		padding-right: 0;
	}
}

#plant-details a {
	border-bottom: 1px solid var(--wp--preset--color--cream);
}

/* Plant Details Map Card Image 3 column layout */
#plant-details .plant-details-map-card-image {
	align-items: center;
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 0;
}

@media(min-width: 1070px) {
	#plant-details .plant-details-map-card-image {
		flex-direction: row;
		justify-content: flex-start; /* Use flex-start to align columns at their fixed widths */
	}
}

/* Plant Details Map Card Image */
#plant-details .plant-details-map {
	position: relative;
}

@media(max-width: 1069px) {
	#plant-details .plant-details-map {
		margin-top: 12.5vmin;
		order: 3;
	}
}

@media(max-width: 1069px)and (min-width: 768px) {
	#plant-details .plant-details-map {
		margin-top: 10vmin;
	}
}

@media(max-width: 1069px)and (min-width: 1200px) {
	#plant-details .plant-details-map {
		margin-top: 7.5vmin;
	}
}

@media(min-width: 1070px) {
	#plant-details .plant-details-map {
		width: 25%;
		flex: 0 0 25%;
		display: flex;
		align-items: center;
	}
}

#plant-details .arboretum-plant-minimap-container {
	width: 80%;
	margin: 0 auto;
}

/* Plant central image */
#plant-details .plant-details-image {
	width: 100%;
	margin: 0 auto;
}

@media(min-width: 768px) {
	#plant-details .plant-details-image {
		width: calc( 83.3333333333% + 3vw );
		margin: 0 auto;
	}
}

@media(min-width: 1070px) {
	#plant-details .plant-details-image {
		width: 50%;
		flex: 0 0 50%;
	}
}

#plant-details .plant-details-map-card-image img {
	border: 0;
	border-radius: 0;
}

/* Plant Card Column Right */
#plant-details .plant-details-card {
	padding-left: 3vw;
	padding-right: 3vw;
	width: 100%;
}

@media(min-width: 599px)and (min-width: 768px) {
	#plant-details .plant-details-card {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}

@media(min-width: 768px) {
	#plant-details .plant-details-card {
		padding-left: 3vw;
		padding-right: 3vw;
	}
}

@media(max-width: 1069px) {
	#plant-details .plant-details-card {
		margin-top: -40px;
	}
}

@media(min-width: 1070px) {
	/* Right column: 25% */
	#plant-details .plant-details-card {
		width: 25%;
		flex: 0 0 25%;
		display: flex;
		align-items: center;
	}

	#plant-details .plant-details-card .plant-bio-plant-tag {
		position: absolute;
		right: 10%
	}
}

/* Header alignments in plant header box */
#plant-details-characteristics h2,
#plant-details-tagline {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12.5vmin;
	margin-top: 12.5vmin;
	text-align: center;
	width: 100%;
	color: var(--wp--preset--color--cream);
}

@media(min-width: 768px) {
	#plant-details-characteristics h2,
	#plant-details-tagline {
		margin-bottom: 10vmin;
		margin-top: 10vmin
	}
}

@media(min-width: 1200px) {
	#plant-details-characteristics h2,
	#plant-details-tagline {
		margin-bottom: 7.5vmin;
		margin-top: 7.5vmin
	}
}

@media(min-width: 600px) {
	#plant-details-characteristics h2,
	#plant-details-tagline {
		padding-left: 1.5vw;
		padding-right: 1.5vw
	}
}

@media(min-width: 600px) {
	#plant-details-characteristics h2,
	#plant-details-tagline {
		width: 66.6666666667%
	}
}

@media(min-width: 768px) {
	#plant-details-characteristics h2,
	#plant-details-tagline {
		width: 50%
	}
}

/* Main text two column and drop cap */
#plant-details-main-text {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12.5vmin;
	margin-top: 12.5vmin;
	width: 100%
}

@media(min-width: 768px) {
	#plant-details-main-text {
		margin-bottom: 10vmin;
		margin-top: 10vmin
	}
}

@media(min-width: 1200px) {
	#plant-details-main-text {
		margin-bottom: 7.5vmin;
		margin-top: 7.5vmin
	}
}

@media(min-width: 600px) {
	#plant-details-main-text {
		padding-left: 1.5vw;
		padding-right: 1.5vw
	}
}

@media(min-width: 600px) {
	#plant-details-main-text {
		column-count: 2;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-webkit-column-gap: 3vw;
		-moz-column-gap: 3vw;
		column-gap: 3vw;
		max-width: 1125px
	}
}

@media(min-width: 768px) {
	#plant-details-main-text {
		width: 83.3333333333%
	}
}

#plant-details-main-text p:first-of-type:last-of-type {
	min-height: calc(1 * 2.4 * (0.73em + 0.125em + 1.1em + 0.9em + 1px))
}

#plant-details-main-text p:first-of-type::first-letter {
	font-family: var(--wp--preset--font-family--header);
	font-weight: 200;
	line-height: 1.2;
	font-size: 2.4em;
	float: left;
	line-height: .73em;
	margin: .125em .4em 0 -0.1em;
	padding: 1.1em .7em .9em;
	border: 1px solid;
	border-radius: 100%
}

@media(min-width: 600px) {
	#plant-details-main-text p:first-of-type:last-of-type {
		min-height: calc(2 * 2.4 * (0.73em + 0.125em + 1.1em + 0.9em + 1px))
	}

	#plant-details-main-text p:first-of-type::first-letter {
		font-family: var(--wp--preset--font-family--header);
		font-weight: 200;
		line-height: 1.2;
		font-size: 2.4em;
		float: left;
		line-height: .73em;
		margin: .125em .4em 0 -0.1em;
		padding: 1.1em .7em .9em;
		border: 1px solid;
		border-radius: 100%
	}
}

/* Plant Origin Centering */
#plant-details .plant-origin {
	align-items: center;
	display: flex;
	justify-content: center;
}

/* Images for plant charactreristics */
#plant-details-character-attributes {
	padding: 0 var(--wp--preset--spacing--60);
}

#plant-details-character-attributes img {
	border: 1px solid var(--wp--preset--color--cream);
	border-radius: 0;
}

#plant-details-character-attributes figcaption {
	color: inherit;
	font-size: 14px;
	font-weight: 200;
	font-family: var(--wp--preset--font-family--body);
	line-height: 1.5;
	margin-top: 10px
}

.plant-characteristic-numbering {
	height: 20px;
	width: 20px;
	font-family: var(--wp--preset--font-family--header);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1;
	align-items: center;
	border: 1px solid;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
	user-select: none;
	background-color: var(--wp--preset--color--leaf);
	color: var(--wp--preset--color--cream);
	border-color: var(--wp--preset--color--cream);
}

@media(max-width: 599px) {
	.plant-characteristic-numbering {
		display: none;
	}
}

/* Plant Details Main Container */
#plant-main-details-container {
	padding: 0 var(--wp--preset--spacing--60);
	margin: var(--wp--preset--spacing--60) auto;
}