/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 08 2026 | 13:37:42 */
/**
 * Custom Guitar Atelier — Flatsome image lightbox
 * Paste this entire stylesheet into the Custom CSS & JS plugin.
 * Targets the Flatsome / Magnific Popup image gallery only.
 */

body.mfp-zoom-out-cur {
  --cga-lightbox-gold: var(--cga-gold, #c49a45);
  --cga-lightbox-gold-light: var(--cga-gold-light, #dfbd74);
  --cga-lightbox-ink: #120f0d;
  --cga-lightbox-cream: #fbf8f2;
}

/* Dark, warm backdrop that matches the brown-and-gold site palette. */
body.mfp-zoom-out-cur .mfp-bg {
  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(58, 40, 31, 0.78) 0%,
      rgba(10, 8, 7, 0.96) 68%,
      rgba(5, 4, 4, 0.98) 100%
    );
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  z-index: 999900 !important;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery {
  z-index: 999901 !important;
}

/* Desktop image area. */
body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-image-holder .mfp-container {
  padding: 32px 88px 60px;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-image-holder .mfp-content {
  max-width: min(1500px, calc(100vw - 176px));
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-figure {
  filter: drop-shadow(0 24px 55px rgba(0, 0, 0, 0.55));
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-figure::after {
  top: 0;
  right: 0;
  bottom: 48px;
  left: 0;
  background: var(--cga-lightbox-cream);
  border: 1px solid rgba(196, 154, 69, 0.78);
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.05),
    0 18px 50px rgba(0, 0, 0, 0.48);
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery img.mfp-img {
  max-height: calc(100vh - 92px) !important;
  max-height: calc(100svh - 92px) !important;
  padding: 10px 10px 48px;
  border-radius: 14px;
}

/* Caption strip and image counter. */
body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-bottom-bar {
  height: 48px;
  margin-top: -48px;
  padding: 0 12px;
  background: linear-gradient(
    135deg,
    rgba(18, 15, 13, 0.98),
    rgba(58, 40, 31, 0.98)
  );
  border: 1px solid rgba(196, 154, 69, 0.78);
  border-top: 0;
  border-radius: 0 0 14px 14px;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-title {
  overflow: hidden;
  padding: 13px 90px 11px 2px;
  color: #f8f4ec;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-title:empty {
  display: block;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-title::before {
  content: "EXPLORE EVERY DETAIL";
  color: var(--cga-lightbox-gold-light, #dfbd74);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-counter {
  top: 10px;
  right: 11px;
  height: auto;
  padding: 7px 10px;
  color: #fff;
  background: rgba(8, 7, 6, 0.72);
  border: 1px solid rgba(223, 189, 116, 0.68);
  border-radius: 999px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
}

/* Previous, next, and close controls. */
body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow,
body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-close {
  color: #fff;
  background: rgba(18, 15, 13, 0.86);
  border: 1px solid rgba(196, 154, 69, 0.82);
  border-radius: 50%;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.34);
  opacity: 1;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow {
  top: 50% !important;
  bottom: auto !important;
  width: 56px;
  height: 56px;
  margin: 0 !important;
  padding: 0;
  transform: translateY(-50%);
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow-left {
  left: 18px !important;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow-right {
  right: 18px !important;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow i {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  font-size: 25px;
  line-height: 54px;
  text-align: center;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-close {
  position: fixed;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  padding: 0;
  line-height: 46px;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-close svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 21px;
  transform: translate(-50%, -50%);
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-close svg line {
  stroke: currentColor;
  stroke-width: 1.7;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow:focus-visible,
body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-close:focus-visible {
  outline: 3px solid var(--cga-lightbox-gold-light);
  outline-offset: 3px;
}

body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-preloader {
  color: var(--cga-lightbox-gold-light);
}

@media (hover: hover) {
  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow:hover,
  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-close:hover {
    color: var(--cga-lightbox-ink);
    background: var(--cga-lightbox-gold-light);
    border-color: #f4d99d;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.42);
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow:hover {
    transform: translateY(-50%) scale(1.06);
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-close:hover {
    transform: scale(1.06);
  }
}

/* Keep high-z-index support widgets from covering an open image. */
body.mfp-zoom-out-cur .chatway--frame-container,
body.mfp-zoom-out-cur .chatway--trigger-container,
body.mfp-zoom-out-cur .cookieadmin_re_consent {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Tablet and mobile. Flatsome switches its main navigation near this width. */
@media (max-width: 849px) {
  body.mfp-zoom-out-cur .mfp-bg {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-image-holder .mfp-container {
    padding: 64px 14px 72px;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-image-holder .mfp-content {
    max-width: calc(100vw - 28px);
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-figure {
    filter: drop-shadow(0 16px 34px rgba(0, 0, 0, 0.5));
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-figure::after {
    bottom: 44px;
    border-radius: 10px 10px 0 0;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery img.mfp-img {
    max-height: calc(100vh - 136px) !important;
    max-height: calc(100svh - 136px) !important;
    padding: 7px 7px 44px;
    border-radius: 10px;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-bottom-bar {
    height: 44px;
    margin-top: -44px;
    padding: 0 8px;
    border-radius: 0 0 10px 10px;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-title {
    padding: 12px 76px 10px 2px;
    font-size: 11px;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-title::before {
    font-size: 9px;
    letter-spacing: 0.14em;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery .mfp-counter {
    top: 8px;
    right: 8px;
    padding: 7px 9px;
    font-size: 10px;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-close {
    top: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    line-height: 42px;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow {
    width: 44px;
    height: 44px;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow-left {
    left: 5px !important;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow-right {
    right: 5px !important;
  }

  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow i {
    font-size: 22px;
    line-height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-arrow,
  body.mfp-zoom-out-cur .mfp-wrap.mfp-gallery button.mfp-close {
    transition: none;
  }
}