// _pagination.scss

nav {
    height:35px;
    margin-top:14px;
    position:relative;

    .menu-main {
        height:100%;
        padding:0 70px;
        position:relative;
        z-index:2;

        div:not(.pagination) {
            background-color: $brand-primary;
            color:#fff;
            font-size:13.5px;
            line-height:35px;
            height:100%;

            p {
                margin: 0;
            }

        }

    }

    .triangle {
        border:1px inset transparent;
        border-color:#49bbd7;
        height:0;
        position:absolute;
        width:0;

        &.triangle-left {
            border-width:0 0 1px 2px;
            border-bottom-color:transparent;
            border-bottom-style:solid;
            border-left-style:solid;
            border-bottom-width:35px;
            border-left-width:70px;
            left:auto;
            right:0;
            top:0;
        }

        &.triangle-right {
            border-right-style:solid;
            border-top-color:transparent;
            border-top-style:solid;
            border-width:1px 2px 0 0;
            border-right-width:70px;
            border-top-width:35px;
            bottom:0;
            left:0;
            right:auto;
        }

    }

    .transparent-padding {
        height:100%;
        padding:0 40px;
        position:absolute;
        right:0;
        width:50%;

        &::before {
            background:rgba(249,249,249,0.8);
            bottom:0;
            content:'';
            display:block;
            left:0;
            position:absolute;
            right:0px;
            top:0;
        }

        &::after {
            clear:both;
        }

        .sidebar-top {
            background-color:#fff;
            height:100%;
            position:relative;
            width:100%;
        }

    }

}

.pagination {
    color: $headings-color !important;
    font-size: 20px;
    margin: 0;

    a {
        background-color: none;
        color: #fff;
    }

}