/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
    position: relative;
}

.ekko-lightbox-nav-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}

    .ekko-lightbox-nav-overlay a {
        z-index: 100;
        display: block;
        width: 46%;
        padding: 0 2%;
        height: 100%;
        font-size: 3rem;
        color: #fff !important;
        text-shadow: 2px 2px 4px #000;
        opacity: 0.5;
        filter: alpha(opacity=0);
        filter: dropshadow(color=#000000, offx=2, offy=2);
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }

        .ekko-lightbox-nav-overlay a:empty {
            width: 45%;
        }

@media (max-width: 767px) { /* xs */
    .ekko-lightbox-nav-overlay a {
        z-index: 100;
        display: block;
        width: 46%;
        padding: 0 2%;
        height: 100%;
        font-size: 3rem;
        text-shadow: 2px 2px 4px #000;
        opacity: 0;
        filter: alpha(opacity=0);
        filter: dropshadow(color=#000000, offx=2, offy=2);
        -webkit-transition: opacity 0.5s;
        -moz-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }

        .ekko-lightbox-nav-overlay a:empty {
            width: 30%;
        }
}

.ekko-lightbox a:hover {
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.ekko-lightbox .fa-angle-left {
    left: 0;
    float: left;
    padding-left: 15px;
    text-align: left;
}

.ekko-lightbox .fa-angle-right {
    right: 0;
    float: right;
    padding-right: 15px;
    text-align: right;
}

.ekko-lightbox .modal-footer {
    text-align: left;
}

.en-modal-header {
    padding: 15px;
    background-color: #002D3F;
}

.en-close {
    float: right;
    font-size: 2.3em;
    line-height: 1;
    color: #FFF;
}

button.en-close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 10px;
    font-size: 2em;
    z-index: 110;
    opacity: 0.5;
    color: #fff;
}

    button.en-close:hover {
        opacity: 1;
    }

.en-modal-body {
    position: relative;
}

.en-modal-Content {
    position: relative;
    background-color: #fff;
    outline: 0;
    margin: 0 25px;
    background-color: #000;
    color: #FFF;
}

.en-modal-title {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
}

.en-shake-title {
    font-size: 14pt;
    color: #fff;
    padding: 0 10px;
    /*border-left: 1px solid #fff;*/
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.en-shake-subtitle {
    text-transform: none;
    font-size: 0.8em;
}

input[type="button"], button {
    min-width: 0;
}

.ekko-lightbox-container iframe {
    width: 100%;
}


/*fix*/
div.en-modal-header > h4 > a {
    display: none;
}

.en-shake-subtitle {
    display: none;
}

body > video {
    height: 100% !important;
    width: 100% !important;
}