/*

#############################################################################



Custom Colorbox style 'Simple Box 1'



* overrides any example style set in Typesetter's Configuration

* needs FontAwesome to be loaded



Author: J. Krausz

Date: 2017-05-26

Version 1.0

#############################################################################

*/



#cboxWrapper {

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box;

}



#cboxOverlay {

background:#000;

}



#cboxTopLeft, #cboxTopCenter, #cboxTopRight,

#cboxMiddleLeft, #cboxMiddleRight,

#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {

width:0!important;

height:0!important;

display:none;

}



#cboxContent {

margin:0;

z-index:9999;

background:#ddd;

}



#cboxContent #cboxLoadedContent{

margin-bottom:0;

background:#ddd;

padding:0;

border:none;

}



#cboxContent img.cboxPhoto {}



#cboxContent img.zoomImg.zoomEnabled {

cursor:all-scroll;

cursor:zoom-in; /* not supported in IE */

}



#cboxContent #cboxPrevious,

#cboxContent #cboxNext,

#cboxContent #cboxClose {

position:absolute;

background:none;

width:64px;

height:64px;

overflow:hidden;

text-indent:96px;

white-space:nowrap;

color:rgba(255,255,255,0.85);

text-shadow:0 0 2px rgba(0,0,0,0.7), 0 0 8px rgba(0,0,0,0.5);

z-index:10;

}



#cboxContent #cboxPrevious:hover,

#cboxContent #cboxNext:hover,

#cboxContent #cboxClose:hover {

color:rgba(255,255,255,1); 

}



#cboxContent #cboxPrevious {

margin:-32px 0 0;

top:50%;

left:0;

right:auto;

}

#cboxContent #cboxNext {

margin:-32px 0 0;

top:50%;

left:auto;

right:0;

}

#cboxContent #cboxClose {

margin:0;

top:0;

right:0;

bottom:auto;

left:auto;

}



#cboxContent #cboxPrevious:before,

#cboxContent #cboxNext:before,

#cboxContent #cboxClose:before {

font-family:"FontAwesome"!important;

font-size:48px;

position:absolute;

top:0;

left:0;

width:64px;

height:64px;

line-height:64px;

text-align:center;

text-indent:0;

}



#cboxContent #cboxPrevious:before {

content:"\f104";      /* \f104 = fa-angle-left, \f053 = fa-chevron-left */

}



#cboxContent #cboxNext:before {

content:"\f105";      /* \f105 = fa-angle-right, \f054 = fa-chevron-right */

}



#cboxContent #cboxClose:before {

font-size:24px;

content:"\f00d";      /* \f00d = fa-close */

}



#cboxContent #cboxCurrent,

#cboxContent #cboxTitle {

top:auto;

left:0;

right:0;

bottom:0;

color:#eee;

font-weight:normal;

text-align:center;

text-indent:0;

opacity:1;

-webkit-transition:all 0.6s;

transition:all 0.6s;

}



#cboxContent #cboxCurrent {

float:none!important;

padding:0 1.5em;

line-height:2;

height:2.5em;

white-space:nowrap;

overflow:hidden;

text-overflow:ellipsis;

pointer-events:none;

}



#cboxContent #cboxTitle {

background:rgba(0,0,0,0.85);

padding:1.25em 1.5em 3em 1.5em;

}



#cboxContent #cboxTitle:empty {

display:none!important;

}



#cboxContent #cboxTitle:hover,

#cboxContent #cboxTitle:hover + #cboxCurrent{

opacity:0;

}







/*

#cboxContent #cboxLoadingOverlay {}

#cboxContent #cboxLoadingGraphic {}

*/