/*
* ColorBox Core Style
* The following rules are the styles that are consistant between all ColorBox themes
* @version 2.6
* @$Id: colorbox.css 651378 2013-01-11 17:20:40Z dzappone $
* @$URL: http://plugins.svn.wordpress.org/lightbox-plus/trunk/css/black/colorbox.css $
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; /* 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%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; padding:0;}
.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;}

/* 
    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:url(images/overlay.png) repeat 0 0;}
#colorbox{font: 12px Tahoma, Arial,sans-serif; border: 1px solid #333; padding-bottom: 30px; /* 30px; */ background: #fff; }
.page #colorbox {padding-bottom: 0;}
.page-id-921 #colorbox {padding-bottom: 30px;}
    #cboxTopLeft{width:12px; height:12px; background:#fff}
    #cboxTopRight{width:12px; height:12px; background:#fff}
    #cboxBottomLeft{width:12px; height:12px; background:#fff}
    #cboxBottomRight{width:12px; height:12px; background:#fff}
    #cboxMiddleLeft{width:12px; background:#fff}
    #cboxMiddleRight{width:12px; background:#fff}
    #cboxTopCenter{height:12px; background:#fff}
    #cboxBottomCenter{height:12px; background:#fff}
    #cboxContent{background:#fff; /* overflow:hidden; */}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
		.page #cboxLoadedContent{margin-bottom: 0; /* 28px; */}
		.page-id-921 #cboxLoadedContent{margin-bottom: 28px;/}
        #cboxTitle{position:absolute; /* bottom:-10px; */ margin-top: -22px; left:65px; text-align:left; /* width:100%; */ color:#949494;}
        #cboxCurrent{position:absolute; bottom:-14px; left:0; color:#949494; font-size: 10px;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -19px 0; width:25px; height:25px; text-indent:-9999px;}
        /* #cboxClose:hover{background-position:-19px -25px;} */
button {border: 0;}
#cboxWrapper button#cboxClose {border: 0; top: 11px; right: -37px;}
@media only screen and (max-width: 480px) {
	#cboxWrapper button#cboxClose {
		top: 0;
		right: -5px;
	}
}