/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.9 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    html.with-featherlight {
        /* disable global scrolling when featherlights are visible */
        overflow : hidden;
    }

    .featherlight {
        display     : none;
        position    : fixed;
        top         : 0px;
        right       : 0px;
        bottom      : 0px;
        left        : 0px;
        z-index     : 2147483647;
        text-align  : center;
        white-space : nowrap;
        cursor      : url(../Images/close_overlay.png), auto;
        background  : #333;
        background  : rgba(0, 0, 0, 0);
    }

    /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
    .featherlight:last-of-type {
        background : rgba(255, 255, 255, 0.9);
    }

    .featherlight:before {
        content        : '';
        display        : inline-block;
        height         : 100%;
        vertical-align : middle;
    }

    .featherlight .featherlight-content {
        position       : relative;
        text-align     : left;
        vertical-align : middle;
        display        : inline-block;

        /* dimensions: cut off images */
        overflow       : visible;

        /* dimensions: handling large content */
        margin-left    : 5%;
        margin-right   : 5%;
        max-height     : 85%;

        /* styling */
        background     : transparent;
        cursor         : auto;

        /* reset white-space wrapping */
        white-space    : normal;
    }

    /* contains the content */
    .featherlight .featherlight-inner {
        /* make sure its visible */
        display : block;
    }

    /* don't show these though */
    .featherlight script.featherlight-inner,
    .featherlight link.featherlight-inner,
    .featherlight style.featherlight-inner {
        display : none;
    }

    .featherlight .featherlight-close-icon {
        position          : fixed;
        z-index           : 9999;
        top               : 1.5em;
        right             : 1.5em;
        line-height       : 25px;
        width             : 35px;
        height            : 35px;
        background-image  : url(../Images/close_overlay.svg);
        background-size   : contain;
        background-repeat : no-repeat;
        background-color  : transparent;

        cursor            : pointer;
        text-indent       : -9999px;
        border            : none;
        padding           : 0;
    }

    /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
    .featherlight .featherlight-close-icon::-moz-focus-inner {
        border  : 0;
        padding : 0;
    }

    .featherlight-next .emoji, .featherlight-previous .emoji {
        display : none !important;
    }

    .featherlight-next {
        position : absolute;
        top      : 0%;
        right    : 0px;
        width    : 50%;
        height   : 100%;
        cursor   : url(../Images/nextarrow.png), auto;
    }

    .featherlight-next span, .featherlight-previous span {
        display : none;
    }

    .featherlight-previous {
        position : absolute;
        top      : 0%;
        left     : 0px;
        width    : 50%;
        height   : 100%;
        cursor   : url(../Images/prevarrow.png), auto;
    }

    .featherlight .featherlight-image {
        /* styling */
        width : 100%;
    }


    .featherlight-iframe .featherlight-content {
        /* removed the border for image croping since iframe is edge to edge */
        border-bottom              : 0;
        padding                    : 0;
        width                      : 70%;
        height                     : 70%;
        position                   : relative;
        -webkit-overflow-scrolling : touch;
        overflow-y                 : scroll;
    }

    .featherlight iframe {
        /* styling */
        border : none;
        width  : 100%;
        height : 100%;
    }

    .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
        -webkit-box-sizing : border-box;
        -moz-box-sizing    : border-box;
        box-sizing         : border-box;
    }
}

/* handling phones and small screens */
@media only screen and (max-width : 35.438em) {
    .featherlight {
        top    : 20px;
        right  : 0px;
        bottom : 50px;
        left   : 0px;
    }

    .featherlight .featherlight-close-icon {
        top    : 25px;
        right  : 10px;
        width  : 25px;
        height : 25px;
    }
}

/* hide non featherlight items when printing */
@media print {
    @page {
        size : landscape
    }

    html.with-featherlight > * > :not(.featherlight) {
        display : none;
    }
}