.digr_img_gallery_container .digr_gallery_item > a {
  width: 100%;
  height: 100%;
}

.digr_img_gallery_filter,
.digr_gallery_item,
.digr_img_gallery_filter ul li a,
.digr_img_gallery_filter ul li.current a,
.digr_gallery_item .digr_image {
  border: 0 transparent solid;
}

.digr_gallery_item .always-show-description,
.digr_gallery_item .always-show-title {
  opacity: 1 !important;
}

.digr_imagegallery figure,
.digr_imagegallery figure img {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/*=========== filter ===============*/
.digr_img_gallery_container .justified-gallery > .jg-filtered {
  display: none !important;
  /* transform: scale(0) !important; */
}

.digr_img_gallery_container .has_filters {
  display: block;
}

.digr_img_gallery_container .no_filters {
  display: none;
}

.digr_img_gallery_container .digr_img_gallery_filter_list {
  text-align: center;
  list-style: none;
  padding: 0;
}

.digr_img_gallery_filter_list li {
  display: inline-block;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.digr_img_gallery_filter_list li:not(:last-child) {
  margin-right: 10px;
}

.digr_img_gallery_filter_list li a {
  background: #efefef;
  color: #333;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  padding: 5px 15px;
}

.digr_img_gallery_filter_list li.current a {
  background: #f5f5f5;
  color: #333;
}

.digr_gallery_filter_item.current a {
  background: blue;
  color: #fff;
}

/*===========lightbox===========*/
.vbox-next span,
.vbox-prev span {
  border: 2px solid transparent;
  border-top-color: #fff;
  border-right-color: #fff;
}

.vbox-overlay .vbox-title {
  white-space: normal !important;
  line-height: 1.7em;
  padding: 15px 50px;
}

.vbox-overlay {
  --vbox-title-width: 100% !important;
}

.digr_lightbox_img_fit_window .vbox-container {
  overflow: hidden;
}

.digr_lightbox_img_fit_window .vbox-container .vbox-content {
  height: 100vh;
}

.digr_lightbox_img_fit_window .vbox-container .vbox-child img {
  max-height: 100vh;
  object-fit: cover;
}

.djfg_item_link,
.digr_img_gal_lightbox_link {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* =================Image overlay ===============*/
.digr_img_gallery_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 1;
}

.digr_gallery_item:hover .digr_img_gallery_overlay {
  opacity: 1;
}

/*================== directional hover effect ===================*/

.digr-directional-hover .digr_gallery_item {
  perspective: 1500px;
}

.digr-directional-hover .digr-directional-hover-content {
  transform: rotate3d(1, 0, 0, 90deg);
  width: 100%;
  height: 100%;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(122deg, rgba(26, 188, 156, 0.9) 0, rgba(212, 251, 158, 0.863) 100%);
  color: #fff;
  display: flex;
  flex-direction: column;
}

.digr-directional-hover .digr_img_gallery_caption,
.digr-directional-hover .digr_img_gallery_description {
  margin-top: 0;
  color: #ffffff;
}

/*========== Directional image hover ==========*/

/* rotate */
.direc-hover-image-rotate {
  transform: scale(1) translate(0, 0);
}

.digr_gallery_item:hover .direc-hover-image-rotate {
  transform: scale(0.9) rotate(2deg);
}

/* rotate odd even */
.digr_gallery_item:nth-child(odd) .direc-hover-image-rotate-odd-even {
  transform: scale(1) rotate(2deg);
}

.digr_gallery_item:nth-child(even) .direc-hover-image-rotate-odd-even {
  transform: scale(1) rotate(-2deg);
}

.digr_gallery_item:hover .direc-hover-image-rotate-odd-even {
  transform: scale(1.1) rotate(0);
}

/*img blur */
.digr_gallery_item:hover .direc-hover-image-blur {
  filter: blur(4px);
  transform: scale(1.1);
}

/*====================  directional hover content position ===============*/

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-top-left {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-top-center {
  justify-content: flex-start;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-top-right {
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-center-left {
  align-items: flex-start;
  text-align: left;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-center {
  justify-content: center;
  align-items: center;
  text-align: center;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-center-right {
  align-items: flex-end;
  text-align: right;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-bottom-left {
  justify-content: flex-end;
  align-items: flex-start;
  text-align: left;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-bottom-center {
  justify-content: flex-end;
}

.digr-directional-hover .digr-directional-hover-content.digr-hover-layout-bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
  text-align: right;
}

/* ================ start directional hover engine style ================*/

.digr-directional-hover .in-top .digr-directional-hover-content {
  transform-origin: 50% 0%;
  -webkit-animation: in-top 500ms ease 0ms 1 forwards;
  animation: in-top 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .in-right .digr-directional-hover-content {
  transform-origin: 100% 0%;
  -webkit-animation: in-right 500ms ease 0ms 1 forwards;
  animation: in-right 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .in-bottom .digr-directional-hover-content {
  transform-origin: 50% 100%;
  -webkit-animation: in-bottom 500ms ease 0ms 1 forwards;
  animation: in-bottom 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .in-left .digr-directional-hover-content {
  transform-origin: 0% 0%;
  -webkit-animation: in-left 500ms ease 0ms 1 forwards;
  animation: in-left 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .out-top .digr-directional-hover-content {
  transform-origin: 50% 0%;
  -webkit-animation: out-top 500ms ease 0ms 1 forwards;
  animation: out-top 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .out-right .digr-directional-hover-content {
  transform-origin: 100% 50%;
  -webkit-animation: out-right 500ms ease 0ms 1 forwards;
  animation: out-right 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .out-bottom .digr-directional-hover-content {
  transform-origin: 50% 100%;
  -webkit-animation: out-bottom 500ms ease 0ms 1 forwards;
  animation: out-bottom 500ms ease 0ms 1 forwards;
}

.digr-directional-hover .out-left .digr-directional-hover-content {
  transform-origin: 0% 0%;
  -webkit-animation: out-left 500ms ease 0ms 1 forwards;
  animation: out-left 500ms ease 0ms 1 forwards;
}

@-webkit-keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }

  to {
    /* transform: rotate3d(0, 0, 0, 0deg); */
    transform: none;
  }
}

@keyframes in-top {
  from {
    transform: rotate3d(-1, 0, 0, 90deg);
  }

  to {
    /* transform: rotate3d(0, 0, 0, 0deg); */
    transform: none;
  }
}

@-webkit-keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }

  to {
    transform: rotate3d(0, 0, 0, 0deg);
    /* transform: none; */
  }
}

@keyframes in-right {
  from {
    transform: rotate3d(0, -1, 0, 90deg);
  }

  to {
    /* transform: rotate3d(0, 0, 0, 0deg); */
    transform: none;
  }
}

@-webkit-keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }

  to {
    transform: rotate3d(0, 0, 0, 0deg);
    /* transform: none; */
  }
}

@keyframes in-bottom {
  from {
    transform: rotate3d(1, 0, 0, 90deg);
  }

  to {
    /* transform: rotate3d(0, 0, 0, 0deg); */
    transform: none;
  }
}

@-webkit-keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }

  to {
    transform: rotate3d(0, 0, 0, 0deg);
    /* transform: none; */
  }
}

@keyframes in-left {
  from {
    transform: rotate3d(0, 1, 0, 90deg);
  }

  to {
    /* transform: rotate3d(0, 0, 0, 0deg); */
    transform: none;
  }
}

@-webkit-keyframes out-top {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
    /* transform: none; */
  }

  to {
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}

@keyframes out-top {
  from {
    /* transform: rotate3d(0, 0, 0, 0deg); */
    transform: none;
  }

  to {
    transform: rotate3d(-1, 0, 0, 104deg);
  }
}

@-webkit-keyframes out-right {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
    /* transform: none; */
  }

  to {
    transform: rotate3d(0, -1, 0, 104deg);
  }
}

@keyframes out-right {
  from {
    /* transform: rotate3d(0, 0, 0, 0deg); */
    transform: none;
  }

  to {
    transform: rotate3d(0, -1, 0, 104deg);
  }
}

@-webkit-keyframes out-bottom {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
    /* transform: none; */
  }

  to {
    transform: rotate3d(1, 0, 0, 104deg);
  }
}

@keyframes out-bottom {
  from {
    /* transform: rotate3d(0, 0, 0, 0deg); */
    transform: none;
  }

  to {
    transform: rotate3d(1, 0, 0, 104deg);
  }
}

@-webkit-keyframes out-left {
  from {
    transform: rotate3d(0, 0, 0, 0deg);
    /* transform: none; */
  }

  to {
    transform: rotate3d(0, 1, 0, 104deg);
  }
}

@keyframes out-left {
  from {
    /* transform: rotate3d(0, 0, 0, 0deg); */
    transform: none;
  }

  to {
    transform: rotate3d(0, 1, 0, 104deg);
  }
}

.digr_gallery_item .digr_img_gallery_overlay {
  z-index: 9;
}

/*========== Load more button ==========*/
.digr_load_more_btn {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  font-size: 16px;
  background-color: #0073aa;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.digr_load_more_btn:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
/* Image opacity for hover.css override*/
.digr_img_gallery .digr-hover:hover > a > img {
  opacity: 1;
}