.bw-resource-grid.loading {
	animation: loading 2s linear 0s infinite;
}

@keyframes loading {
	0%   {opacity: 0.9;}
	50%   {opacity: 0.4;}
	100%   {opacity: 0.9;}
}

/***************/
/* Show More   */
/***************/

.bw-resource-grid .bw-resource-view-more-container {
	display: flex;
	justify-content: center;
	padding: 20px 0;
}

.bw-resource-grid.no-more .bw-resource-view-more-container {
	display: none;
}

.bw-resource-grid .bw-resource-view-more-container .bw-view-more:focus {
	color: var(--global-palette-btn);
	background-color: var(--global-palette-btn-bg);
}

/******************/
/* Resource Grid  */
/******************/

.bw-resource-grid .bw-resource-grid-slide {
	overflow: hidden;
	transition: height 1s ease-in;
}

.bw-resource-grid .bw-resource-grid-wrap {
	display: flex;
	flex-wrap: wrap;
}


.bw-resource-grid .bw-resource-grid-wrap > div {
	flex: 0 0 var(--col-width);
}

/*************/
/* Resource  */
/*************/

.bw-resource {
	margin-bottom: var(--global-lg-spacing);
}

.bw-resource .bw-resource-header {
	display: flex;
	align-items: center;
	margin-bottom: var(--global-sm-spacing);
}

.bw-resource .bw-resource-header a {
	text-decoration: none;
}

.bw-resource .bw-resource-header .bw-resource-img {
	flex-shrink: 0;
	position: relative;
	width: 20%;
	padding-top: 20%;
	overflow: hidden;
}

.bw-resource .bw-resource-header .bw-resource-img img {
	position: absolute;
  	left: 50%;
  	top: 50%;
  	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
}

.bw-resource .bw-resource-header a {
	padding-left: var(--global-md-spacing);
}