@charset "UTF-8";
/**
 * Bullet navigation styles
 *
 * @author      David Voglgsang
 *
*/
/*=======================================================
Table of Contents:
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  1.0 SETTINGS
    1.1 CONTAINER
    1.2 ITEMS
  2.0 ADDITIONAL STYLINGS
=======================================================*/
.block-posts > .bullet-navigation,
.gallery-block > .bullet-navigation,
.wp-block-gallery-container > .bullet-navigation {
  position: absolute;
  bottom: var(--swiper__bulletNav_position, 10px);
  width: fit-content;
  max-width: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0;
  transition: 0.3s;
  /*==================================================================================
    1.0 SETTINGS
  ==================================================================================*/
  /*==================================================================================
    2.0 ADDITIONAL STYLINGS
  ==================================================================================*/
}
.block-posts > .bullet-navigation ul,
.gallery-block > .bullet-navigation ul,
.wp-block-gallery-container > .bullet-navigation ul {
  /* 1.1 CONTAINER
  /––––––––––––––––––––––––*/
  list-style: none;
  margin: 0 var(--swiper__bulletNav_gap, 10px);
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--swiper__bulletNav_gap, 10px);
  /* 1.2 ITEMS
  /––––––––––––––––––––––––*/
}
.block-posts > .bullet-navigation ul li,
.gallery-block > .bullet-navigation ul li,
.wp-block-gallery-container > .bullet-navigation ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: var(--swiper__bulletNav_item_width, 15px);
  height: var(--swiper__bulletNav_item_height, 15px);
  border-radius: var(--swiper__bulletNav_item_borderRadius, 50%);
  border-style: solid;
  border-width: var(--swiper__bulletNav_item_borderWidth, 0);
  cursor: pointer;
  font-size: var(--swiper__bulletNav_item_fontSize, inherit);
  line-height: 1;
  text-align: center;
  background-color: var(--swiper__bulletNav_item_bg, var(--color__main));
  color: var(--swiper__bulletNav_item_color, var(--color__main));
  border-color: var(--swiper__bulletNav_item_borderColor, #000);
  outline-style: solid;
  outline-width: var(--swiper__bulletNav_item_outlineWidth, 0);
  outline-color: var(--swiper__bulletNav_item_outlineColor, #000);
}
.block-posts > .bullet-navigation ul li.active,
.gallery-block > .bullet-navigation ul li.active,
.wp-block-gallery-container > .bullet-navigation ul li.active {
  background-color: var(--swiper__bulletNav_itemActive_bg, #eee);
  color: var(--swiper__bulletNav_itemActive_color, #000);
  border-color: var(--swiper__bulletNav_itemActive_borderColor, var(--color__secondary, var(--swiper__bulletNav_item_borderColor, #000)));
  outline-color: var(--swiper__bulletNav_itemActive_outlineColor, var(--color__secondary, var(--swiper__bulletNav_item_outlineColor, #000)));
}

/**
 * Swiper styles
 *
 * @author      David Voglgsang
 *
*/
/*=======================================================
Table of Contents:
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  1.0 SETTINGS
    1.1 DEFAULT
    1.2 CONTAINER
    1.3 ITEM
  2.0 BLOCK
    2.1 GALLERY
    2.2 POSTS
    2.3 SWIPER
  3.0 FRONTEND ONLY
    3.1 DISABLE SCROLLBAR
=======================================================*/
.gallery-swiper:not(.fading-gallery),
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) {
  /*==================================================================================
  1.0 SETTINGS
  ==================================================================================*/
  /* 1.1 DEFAULT
  /––––––––––––––––––––––––*/
  position: relative;
  overflow: hidden;
  /*==================================================================================
    2.0 BLOCK
  ==================================================================================*/
  /* 2.1 IMAGES / GALLERY
  /––––––––––––––––––––––––*/
  /* 2.2 POSTS
  /––––––––––––––––––––––––*/
  /* 2.3 SWIPER
  /––––––––––––––––––––––––*/
}
.gallery-swiper:not(.fading-gallery):hover .arrow:not(.hidden),
.gallery-swiper:not(.fading-gallery):hover .bullet-navigation,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery):hover .arrow:not(.hidden),
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery):hover .bullet-navigation {
  opacity: 1;
}
.gallery-swiper:not(.fading-gallery) > ul,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > ul {
  /* 1.2 CONTAINER
  /––––––––––––––––––––––––*/
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--postColumnsSpace, 0);
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  overflow-y: hidden;
  width: 100%;
  /* 1.3 ITEM
  /––––––––––––––––––––––––*/
}
.gallery-swiper:not(.fading-gallery) > ul > li,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > ul > li {
  scroll-snap-align: start;
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
  flex: 0 0 var(--childwidth, 100%);
  flex-basis: var(--childwidth, 100%);
  width: var(--childwidth, 100%);
  max-width: var(--childwidth, none);
}
.gallery-swiper:not(.fading-gallery) > ul > li:before,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > ul > li:before {
  display: none;
}
.gallery-swiper:not(.fading-gallery) > ul > li figure,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > ul > li figure {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.gallery-swiper:not(.fading-gallery) > ul > li img:not(.wp-block-cover__image-background),
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > ul > li img:not(.wp-block-cover__image-background) {
  width: 100%;
  height: auto;
}
.gallery-swiper:not(.fading-gallery)[data-addswiper=true],
.gallery-swiper:not(.fading-gallery) > .wp-block-gallery,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery)[data-addswiper=true],
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > .wp-block-gallery {
  --columnSpacing: calc(var(--postColumns) - 1);
  --spaceFixer: calc(var(--postColumnsSpace) * var(--columnSpacing));
  --containerwidth: calc(100% - var(--spaceFixer));
  --childwidth: calc(var(--containerwidth) / var(--postColumns));
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-snap-align: start;
  scroll-behavior: smooth;
  overflow-y: hidden;
  width: 100%;
  gap: var(--postColumnsSpace);
  margin-bottom: 0;
}
.gallery-swiper:not(.fading-gallery)[data-addswiper=true].columns-1,
.gallery-swiper:not(.fading-gallery) > .wp-block-gallery.columns-1,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery)[data-addswiper=true].columns-1,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > .wp-block-gallery.columns-1 {
  --postColumns: 1;
  --postColumnsSpace: 0px;
}
.gallery-swiper:not(.fading-gallery)[data-addswiper=true].columns-1 > figure,
.gallery-swiper:not(.fading-gallery) > .wp-block-gallery.columns-1 > figure,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery)[data-addswiper=true].columns-1 > figure,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > .wp-block-gallery.columns-1 > figure {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  flex-basis: 100% !important;
}
.gallery-swiper:not(.fading-gallery)[data-addswiper=true].columns-2,
.gallery-swiper:not(.fading-gallery) > .wp-block-gallery.columns-2,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery)[data-addswiper=true].columns-2,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > .wp-block-gallery.columns-2 {
  --postColumns: 2;
  --postColumnsSpace: var(--gallery-block--gutter-size,16px);
}
.gallery-swiper:not(.fading-gallery)[data-addswiper=true].columns-3,
.gallery-swiper:not(.fading-gallery) > .wp-block-gallery.columns-3,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery)[data-addswiper=true].columns-3,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > .wp-block-gallery.columns-3 {
  --postColumns: 3;
  --postColumnsSpace: var(--gallery-block--gutter-size,16px);
}
.gallery-swiper:not(.fading-gallery)[data-addswiper=true].columns-4,
.gallery-swiper:not(.fading-gallery) > .wp-block-gallery.columns-4,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery)[data-addswiper=true].columns-4,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > .wp-block-gallery.columns-4 {
  --postColumns: 4;
  --postColumnsSpace: var(--gallery-block--gutter-size,16px);
}
.gallery-swiper:not(.fading-gallery)[data-addswiper=true].columns-5,
.gallery-swiper:not(.fading-gallery) > .wp-block-gallery.columns-5,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery)[data-addswiper=true].columns-5,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > .wp-block-gallery.columns-5 {
  --postColumns: 5;
  --postColumnsSpace: var(--gallery-block--gutter-size,16px);
}
.gallery-swiper:not(.fading-gallery)[data-addswiper=true] > figure,
.gallery-swiper:not(.fading-gallery) > .wp-block-gallery > figure,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery)[data-addswiper=true] > figure,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > .wp-block-gallery > figure {
  flex: 0 0 var(--childwidth);
  flex-basis: var(--childwidth);
  width: var(--childwidth) !important;
  max-width: var(--childwidth);
  margin-bottom: 0;
  margin-right: 0px !important;
  scroll-snap-align: start;
}
.gallery-swiper:not(.fading-gallery)[data-addswiper=true] > figure:last-child,
.gallery-swiper:not(.fading-gallery) > .wp-block-gallery > figure:last-child,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery)[data-addswiper=true] > figure:last-child,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery) > .wp-block-gallery > figure:last-child {
  margin-right: 0 !important;
}
.gallery-swiper:not(.fading-gallery).block-posts > ul,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery).block-posts > ul {
  justify-content: flex-start;
  gap: var(--postColumnsSpace);
}
.gallery-swiper:not(.fading-gallery).block-posts > ul li,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery).block-posts > ul li {
  flex: 0 0 var(--childwidth);
  flex-basis: var(--childwidth);
  width: var(--childwidth);
  max-width: var(--childwidth);
  margin-bottom: 0;
}
.gallery-swiper:not(.fading-gallery).block-posts > ul li:last-child,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery).block-posts > ul li:last-child {
  margin-right: 0;
}
.gallery-swiper:not(.fading-gallery).gallery-block,
.wp-block-gallery[data-addswiper=true]:not(.fading-gallery).gallery-block {
  --columnSpacing: calc(var(--postColumns) - 1);
  --spaceFixer: calc(var(--postColumnsSpace) * var(--columnSpacing));
  --containerwidth: calc(100% - var(--spaceFixer));
  --childwidth: calc(var(--containerwidth) / var(--postColumns));
}

/*==================================================================================
  3.0 FRONTEND ONLY
==================================================================================*/
.frontend {
  /* 3.1 DISABLE SCROLLBAR
  /––––––––––––––––––––––––*/
}
.frontend .gallery-swiper > .wp-block-gallery,
.frontend .gallery-swiper > ul {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.frontend .gallery-swiper > .wp-block-gallery::-webkit-scrollbar,
.frontend .gallery-swiper > ul::-webkit-scrollbar {
  display: none;
}

.is-style-swiper-bottom-nav > ul,
.is-style-swiper-bottom-nav .wp-block-gallery {
  margin-bottom: var(--swiper__marginBottom, var(--arrow__height, 70px)) !important;
}
.is-style-swiper-bottom-nav .arrow:not(.hidden) {
  opacity: 1;
  top: unset;
  bottom: 0;
}
.is-style-swiper-bottom-nav .bullet-navigation {
  opacity: 1;
  bottom: var(--swiper__bulletNav_position, calc((var(--arrow__height, 70px) - var(--swiper__bulletNav_item_height, 15px)) / 2));
}

/**
 * Gallery styles
 *
 * @author      David Voglgsang
 *
*/
/*=======================================================
Table of Contents:
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  1.0 SETTINGS
    1.1 CONTAINER
    1.2 LAYOUT
  2.0 ADDITIONAL STYLINGS
  3.0 BACKEND
=======================================================*/
.gallery-block:not(.fading-gallery) {
  /*==================================================================================
    1.0 SETTINGS
  ==================================================================================*/
  /* 1.1 CONTAINER
  /––––––––––––––––––––––––*/
  height: var(--sliderHeight, auto);
  /* 1.2 LAYOUT
  /––––––––––––––––––––––––*/
  /*==================================================================================
    2.0 ADDITIONAL STYLINGS
  ==================================================================================*/
}
.gallery-block:not(.fading-gallery) > ul {
  height: 100%;
}
.gallery-block:not(.fading-gallery) > ul li.gallery-item .wp-block-cover,
.gallery-block:not(.fading-gallery) > ul li.gallery-item .wp-block-cover-image {
  min-height: unset;
  max-height: 100%;
  padding: 0;
  height: 100%;
  max-width: 100%;
}
.gallery-block:not(.fading-gallery) > ul li.gallery-item .wp-block-cover > img,
.gallery-block:not(.fading-gallery) > ul li.gallery-item .wp-block-cover-image > img {
  height: 100%;
  object-fit: cover !important;
}
.gallery-block:not(.fading-gallery) > ul li.gallery-item .wp-block-cover .wp-block-cover__inner-container,
.gallery-block:not(.fading-gallery) > ul li.gallery-item .wp-block-cover-image .wp-block-cover__inner-container {
  padding: var(--content__space, 30px);
}
.gallery-block:not(.fading-gallery) > ul li.gallery-item figure {
  display: block;
  width: 100%;
  margin: 0;
  max-width: 100%;
  height: 100%;
}
.gallery-block:not(.fading-gallery) > ul li.gallery-item figure img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
}

/*==================================================================================
  3.0 BACKEND
  ul > .block-editor-inner-blocks exists only in the editor, not on the frontend.
==================================================================================*/
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) {
  overflow: visible;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) .wp-block {
  margin: 0;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul {
  list-style: none;
  padding: 0;
  display: block;
  overflow: hidden;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: flex;
  flex-direction: row;
  gap: var(--postColumnsSpace, 0);
  flex-wrap: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  height: 100%;
  width: 100%;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block,
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout > div.wp-block {
  flex: 0 0 var(--childwidth, 100%);
  flex-basis: var(--childwidth, 100%);
  width: var(--childwidth, 100%);
  max-width: var(--childwidth, none);
  min-width: 0;
  scroll-snap-align: start;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-editor-block-list__block.block-list-appender,
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout > div.wp-block.block-list-appender {
  position: relative;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout li.gallery-item {
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout li.gallery-item > .block-editor-inner-blocks,
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout li.gallery-item > .block-editor-inner-blocks > .block-editor-block-list__layout {
  height: 100%;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout .components-resizable-box__container {
  width: 100% !important;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout .components-resizable-box__container img {
  height: var(--sliderHeight);
  max-height: 100% !important;
  width: 100% !important;
}
.gallery-swiper.gallery-block:not(.fading-gallery):has(> ul > .block-editor-inner-blocks) > ul > .block-editor-inner-blocks > .block-editor-block-list__layout img {
  height: 100%;
}

li.gallery-item:has(> .block-editor-inner-blocks) {
  overflow: visible;
}

/**
 * Arrow navigation styles
 *
 * @author      David Voglgsang
 *
*/
/*=======================================================
Table of Contents:
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  1.0 SETTINGS
    1.1 CONTAINER
    1.2 ITEMS
  2.0 BLOCK
    2.1 GALLERY
=======================================================*/
/*==================================================================================
  1.0 SETTINGS
==================================================================================*/
.arrow {
  /* 1.1 DEFAULT
  /––––––––––––––––––––––––*/
  cursor: pointer;
  display: block;
  position: absolute;
  z-index: 3;
  transition: 0.3s;
  opacity: 0;
  line-height: 0;
  /* 1.2 PREV
  /––––––––––––––––––––––––*/
  /* 1.3 NEXT
  /––––––––––––––––––––––––*/
}
.arrow.hidden {
  opacity: 0;
}
.arrow.next {
  transform: rotate(180deg);
}

/*==================================================================================
  2.0 BLOCK
==================================================================================*/
/* 2.1 GALLERY
/––––––––––––––––––––––––*/
.gallery-block > .arrow svg path,
.wp-block-gallery-container > .arrow svg path {
  fill: var(--block__imagegallery_arrow_color, inherit);
  opacity: var(--block__imagegallery_arrow_opacity, 0.66);
}

/* 2.2 SWIPER
/––––––––––––––––––––––––*/
.gallery-swiper > .arrow,
.wp-block-gallery[data-swiper=true] > .arrow {
  top: calc(50% - var(--arrow__height, 70px) / 2);
  border: solid transparent;
  border-width: var(--arrow__border, 5px 10px);
  width: var(--arrow__width, 40px);
  height: var(--arrow__height, 70px);
}
.gallery-swiper > .arrow.back,
.wp-block-gallery[data-swiper=true] > .arrow.back {
  left: var(--block__imagegallery_arrow_position, 20px);
}
.gallery-swiper > .arrow.next,
.wp-block-gallery[data-swiper=true] > .arrow.next {
  right: var(--block__imagegallery_arrow_position, 20px);
}
.gallery-swiper > .arrow.hidden,
.wp-block-gallery[data-swiper=true] > .arrow.hidden {
  opacity: 0;
}
.gallery-swiper > .arrow svg,
.wp-block-gallery[data-swiper=true] > .arrow svg {
  max-width: 100%;
  max-height: 100%;
}

/* 2.3 FADE ANIMATION
/––––––––––––––––––––––––*/
.fading-gallery > .arrow {
  opacity: 1;
  top: calc(50% - 35px);
  border: solid transparent;
  border-width: 5px 10px;
  width: 40px;
  height: 70px;
}
.fading-gallery > .arrow.back {
  left: var(--block__fadinggallery_arrow_position, 20px);
}
.fading-gallery > .arrow.next {
  right: var(--block__fadinggallery_arrow_position, 20px);
}
.fading-gallery > .arrow svg {
  max-width: 100%;
  max-height: 100%;
}