/* Shared gallery L/R nav: geometric center of icons in circular buttons. */

.insta-arrow,
.gallery-arrows button,
.work-lightbox-nav,
.svc-lightbox-nav{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0;
  box-sizing:border-box;
  text-align:center;
  line-height:0 !important;
  -webkit-appearance:none;
  appearance:none;
}

/* Service-page gallery nav: ~30% smaller circles, white arrows (homepage .insta-arrow unchanged). */
.gallery-arrows button{
  font-size:0 !important;
  width:28px !important;
  height:28px !important;
  color:#fff !important;
}

.gallery-arrows button:hover,
.gallery-arrows button:focus,
.gallery-arrows button:focus-visible,
.gallery-arrows button:active{
  color:#fff !important;
}

.insta-arrow svg,
.gallery-arrows button svg,
.work-lightbox-nav svg,
.svc-lightbox-nav svg{
  display:block !important;
  flex:none;
  width:16px;
  height:16px;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  overflow:visible;
  pointer-events:none;
  stroke:currentColor;
}

.insta-arrow svg{
  width:15px;
  height:15px;
}

.gallery-arrows button svg{
  width:11px;
  height:11px;
}

@media (max-width:700px){
  .gallery-arrows button{
    width:22px !important;
    height:22px !important;
  }
  .gallery-arrows button svg{
    width:10px;
    height:10px;
  }
}

/* Perfectly centered circular lightbox close (homepage + service pages). */
.work-lightbox-close,
.svc-lightbox-close{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0;
  box-sizing:border-box;
  width:34px;
  height:34px;
  line-height:0 !important;
  font-size:0 !important;
  text-align:center;
  -webkit-appearance:none;
  appearance:none;
}

.work-lightbox-close svg,
.svc-lightbox-close svg{
  display:block !important;
  flex:none;
  width:14px;
  height:14px;
  margin:0 !important;
  padding:0 !important;
  pointer-events:none;
  overflow:visible;
}

.insta-arrow:hover,
.insta-arrow:focus,
.insta-arrow:focus-visible,
.insta-arrow:active,
.gallery-arrows button:hover,
.gallery-arrows button:focus,
.gallery-arrows button:focus-visible,
.gallery-arrows button:active,
.work-lightbox-nav:hover,
.work-lightbox-nav:focus,
.work-lightbox-nav:focus-visible,
.work-lightbox-nav:active,
.svc-lightbox-nav:hover,
.svc-lightbox-nav:focus,
.svc-lightbox-nav:focus-visible,
.svc-lightbox-nav:active,
.work-lightbox-close:hover,
.work-lightbox-close:focus,
.work-lightbox-close:focus-visible,
.work-lightbox-close:active,
.svc-lightbox-close:hover,
.svc-lightbox-close:focus,
.svc-lightbox-close:focus-visible,
.svc-lightbox-close:active{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}