.resource-block { overflow: hidden; }

.resource-block__header { display: flex; justify-content: space-between; align-items: flex-end; }
.resource-block__title-text { width: 78%; flex-basis: 78%; }
.resource-block__button { width: 22%; flex-basis: 22%; }
.resource-block__header .content-block__content p { margin-bottom: 0; }
.resource-block__header .button__container { width: 100% !important; justify-content: flex-end; }

.resource-block__grid { position: relative; z-index: 20; display: grid; grid-template-columns: repeat(3, minmax(200px, 33.33%)); grid-column-gap: 70px; margin-top: 40px; }

.resource-card { background: var(--white); height: 100%; display: flex; align-self: stretch; flex-direction: column; padding: 50px 30px 40px; }
.resource-card__types { width: 100%; }
.resource-card__content { height: 100%; }
.resource-card .text-button { margin-top: auto; width: 100%; }
.resource-card__title { margin: 0; width: 100%; }
.resource-card__title a { margin: 0; color: inherit; }
.resource-card__title a:hover { color: var(--secondary)  }
.resource-card__publisher { margin: 20px 0 0; font-weight: var(--bold); font-family: var(--heading-family); color: var(--near-black); font-size: 1rem; display: flex; align-items: flex-start; gap: 5px; }
.resource-card__publisher span { transform: translateY(4px);}
.resource-card__description { margin: 20px 0 0; font-size: 1rem; line-height: 1.3}
.resource-card__topics { margin: 20px 0; font-size: 1rem; font-weight: var(--bold); text-transform: uppercase; font-size: .8125rem; letter-spacing: .5px; line-height: 1.1}

.resource-card__type { padding: 10px; background: var(--secondary); color: var(--white); clip-path: var(--notch-right-xsmall); display: inline-block; line-height: 1; margin: 0 0 18px; font-size: .8125rem; text-transform: uppercase; letter-spacing: .5px; font-weight: var(--bold)}

@media only screen and (max-width: 1400px) {
	.resource-block__header { width: calc(100% - 60px); }
	.resource-block__header { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
	.resource-block__header .button__container { justify-content: flex-start; margin: 20px 0 0;}
	.resource-block__header .content-block__content p { font-size:inherit; }
	.resource-block__title-text { width: 100%; flex-basis: 100%; }
	.resource-block__grid {grid-template-columns: repeat(3, minmax(200px, 33.33%)); grid-column-gap: 15px; padding-right: 30px; } 
	.resource-block__button { width: 100%; flex-basis: 100%; }
}
@media only screen and (max-width: 800px) {
	.resource-block__grid {grid-template-columns: repeat(1, minmax(200px, 100%)); grid-gap: 15px; padding-right: 0; } 
}