/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./public/wp-content/plugins/ocls-image-carousel-block/src/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --primary: #c96900;
  --primary-light: #f8903e;
  --secondary: #084694;
  --tertiary: #6d8ebc;
}

.ocls-image-carousel * {
  box-sizing: border-box;
}
.ocls-image-carousel .carousel-container {
  margin: 0 auto;
  max-width: 1052px;
  padding: 0 !important;
}
.ocls-image-carousel .slick-next,
.ocls-image-carousel .slick-prev {
  background-color: var(--secondary);
  opacity: 1 !important;
  transition: opacity 0.2s ease-out;
  width: 46px;
  height: 46px;
  z-index: 99;
}
.ocls-image-carousel .slick-next:hover,
.ocls-image-carousel .slick-prev:hover {
  opacity: 0.75 !important;
}
.ocls-image-carousel .slick-next::before, .ocls-image-carousel .slick-next::before,
.ocls-image-carousel .slick-prev::before,
.ocls-image-carousel .slick-prev::before {
  border-style: solid;
  border-width: 3px 3px 0 0;
  color: #fff !important;
  content: "";
  display: inline-block;
  height: 20px;
  position: relative;
  top: 0;
  left: 6px;
  transform: rotate(-135deg);
  vertical-align: top;
  width: 20px;
}
.ocls-image-carousel .slick-prev {
  left: 0;
}
.ocls-image-carousel .slick-next {
  right: 0;
}
.ocls-image-carousel .slick-next::before {
  left: -6px !important;
  transform: rotate(45deg);
}
.ocls-image-carousel .slick-next.slick-disabled,
.ocls-image-carousel .slick-prev.slick-disabled {
  background-color: #fff !important;
}
.ocls-image-carousel .slick-next.slick-disabled::before, .ocls-image-carousel .slick-next.slick-disabled::before,
.ocls-image-carousel .slick-prev.slick-disabled::before,
.ocls-image-carousel .slick-prev.slick-disabled::before {
  color: var(--secondary) !important;
}
.ocls-image-carousel .slick-slide {
  align-items: center;
  display: flex !important;
  justify-content: center;
  margin-right: 23px;
  padding: 10px 0px;
}
.ocls-image-carousel .slide-content {
  position: relative;
}
.ocls-image-carousel .slide-content img {
  max-width: 100%;
}
.ocls-image-carousel .carousel-items {
  opacity: 0;
  transition: opacity 1s ease;
  visibility: hidden;
}
.ocls-image-carousel .carousel-items.slick-initialized {
  opacity: 1;
  visibility: visible;
}

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