/** Shopify CDN: Minification failed

Line 21:18 Expected identifier but found whitespace
Line 21:20 Unexpected "{"
Line 21:29 Expected ":"
Line 21:78 Unexpected ","
Line 21:81 Unexpected "{"
Line 21:90 Expected ":"
Line 21:141 Unexpected ","
Line 21:144 Unexpected "{"
Line 21:153 Expected ":"
Line 22:15 Expected identifier but found whitespace
... and 23 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* Custom styles for the featured content section */
#shopify-section-template--custom-featured-content {
  --heading-color: {{ section.settings.heading_color | color_extract: 'red' }}, {{ section.settings.heading_color | color_extract: 'green' }}, {{ section.settings.heading_color | color_extract: 'blue' }};
  --color-body: {{ section.settings.text_color | color_extract: 'red' }}, {{ section.settings.text_color | color_extract: 'green' }}, {{ section.settings.text_color | color_extract: 'blue' }};
  --section-background: {{ section.settings.section_background | color_extract: 'red' }}, {{ section.settings.section_background | color_extract: 'green' }}, {{ section.settings.section_background | color_extract: 'blue' }};
}


.custom-featured-content .owl-carousel .custom-featured-content__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
}

.custom-featured-content .owl-carousel .custom-featured-content__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

  p.custom-featured-content__description {
    font-size: 15px;
}
  
/* .custom-featured-content .owl-carousel .custom-featured-content__title {
  font-size: 24px;
  color: var(--heading-color);
  margin-top: 15px;
} */
.custom-featured-content .owl-carousel .custom-featured-content__title {
    font-size: 22px;
    color: var(--heading-color);
    margin-top: 24px;
    font-family: 'Syncopate';
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 1.5;
}

.custom-featured-content .owl-carousel .custom-featured-content__button {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: {{ section.settings.color_btn }};
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}

.custom-featured-content .owl-carousel .custom-featured-content__button:hover {
  background-color: {{ section.settings.color_btn_hover }};
}

.owl-carousel .owl-item {
  display: flex;
  justify-content: center;
}