/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/slider/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-inspector {
  font-size: 10px;
}

.block-editor-inner-blocks {
  display: block;
  width: 100%;
}

.wp-block[data-align=center] {
  text-align: center;
}

.block-editor-block-inspector select[multiple] {
  height: auto !important;
}

.wp-block-boldblock-slider {
  position: relative;
}
.wp-block-boldblock-slider.auto-height {
  padding-bottom: 10rem;
}
.wp-block-boldblock-slider.visible-slides-2 .wp-block-boldblock-slide {
  flex: 0 0 50%;
}
.wp-block-boldblock-slider.visible-slides-3 .wp-block-boldblock-slide {
  flex: 0 0 33.33%;
}
.wp-block-boldblock-slider.visible-slides-4 .wp-block-boldblock-slide {
  flex: 0 0 25%;
}
.wp-block-boldblock-slider.visible-slides-5 .wp-block-boldblock-slide {
  flex: 0 0 20%;
}
.wp-block-boldblock-slider.visible-slides-6 .wp-block-boldblock-slide {
  flex: 0 0 16.66%;
}
.wp-block-boldblock-slider.visible-slides-7 .wp-block-boldblock-slide {
  flex: 0 0 14.285%;
}
.wp-block-boldblock-slider.visible-slides-8 .wp-block-boldblock-slide {
  flex: 0 0 12.5%;
}
.wp-block-boldblock-slider .slides {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  position: relative;
  height: 100%;
  justify-content: stretch;
}
.wp-block-boldblock-slider .arrow-navi {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 999;
}
.wp-block-boldblock-slider .arrow-navi button {
  width: 3rem;
  height: 3rem;
  display: inline-block;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  padding: 0;
  background: none;
  border-radius: 0;
  position: absolute;
  outline: none;
  text-indent: -999em;
  left: 0;
  overflow: hidden;
  padding: 0.5rem;
}
.wp-block-boldblock-slider .arrow-navi button.prev-btn {
  transform: rotate(-135deg);
  left: 2rem;
}
.wp-block-boldblock-slider .arrow-navi button.next-btn {
  transform: rotate(45deg);
  left: auto;
  right: 3rem;
}
.wp-block-boldblock-slider .slider-dots {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  bottom: 4rem;
}
.wp-block-boldblock-slider .slider-dots li {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 11px;
  flex: 0 0 auto;
}
.wp-block-boldblock-slider .slider-dots li button {
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid #f3f3f3;
  background: transparent;
  border-radius: 8px;
  width: 16px;
  height: 16px;
  padding: 0;
  outline: none;
}
.wp-block-boldblock-slider .slider-dots li button:hover {
  background: #f3f3f3;
}
.wp-block-boldblock-slider .slider-dots li.active button {
  overflow: hidden;
  text-indent: -999em;
  border: 2px solid rgb(114, 213, 74);
  background: rgb(114, 213, 74);
  border-radius: 8px;
  width: 6;
  height: 16px;
  padding: 0;
}
.wp-block-boldblock-slider .slider-dots li.active button:hover {
  background: rgb(114, 213, 74);
}

@media all and (max-width: 767px) {
  .wp-block-boldblock-slider.full-height {
    height: 100vh;
  }
}

/*# sourceMappingURL=style-index.css.map*/