.performance-grid {

}
.performance-grid .wp-block-columns {
	gap: 1.5em;
	margin-bottom: 2.25em;
}
.performance-grid .wp-block-columns .wp-block-column.four-column
{
	flex-basis:25%; 
	max-width: calc( 25% - 18px );
}
.performance-wrapper {

}
.performance-wrapper .performance-container {

}
.performance-wrapper .performance-container .performance-content {
	
}
.three-column-layout .performance-wrapper .performance-container .performance-content .performance-image {
	height: auto;
	float: left;
	width: 100%;
	clear: both;	
}
.four-column-layout .performance-wrapper .performance-container .performance-content .performance-image {
	height: auto;
	float: left;
	width: 100%;
	clear: both;	
}
.performance-wrapper .performance-container .performance-content .performance-image a {
	display: block;
	height: auto;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	aspect-ratio: 16 / 9;
}

.performance-wrapper .performance-container .performance-content .performance-title-meta {
	display: flex;
	flex-direction: column;
	float: left;
	width: 100%;
	clear: both;
}
.performance-wrapper .performance-container .performance-content .performance-title-meta .performance-meta-date {
	margin: 0px;
}
.performance-wrapper .performance-container .performance-content .performance-title-meta .performance-meta-date a {
	text-decoration: none;
}
.performance-wrapper .performance-container .performance-content .performance-title-meta .performance-meta-date a time {

}
.performance-wrapper .performance-container .performance-content .performance-title-meta .performance-title {
	margin: 0px;
	color: #000;
	width: 100%;
	float: left;
}
.performance-wrapper .performance-container .performance-content .performance-title-meta .performance-title a {
	color: #000;
	text-decoration: none;
}
.performance-wrapper .performance-container .performance-content .performance-title-meta .performance-item-tag {
	margin: 0px;
	color: #ddd;
	margin-bottom: 10px;
	width: 100%;
	float: left;
}
.performance-wrapper .performance-container .performance-content .performance-title-meta .performance-item-tag a {
	font-style: italic;
	margin: 0px;
	color: #6b6b6b;
	font-size: 14px;
	text-decoration: none;
}
.performance-wrapper .performance-container .performance-content .performance-button {
	margin-top: -34px;
	max-height: 34px;
	clear: both;
	display: block;
	width: 100%;
	float: left;
}
.performance-wrapper .performance-container .performance-content .performance-button a {
	background-color: #F5EC56;
	color: #000;
	text-decoration: none;
	border: 1px solid #F5EC56;
	display: inline-block;
	padding: 5px 15px; 
	min-height:34px; 
	max-height:34px;
}
.performance-wrapper .performance-container .performance-content .performance-button a:hover {
	background-color: #000;
	color: #F5EC56;
}
.performance-wrapper .performance-container .performance-content .performance-title-meta .performance-meta-details {
	margin-top: 10px;
	margin-bottom: 0px;
}
.performance-wrapper .performance-container .performance-content .performance-title-meta .performance-meta-details a {

}
.performance-wrapper .performance-container .performance-content .performance-button {

}
.performance-wrapper .performance-container .performance-content .performance-button a {
	background-color: #F5EC56;
	color: #000;
}

/* Media Query for Mobile Devices */
@media (max-width: 480px) {
	.performance-grid .wp-block-columns {
		flex-direction: column;
	}
	body .performance-grid .wp-block-columns .wp-block-column,.performance-grid .wp-block-columns .wp-block-column.four-column {
		flex-basis: 100%;
		max-width: 100%;
	}	
}
  
/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
	.performance-grid .wp-block-columns {
		flex-wrap: wrap !important;
	}
	.performance-grid .wp-block-columns .wp-block-column,.performance-grid .wp-block-columns .wp-block-column.four-column {
		flex-basis: 50%;
		max-width: calc( 50% - 18px );
	}
}
  
/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
	.performance-grid .wp-block-columns {
		flex-wrap: wrap !important;
	}
	.performance-grid .wp-block-columns .wp-block-column,.performance-grid .wp-block-columns .wp-block-column.four-column {
		flex-basis: 50%;
		max-width: calc( 50% - 18px );
	}
}