/* PROMO TILE LARGE - start*/
	.promo-tile__wrapper--large {
		height:100%;
		
		.promo-tile {
			height: 100%;
			border-radius: 8px;
			overflow: hidden;
		}
		
		.promo-tile__image {
			aspect-ratio: unset !important;
			width: 100%;
			min-height: 100%;
			height:100%;
			
			img {
				object-position: center center;
			}
			.video-play-pause {
				right: 8px;
				left: auto;
			}
			
			video {
				width: 100%;
				height: 100%;
				position: absolute;
				object-position: center center;
				object-fit: cover;
				
			}
		}
		.promo-tile__right {
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
			padding: 18px;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			text-align: left;
			
			.promo-tile__title {
				font-weight: 300 !important;
				font-size: 28px;
			}
			.promo-tile__title,
			.promo-tile__description,
			.promo-tile__buttons {
				text-align: left;
			}
		}

	}
	.promo-tile__wrapper--large {
		.promo-tile {
			.promo-tile__title,
			.promo-tile__description {
				color: #FFFFFF;
			}
			.promo-tile__buttons {
				
				.button.button--primary {
					background: #FFFFFF;
					color: #000000;
					font-family: var(--font-wide);
					font-weight: 600;
					text-transform: uppercase;
					padding: 12px 26px 8px;
					line-height: 1 !important;
				}
			}
		}
	}
	.promo-tile__wrapper--large.text-overlay--true {
		.promo-tile__right {
			background: linear-gradient(0deg,rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.44) 20%, rgba(0, 0, 0, 0) 50%);
			border-radius: inherit;
		}
	}
	.grid__item:has(.promo-tile__wrapper--large){
		width: calc(50% - var(--grid-desktop-horizontal-spacing) * 1 / 2);
        max-width: 100%;
	}
	@media screen and (max-width:767px) {
		.grid__item:has(.promo-tile__wrapper--large){
			width: 100%;
			max-width: 100%;
            max-width: 100vw;
            width: 100vw;
            margin-left: -1.5rem;
            margin-top: 24px;
            margin-bottom: 24px;
			
			.promo-tile__wrapper.promo-tile__wrapper--large {
				height: fit-content;
                .promo-tile {
                    border-radius: 0;

                    .promo-tile__right,
                    .promo-tile__image {
                        position: relative;
                    }
                    .promo-tile__image {
                        min-height: 200px;
                        border-radius: 0;
                        aspect-ratio: 16 / 9 !important;
                    }

                    .promo-tile__right {
                        background: var(--text-background-color, #d6d6d6);
                        color: var(--text-color, #000000);
                        
                            h3.promo-tile__title {
                                font-weight: 600 !important;
                                font-size: 22px;
                                margin-top: 0;
                            }
                            h3.promo-tile__title,
                            p.promo-tile__description {
                                color: var(--text-color, #000000);
                            }
                            .promo-tile__buttons {
                            
                            .button.button--primary {
                                background: #fff;
                                color: #000;
                                font-family: var(--font-wide);
                                font-weight: 600;
                                text-transform: uppercase;
                                padding: 12px 26px 8px;
                                line-height: 1 !important;
                            }
                        }
                    }
                }
			}
		}
	}
    @media screen and (min-width: 768px) and (max-width: 1180px) {
		.grid__item:has(.promo-tile__wrapper--large){
			width: 100% !important;
			max-width: 100% !important;
			min-height: 400px;
		}
	}
	/* PROMO TILE LARGE - end*/

	.text-on-image {
		.promo-tile__image {
			aspect-ratio: 316 / 420 !important;
			height: 100%;
			width:100%;
			border-radius: 8px;
			overflow: hidden;
		}
		.promo-tile__right {
			position: absolute;
			bottom: 0;
			text-align: left;
			color: #fff;
			padding-left: 16px;
			padding-right: 16px;
			background: linear-gradient(0deg,rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.44) 20%, rgba(0, 0, 0, 0) 100%);
			width: 100%;
			h1,h2,h3,h4,h5,h6,p {color: #fff;text-align: left;}

			.promo-tile__title {
				font-weight: 300 !important;
				font-size: 30px;
			}
			.promo-tile__title:last-child {
				margin-bottom: 16px;
			}
			p {
				line-height: 1.3;
				font-size: 12px !important;
				max-width: 90%;
			}
		}
	}

	.promo-tile__title-image {
		position: relative;
		width: 100%;
		margin: 0;
		display: flex;
		height: 25px;
		
		img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: contain !important;
			object-position: left center !important;
		}
	}
	.promo-tile__title-image + h3 {
		margin-top: 0.25em;
	}
	@media screen and (max-width:767px){
		.text-on-image .promo-tile__right {
			padding-left:8px;
			padding-right:8px;
			background: linear-gradient(0deg,#000000bd,#00000070 80%,#0000);

			.promo-tile__title {
				font-size: 18px;
				font-weight: 400 !important;
			}
			.promo-tile__title:last-child {
				margin-bottom: 8px;
			}
		}
		.text-on-image {
			.promo-tile__wrapper {
				height: 100%;

				.promo-tile {
					height: 100%;
				}
			}
		}
	}
	li.vertical-align--top.text-on-image {
		.promo-tile__image {
			.promo-tile__right {
				margin-top: 0;
				margin-bottom: auto;
				top: 0;
				left: 0;
				right: 0;
				bottom: auto;
				background: linear-gradient(180deg, #0000008c, #00000030 20%, #0000);

			}	
		}
		
	}
	li.vertical-align--bottom.text-on-image {
		.promo-tile__image {
			.promo-tile__right {
				margin-top: auto;
				margin-bottom: 0;
				top: auto;
				left: 0;
				right: 0;
				bottom: 0;
				background: linear-gradient(0deg, #000000bd, #00000070 20%, #0000);
				padding-bottom: 16px;

			}	
		}
		
	}
	li.vertical-align--center.text-on-image {
		.promo-tile__image {
			.promo-tile__right {
				margin-top: auto;
				margin-bottom: auto;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				background:transparent;
				height: fit-content;
				
				.promo-tile__buttons {
					margin-bottom: 1em;
				}

			}	
		}
		
	}
	li.text-on-image {
		.promo-tile__right {
			h3,p {
				max-width: 100%;
			}
		}
	}
	li.text-on-image.horizontal-align--left,
	li.text-on-image.horizontal-align--right,
	li.text-on-image.horizontal-align--center {
		.promo-tile__buttons {
			display: flex;
		}
	}
	li.text-on-image.horizontal-align--left {
		
		.promo-tile__buttons {
			justify-content: flex-start;
		}
	}
	li.text-on-image.horizontal-align--right {
		.promo-tile__right {
			text-align: right;
			h3,p {
				text-align: right;
			}
		}
		.promo-tile__buttons {
			justify-content: flex-end;
		}
	}
	li.text-on-image.horizontal-align--center {
		.promo-tile__right {
			text-align: center;
			h3,p {
				text-align: center;
			}
		}
		.promo-tile__buttons {
			justify-content: center;
		}
	}
	.promo-tile__buttons {
		.button.promo-tile__button.button--primary {
			background-color: #fff;
			color: #000;
		}
		.button.promo-tile__button.button--outline {
			background-color:transparent;
			color: #fff;
			border-color: #fff;
		}
	}
@media screen and (max-width:749px) {
	.grid--2-col-tablet-down .grid__item.two-up-on-mobile {
		max-width: 100%;
		width: 100%;

		.promo-tile__right {
			padding-left: 16px;
			padding-right: 16px;

			.promo-tile__title {
				font-size: 26px;
			}
			p {
				font-size: 16px !important;
			}
			.button.promo-tile__button {
				font-size: 1em;
			}
		}
	}
}
.grid--2-col-tablet-down .grid__item {
		.promo-tile__right {
			.promo-tile__title {
				margin-top: 16px;
			}
		}
	}
@media screen and (max-width:1023px) {
	.grid--2-col-tablet-down .grid__item {
		.promo-tile__right {
			.promo-tile__title {
				margin-top: 12px;
				line-height: 1.2;
			}
		}
	}
}