/* ---------------------------------------------------------------

EPUB rendering using epub.js

*/
$menuWidth = 315

#lcc-read-epub {
    overflow: visible;
    left: 0;
    transition: left 0.25s ease, width 0.25s ease;

    &.left-menu-open {
        left: $menuWidth px;
    }

    .epubdisplay {
        height: 100%;
        position: relative;
    }

    .epubViewer {
        width: 100%;
        height: 100%;
        background: white;
        box-shadow: 0 0 4px #ccc;
        border-radius: 5px;
        padding: 20px 40px;
        position: relative;
        /* Center Content */
        margin: auto;

        iframe {
            background: white;
        }
    }

    .epubArrow {
        position: absolute;
        top: 20px;
        bottom: 20px;
        width: 30px;
        cursor: pointer;

        &.epubPrev {
            left: -13px;
        }
        &.epubNext {
            right: -13px;
        }
        &:hover, &:focus {
            .carousel-prev, .carousel-next {
                background-color: #757575;
            }
        }

        .carousel-prev, .carousel-next {
            top: 50%;
            left: 0;
            right: 0;
        }
    }

    .epubMenu {
        position: absolute;
        left: - $menuWidth px;
        top: 0;
        bottom: 0;
        width: $menuWidth px;
        transition: all 0.5s ease;
        padding-right: 15px;
        opacity: 0;

        .dijitTabPaneWrapper {
            overflow-y: auto;
        }
        .dijitContentPane {
            padding: 5px;
        }
        ul {
            margin: 0;
            list-style: none;

            li {
                padding-bottom: 10px;

                .lp-link{
                    position: relative;
                    display: block;
                    word-wrap: break-word;

                    .tocArrow {
                        position: absolute;
                        left: -13px;
                        top: 5px;
                        display: none;
                    }
                    &.active{
                        .tocArrow, span {
                            color: #186884;
                        }
                        .tocArrow {
                            display: block;
                        }
                    }
                    .bookmarkTrash {
                        color: #999;
                        cursor: pointer;
                        position: absolute;
                        right: -20px;
                        font-size: 20px;
                    }
                }
            }
            li + li {
                padding-top: 5px
            }

            &#bookmark-list .lp-link{
                margin-right: 20px;
            }
        }

    }
    &.left-menu-open .epubMenu {
        opacity: 1;
    }
}

.epubButton {
    display: inline-block;
    font-size: 16px;
    color: #999;
    vertical-align: top;
    margin-right: 10px;

    .dijitButton .dijitButtonNode {
        padding: 0;
        background: none;
        border: none;
        box-shadow: none;
        font-size: 24px;
        line-height: 24px;
    }

    &.epubMenuClose {
        position: absolute;
        top: 0;
        right: 2px;
    }

    &.buttonRight {
        float: right;
    }
}



.showFullscreen {
    display: none;
}

//fullscreen mixin
fullscreen()
    background: #FFFFFF
    .showFullscreen
        display: block
    .hideFullscreen
        display: none
    &#portal-columns
        width: 100%
        height: 100%
        padding-left: 15px
        padding-bottom: 15px


:-webkit-full-screen {
    fullscreen()
}
:-moz-full-screen {
    fullscreen()
}
:-ms-fullscreen {
    fullscreen()
}
:full-screen {
    fullscreen()
}
:fullscreen {
    fullscreen()
}


@media screen and (min-width: $screen-md-min){
    // bootstrap medium breakpoint
    #lcc-read-epub {
        width: 100%;

        .epubViewer:after {
            position: absolute;
            width: 1px;
            border-right: 1px #000 solid;
            height: 90%;
            z-index: 1;
            left: 50%;
            margin-left: -1px;
            top: 5%;
            opacity: .15;
            box-shadow: -2px 0 15px rgba(0, 0, 0, 1);
            content:  "";
        }
        &.left-menu-open {
            width: "calc(100% - %spx)" % $menuWidth

        }
    }
    @media (max-width: $screen-md-min + $menuWidth - 1){
        #lcc-read-epub.left-menu-open .epubViewer:after {
            display: none;
        }
    }
}