
.block-article-tile.alignwide .block-article-tile-item-content-container-inner {
	left: 4%;
}

/*******************
  Article Tile
********************/

.block-article-tile {
overflow:hidden;
position:relative;
display:block;
width:100%;
}

.block-article-tile-inner,
.block-article-tile-item {
height:100%;
}

.block-article-tile-inner {
width:100%;
}

@media (max-width: 959px){
	.block-article-tile-inner {
	max-width: 100%;
	}
}

.block-article-tile-item {

}

.block-article-tile-item-content-container-inner {
background-color: transparent;
display: flex;
flex-direction: column;
}

.block-article-tile-item {
display: flex;
justify-content: center;
align-items: flex-start;
padding-top: 1rem;
margin: 0rem auto 1.25rem;
}

@media (min-width: 960px){
	.block-article-tile-item {
	padding: 0rem;
	margin: 0rem;
	}
}

.block-article-tile-image {
width: calc(100% + 3rem);
height: 24vh;
object-fit: cover;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
margin: -1.5rem -1.5rem 1rem;
}

@media (min-width: 960px){
	.block-article-tile-image {
	height: 36vh;
	}
}



.block-article-tile-image img {
height:auto;
max-width:100%;
width:100%;
position:relative;
opacity:0.0;
}

.block-article-tile-image:after {
content: '';
visibility: visible;
position: absolute;
border: 1px solid rgba(255, 255, 255, .5);
top: 0.25rem;
right: 0.25rem;
bottom: 0.25rem;
left: 0.25rem;
height: auto;
z-index: 0;
}

/***********************
  Article Tile: Content
************************/

.block-article-tile-item-content-container {
z-index: 1;
}

.block-article-tile-section-heading {
display: grid;
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 2;
grid-template-columns: auto clamp(2rem, 8rem, 25%);
width: 100%;
}

.block-article-tile-section-heading h2 {
margin: 0rem !important;
}

.block-article-tile-2-col .block-article-tile-section-heading {
grid-column-end: 3;
}

.block-article-tile-3-col .block-article-tile-section-heading {
grid-column-end: 4;
}

@media (min-width: 767px){
	.block-article-tile-4-col .block-article-tile-section-heading {
	grid-column-end: 3;
	}
}

@media (min-width: 960px){
	.block-article-tile-4-col .block-article-tile-section-heading {
	grid-column-end: 5;
	padding: 0rem;
	}
}


.block-article-tile-section-heading a {
display: inline-flex;
align-items: center;
justify-content: end;
}

.block-article-tile-heading-and-description {
padding: 1rem 0;
margin: 0rem;
}

.block-article-tile-heading {
}

.block-article-tile-heading h3 {
font-size: 1.625rem !important;
line-height: 1.25 !important;
margin: 0.5rem auto;
}

@media (min-width: 960px){
	.block-article-tile-heading h3 {
	font-size: 2rem;
	}
}

.block-article-tile-heading h3 a {
color: var(--black-80) !important;
text-decoration: none !important;
}

.block-article-tile-heading h3 a:hover {
color: var(--black) !important;
text-decoration: underline !important;
}

.block-article-tile-estimated-read-time {
  margin-bottom: 1rem;
}

.block-article-tile-image {
height: 24vh;
margin: 0;
width: 100%;
}

.block-article-tile-category {
background-color: var(--black-80);
/*background-color: var(--link);*/
color: var(--white);
font-size: .875rem;
font-weight: 600;
padding: 0.25rem 0.75rem;
position: absolute;
top: 0.25rem;
left: 0.25rem;
max-width: 80%;
width: auto !important;
}

.block-article-tile-description {
font-weight: 500;
}

.block-article-tile-actions {
text-align: center;
}

.block-article-tile-item-controls {
text-align: center;
}


/***********************
  Article Tile: Columns
************************/

.block-article-tile-2-col .block-article-tile-inner,
.block-article-tile-3-col .block-article-tile-inner,
.block-article-tile-4-col .block-article-tile-inner {
justify-content: center;
display: block;
gap: 1.5rem;
}

body:not([class*=page-paged-]) .block-article-tile-inner {
	max-width: 100% !important;
	margin: 0rem !important;
}



/*
@media (min-width: 960px){

	.block-article-tile-2-col .block-article-tile-inner,
	.block-article-tile-4-col .block-article-tile-inner {
	display: grid;
	}

	.block-article-tile-2-col .block-article-tile-inner,
	.block-article-tile-4-col .block-article-tile-inner {
	grid-template-columns: repeat(2, 50%);
	padding: 0 1rem;
	}

	.block-article-tile-3-col .block-article-tile-inner {
	grid-template-columns: repeat(3, 33.33%);
	}

	.block-article-tile-2-col .block-article-tile-image {
	height: 44vh;
	}
}*/


@media (min-width: 960px){
	.block-article-tile-2-col .block-article-tile-inner,
	.block-article-tile-3-col .block-article-tile-inner,
	.block-article-tile-4-col .block-article-tile-inner {
	display: grid;
	}

	.block-article-tile-2-col .block-article-tile-inner,
	.block-article-tile-3-col .block-article-tile-inner,
	.block-article-tile-4-col .block-article-tile-inner {
	padding: 0 2.25rem;
	}

	.block-article-tile-3-col .block-article-tile-inner {
	grid-template-columns: repeat(3, 33.33%);
	}

	.block-article-tile-4-col .block-article-tile-inner {
	grid-template-columns: repeat(4, 25%);
	}

	.block-article-tile-3-col .block-article-tile-image {
	height: 36vh;
	}
}

/************************************
  Article Tile: Display as Archive
*************************************/

/* Hide the TOP PAGINATION   */
body:not([class*=page-paged-]) #block-article-tile-pagination-top {
display: none;
visibility: hidden;
}

/* Hide the HERO CAROUSEL. If page not equal 1, wordpress adds a 'page-paged-' class name on the body   */
body[class*=page-paged-] .block-hero-carousel,
body[class*=page-paged-] .entry-content .wp-block-spacer:first-child {
display: none;
visibility: hidden;
}

@media (max-width: 959px){
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:after,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-rows .block-article-tile-item:after {
	content: '';
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0rem;
	right: 0rem;
	bottom: -0.5rem;
	background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 4%, rgba(0,0,0,0.4) 96%, transparent 100%);
	}
}



@media (min-width: 960px){

	.display-article-posts-archive-layout-as-1-1-4-1-1 {

	}

	.display-article-posts-archive-layout-as-rows {

	}

	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(2),
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(3),
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(12),
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(13),
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-rows .block-article-tile-item {
	grid-column-start: 1;
	grid-column-end: 5;
	padding: 0rem;
	}

	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(2) .block-article-tile-item-content-container,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(3) .block-article-tile-item-content-container,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(12) .block-article-tile-item-content-container,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(13) .block-article-tile-item-content-container {

	}

	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(2) .block-article-tile-item-content-container:after,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(3) .block-article-tile-item-content-container:after,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(12) .block-article-tile-item-content-container:after,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(12) .block-article-tile-item-content-container:before,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-rows .block-article-tile-item .block-article-tile-item-content-container:after {
	content: '';
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0rem;
	bottom: -0.75rem;
	background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 4%, rgba(0,0,0,0.4) 96%, transparent 100%);
	}

	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(12) .block-article-tile-item-content-container:before {
		top: -1.5rem;
		bottom: initial;
	}

	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(2) .block-article-tile-item-content-container-inner,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(3) .block-article-tile-item-content-container-inner,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(12) .block-article-tile-item-content-container-inner,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-item:nth-child(13) .block-article-tile-item-content-container-inner,
	body:not([class*=page-paged-]) .display-article-posts-archive-layout-as-rows .block-article-tile-item .block-article-tile-item-content-container-inner {
	display: grid;
	grid-template-columns: 30% 70%;
	column-gap: 1.5rem;
	row-gap: 1.5rem;
	}

	.display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-heading-and-description {
	}

	.display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-heading,
	.display-article-posts-archive-layout-as-1-1-4-1-1 .block-article-tile-description {

	}

	.display-article-posts-archive-layout-as-rows .block-article-tile-heading-and-description {
	}

	.display-article-posts-archive-layout-as-rows .block-article-tile-heading,
	.display-article-posts-archive-layout-as-rows .block-article-tile-description {

	}
}


/** Pagination **/

.block-article-tile-pagination {
grid-column-start: 1;
grid-column-end: 5;
padding: 1rem 0rem;
display: flex;
}

.block-article-tile-pagination:empty {
display: none;
}

.block-article-tile-pagination:before {
content: '';
height: 1px;
width: 100%;
position: absolute;
left: 0rem;
top: 0rem;
/* background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.4) 4%, rgba(0,0,0,0.4) 96%, transparent 100%); */
}

.block-article-tile-pagination .page-numbers {
padding: .5rem 1rem;
font-weight: 600;
}

.block-article-tile-pagination .page-numbers.current {
background-color: var(--steadfast-blue);
color: var(--white);
}

.block-article-tile-pagination .page-numbers:not(:last-child),
.block-article-tile-pagination .page-numbers.active:not(:first-child) {
border-right: 1px solid #ddd;
}

/************************************
  Article Tile: Display as Recent
*************************************/

.block-article-tile-display-article-posts-as-recent {

}
