/* Infeed Promo Tiles */

/* General */
.tile-promo.tile-promo-infeed {
	display: flex;
	padding: 20px;
	border-radius: 4px;
    overflow: hidden;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.tile-promo.tile-promo-infeed * {
	color: #ffffff;
	letter-spacing: 0;
}

.tile-promo.tile-promo-infeed .txt h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 5px;
	margin-top: 15px;
}
.tile-promo.tile-promo-infeed.left_right .txt h2 {
	margin-top: 0;
}
.tile-promo.tile-promo-infeed .txt p.optional-sub-head {
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 5px;
}
.tile-promo.tile-promo-infeed .txt p.promo-link {
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
}
.tile-promo.tile-promo-infeed .txt p.promo-link::after {
	content: url("../icons/arrow-right-solid-white.svg");
	display: inline-block;
	width: 16px;
	height: 7px;
	margin-left: 5px;
	position: relative;
	top: -1px;
	transform: translateY(0px);
	transition: transform 0.1s ease-in;
}

.tile-promo.tile-promo-infeed:hover .txt p.promo-link::after {
	transform: translate(4px, 0px);
}

.tile-promo-infeed > a {
	display: flex !important;
	width: calc(100% + 40px);
	height: calc(100% + 40px);
	padding: 20px;
	margin: -20px;
}

.tile-promo-infeed > a:hover {
	text-decoration: none;
}

.tile-promo.tile-promo-infeed .img img {
	transition: all 0.2s ease-in-out;
}
.tile-promo.tile-promo-infeed:hover .img img {
    transform: scale(1.05);
}

@media(max-width: 1024px){
	.tile-promo.tile-promo-infeed {
		width: 100%;
	}
	.tile-promo.tile-promo-infeed .txt br {
		display: none;
	}
}

/* @media(min-width: 768px){
	.tile-promo.tile-promo-infeed {
		min-height: 300px;
	}
} */

/* Centered */
.tile-promo.tile-promo-infeed.centered,
.tile-promo.tile-promo-infeed.centered > a {
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.tile-promo.tile-promo-infeed.centered .img {
	height: 110px;
	width: auto;
}
.tile-promo.tile-promo-infeed.centered .img > img {
	width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}
.tile-promo.tile-promo-infeed.centered .txt:first-child:last-child {
	margin: auto;
}

/* Lef_Right */
.tile-promo.tile-promo-infeed.left_right,
.tile-promo.tile-promo-infeed.left_right > a {
	flex-direction: row-reverse;
	align-items: center;
	gap: 0 20px;
	justify-content: space-between;
}
.tile-promo.tile-promo-infeed.left_right .img {
	width: 145px;
	height: 100%;
	flex-shrink: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	max-width: calc(50% - 10px);
}
.tile-promo.tile-promo-infeed.left_right .img img {
	width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.tile-promo.tile-promo-infeed.left_right .txt {
	margin-right: auto;
}

@media(max-width: 1024px){
	.tile-promo.tile-promo-infeed.left_right .txt:not(:first-child) {
		width: calc(70% - 10px);
	}

	.tile-promo.tile-promo-infeed.left_right .img {
		width: calc(30% - 10px);
		max-width: none;
	}
}

@media(max-width: 699px){
	.tile-promo.tile-promo-infeed.left_right,
	.tile-promo.tile-promo-infeed.left_right > a {
		gap: 0 30px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.tile-promo.tile-promo-infeed.left_right > a {
		margin-left: -30px;
		margin-right: -30px;
		width: calc(100% + 60px);
	}
	.tile-promo.tile-promo-infeed.left_right .txt:not(:first-child)  {
		width: calc(70% - 15px);
	}

	.tile-promo.tile-promo-infeed.left_right .img {
		width: calc(30% - 15px);
	}
}

@media (max-width: 537px) {
	.tile-promo.tile-promo-infeed.left_right,
	.tile-promo.tile-promo-infeed.left_right > a {
		gap: 0 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.tile-promo.tile-promo-infeed.left_right > a {
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
	}
	.tile-promo.tile-promo-infeed.left_right .txt:not(:first-child)  {
		width: calc(70% - 10px);
	}

	.tile-promo.tile-promo-infeed.left_right .img {
		width: calc(30% - 10px);
	}
}

@media (max-width: 374px) {
	.tile-promo.tile-promo-infeed.left_right > a > div {
		flex: 1 1 50% !important;
	}
}

/* Full Image */
.tile-promo.tile-promo-infeed.full_img {
	display: flex;
	padding: 0;
	background-color: transparent !important;
	width: 100%;
	height: 100%;
	/* min-height: 0; */
}
.tile-promo.tile-promo-infeed.full_img * {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	min-height: inherit;
}
.tile-promo.tile-promo-infeed.full_img .txt {
	display: none;
}
.tile-promo.tile-promo-infeed.full_img .img img {
	object-fit: cover;
	display: block;
}