.custom-marquee-full-width {
	/*==============================*/
	/*=====----- TEMPLATE -----=====*/
	/*==============================*/

	position: relative;
	container-type: inline-size;
	color: var(--black);

	.widget-inner {
		margin-bottom: var(--space-20);
	}

	.slides {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
		gap: 9px;
	}

	/*============================*/
	/*=====----- SLIDES -----=====*/
	/*============================*/

	.slide,
	.content-section,
	.slide-top,
	.img-cont {
		position: relative;
	}

	.slide-inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		align-items: start;
	}

	.content-section {
		z-index: 3;
		order: 2;
	}

	.slide-title {
		font-family: var(--font-display);
		font-weight: var(--font-weight-normal);
		color: inherit;
	}

	.slide-desc {
		margin: 0;
		font-family: var(--font-body);
		font-weight: var(--font-weight-medium);
		font-size: var(--text-base);
		line-height: 1.4;
		color: inherit;
	}

	.slide-footer {
		margin-top: 25px;
	}

	.slide-img {
		width: 100%;
	}

	/*----- large slide -----*/
	
	.slide.large {
		margin-bottom: 18px;

		.content-section {
			padding: 27px var(--space-5) 0;
		}

		.slide-title {
			margin-bottom: 5px;
			font-size: var(--text-3xl);
			line-height: 1.2;
		}
	}
	
	/*----- small slides -----*/

	.slide.small {
		padding: 0 var(--space-5);

		.content-section {
			width: 81.5%;
			padding: 10px var(--space-3) 7px;
			margin-top: -20px;
			background: var(--white);
		}

		.slide-title {
			font-size: var(--text-sm);
			line-height: 1.15;
			letter-spacing: 0.1em;
			text-transform: uppercase;
		}
	}

	/*===================================*/
	/*=====----- MEDIA QUERIES -----=====*/
	/*===================================*/

	@container (min-width: 40em) {
		.slides {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: var(--space-5);
			padding: 0 var(--space-5);
		}

		/*----- large slide -----*/

		.slide.large {
			grid-column: span 2;
			margin: 0 -20px;
		}

		/*----- small slides -----*/

		.slide.small {
			padding: 0;

			.content-section,
			.slide-top {
				grid-area: 1 / 1 / 1 / 1;
			}

			.content-section {
				align-self: end;
				margin: 0;
			}
		}
	}

	@container (min-width: 64em) {
		.widget-inner {
			margin-bottom: 120px;
		}

		.slides {
			grid-template-columns: 72.22% minmax(0, 1fr);
			padding: 0;
		}

		
		.slide,
		.slide-inner,
		.slide-top,
		.img-cont,
		.img-cont img {
			object-fit: cover;
			width: 100%;
			height: 100%;
		}

		.info-flag {
			margin-bottom: var(--space-6);
		}

		.slide-desc {
			font-size: var(--text-lg);
		}

		.slide-footer {
			margin-top: var(--space-8);
		}

		.shared-play-button {
			inset: var(--space-5) var(--space-5) auto auto;
			transform: none;
		}

		/*----- large slide -----*/

		.slide.large {
			grid-row: span 2;
			grid-column: unset;
			margin: 0;

			.content-section,
			.slide-top {
				grid-area: 1 / 1 / 1 / 1;
			}

			.content-section {
				align-self: center;
				justify-self: start;
				width: 100%;
				max-width: 450px;
				padding: var(--space-8) 50px 37px 60px;
				background: var(--white);
			}

			.mini-date-section {
				inset: 0 0 auto auto;
			}
		}

		/*----- small slides -----*/

		.slide.small {
			.content-section {
				width: 100%;
				max-width: 253px;
				padding: var(--space-3) 14px 9px;
			}

			.slide-title {
				font-size: 1.0625rem;
				line-height: 1.2;
			}
		}
	}
}

/*----- in hero ----*/

.slideshow-container .custom-marquee-full-width .widget-inner {
	margin-bottom: 30px;
}

@media screen and (min-width: 64em) {
	.slideshow-container .custom-marquee-full-width .widget-inner {
		margin-bottom: 0;
	}
}