/**
* {
  box-sizing: border-box;
}
*/

/* Position the image container (needed to position the left and right arrows) */
.oexp-slide-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
    border-radius: 14px;
    padding: 12px;
}
.oexp-slide-wrapper img {
    border-radius: 14px;
}
.oexp-slide-caption {
    display: block;
    width: 80%;
    color: White;
    text-align: center;
    font-weight: 600;
    margin: 0 0 12px 0;
    border-radius: 8px;
}
.oexp-thumb-wrapper {
    margin: 14px;
}
.oexp-slide-thumb {
    border-radius: 12px;
    border: 4px solid #fff;
    margin: auto;
}
#slider-gallery-nav .slick-center img,
#slider-lb-nav .slick-center img{
    transform: scale(1.2);
    /* box-shadow: 3px 3px 4px 2px #888888cc; */
    padding: 8px;
}
.oexp-gallery-shell {
    /* Outer skin for the gallery */
    border-radius: 14px;
    background-color: #c66600;
    padding: 12px;
}
.oexp-gallery-container {
  position: relative;
}

/* Hide the images by default */
.oexp-slide {
  display: none;
  border-radius: 14px;
}
.icon-nav, 
.image-nav {
    /* SPAN Wrapper for navigation arrows */
    font-size: 20px;
    border-radius: 50%;
}
.slider-arrow-block {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 90%;
    margin: auto;
}
.slick-prev {
    color: #c6c6c6;
    background: #0000;
    border: 1px solid #c6c6c6;
}
.slick-next {
    color: #c6c6c6;
    background: #0000;
    border: 1px solid #c6c6c6;
}
.slick-prev:hover,
.slick-next:hover{
    color: White;
    border: 1px solid White;
    border-radius: 4px;
    transform: scaleX(1.4);
}
.oexp-gallery-thumbs {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around;
}

/**
 * This impl works but is not very str8forwad
 * oexp-pb-lightbox
 * https://divihacks.com/how-to-create-a-popup-in-divi-without-a-plugin/
 */
/****** Lightbox Styling *******/
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#999999 !important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}