/*
	README

	Modify this file as much or as little as needed.

	This file is shared across all CCL widgets in the Side-by-Side family. This enables the ability to
	a family of widgets in a single update without touching the structure of the widget and without needing
	to duplicate efforts across several widget-specific CSS files.
*/

.core-v2-side-by-side {
	--sw-collections-title-color: var(--text-color);
}

.core-v2-side-by-side .slide .slide-title {
    color: var(--sw-collections-title-color);
    font-size: 1.375rem;
    line-height: normal;
    margin: 0 auto;
	font-size: 1.375rem;
}

.core-v2-side-by-side.theme-secondary .slide-title{
    color: var(--sw-collections-title-color);
    line-height: 1.1;
}

.core-v2-side-by-side .info-item.location,
.core-v2-side-by-side .info-item.venue {
	display: none;
}

.core-v2-side-by-side .slide-desc {
    position: relative;
    line-height: var(--leading-tight);
    font-size: var(--text-base);
    color: var(--sw-collections-minor-text-color);
}

.core-v2-side-by-side .slides .slide .content-upper {
    gap: var(--space-3);
}

.core-v2-side-by-side .slide-footer{
	position: relative;
    place-self: flex-start;
}

@media (min-width: 64em) {
    .core-v2-side-by-side .slides .slide .content-upper {
        gap: var(--space-5);
    }

    .core-v2-side-by-sides .slide .slide-title {
        font-size: var(--text-3xl);
        line-height: var(--text-4xl);
        padding: 0 50px;
        max-width: 100%;
    }

    .core-v2-side-by-side.full-width:not(.side-by-side-v2-2-across) .slide .slide-title {
        font-size: 40px;
        line-height: 2.75rem;
    }
}
@media (hover: hover) {
    .core-v2-side-by-side .slide-title > a:hover {
        text-decoration: none;
        color: var(--sw-collections-title-color);
    }
	.core-v2-side-by-side.theme-secondary .slide-title > a:hover{
		color: var(--sw-collections-title-color);
	}
}