/* @gula-code */
/*
fb.css
URI: http://www.steckdesign.ch/
Author: SteckDesign.ch
Author URI: http://www.steckdesign.ch/
Version: 4.0
*/

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--sitebgcolor);
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
        background: transparent!important;
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
        text-shadow: transparent!important;
}

.fancybox__caption {
    align-self: center;
        max-width: 50%;
        text-align: center;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
        color: rgba(var(--sitefgcolor_rgb), 1);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    overflow-wrap: anywhere;
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
        color: rgba(var(--sitefgcolor_rgb), 1);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity .15s ease;
}

.fancybox__counter {
    visibility: hidden;
  /* min-width: 72px; */
  /* padding: 0 10px; */
  /* line-height: var(--carousel-button-height, 48px); */
  /* text-align: center; */
  /* font-size: 17px; */
  /* font-variant-numeric: tabular-nums; */
  /* -webkit-font-smoothing: subpixel-antialiased; */
}

/* border-color: */
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
        border-color: var(--site_linkhover_color);
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius, 4px);
    }