/* ColorBox Core Style */

#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
outline: none !important;
}

#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
clear: left;
}

#cboxContent {
position: relative;
}

#cboxLoadedContent {
overflow: auto;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}

.cboxPhoto {
display: block;
float: left;
margin: auto;
border: 0;
}

.cboxIframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

/* Colorbox module default style */

#cboxOverlay {
background: rgb(243 243 243 / 60%);
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out;
}

#cboxTitle {
display: none !important;
}

#colorBox {}

#cboxWrapper {
background: #F3F3F3;
-webkit-box-shadow: 0 10px 20px -4px rgb(0 0 0 / 40%);
box-shadow: 0 10px 20px -4px rgb(0 0 0 / 40%);
-webkit-border-radius: 25px;
border-radius: 25px;
}

#cboxTopLeft {}
#cboxTopCenter {}
#cboxTopRight {}
#cboxBottomLeft {}
#cboxBottomCenter {}
#cboxBottomRight {}
#cboxMiddleLeft {}
#cboxMiddleRight {}

#cboxContent {
overflow: hidden;
}

#cboxError {
padding: 50px;
border: 1px solid #CCCCCC;
}

#cboxLoadedContent {
margin: 24px auto 34px;
}

#cboxCurrent {
position: absolute;
bottom: 4px;
left: 60px;
color: #949494;
}

.cboxSlideshow_on #cboxSlideshow {
position: absolute;
width: 25px;
height: 25px;
bottom: 0;
right: 30px;
text-indent: -9999px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
background-position: -101px -50px;
}

.cboxSlideshow_off #cboxSlideshow {
position: absolute;
width: 25px;
height: 25px;
bottom: 0;
right: 30px;
text-indent: -9999px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
background-position: -25px -50px;
}

#cboxPrevious {
position: absolute;
width: 25px;
height: 25px;
bottom: 0;
left: 0;
text-indent: -9999px;
}

#cboxPrevious:hover {
background-position: -75px -25px;
}

#cboxNext {
position: absolute;
width: 25px;
height: 25px;
bottom: 0;
left: 27px;
text-indent: -9999px;
}

#cboxNext:hover {
background-position: -50px -25px;
}

#cboxLoadingOverlay {
background: none;
}

#cboxLoadingGraphic {
background-image: url(images/loading_animation.svg);
background-repeat: no-repeat;
background-position: center;
}

#cboxClose {
position: absolute;
width: 47px;
margin: 0 auto;
bottom: -4px;
left: 0;
right: 0;
background: none;
border: none;
outline: none !important;
}

#cboxClose:hover {
position: absolute;
width: 47px;
margin: 0 auto;
bottom: -4px;
left: 0;
right: 0;
background: none;
border: none;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

a.colorbox-load.initColorboxLoad-processed.cboxElement {
outline: none !important;
}