/* -- gallery_panels.css -- */
.parallax-panel-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  pointer-events: none;
}
.parallax-item-content-panel {
  pointer-events: all;
}
.parallax-item-content-panel:not(.shown) {
  pointer-events: none;
}

/* -- Artistic image styling -- */
.preview-image-container {
  overflow: hidden;
}
.preview-image {
  margin-top: 5%;
  margin-bottom: 5%;
  width: 100%;

  transition: all 2s ease;
}
.preview-image:not(.cursor-shown) {
  cursor: none;
}
.image-magnifier-glass {
  position: absolute;
  border: 0.1dvh solid white;

  height: 12dvh;
  width: 16dvh;
  pointer-events: none;

  transition: opacity 0.5s ease, width 2s ease, height 2s ease;
}
.parallax-item-content-panel.maximised .preview-image-container {
  width: 80dvh;
}
.parallax-item-content-panel.maximised .image-magnifier-glass {
  height: 24dvh;
  width: 36dvh;
}

/* -- Maximised content panel CSS -- */
.parallax-item-content-panel.being-minimised {
  transition: all 1s ease;
}
.parallax-item-content-panel.maximised {
  position: fixed;
  top: 0 !important;
  left: 0 !important;

  height: 100dvh;
  width: 100vw;

  transition: all 2s ease;
}
.parallax-item-content-panel.maximised:not(.shown) {
  pointer-events: none;
}
.parallax-item-content-panel.maximised:not(.shown) > .content-wrapper {
  left: 0px;
  margin-top: 50%;
  max-height: 0dvh;
  opacity: 0;
  transition: all 1s ease !important;
}
.parallax-item-content-panel.instant-minimisation {
  height: 0 !important;
  transition: all 0.5s ease !important;
}

/* -- Maximisation formatting -- */
.parallax-item-content-panel.maximised > .content-wrapper {
  height: calc(100dvh - 20dvh);
  width: 70%;
  margin-left: calc(15% + 1.5dvh);
  margin-right: 25%;
  margin-top: 10dvh;
}
.parallax-item-content-panel.maximised > .content-wrapper, .parallax-item-content-panel.being-minimised > .content-wrapper {
  transition: all 2s ease;
}

/* -- Maximised buttons -- */
.parallax-item-content-panel.shown.maximised .content-panel-close-btn {
  top: 9.5dvh;
  right: 15vw;

  border-radius: 50%;
  transform: rotateZ(180deg) scaleX(-1);
}
.parallax-item-content-panel.shown.maximised .content-panel-maximise-btn {
  top: 9.5dvh;
  right: calc(15vw + 5.5dvh);

  border-radius: 50%;
  transform: rotateZ(180deg) scaleX(-1);
}
.parallax-item-content-panel.shown.maximised .content-panel-preview-btn {
  top: 9.5dvh;
  right: calc(15vw + 11dvh);

  border-radius: 50%;
  transform: rotateZ(360deg) scaleX(-1);
}
.parallax-item-content-panel.maximised .content-panel-close-btn {
  background-color: rgba(0, 0, 0, 0);
  transition: all 1.25s ease 0.25s;
}
.parallax-item-content-panel.maximised .content-panel-maximise-btn {
  background-color: rgba(0, 0, 0, 0);
  transition: all 1.25s ease;
}
.parallax-item-content-panel.maximised .content-panel-preview-btn:not(.active) {
  background-color: rgba(0, 0, 0, 0);
  transition: all 1.25s ease;
}

.parallax-item-content-panel.shown.maximised .content-panel-close-btn:hover, .parallax-item-content-panel.shown.maximised .content-panel-maximise-btn:hover, .parallax-item-content-panel.shown.maximised .content-panel-preview-btn:not(.active):hover {
  cursor: pointer;
  border-radius: 50%;

  background-color: rgba(235, 235, 235, 0.4);
  transition-delay: 1ms;
}