/* masthead */
.resources-masthed-section, .resource-details-masthead-section{padding-top:var(--padding-large); padding-bottom:var(--padding-large);}

/* filter */
.ba-resources-filter .col-md{min-width: 0;}

/* listing */
.ba-resources-listing{gap:var(--margin-big);}
.ba-resources-listing .item{width:calc((100% - var(--margin-big)*2)/3);}

.ba-resources-listing.listing-column{gap:var(--margin-normal);}
.ba-resources-listing.listing-column .resource-card .ba-resource-type{margin-bottom:var(--margin-normal);}
.ba-resources-listing.listing-column .resource-card .description{gap:3.5rem; margin-bottom:var(--margin-normal);}

/* details */
.resource-details-masthead-section .tags-wrap{gap:2rem;}

.ba-resource-share-block {color: var(--color-dark-grey); gap: 0.5rem;}
.ba-resource-share-block [class*='fa']{font-size: 1.5rem;}
.ba-resource-share-block a:not(:hover):not(:focus){color:var(--color-link);}

.resource-details-masthead-section .tags-wrap{justify-content: flex-start;flex-wrap: wrap;}
.resource-details-masthead-section .tags-wrap .tags-listing{margin-top:0.18rem;}

/* related */
.ba-resource-related-slider{margin-left:-1.75rem; margin-right:-1.75rem;}
.ba-resource-related-slider .item{margin:0 1.75rem;}

.resource-related-slider-controls{gap:0;}

@media (max-width: 1399.98px) {
	.resources-masthed-section, .resource-details-masthead-section{padding-top:var(--padding-normal); padding-bottom:var(--padding-normal);}
}
@media (max-width: 1199.98px){
	.ba-resources-listing{gap:1.5rem;}
	.ba-resources-listing .item{width:calc((100% - 1.5rem*2)/3);}
	
	.ba-resource-related-slider{margin-left:-0.75rem; margin-right:-0.75rem;}
	.ba-resource-related-slider .item{margin:0 0.75rem;}

}

@media (max-width: 991.98px){
	.ba-resources-listing{gap:0.75rem;}
	.ba-resources-listing .item{width:calc((100% - 0.75rem*2)/3);}
	
	.ba-resource-related-slider{margin-left:-0.37rem; margin-right:-0.37rem;}
	.ba-resource-related-slider .item{margin:0 0.37rem;}
	
	.resource-related-slider-controls{display: none;}
}

@media (max-width: 767.98px) {
	
	.ba-resources-listing .item{width:calc((100% - 0.75rem)/2);}
}

@media (max-width: 575.98px){
	.ba-resources-listing .item{width:100%;}
	.ba-resources-listing.listing-column .resource-card .description{gap:var(--margin-normal);}
}