/* Community Level Styles */

:root {
    --neighborhood-top-from-1400: -109px;
    --neighborhood-top-1180-1399: -87px;
    --neighborhood-top-768-1179: -76px;
    --neighborhood-top-upto-767: -49px;
}

/* slide show and hpt ribbons */
.ss-ribbon {
    --f: 10px;
    --r: 15px;
    --t: 15%;

    position: absolute;
    inset: var(--t) auto auto calc(-1 * var(--f));
    padding-left: calc(var(--r) + .25em);
    clip-path: polygon(-100vw 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,-100vw 100%);
    background: var(--primary-base);
    z-index: 10;
}

.ss-ribbon .ribbon-header {
    margin-bottom: 0;
    padding: 0 1em 0 0.25em;
    text-align: center;
    text-transform: uppercase;
    color: var(--primary-base-alt);
    font-size: 36px;
}

@media (max-width: 767px) {
    .ss-ribbon {
        top: 30%;
    }
    
    .ss-ribbon .ribbon-header {
        font-size: 24px;
    }
}