/* Page Top */

.page-top {
    background-color: #171717;
    padding: 12px 0;
    position: relative;
    text-align: $left;

    &[data-plugin-parallax] {
        background-position: 50% 50%;
    }

    &.wide {
        .container {
            width: 100%;
            max-width: none;
        }
    }

    .breadcrumbs-wrap {
        font-size: 0.75rem;
        position: relative;
    }
    .breadcrumbs-prefix {
        margin-#{$right}: 10px;
    }

    ul.breadcrumb {
        border-radius: 0;
        background: none;
        margin: 0;
        padding: 0;
        > li {
            text-shadow: none;
            text-transform: uppercase;
            a {
                display: inline-block;
                border-color: transparent;
                background: transparent;
            }
            + li:before {
                display: none;
            }
        }
        li {
            span {
                margin-#{$left}: 5px;

                &:first-child {
                    margin-#{$left}: 0;
                }
            }
        }
    }
    .yoast-breadcrumbs {
        font-size: 12px;
        a {
            margin-#{$right}: 5px;
        }
        span,
        .breadcrumb_last {
            margin-#{$left}: 5px;
        }
    }
    .page-title {
        display: inline-block;
        font: 400 2.2em/1.2 var(--porto-h1-ff), var(--porto-body-ff), sans-serif;
        margin: 0;
        position: relative;
        letter-spacing: -.05em;
        text-transform: none;
        z-index: 2;
        @media #{$screen-medium} {
            font-size: 2em;
        }
    }

    .page-sub-title {
        font-size: 1.2em;
        font-weight: $font-weight-light;
        line-height: 1.5em;
        opacity: 0.8;
        @media #{$screen-medium} {
            font-size: 1.2em;
        }
    }

    .sort-source {
        position: absolute;
        bottom: 0;
        #{$right}: var(--porto-column-spacing);

        > li {
            float: none;
            display: inline-block;

            &.active > a {
                background: transparent !important;
                color: var(--porto-primary-color);
            }
        }

        @media #{$screen-medium} {
            position: relative;
            text-align: $right;
            left: 0;
            right: 0;
            z-index: 1;
            padding-top: 5px;
            padding-bottom: 5px;
        }
    }

    .hide-title {
        .sort-source {
            bottom: -6px;
        }
    }

    body.single-product .entry-summary & {
        position: absolute;
        top: 0;
        #{$right}: 0;
        width: 65px;
        background: transparent !important;
        border: none !important;
        & .product-nav .product-link {
            color: #000;
        }
    }
}

.page-top ul.breadcrumb>li,
.page-header-8 {
    .delimiter {
        display: block;
        float: $right;
        margin: 0 4px;
        width: 20px;
        text-align: center;
        font-style: normal;
        font-size: 12px;
        &:before {
            content: "/\00a0";
            position: relative;
            @if $rtl == 1 {
                right: 1px;
            } @else {
                right: -2px;
            }
        }
        &.delimiter-2 {
            font-family: "Porto";
            font-weight: 400;
            &:before {
                @if $rtl == 1 {
                    content: "\e819";
                    right: 0;
                } @else {
                    content: "\e81a";
                    right: -1px;
                }
            }
        }
    }
}

#breadcrumbs-boxed {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;

    .page-top {
        padding-left: var(--porto-column-spacing);
        padding-right: var(--porto-column-spacing);
    }
}