// DIRECTIONAL
// ---------------------------------------------------------------
$rtl: 0 !default;
$dir: ltr !default;

@import "../theme/theme-imports";

#footer {
    .footer-ribbon {
        position: absolute;
        top: 0;
        margin: -16px 0 0;
        padding: 10px 20px 6px;
        color: #fff;
        font-size: 20.8px;
        line-height: 23px;
        z-index: 101;
        font-family: var(--porto-alt-ff, var(--porto-body-ff)), sans-serif;

        &:before {
            content: "";
            height: 0;
            position: absolute;
            top: 0;
            width: 7px;
            #{$right}: 100%;
            border-#{$right}: 10px solid #646464;
            border-top: 16px solid transparent;
        }
    }
}