/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/post-slider/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.ugm-blocks-block-post-slider article.post {
  display: flex;
  gap: 40px;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.ugm-blocks-block-post-slider article.post:first-child {
  display: flex;
}
.ugm-blocks-block-post-slider article.post .post-img {
  flex-basis: 50%;
  padding: 0;
  width: 50%;
}
.ugm-blocks-block-post-slider article.post .post-img a {
  display: block;
  height: 370px;
}
.ugm-blocks-block-post-slider article.post .post-img a img {
  height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin: 0;
}
.ugm-blocks-block-post-slider article.post .post-content {
  flex-basis: 50%;
  padding: 40px;
  padding-left: 0;
}
.ugm-blocks-block-post-slider article.post .post-content .btn-more {
  float: none;
}
.ugm-blocks-block-post-slider article.post .post-title {
  margin-bottom: 8px;
}
.ugm-blocks-block-post-slider article.post .post-title h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.1px;
}
.ugm-blocks-block-post-slider article.post .post-title h3 a {
  color: inherit;
  text-decoration: none;
  outline: 0;
}
.ugm-blocks-block-post-slider article.post .entry-content {
  margin-bottom: 20px;
}
.ugm-blocks-block-post-slider article.post .entry-content p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7142857143;
}
.ugm-blocks-block-post-slider article.post .btn-more {
  padding: 0;
  text-decoration: none;
}
.ugm-blocks-block-post-slider article.post .btn-more::after {
  color: inherit;
}
@media (max-width: 768px) {
  .ugm-blocks-block-post-slider article.post {
    display: block;
  }
  .ugm-blocks-block-post-slider article.post .post-img {
    margin: 0;
    width: 100%;
  }
  .ugm-blocks-block-post-slider article.post .post-img a {
    height: auto;
    position: relative;
    width: 100%;
    padding-bottom: 66.67%;
  }
  .ugm-blocks-block-post-slider article.post .post-img a img {
    position: absolute;
    display: block;
    width: 100% !important;
    height: 100%;
  }
  .ugm-blocks-block-post-slider article.post .post-content {
    padding: 20px;
  }
  .ugm-blocks-block-post-slider article.post .post-title h3 {
    font-size: 16px;
  }
  .ugm-blocks-block-post-slider article.post .entry-content,
  .ugm-blocks-block-post-slider article.post .btn-more {
    display: none;
  }
}
.ugm-blocks-block-post-slider.image-right article.post {
  flex-direction: row-reverse;
}
.ugm-blocks-block-post-slider.image-right article.post .post-content {
  padding-left: 60px;
  padding-right: 0;
}
@media (max-width: 768px) {
  .ugm-blocks-block-post-slider.image-right article.post .post-content {
    padding: 20px;
  }
}
.ugm-blocks-block-post-slider.image-right .slick-dots {
  left: auto;
  right: 50%;
  margin-right: 40px;
}
.ugm-blocks-block-post-slider.image-left article.post .post-content {
  padding-left: 0;
  padding-right: 60px;
}
@media (max-width: 768px) {
  .ugm-blocks-block-post-slider.image-left article.post .post-content {
    padding: 20px;
  }
}
.ugm-blocks-block-post-slider.image-left .slick-dots {
  margin-left: 40px !important;
}
.ugm-blocks-block-post-slider:not(.slick-slider) {
  overflow: hidden;
  height: 370px;
}
.ugm-blocks-block-post-slider .slick-prev:before, .ugm-blocks-block-post-slider .slick-next:before {
  color: var(--wp--preset--color--ugm-secondary);
}
.ugm-blocks-block-post-slider .slick-prev {
  left: 20px;
  opacity: 1;
  transition: all 0.2s;
}
.ugm-blocks-block-post-slider .slick-next {
  right: 20px;
  opacity: 1;
  transition: all 0.2s;
}
@media (max-width: 768px) {
  .ugm-blocks-block-post-slider {
    padding-bottom: 15px;
  }
}

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