/*--------------------------- 
Add Plugin Front-End CSS here 
---------------------------*/

.animal_description_wrapper {
	align-items: stretch;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	grid-column-gap: 25px;
	grid-row-gap: 30px;
	display: grid;
}

.animal_description p {
	font-weight: 600;
	margin: 0;
}

.animal_description .animal_description_title {
	text-transform: uppercase;
	color: var(--secondary)
}

.terms_grid {
	align-items: stretch;
	grid-template-columns: repeat(auto-fit, minmax(225px, 1fr));
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	display: grid;
}

.term {
	background-color: var(--white);
	transition: var(--transition);
}

.term:hover {
	background-color: var(--black);
	transform: var(--transform-scale);
}

.term .term_details_wrapper p {
	color: var(--text);
}

.term:hover .term_details_wrapper h5 {
	color: var(--secondary);
}

.term:hover .term_details_wrapper p {
	color: var(--white);
}

.br-top-left {
	border-top-left-radius: 6px;
}

.br-top-right {
	border-top-right-radius: 6px;
}

.br-bottom-left {
	border-bottom-left-radius: 6px;
}

.br-bottom-right {
	border-bottom-right-radius: 6px;
}