/*
    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:99999; overflow:hidden; outline: none !important; }
#cboxWrapper {max-width:none;}
#cboxOverlay{ position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent { position:relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; padding-right: 15px; }
#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; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    @author Feel Creative <info@feelcreative.com.au>
*/
#cboxOverlay { background: rgba(0,0,0,.9); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE8 */ }
#colorbox { background: #006aa2; border: 3px solid #fff; box-shadow: 0px 0px 8px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,.3); }
    #cboxTopLeft{ width: 30px; height: 30px; }
    #cboxTopRight{ width: 30px; height: 30px; }
    #cboxBottomLeft{ width: 30px; height: 30px; }
    #cboxBottomRight{ width: 30px; height: 30px; }
    #cboxMiddleLeft{ width: 30px; }
    #cboxMiddleRight{ width: 30px; }
    #cboxTopCenter{ height: 30px; }
    #cboxBottomCenter{ height: 30px; }
    #cboxContent { font-size: 1.125em; line-height: 28px; }
    .cboxIframe { background:#fff; }
    #cboxContent h2 { font-size: 1.667em; line-height: 30px; padding: 0 0 35px 0; font-family: 'segoe_uibold_italic', Arial, sans-serif; }
    #cboxContent p { padding-bottom: 15px; word-wrap: break-word; }
    #cboxContent p:last-child { padding-bottom: 0; }
    #cboxContent a { color: #006bb4; }
    #cboxContent a:hover { color: #004e84; }
    #cboxContent .location.vcard { margin-top: 0; display: none !important; }
    #cboxContent .messages ul { margin: 0; font-size: 14px; line-height: 18px; }
    #cboxError{padding:50px; border:1px solid #ccc;}
    #cboxTitle { bottom: -25px; font-size: 14px; height: 19px; line-height: 16px; overflow: hidden; position: absolute; right: 0; text-align: right; width: 70%; }
    #cboxLoadedContent iframe { display: block; }
    #cboxCurrent { bottom: -22px; font-size: 14px; left: 52px; line-height: 16px; position: absolute; }
    #cboxLoadingOverlay{ background: url(../images/icons/loading_background.png) no-repeat center center; }
    #cboxLoadingGraphic{ background: url(../images/icons/search-preloader.gif) no-repeat; width: 32px; height: 32px; background-size: 32px; left: 0; margin: auto; position: absolute; right: 0; top: 0; bottom: 0; }

    #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
    
    #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

    #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
    #cboxPrevious, #cboxNext { position: absolute; bottom: -25px; width: 18px; height: 18px; text-indent: -9999px; background: url(../images/icons/popup-arrow.png) left top no-repeat;}
    #cboxPrevious { left: 0; }
    #cboxNext{ left: 25px; background: url(../images/icons/popup-arrow.png) right top no-repeat; }
    #cboxNext:hover { background: url(../images/icons/popup-arrow.png) -18px -18px no-repeat; }
    #cboxPrevious:hover { background: url(../images/icons/popup-arrow.png) 0 -18px no-repeat; }
    #cboxClose{ display: block; width: 50px; height: 50px; box-sizing: border-box; background: #fff url(../images/icons/popup-close.png) 0 0 no-repeat; border-left: 1px solid #000; box-shadow: 0px 0px 8px rgba(0,0,0,.3); text-indent: -10000px; text-decoration: none; position: fixed; top: 0; right: 0; -webkit-transition: 0.8s ease-in-out; -moz-transition: 0.8s ease-in-out; -o-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out; z-index: 100000; }
    #cboxClose:hover{ background: #000 url(../images/icons/popup-close.png) 0 -50px no-repeat; }
        
/* ---------------------------------------- */
/* MEDIA QUERIES                        
/* ---------------------------------------- */

/*-----------Styles for mobile 0 - 767px--------------------------------------------------------------*/ 
@media only screen and (min-width: 0) and (max-width: 767px) {         
    #lightbox, #cboxContent { font-size: 14px; line-height: 16px; }
    #lightbox h2 { padding: 0 0 15px 0; line-height: 25px; }
    #lightbox p, #cboxContent p { padding: 1px 0 9px 0; }   
    #lightbox .getlocations_map_wrapper_inner > div { height: 200px !important; }  
}      
/*-----------Styles for mobile 0 - 480px--------------------------------------------------------------*/ 
@media only screen and (min-width: 0) and (max-width: 480px) {
    #lightbox  input[type="text"], #lightbox  input[type="email"], #lightbox  input[type="password"], #lightbox textarea { font-size: 12px; padding: 5px 10px; }
    #cboxTopLeft{ width: 15px; height: 15px; }
    #cboxTopRight{ width: 15px; height: 15px; }
    #cboxBottomLeft{ width: 15px; height: 15px; }
    #cboxBottomRight{ width: 15px; height: 15px; }
    #cboxMiddleLeft{ width: 15px; }
    #cboxMiddleRight{ width: 15px; }
    #cboxTopCenter{ height: 15px; }
    #cboxBottomCenter{ height: 15px; }
    #cboxLoadedContent { padding-right: 7px; }
}