/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; text-align: center;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


/******************************************************************************
 * ColorBox
 ******************************************************************************/

#colorbox {
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    border-radius: 15px;
}
#cboxClose {
    border:0; 
    bottom: auto !important;
    bottom:0; 
    cursor:pointer;
    display:block; 
    left: 0;
    margin:0; 
    overflow:visible; 
    position:absolute; 
    right: auto;
    top: 0;
    width:auto; 
    background: #fff;
    padding: 0;
}
#cboxClose:before {
    border-radius: 100px;
    padding: 7px 12px;
    font-size: 20px;
    opacity: 0.2;
    transition: all 0.2s;
    font-family: var(--7s-fonts-icons);
    content: "\f00d";
    font-weight: lighter;
    display: block;
}
#cboxClose:hover:before {
    background: #f7f7f7;
    opacity: 0.5;
}
#cboxClose:active:before {
    background: #f7f7f7;
    opacity: 1;
}
#cboxLoadedContent {
    margin-top: 0;
    margin-bottom: 0;
    overflow:auto; 
    -webkit-overflow-scrolling: touch;
}


/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
    background: rgba(0,0,0,0.5);
    background: -webkit-radial-gradient(50% 50%,ellipse closest-corner,rgba(0,0,0,0.3) 1%,rgba(0,0,0,0.625) 100%);
    background: -moz-radial-gradient(50% 50%,ellipse closest-corner,rgba(0,0,0,0.3) 1%,rgba(0,0,0,0.625) 100%);
}
#colorbox{outline:0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}