/* Media Gallery Styles*/

.galleryPrevious {
    display: none;
}

.galleryNext {
    display: none;
}

.galleryList {
    width: 100%;
    position: relative;
}

.galleryoverflow {
    width: calc(100% + 15px);
}

.galleryMargins {
    width: 100%;
}

.galleryItemList {
    width: 100%;
    font-size: 0px;
    line-height: 0px;
    position: relative;
}

.galleryItem {
    display: inline-block;
    width: calc(25% - 15px);
    margin-right: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 1px 1px #c7c7c7, -3px 3px 10px 0px rgba(0, 0, 0, 0.3);
    position: relative;
}

@media screen and (max-width:780px) {
    .galleryItem {
        width: calc(33.333% - 15px);
    }
}

@media screen and (max-width:512px) {
    .galleryItem {
        width: calc(50% - 15px);
    }
}

@media screen and (max-width:320px) {
    .galleryItem {
        width: calc(100% - 15px);
    }
}

.galleryItem .galleryContent {
    width: 100%;
    padding-top: 56.25%;
    height: 0px;
    overflow: hidden;
}

.galleryItem .galleryContent img {
    display: none;
}

.galleryItem .galleryContent .videoTable {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.galleryItem.defaultGalleryImage .galleryContent .videoTable {
    display: block;
}

.galleryItem.defaultGalleryImage .galleryContent .videoTableCell {
    display: block;
    width: calc(100% + 200px);
    margin-left: -100px;
    margin-top: -50px;
}

.galleryItem .galleryData {
    display: none;
}

.galleryShowWindow {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 47, 86, 0.8);
    z-index: 10;
    animation-name: fadeingalleryshowwindow;
    animation-duration: 0.8s;
    display: none;
}

@keyframes fadeingalleryshowwindow {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.galleryShowWindow.show {
    display: block;
}

.galleryShowWindowMargins {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1600px;
}

.galleryShowWindowOverflow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.galleryShowWindowPreviousImage {
    padding: 150px;
    width: calc(100% - 300px);
    height: calc(100% - 300px);
    position: absolute;
    top: 0px;
    left: 0px;
}

    .galleryShowWindowPreviousImage img {
        object-fit: scale-down;
        position: absolute;
        width: calc(100% - 200px);
        height: calc(100% - 200px) !important;
        max-height: none !important;
    }

.galleryShowWindowImage {
    padding: 150px;
    width: calc(100% - 300px);
    height: calc(100% - 300px);
    position: absolute;
    top: 0px;
    left: 0px;
}

    .galleryShowWindowImage img {
        object-fit: scale-down;
        position: absolute;
        width: calc(100% - 200px);
        height: calc(100% - 200px) !important;
        max-height: none !important;
    }

@media screen and (max-height:640px) {
    .galleryShowWindowPreviousImage {
        height: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .galleryShowWindowImage {
        height: calc(100% - 100px);
        padding-top: 50px;
        padding-bottom: 50px;
    }

        .galleryShowWindowImage img {
            height: calc(100% - 100px) !important;
        }

    .galleryShowWindowPreviousImage img {
        height: calc(100% - 100px) !important;
    }
}

@media screen and (max-height:420px) {
    .galleryShowWindowPreviousImage {
        height: calc(100% - 30px);
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .galleryShowWindowImage {
        height: calc(100% - 30px);
        padding-top: 15px;
        padding-bottom: 15px;
    }

        .galleryShowWindowImage img {
            height: calc(100% - 30px) !important;
        }

    .galleryShowWindowPreviousImage img {
        height: calc(100% - 30px) !important;
    }
}

@media screen and (max-width:800px) {
    .galleryShowWindowPreviousImage {
        width: calc(100% - 200px);
        padding-left: 100px;
        padding-right: 100px;
    }

    .galleryShowWindowImage {
        width: calc(100% - 200px);
        padding-left: 100px;
        padding-right: 100px;
    }

        .galleryShowWindowImage img {
            width: calc(100% - 100px);
        }

    .galleryShowWindowPreviousImage img {
        width: calc(100% - 100px);
    }
}

@media screen and (max-width:640px) {
    .galleryShowWindowPreviousImage {
        width: calc(100% - 100px);
        padding-left: 50px;
        padding-right: 50px;
    }

    .galleryShowWindowImage {
        width: calc(100% - 100px);
        padding-left: 50px;
        padding-right: 50px;
    }

        .galleryShowWindowImage img {
            width: calc(100% - 100px);
        }

    .galleryShowWindowPreviousImage img {
        width: calc(100% - 100px);
    }
}

.galleryShowWindowPrevious {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 150px;
    height: 100%;
    display: block;
}

@media screen and (max-width:1024px) {
    .galleryShowWindowPrevious {
        width: 100px;
    }
}

@media screen and (max-width:640px) {
    .galleryShowWindowPrevious {
        width: 50px;
    }
}

.galleryShowWindowNext {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
    height: 100%;
    display: block;
}

@media screen and (max-width:1024px) {
    .galleryShowWindowNext {
        width: 100px;
    }
}

@media screen and (max-width:640px) {
    .galleryShowWindowNext {
        width: 50px;
    }
}

.pageContent a.galleryShowWindowPrevious:link, .pageContent a.galleryShowWindowPrevious:active, .pageContent a.galleryShowWindowPrevious:visited, .pageContent a.galleryShowWindowPrevious:hover, .pageContent a.galleryShowWindowNext:link, .pageContent a.galleryShowWindowNext:active, .pageContent a.galleryShowWindowNext:visited, .pageContent a.galleryShowWindowNext:hover {
    color: rgba(0,0,0,0);
    text-decoration: none;
}

.galleryShowWindowPrevious .circle {
    width: 100px;
    height: 100px;
    top: calc(50% - 50px);
    left: 0px;
    position: absolute;
}

@media screen and (max-width:800px) {
    .galleryShowWindowPrevious .circle {
        width: 75px;
    }
}

@media screen and (max-width:640px) {
    .galleryShowWindowPrevious .circle {
        width: 50px;
    }
}

.galleryShowWindowNext .circle {
    width: 100px;
    height: 100px;
    top: calc(50% - 50px);
    right: 0px;
    position: absolute;
}

@media screen and (max-width:800px) {
    .galleryShowWindowNext .circle {
        width: 75px;
    }
}

@media screen and (max-width:640px) {
    .galleryShowWindowNext .circle {
        width: 50px;
    }
}

.galleryShowWindowPrevious .arrow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.galleryShowWindowNext .arrow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.galleryShowWindowPrevious .arrowTopLine {
    width: 45px;
    transform: rotate(-50deg);
    height: 5px;
    border-radius: 5px;
    position: absolute;
    top: 32px;
    right: 5px;
    background: white;
}

.galleryShowWindowPrevious .arrowBottomLine {
    width: 45px;
    transform: rotate(50deg);
    height: 5px;
    border-radius: 5px;
    position: absolute;
    top: 64px;
    right: 5px;
    background: white;
}

.galleryShowWindowNext .arrowTopLine {
    width: 45px;
    transform: rotate(50deg);
    height: 5px;
    border-radius: 5px;
    position: absolute;
    top: 32px;
    left: 5px;
    background: white;
}

.galleryShowWindowNext .arrowBottomLine {
    width: 45px;
    transform: rotate(-50deg);
    height: 5px;
    border-radius: 5px;
    position: absolute;
    top: 64px;
    left: 5px;
    background: white;
}

.closeGalleryShowWindow {
    width: 80px;
    height: 80px;
    top: 50px;
    right: 50px;
    position: absolute;
    display: block;
}

@media screen and (max-height:640px) {
    .closeGalleryShowWindow {
        top: -10px;
        right: -10px;
    }
}

@media screen and (max-width:640px) {
    .closeGalleryShowWindow {
        top: -10px;
        right: -10px;
    }
}

.pageContent a.closeGalleryShowWindow:link, .pageContent a.closeGalleryShowWindow:active, .pageContent a.closeGalleryShowWindow:visited, .pageContent a.closeGalleryShowWindow:hover {
    color: rgba(0,0,0,0);
    text-decoration: none;
}

.closeGalleryShowWindow .xCloseLeftHalf {
    position: absolute;
    top: 40px;
    left: 20px;
    transform: rotate(45deg);
    width: 40px;
    height: 5px;
    border-radius: 5px;
    background: white;
}

.closeGalleryShowWindow .xCloseRightHalf {
    position: absolute;
    top: 40px;
    left: 20px;
    transform: rotate(-45deg);
    width: 40px;
    height: 5px;
    border-radius: 5px;
    background: white;
}

.adaGalleryClose {
    display: block;
    position: absolute;
    bottom: 50px;
    right: 50px;
    height: 0px;
    width: 0px;
}

.pageContent a.adaGalleryClose:link, .pageContent a.adaGalleryClose:active, .pageContent a.adaGalleryClose:visited, .pageContent a.adaGalleryClose:hover {
    color: rgba(0,0,0,0);
    text-decoration: none;
}

.galleryShowWindowInfo {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

@media screen and (max-height:980px) {
    .galleryShowWindowInfo {
        display: none;
    }
}

.galleryShowWindowInfoBox {
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px white;
    padding: 25px;
    text-align: center;
    background-color: rgba(18,52,92,0.85);
    box-shadow: 0px 0px 0px 2px white;
    display: inline-block;
    margin: 15px;
}

@media screen and (max-width:800px) {
    .galleryShowWindowInfoBox {
        padding: 15px;
    }
}

.pageContent .galleryShowWindowInfoBox a:link, .pageContent .galleryShowWindowInfoBox a:active, .pageContent .galleryShowWindowInfoBox a:visited {
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px white;
    text-decoration: underline;
}

.pageContent .galleryShowWindowInfoBox a:hover {
    color: rgba(0,0,0,0);
    text-shadow: 0px 0px #b8ecff;
    text-decoration: underline;
}

.galleryShowWindowInfoBox .title {
    margin: 0px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.4em;
}

.galleryShowWindowInfoBox .content {
    margin: 0px;
    font-size: 15px;
    line-height: 1.4em;
}
/*Gallery Video Styles*/
.videoTable {
    display: table;
    width: 100%;
    height: 100%;
}

.videoTableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.videoYouTube {
    width: 100%;
    padding-top: 56.25%;
    background-color: black;
    position: relative;
}

    .videoYouTube:hover {
        z-index: 1;
    }

    .videoYouTube iframe {
        position: absolute;
        width: 100% !important;
        height: 100% !important;
        top: 0px;
        left: 0px;
    }

.galleryItemList .galleryItem .galleryContent .videoYouTube {
    display: none;
}

a.galleryShowWindowPrevious,
a.galleryShowWindowNext,
a.closeGalleryShowWindow,
a.adaGalleryClose {
    color: rgba(0,0,0,0) !important;
    text-decoration: none !important;
}

/*.galleryShowWindowInfo {
    display: block !important;
}*/

.galleryShowWindow {
    z-index: 99 !important;
}

.galleryShowWindowImage,
.galleryShowWindowPreviousImage {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* Modal View Styles Mobile override */
.galleryShowWindowImage img,
.galleryShowWindowPreviousImage img {
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-width: min(1200px, 92vw) !important;
  max-height: 78vh !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}
 
.galleryShowWindowImage .videoYouTube,
.galleryShowWindowPreviousImage .videoYouTube {
  width: min(1200px, 92vw) !important;
  padding-top: 56.25% !important;
  position: relative !important;
  margin: 0 auto !important;
  border-radius: 10px;
  overflow: hidden;
}
 
@media (max-width: 1400px) {
 
  .galleryShowWindowImage img,
  .galleryShowWindowPreviousImage img {
    max-width: calc(100vw - 20vw) !important;
  }
 
  .galleryShowWindowImage .videoYouTube,
  .galleryShowWindowPreviousImage .videoYouTube {
    width: calc(100vw - 30vw) !important;
  }
}
 
.galleryShowWindowImage .videoYouTube iframe,
.galleryShowWindowPreviousImage .videoYouTube iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}