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

/*******************
  Content Tile:Home Page
********************/

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

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

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

.block-profile-tile-item {

}

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

@media (max-width: 680px) {
	.block-profile-tile-item-content-container-inner {
	padding-bottom: 2rem;
	}
}


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

.block-profile-tile-image {
width: 100%;
height: 52vh;
object-fit: cover;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
margin: 0rem auto 1rem;
}

@media (max-width: 1024px) and (max-height: 768px) and (orientation: landscape) {
	.block-profile-tile-image {
		height: 44vh;
	}
}

@media (min-width: 767px) and (max-height: 1024px)  and (orientation: portrait) {
	.block-profile-tile-image {
		height: 24vh;
	}
	.block-profile-tile-3-col .block-profile-tile-image {
		height: 40vh;
	}
}

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

.block-profile-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;
}

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

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

@media (min-width: 767px){
	.block-profile-tile-name,
	.block-profile-tile-headline,
	.block-profile-tile-bio,
	.block-profile-tile-controls {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	}
}

.fancybox__container .block-profile-tile-name {
position: sticky;
top: -4rem;
background: white;
z-index: 1;
width: 100%;
}

.fancybox__container .block-profile-tile-headline {
position: sticky;
top: -0.5rem;
background: white;
z-index: 1;
width: 100%;
}

.fancybox__container .block-profile-tile-item-content-container-inner .heading-decor-bar {
position: sticky;
top: 1rem;
background: white;
z-index: 1;
width: 100%;
padding: 0.5rem 0;
}

.block-profile-tile-name h3 {
font-family: var(--heading-font);
font-size: 1.75rem !important;
line-height: 1.25 !important;
margin: 0.5rem auto;
text-align: center;
}

@media (max-width: 680px) {
	.block-profile-tile-name h3 {
	font-size: 1.5rem !important;
	padding-top: 1rem;
	}
}

@media (min-width: 767px) {
	.block-profile-tile-name h3 {
	font-size: 1.5rem !important;
	}
}

.block-profile-tile-headline h4 {
font-size: 1rem !important;
line-height: 1.25 !important;
margin: 0rem auto .5rem;
text-align: center;
}

.block-profile-tile-controls {
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
margin-bottom: 1rem;
}

.block-profile-tile-links-action {
display: none;
visibility: hidden;
padding: 0.5rem;
}

.fancybox__container .block-profile-tile-links-action {
display: inline-flex;
visibility: visible;
}

.block-profile-tile-links-action svg,
.block-profile-tile-links-action svg path {
fill: var(--white);
}

.block-profile-tile-links-action svg {
width: 1rem !important;
height: 1rem !important;
object-fit: contain;
}

.block-profile-tile-bio {
font-weight: normal;
text-align: center;
padding-bottom: 1rem;
}

.block-profile-tile-links {
text-align: center;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
margin-bottom: 1rem;
}


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

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

@media (min-width: 767px){
	.block-profile-tile-2-col .block-profile-tile-inner,
	.block-profile-tile-3-col .block-profile-tile-inner {
	gap: 2.5rem;
	padding: 0 2.5rem;
	}

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

	.block-profile-tile-2-col .block-profile-tile-image {
	height: 44vh;
	}
}

@media (min-width: 1024px){
	.block-profile-tile-3-col .block-profile-tile-inner {
	grid-template-columns: repeat(3, 33.33%);
	}
}


/********************************
  Fancybox: Modal Sheet Large
*********************************/

.fancybox__container.modal-sheet-large .fancybox__content {
max-width: 48.75rem;
}

.fancybox__container.modal-sheet-large .block-profile-tile-item-content-container-inner {
padding: 0rem;
}

.fancybox__container.modal-sheet-large .block-profile-tile-image {
max-width: 23.75rem;
max-height: 27.5rem;
}

.fancybox__container.modal-sheet-large .block-profile-tile-bio {
text-align: left;
}

.fancybox__container .block-profile-tile-image:hover {
cursor: default;
}

/* ------------------------- MODALS/ FANCY BOX CONTENT -------------------------- */

.fancybox__container.modal-sheet-large .block-profile-tile-item,
.fancybox__container.modal-sheet-medium .block-profile-tile-item {
  order: 1;
}

.fancybox__container.modal-sheet-large .fancybox__content > button.carousel__button.is-close,
.fancybox__container.modal-sheet-medium .fancybox__content > button.carousel__button.is-close {
  position: sticky;
  top: 0rem;
  color: var(--black);
  z-index: 4;
  background-color: var(--white);
  border: 0;
  order: 0;
}
