.core-marquee.marquee {
    --color-text: var(--off-black);
	--color-accent: var(--grey-6f);
    --color-border: var(--grey-cd);
    --color-bg: var(--white);
    --font-cat: var(--font-museo-900);
	--font-title: var(--font-display);
	--font-text: var(--font-body);
	--font-info: var(--font-museo-cond-700);

    position: relative;
    max-width: var(--max-width-padded);
    padding: var(--max-width-padding);
    margin: 0 auto 66px;
}

.core-marquee .widget-header {
    margin-bottom: 0
}

.core-marquee .widget-header-inner {
    padding-bottom: 0;
}

.core-marquee.marquee .slides {
    gap: 0;
}

.core-marquee.marquee .slides .banner-wrapper {
	background: #FFE293;
    height: 14px;
    width: fit-content;
    position:relative;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 8px;
	right: 14px;
    top: 12px;
    z-index: 10;
     order: 1;
}

.core-marquee.marquee .slides .banner-wrapper::before {
	content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    bottom: -14px;
	border-bottom: 14px solid transparent;
	border-right: 14px solid #B6AC93;
}

.core-marquee.marquee .slides .banner-wrapper::after {
	content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    bottom: -14px;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #B6AC93;
}
  
.core-marquee.marquee .slides .anniversary-banner::before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	right: -22px;
	top: 0;
	border-bottom: 17px solid transparent;
	border-left: 24px solid #FFE293;
}

.core-marquee.marquee .slides .anniversary-banner::after {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	right: -22px;
	bottom: 0;
	border-top: 12px solid transparent;
	border-left: 24px solid #FFE293;
}

.core-marquee.marquee .slides.banner {
	overflow: visible;
}

.core-marquee.marquee .slides a {
	position: relative;
}

.core-marquee.marquee .slides .anniversary-banner .banner-text {
	font-size: 9px;
	font-family: var(--font-museo-900);
	color: var(--off-black);
	text-transform: uppercase;
	padding-bottom: 6px;
    position: relative;
    top: -1px;
}

.core-marquee.marquee .slide.promoted .content-inner {
    position: relative;
    display: inline-block;
    background: var(--white);
    max-width: 266px;
    margin-top: -73px;
    padding-top: 18px;
    padding-right: 38px;
}

.core-marquee.marquee .slide.promoted .category {
    font-family: var(--font-cat);
    font-weight: 900;
    color: var(--color-text);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    line-height: 1.3;
    margin-top: 6px;
}

.core-marquee.marquee .slide.promoted .credits {
    margin-bottom: var(--space-4);
}


.core-marquee.marquee .slide .content-section {
    position: relative;
    bottom: unset;
    left: unset;
    color: var(--color-text);
    padding: 0;
}

.core-marquee.marquee .slide {
    border-bottom: 1px solid var(--color-border);
    padding: 15px 0;
}

.core-marquee.marquee .slide:last-child {
    border-bottom: none;
}

.core-marquee.marquee .slide .divider{
    margin: 0 var(--space-1)
}

.core-marquee.marquee .blog-info {
    display: flex;
    flex-direction: row;
}

.core-marquee.marquee .slide .blog-info {
    margin-bottom: 8px;
    font-family: var(--font-info);
    font-weight: 500;
    color: var(--color-accent);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
}

.core-marquee .slide .slide-title {
    margin-bottom: 6px;
    font-family: var(--font-title);
    color: var(--color-text);
    font-size: 40px;
    line-height: 1;
}


@media (hover: hover) {
    .core-marquee.marquee .slide .slide-title > a:hover {
        color: var(--color-text);
        text-decoration: none;
    }
}

.core-marquee.marquee .slide p {
    font-family: var(--font-text);
    color: var(--color-accent);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 14px;
    line-height: 1.5;
    padding-bottom: 0px;
}

.core-marquee.marquee .slide .credits {
    font-family: var(--font-info);
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    color: var(--color-text);
    letter-spacing: 1px;
}

/*Non-promoted slides*/
.core-marquee.marquee .slide:not(.promoted) {
    --font-title-secondary: var(--font-georgia);
    --font-text-secondary: var(--font-body);
	--color-accent-secondary: var(--grey-6f);
}

.core-marquee.marquee .slide:not(.promoted) .category,
.core-marquee.marquee .slide:not(.promoted) .credits {
    display: none;
}

.core-marquee.marquee .slide:not(.promoted) .slides {
    gap: var(--space-5);
}

.core-marquee.marquee .slide:not(.promoted) .inner {
    display: flex;
    align-items: center;
    gap: 13px;
}

.core-marquee.marquee .slide:not(.promoted) .content-top,
.core-marquee.marquee .slide:not(.promoted) .content-section {
    flex-basis: 50%;
    align-self: flex-start;
}

.core-marquee.marquee .slide:not(.promoted) .blog-info {
    font-size: 8px;
    margin-bottom: 6px;
}

.core-marquee.marquee .slide:not(.promoted) p {
    margin-bottom: 0;
    font-family: var(--font-text-secondary);
    color: var(--color-accent-secondary);
    font-size: 13px;
}

.core-marquee.marquee .slide:not(.promoted) .slide-title {
    font-family: var(--font-title-secondary);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 4px;
    line-height: 1.3;
}


.core-marquee.marquee .widget-footer .widget-footer-inner a.widget-view-all--simple {
    margin-top: 15px;
}

@media (min-width: 375px) {
    .core-marquee.marquee .slide:not(.promoted) .blog-info {
        font-size: 11px;
    }

    .core-marquee.marquee .slide.promoted .content-inner {
        max-width: 276px;
    }
}

@media (min-width: 980px) {
    .core-marquee.marquee .slide:not(.promoted) .inner {
        flex-direction: column;
        border-bottom: none;
    }
}

@media (min-width: 40em) {
    .core-marquee.marquee .slides {
        gap: 20px;
    }

    .core-marquee.marquee .slides .banner-wrapper {
        height: 23px;
        margin: 2rem 0.5rem;
        right: 22px;
        top: 40px;
    }

    .core-marquee.marquee .slides .anniversary-banner .banner-text {
		font-size: 12px;
		line-height: 1.4;
		letter-spacing: .5px;
		padding-bottom: 6px;
		padding-left: 10px;
        top: 0px;
	}
}

@media (min-width: 64em) {
    .core-marquee.marquee .slides {
        gap: 33px;
    }

    .core-marquee.core-marquee[data-layout="vertical"] .slide:nth-child(1) {
        grid-column: 1 / span 4;
        border-bottom: none;
    }

    /*.promoted*/
    .core-marquee.marquee .slide.promoted {
        padding-bottom: 0;
    }

    .core-marquee.marquee .slide.slide.promoted .category {
        padding-bottom: var(--space-6);
        font-size: 16px;
        padding-top: var(--space-1);
    }

    .core-marquee.marquee .slide.promoted .content-section {
        max-width: 440px;
        position: absolute;
        top: 20%;
        left: 0;
        transform: translate(0, -3%);
        background: white;
        padding: 50px 42px 50px 0;
    }

    .core-marquee.marquee .slide.promoted .content-inner {
        position: relative;
        display: inline-block;
        z-index: 1;
        background: var(--color-bg);
        max-width: 100%;
        margin-top: 0;
        padding-top: 0;
        padding-right: 0;
    }

    .core-marquee.marquee .slide.promoted .blog-info {
        font-size: 17px;
    }

    .core-marquee.core-marquee .slide.promoted .slide-title {
        font-size: 60px;
        margin-bottom: var(--space-4);
    }

    .core-marquee.marquee .slide.promoted p {
        font-size: 20px;
    }

    .core-marquee.marquee .slide.promoted .credits {
        font-size: 13px;
        margin-bottom: 0;
    }

    /*Non-promoted*/
    .core-marquee[data-layout="vertical"] .slides {
        grid-template-columns: repeat(4, 1fr);
    }

    .core-marquee.marquee .slide:not(.promoted) {
        border-bottom: none;
    }

    .core-marquee.marquee .slide:not(.promoted) .inner {
        padding: 0;
    }

    .core-marquee.marquee .slide:not(.promoted) .content-top {
        flex-basis: unset;
        align-self: unset;
        width: 100%;
    }

    .core-marquee.marquee .slide:not(.promoted) .img-cont {
        margin-bottom: var(--space-2);
    }

    .core-marquee.marquee .slide:not(.promoted) .blog-info {
        font-size: 15px;
    }

    .core-marquee.core-marquee .slide:not(.promoted) .slide-title {
        font-size: 28px;
        line-height: 1.3;
    }

    .core-marquee.marquee .slide:not(.promoted) p {
        font-size: 17px;
    }
}

@media (min-width: 90em) {
    .core-marquee .widget-header {
        margin-bottom: var(--space-5);
    }
}