/*
    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%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block}
.cboxIframe{width:100%;height:100%;display:block;border:0}

/* 
    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:#222}
#colorbox{font-size:10px}
    #cboxTopLeft,
    #cboxTopCenter,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomCenter,
    #cboxBottomRight,
    #cboxMiddleLeft,
    #cboxMiddleRight {display:none}
    #cboxContent{background:#fff;overflow:hidden;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px}
        #cboxError{padding:50px;border:1px solid #ccc}
        #cboxLoadedContent{margin:30px 30px 35px}
        #cboxTitle{position:absolute;bottom:0;left:30px;right:30px;text-align:center;color:#666;line-height:12px;height:25px;padding:5px 0}
        #cboxTitle:before{content:"Erin Frost"; margin-right: .5em }
        #cboxTitle em{margin-right: .5em }
        #cboxSlideshow{right:72px}
        #cboxPrevious{left:30px}
        #cboxNext{left:100px}
        #cboxLoadingOverlay{background:#fff url(../img/unk-loading-gray.gif) no-repeat center center;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px}
        #cboxClose{right:30px}
        #cboxCurrent,
        #cboxSlideshow,
        #cboxPrevious,
        #cboxNext,
        #cboxClose{position:absolute;top:0;display:block;color:#666;text-transform:uppercase;line-height:30px}
        #cboxCurrent{left:0;text-align:center;width:100%;color:#999}
        #cboxSlideshow:hover,
        #cboxPrevious:hover,
        #cboxNext:hover,
        #cboxClose:hover{color:#333}
        
/*mobile*/
@media (max-device-width: 1024px), handheld {

        #cboxSlideshow,
        #cboxPrevious,
        #cboxNext,
        #cboxClose{font-size:130%}
        #cboxNext{left:150px}
        #cboxTitle{height:50px}
        #cboxTitle:before{content:""; margin-right: 0 }
        #cboxLoadedContent{margin:50px 10px 65px}
        #cboxCurrent { display: none !important }

}