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

/*******************
  Content Tile
********************/

.block-photo-tile {
position:relative;
display:block;
width:100%;
/*padding: 1.5rem 0rem;*/
}

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

.block-photo-tile-inner {
width:100%;
gap: 1.5rem;
display: grid;
}

@media (min-width:960px){
	.block-photo-tile-inner {
	padding: 0 2.25rem;
	}
}

.block-photo-tile-item {

}

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

.block-photo-tile-item {
display: flex;
justify-content: center;
align-items: flex-start;
}

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

.block-photo-tile-item-content-container {
z-index: 1;
max-width: 100% !important;
}

.block-photo-tile-item-content-container-inner-item {
display: flex;
flex-direction: column;
flex-basis: 100%;
color: var(--body-font-color);
animation: scaleOut 0.6s;
box-shadow: 0rem 0rem 0.125rem var(--black-20);
}

.block-photo-tile-item-content-container-inner-item:hover {
animation: scaleIn 0.6s;
transform-origin: center;
animation-fill-mode: forwards;
}

.block-photo-tile-item-content-container-inner-item:active {
animation: scalePressed 0.6s;
transform-origin: center;
animation-fill-mode: forwards;
}

.block-photo-tile-display-item-as-tile {

}

.block-photo-tile-display-item-as-card {
padding: 1rem;
background-color: var(--white);
box-shadow: 0rem 0rem 0.025rem 0.025rem var(--black-40), 0rem 0rem 1.25rem 0rem var(--black-20);
border-radius: 0.25rem;
}

.block-photo-tile-display-item-as-card:hover {
box-shadow: 0rem 0rem 0.025rem 0.025rem var(--black-5), 0rem 0rem 1.25rem 0rem var(--black-5);
}

.block-photo-tile-heading {
font-size: 2rem;
line-height: 1.25;
text-align: center;
background-color: var(--white-90);
width: auto;
}

.block-photo-tile-display-item-as-tile .block-photo-tile-heading {
z-index: 1;
position: absolute;
height: auto;
bottom: .25rem;
left: .25rem;
right: .25rem;
width: auto !important;
}

.block-photo-tile-heading h3 {
font-size: 1rem !important;
display: flex;
flex-wrap: nowrap;
padding: 0.75rem;
justify-content: space-between;
align-items: center;
margin: 0rem !important;
}

@media (min-width: 960px){
	.block-photo-tile-heading h3 {
	font-size: 1.25rem !important;
	}
}

.block-photo-tile-display-item-as-card .block-photo-tile-heading h3 {
padding-left: 0.25rem;
padding-right: 0.25rem;
margin-bottom: -0.875rem !important;
display: block;
}

.block-photo-tile-display-item-as-tile .block-photo-tile-heading h3 .block-photo-tile-heading-text {
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 92%;
}


.block-photo-tile-heading-icon {
font-size: .75rem;
max-width: 1.25rem !important;
}

.modal .block-photo-tile-heading-icon {
display: none;
}

.block-photo-tile-display-item-as-card .block-photo-tile-heading-icon {
	display: none;
}

.block-photo-tile-heading-icon i {

}

.block-photo-tile-image {
height: 40vh;
object-fit: cover;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
}

@media (min-width: 767px){
	.block-photo-tile-image {
	height: 24vh;
	min-height: 16rem;
	}
}

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

.block-photo-tile-4-col .block-photo-tile-image {
height: 32vh;
}

.block-photo-tile-image:hover,
.block-photo-tile-image:focus {
/*background-size: 120%;*/
}

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

.block-photo-tile-image:after {
content: '';
visibility: visible;
position: absolute;
border: 1px solid var(--white-50);
top: 0.25rem;
right: 0.25rem;
bottom: 0.25rem;
left: 0.25rem;
height: auto;
z-index: 0;
}

.block-photo-tile-image.block-photo-tile-image-keyline-black:after {
border-color: var(--black-20);
}

:not(.modal) .block-photo-tile-has-modal-description {
	cursor: pointer;
}

.modal .block-photo-tile-has-modal-description {
	cursor: default;
}

.block-photo-tile-modal-description {
display: none;
padding: 1rem;
}

.modal .block-photo-tile-modal-description {
display: block !important;
}

.modal-content .block-photo-tile-item-content-container-inner-item,
.modal-content .block-photo-tile-item-content-container-inner-item:hover {
	animation: none !important;
	color: var(--body-font);
	box-shadow: none;
}

.modal-content .block-photo-tile-display-item-as-tile .block-photo-tile-heading {
	position: relative;
	bottom: initial;
	left: initial;
	right: initial;
	background: none;
	margin: 0;
	padding: 1.5rem 0rem 0rem;
}

/***********************
  Content Tile: Columns
************************/

.block-photo-tile-2-col .block-photo-tile-inner,
.block-photo-tile-3-col .block-photo-tile-inner,
.block-photo-tile-4-col .block-photo-tile-inner,
.block-photo-tile-2-1-col .block-photo-tile-inner {
justify-content: center;
display: grid;
}

@media (min-width: 767px){
	.block-photo-tile-2-col .block-photo-tile-inner,
	.block-photo-tile-3-col .block-photo-tile-inner,
	.block-photo-tile-4-col .block-photo-tile-inner,
	.block-photo-tile-2-1-col .block-photo-tile-inner {
	gap: 1.5rem;
	}

	.block-photo-tile-2-col .block-photo-tile-inner {
	padding: 0 0.75rem;
	}

	.block-photo-tile-3-col .block-photo-tile-inner {
	padding: 0 1.5rem;
	}

	.block-photo-tile-4-col .block-photo-tile-inner {
	padding: 0 1rem;
	}

	.block-photo-tile-2-1-col .block-photo-tile-inner {
	padding: 0 0.75rem;
	}

	.block-photo-tile-2-col .block-photo-tile-inner,
	.block-photo-tile-4-col .block-photo-tile-inner {
	grid-template-columns: repeat(2, 50%);
	}

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

	.block-photo-tile-2-1-col .block-photo-tile-inner {
	grid-template-columns: repeat(2, 50%);
	}

	.block-photo-tile-2-1-col .block-photo-tile-item:nth-child(3n+3) {
	grid-column-start: 1;
	grid-column-end: 3;
	}

	.block-photo-tile-2-col .block-photo-tile-image {
	height: 32vh;
	}

	.block-photo-tile-4-col .block-photo-tile-heading h3 {
    font-size: 1rem !important;
	}
}

@media (min-width: 960px){
	.block-photo-tile-4-col .block-photo-tile-inner {
	grid-template-columns: repeat(4, 25%);
	}

	.block-photo-tile-2-col .block-photo-tile-image {
	height: 48vh;
	}
}


/********************************
  WHEN inside of Section block
*********************************/

.block-section-inner .block-photo-tile {
/*padding: 0rem;*/
}

.block-section-inner .block-photo-tile-inner {
}

@media (min-width: 767px){
	.block-photo-tile-2-col .block-section-inner .block-photo-tile-inner {
	padding: 0 1rem;
	}

	.block-photo-tile-3-col .block-section-inner .block-photo-tile-inner {
	padding: 0 1.5rem;
	}

	.block-photo-tile-4-col .block-section-inner .block-photo-tile-inner {
	padding: 0 1rem;
	}

	.block-photo-tile-2-1-col .block-section-inner .block-photo-tile-inner {
	padding: 0 1rem;
	}
}

@media (min-width: 960px){
	.block-photo-tile-2-col .block-section-inner .block-photo-tile-inner {
	padding: 0 1.5rem;
	}

	.block-photo-tile-3-col .block-section-inner .block-photo-tile-inner {
	padding: 0 1.5rem;
	}

	.block-photo-tile-4-col .block-section-inner .block-photo-tile-inner {
	padding: 0 1.5rem;
	}

	.block-photo-tile-2-1-col .block-section-inner .block-photo-tile-inner {
	padding: 0 1.5rem;
	}
}

.block-section .block-section-inner .block-photo-tile-inner {

}
