﻿/*LIGHTBOX Modifications*/

.inline-gallery-container { width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;}



.lg-img-wrap { background-color: #fff; width: 100%; }
.lg-hide-sub-html .lg-sub-html, .lg-next, .lg-pager-outer, .lg-prev, .lg-toolbar { background: white; color: red; }


.lg-toolbar, .lg-icon { color: #111; }

    .lg-toolbar .lg-icon:hover { color: black; }

.lg-outer .lg-thumb { background-color: white; }

.lg-counter, lg-counter-all-1 { color: #111; font-weight: 600; }


.lg-show-in .lg-prev, .lg-show-in .lg-next { opacity: 0.6; }
/*.lg-show-in .lg-prev, .lg-show-in .lg-next { top: unset; opacity:0.6; }
.lg-show-in .lg-prev { left: 0; bottom: 0;  }
.lg-show-in .lg-next { right: 0; bottom: 0; }*/

.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) { opacity: 1; color: black; }

.lg-backdrop { background-color: white; }


/*.lg-outer { max-height:400px;}*/

.lg-outer .lg-thumb-outer { background-color: #fff; width: 100%; max-height: 450px; overflow: hidden; float: left; }
.lg-outer .lg-img-wrap { top: -7px; }

img.lg-object.lg-image { max-width: 80%; max-height: 100%; }

/* lightGallery overrides */
.inline-gallery-container { width: 100%; height: 500px; position: relative; padding-bottom: 50%; justify-self: center; }

.lightGallery-captions h4 { transform: translate3d(60px, 0, 0px); }
.lightGallery-captions p { transform: translate3d(-60px, 0, 0px); }
.lightGallery-captions h4,
.lightGallery-captions p { opacity: 0; }

.lg-current .lightGallery-captions h4,
.lg-current .lightGallery-captions p { transform: translate3d(0, 0, 0px); }
.lg-current .lightGallery-captions h4,
.lg-current .lightGallery-captions p { opacity: 1; }

.lg-slide-progress .lightGallery-captions h4 { transform: translate3d(-60px, 0, 0px); }
.lg-slide-progress .lightGallery-captions p { transform: translate3d(60px, 0, 0px); }
.lg-slide-progress .lightGallery-captions h4,
.lg-slide-progress .lightGallery-captions p { opacity: 0; }

.lightGallery-captions h4,
.lightGallery-captions p { transition: transform 0.4s ease-in-out, opacity 0.4s ease-in; color:red; }

.lg-current .lightGallery-captions h4,
.lg-current .lightGallery-captions p { transition-delay: 500ms; }
.lg-current.lg-slide-progress .lightGallery-captions h4,
.lg-current.lg-slide-progress .lightGallery-captions p { transition-delay: 0ms; }


/******captions text  */


.lg-sub-html { font-size: 20px; font-weight: bold; opacity: 1;}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html { opacity: 1; color:#000; }
/*

/*


@media only screen and (min-width: 1350px) {
    .inline-gallery-container { height: 545px; }
}
    */




@media only screen and (max-width: 600px) {
    .inline-gallery-container { width: 100%; }
}

@media only screen and (min-width: 400px) {
    .inline-gallery-container { height: 400px; }
}

@media only screen and (min-width: 700px) {
    .inline-gallery-container { height: 500px; }
}

@media only screen and (min-width: 1000px) {
    .inline-gallery-container { height: 600px; }
}

@media only screen and (min-width: 1400px) {
    .inline-gallery-container { height: 700px; }
}
