/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Table head */
.wp-block-table thead {
	color: #fff;
}
/* Table Body */
.wp-block-table tbody {
	background-color: #ccc;
	border: 1px solid #39733b;
}
/* Table Rows - All rows */
.wp-block-table tbody tr {
	background-color: #fff;
	border-bottom: 1px solid #39733b;
}
/* Table Rows - alternating row */
.wp-block-table tbody tr:nth-child(odd) {
	background-color: #e8f4e9;
  	border-bottom: none;
}

/* Table body cells */
.wp-block-table tbody td {
  	border: none;
}

/* Species Gallery */
.speciesgallery {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-start;
}
.speciesgallerybox {
	margin: 14px;
	overflow: hidden;
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.5);

}
.speciesgallerybox-sp img {
	max-height: 240px;

}
@media only screen and (max-width: 768px) {
	.speciesgallerybox-sp img {
		max-height: none;
		width: 100%;
	}
}
.speciesgallerybox-gen img {
	height: 240px;
	width: 160px;
	object-fit: cover;
	}
@media only screen and (max-width: 768px) {
	.speciesgallerybox-gen img {
	height: 180px;
	width: 120px;
	object-fit: cover;							
	}
}
.speciesgallerybox img:hover {
	transform: scale(1.2);
	transition: .3s ease;
}
.speciesgallerybox figure {
	vertical-align: bottom;
	position: relative;
}
.speciesgallerybox figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: end;
	justify-content: center;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	font-size: smaller;
}