/* we add this class to close-icon. On full screen it is on white background */
/* when it is opened - remove scrolls from page */
@media screen and (min-width: 641px) {
    html.lightcase-open,
    html.lightcase-open body{
        /*height:100%;*/
        overflow:hidden;
    }
}
#lightcase-nav a[class*='lightcase-icon-'] {
    background-color: #007bff;
    color:#ffffff !important;
    border-radius: 21px;
    width: 38px;
    height:38px;
    padding:0;
    font-weight:bold;
    right:65px !important;
    top:35px !important;
}

.lightcase-icon-close:before{
    display:block;
    font-size:1.05em;
}
#lightcase-nav a[class*="lightcase-icon-"] > span {
    font-size:0px;
}

#lightcase-content{
    -webkit-overflow-scrolling: touch !important;
}
.lightcase-contentInner{
    -webkit-overflow-scrolling: touch !important;
}
.lightcase-custom-scroll  .lightcase-contentInner{
    overflow-y: auto;   
}
.lightcase-content-transparent .lightcase-contentInner{
    overflow-y: hidden !important;      
}
.lightcase-contentInner iframe{
    border:0px !important;
}
@media screen and (max-width: 640px){
    #lightcase-case,
    #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) {
        position: fixed !important;
        top: 0px !important;
        left: 0px !important;
        right: 0px !important;
        bottom: 0px !important;
        width:auto !important;
        height:auto !important;
        margin: 0px !important;
    }
    #lightcase-case #lightcase-content,
    #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
        position: absolute !important;
        top:0px !important;
        left:0px !important;
        right:0px !important;
        bottom:0px !important;
        width:auto !important;
        height:auto !important;
        overflow:visible !important;
    }
    .lightcase-contentInner{
        position:absolute  !important;
        top:0px !important;
        left:0px !important;
        right:0px!important;
        bottom:0px!important;
        width:auto!important;
        height:auto!important;
        z-index:1000000!important;
        height:100% !important;
        padding: 0px !important;
    }
    

    #lightcase-nav a[class*='lightcase-icon-'] {
        bottom: 15px;
        font-size: 38px;
    }
}

.lightcase-custom-mobile .lightcase-contentInner{
    position:absolute  !important;
    top:0px !important;
    left:0px !important;
    right:0px!important;
    bottom:0px!important;
    width:auto!important;
    height:auto!important;
    z-index:1000000!important;
    height:100% !important;
}



/*
.lightcase-isMobileDevice #lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) {
    top:0px !important;
    left:0px !important;
    right:0px !important;
    bottom:0px !important;
    width:auto !important;
    height:auto !important;

    margin-top:0px !important;
    margin-left:0px !important;
}
.lightcase-isMobileDevice #lightcase-content{
    position: absolute !important;
    top:0px !important;
    left:0px !important;
    right:0px !important;
    bottom:0px !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
    height:100%;
}
.lightcase-isMobileDevice .lightcase-contentInner{
    position:absolute  !important;
    top:0px !important;
    left:0px !important;
    right:0px!important;
    bottom:0px!important;
    width:auto!important;
    height:auto!important;
    z-index:1000000!important;
    height:100% !important;
}
*/


/* remove shadows */
.lightcase-content-transparent {
    background:transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
}


.lightcase-custom-skin-light #lightcase-overlay{
    background:#FFF !important;
}

#lightcase-overlay {
    z-index:20000;
}
#lightcase-case{
    z-index:20002;
    text-shadow: none;
}
#lightcase-loading {
    z-index:20009;   
}
#lightcase-nav a[class*='lightcase-icon-'] {
    z-index:20009;   
}

#lightcase-content h1, #lightcase-content h2, #lightcase-content h3, #lightcase-content h4, #lightcase-content h5, #lightcase-content h6, #lightcase-content p, #lightcase-content ul li, #lightcase-content ol li {
    color:inherit;
}