/* The font icons we use for the gallery controls in the lightbox */
@font-face {
    font-family: "gallery-manager-lightbox-icons";
    src: url('../font/lightbox-icons.eot');
    src: url('../font/lightbox-icons.eot#iefix') format('embedded-opentype'),
        url('../font/lightbox-icons.woff2') format('woff2'),
        url('../font/lightbox-icons.woff') format('woff'),
        url('../font/lightbox-icons.ttf') format('truetype'),
        url('../font/lightbox-icons.svg#lightbox-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.blueimp-gallery {

    &>.close,
    &>.prev,
    &>.next,
    &>.play-pause {
        &:before {
            display: block;
            font-family: "gallery-manager-lightbox-icons";
            font-weight: normal;
            font-style: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    }

    &>.close:before {
        content: '\e801'
    }

    &>.prev:before {
        content: '\e802';
        padding-right: 2px
    }

    &>.next:before {
        content: '\e803';
        padding-left: 2px
    }

    &>.play-pause:before {
        content: '\e804'
    }

    &.blueimp-gallery-playing>.play-pause:before {
        content: '\e805'
    }

}