.apsc-unit-primary {
    color: var(--wp--preset--color--apsc-unit-primary);
}
.apsc-unit-secondary {
    color: var(--wp--preset--color--apsc-unit-secondary);
}
.apsc-unit-tertiary {
    color: var(--wp--preset--color--apsc-unit-tertiary);
}

.bg--apsc-unit-primary {
    background-color: var(--wp--preset--color--apsc-unit-primary);
}
.bg--apsc-unit-secondary {
    background-color: var(--wp--preset--color--apsc-unit-secondary);
}
.bg--apsc-unit-tertiary {
    background-color: var(--wp--preset--color--apsc-unit-tertiary);
}

#ubc7-unit  {
background-image: linear-gradient(to right, var(--wp--preset--color--apsc-unit-primary, rgb(0, 33, 69)) 0%, var(--wp--preset--color--apsc-unit-primary, rgb(0, 33, 69)) 50%, var(--wp--preset--color--apsc-unit-secondary, rgb(0, 85, 183))) !important;
}

.page-id-217 .background--svg-feature {
    position:relative;
}

.page-id-217 .background--svg-feature:after {
    background-color: var(--wp--preset--color--white);
    bottom: 0;
    content: " ";
    display: block;
    left: 0;
    -webkit-mask-image: var(--wp--custom--svg--feature);
    mask-image: var(--wp--custom--svg--feature);
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    opacity:0.15;
}

@media only screen and (min-width: 640px) {
    .background--svg-feature:after {
        background-color: var(--wp--preset--color--white);
        bottom: 0;
        content: " ";
        display: block;
        left: 0;
        -webkit-mask-image: var(--wp--custom--svg--feature);
        mask-image: var(--wp--custom--svg--feature);
        -webkit-mask-position: calc(100% + 100px) center; 
        mask-position: calc(100% + 100px) center;
        /* Ensure the mask doesn't shrink */
        -webkit-mask-size: 420px; 
        mask-size: 420px;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        opacity:0.3;
    }
}