/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/posts-carousel/src/front.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.wp-block-vbn-posts-carousel {
  position: relative;
  color: #fff;
}
.wp-block-vbn-posts-carousel__post {
  display: block;
  text-decoration: none;
}
.wp-block-vbn-posts-carousel__post__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 0.5938697318/1;
  background-size: cover;
  color: inherit;
  text-align: center;
  text-decoration: none;
  border-radius: 30px;
  overflow: hidden;
}
.wp-block-vbn-posts-carousel__post__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  transition: all 0.3s ease-in-out;
}
.wp-block-vbn-posts-carousel__post__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
  transition: all 0.3s ease-in-out;
}
.wp-block-vbn-posts-carousel__post__title {
  color: white !important;
  text-align: center !important;
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
}
.wp-block-vbn-posts-carousel__post:hover {
  text-decoration: none;
}
.wp-block-vbn-posts-carousel__post:hover .wp-block-vbn-posts-carousel__post__background {
  transform: scale(1.05);
}
.wp-block-vbn-posts-carousel__post:hover .wp-block-vbn-posts-carousel__post__overlay {
  opacity: 0.5;
}
.wp-block-vbn-posts-carousel .owl-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 18px;
}
.wp-block-vbn-posts-carousel .owl-dots button {
  all: unset;
  width: 10px;
  height: 10px;
  background: transparent;
  border: 2px solid #00468B;
  opacity: 1;
  border-radius: 50%;
  box-sizing: border-box;
}
.wp-block-vbn-posts-carousel .owl-dots button.active {
  background: #00468B;
}
.wp-block-vbn-posts-carousel .owl-nav button {
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  border: none;
  z-index: 2 !important;
  background: 0 !important;
  width: 2rem;
  height: 2rem;
  background: transparent;
  border-top: 1vmin solid #5EAEE0;
  border-right: 1vmin solid #5EAEE0;
  box-shadow: 0 0 0 lightgray;
  transition: all 200ms ease;
}
.wp-block-vbn-posts-carousel .owl-nav button.owl-prev {
  left: 2rem;
  transform: translate3d(0, -50%, 0) rotate(-135deg);
}
.wp-block-vbn-posts-carousel .owl-nav button.owl-next {
  right: 2rem;
  transform: translate3d(0, -50%, 0) rotate(45deg);
}
.wp-block-vbn-posts-carousel .owl-nav button:hover {
  box-shadow: 0.5vmin -0.5vmin 0 white;
}
.wp-block-vbn-posts-carousel .owl-nav button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -60%) rotate(45deg);
  width: 200%;
  height: 200%;
}
.wp-block-vbn-posts-carousel .owl-nav button:disabled {
  opacity: 0.5;
}

@media screen and (min-width: 782px) {
  .wp-block-vbn-posts-carousel .owl-dots {
    margin-top: 30px;
  }
  .wp-block-vbn-posts-carousel .owl-dots button {
    width: 20px;
    height: 20px;
    background: transparent;
    border: 3px solid #00468B;
    opacity: 1;
  }
  .wp-block-vbn-posts-carousel .owl-dots button.active {
    background: #00468B;
  }
  .wp-block-vbn-posts-carousel .owl-item .wp-block-vbn-posts-carousel__post {
    transition: all 0.3s ease-in-out;
  }
  .wp-block-vbn-posts-carousel .owl-item .wp-block-vbn-posts-carousel__post__inner {
    transition: all 0.3s ease-in-out;
    transform: scale(0.8);
  }
  .wp-block-vbn-posts-carousel .owl-item.center-first .wp-block-vbn-posts-carousel__post {
    transform: translateX(100px);
  }
  .wp-block-vbn-posts-carousel .owl-item.center-last .wp-block-vbn-posts-carousel__post {
    transform: translateX(-100px);
  }
  .wp-block-vbn-posts-carousel .owl-item.center, .wp-block-vbn-posts-carousel .owl-item.center-prev, .wp-block-vbn-posts-carousel .owl-item.center-next {
    z-index: 9;
  }
  .wp-block-vbn-posts-carousel .owl-item.center .wp-block-vbn-posts-carousel__post, .wp-block-vbn-posts-carousel .owl-item.center-prev .wp-block-vbn-posts-carousel__post, .wp-block-vbn-posts-carousel .owl-item.center-next .wp-block-vbn-posts-carousel__post {
    transform: translateX(0);
  }
  .wp-block-vbn-posts-carousel .owl-item.center .wp-block-vbn-posts-carousel__post__inner, .wp-block-vbn-posts-carousel .owl-item.center-prev .wp-block-vbn-posts-carousel__post__inner, .wp-block-vbn-posts-carousel .owl-item.center-next .wp-block-vbn-posts-carousel__post__inner {
    transform: scale(1);
  }
}

/*# sourceMappingURL=script.css.map*/