.side-by-side-1-across-fullwidth {
    --color-bg: var(--orange-ec);
    --color-text: var(--white);

    margin-top: var(--space-4);
    margin-bottom:  var(--space-4);
    padding-top: 0;
}

.side-by-side-1-across-fullwidth .widget-header {
    margin-top: var(--widget-padding-top);
}

.side-by-side-1-across-fullwidth .slide .img-cont {
    margin-bottom: 0;
}

.side-by-side-1-across-fullwidth .slide .content-section {
    position: relative;
    background-color: var(--color-bg);
    padding: var(--space-5);
}

.side-by-side-1-across-fullwidth .slide .content-section::after {
    background-position: 145px 100%;
}

.side-by-side-1-across-fullwidth .slide .slide-title,
.side-by-side-1-across-fullwidth .slide .slide-title a,
.side-by-side-1-across-fullwidth .slide p {
    color: var(--color-text);
}

.side-by-side-1-across-fullwidth .slide .slide-title,
.side-by-side-1-across-fullwidth .slide .slide-title a {
    font-size: 26px;
    line-height: 1.4;
}

.side-by-side-1-across-fullwidth .slide p {
    line-height: 1.8;
    font-size: var(--text-base);
}

@media screen and (min-width: 40em) {
    .side-by-side-1-across-fullwidth .slide .content-section::after {
        background-repeat: no-repeat;
        background-position: -40% 104%;
        background-size: 160%;
        height: 120%;
    }
}

@media screen and (min-width: 64em) {
    .side-by-side-1-across-fullwidth .slide .content-section::after {
        background-position: -6% 35%;
        width: 73%;
        height: 100%;
    }

    .side-by-side-1-across-fullwidth .slide p {
        line-height: 1.8;
    }

    .side-by-side-1-across-fullwidth .slide a.read-more:not(p *),
    .side-by-side-1-across-fullwidth .slide .slide-footer a {
        padding: var(--space-4) var(--space-6);
    }
}