.marquee-v2-fullwidth {
	.widget-header {
		.title-col {
			width: 100%;
			max-width: 100%;
			background-image: url(/includes/public/assets/shared/marquee-fg-img.svg), 
				url(/includes/public/assets/shared/marquee-bg-img.svg);
			background-position: bottom left, bottom left;
			background-repeat: no-repeat, no-repeat; 
			background-size: 50%; 
			padding-bottom: 65px;
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			.widget-desc {
				max-width: 550px;
			}
		}
	}

	@media (max-width: 40em) {
		&.sm-two-col {
			.slides {
				grid-template-columns: none;
				gap: 0;
			}
		}
	}

	.slides {
		.slide {
			padding-bottom: 8px;

			.content-section {
				gap: 0;

				.slide-header {
					.info-flag {
						font-size: var(--text-lg);
						line-height: var(--leading-none);
						font-weight: 600;
					}

					.slide-title {
						font-size: var(--text-2xl);
						line-height: 1.75rem;
						max-width: 550px;
					}
				}

				.details {
					color: var(--sw-collections-text-color);

					.info-item.time-to-read {
						text-transform: uppercase;
					}

					.icon {
						color: var(--sw-icon-color);
					}
				}
			}

			&.major {
				position: relative;
				overflow: visible;

				&:before {
					content: '';
					height: 76px;
					width: 84px;
					display: block;
					position: absolute;
					top: -32px;
					left: 20px;
					background: url(/includes/public/assets/shared/hatch-graphic-light.svg) center center;
					background-repeat: no-repeat;
					background-size: 100%;
					z-index: 100;
				}

				.content-section {
					padding: var(--space-8) var(--space-4) 14px;

					.details {
						color: var(--sw-collections-text-color-light);
					}
				}

				.slide-top {
					.mini-date-section {
						left: auto;
						right: var(--space-3);
					}
				}
			}

			&.minor {
				height: 100%;

				.inner {
					display: flex;
					flex-wrap: wrap;
					flex-direction: column;
					height: 100%;

					.content-section {
						background: var(--white);
						position: static;
						border-top: 12px solid var(--green-lush);
						width: 100%;
						max-width: calc(100% - var(--space-5));
						margin: -43px auto 0;
						padding: var(--space-5);
						border-radius: 0px 0px 6px 6px;
						box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.12);
						flex-grow: 1;

						.slide-header {
							.info-flag {
								color: var(--green-lush-dark);
							}

							.slide-title {
								color: var(--black);
								font-size: var(--text-xl);

								> a {
									&:hover {
										text-decoration: underline;
										opacity: 0.8;
									}
								}
							}
						}

						.details {
							.info-item.time-to-read {
								color: var(--gray-light);
							}
						}
					}
				}
			}
		}
	}

	@media (min-width: 40em) {
		.widget-header {
			.title-col {
				background-size: 325px;
			}
		}

		&.sm-two-col {
			.slides {
				gap: var(--space-3);
			}
		}
		
		.widget-inner {
			display: grid;

			.slides {
				display: flex;
				flex-wrap: wrap;

				.slide {
					&.minor {
						margin: 0 auto;
					}
				}
			}
		}
	}

	@media (min-width: 64em) {
		.widget-header {
			display: contents;

			.title-col {
				display: flex;
				justify-content: center;
				text-align: center;
				padding: 0 0 var(--space-5);
				min-height: 165px;
				background-size: 400px;

				.widget-title {
					width: 100%;
					max-width: var(--width-comfortable);

					.widget-subtitle {
						font-size: 2rem;
					}

					.widget-title-text {
						font-size: 3.75rem;
					}
				}
			}

			.view-all-col {
				display: flex;
				justify-content: center;
				order: 10;
				margin-top: var(--space-8);
			}
		}

		.widget-inner {
			display: grid;

			.slides {
				display: grid;
				
				.slide {
					&.major {
						padding-bottom: 0;

						&:before {
							height: 210px;
							width: 185px;
							top: -60px
						}
					}

					&.major {	
						.content-section {
							padding: var(--space-10) var(--space-10) var(--space-8);
							max-width: calc(100% - var(--space-16));

							.content-upper {
								gap: var(--space-5);

								.slide-header {
									.info-flag {
										font-size: 1.6875rem;
										margin-bottom: 12px;
									}
				
									.slide-title {
										font-size: 2.25rem;
										line-height: var(--leading-tight);
									}
								}
							}
						}
					}

					&.minor {	
						.content-section {
							padding: var(--space-10);
							max-width: calc(100% - var(--space-16));

							.content-upper {
								gap: var(--space-5);

								.slide-header {
									.info-flag {
										font-size: 1.6875rem;
										margin-bottom: 12px;
									}
				
									.slide-title {
										font-size: 1.75rem;
										line-height: 1.25;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

@media (hover: hover) {
	.marquee-v2-fullwidth.animation-expand .slide:hover .slide-img {
		scale: 1.02;
	}
}

@media (min-width: 64em) {
	.marquee-v2-fullwidth {
		margin-bottom: 150px;
	}
}