/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/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]!./inc/Components/FeaturedNews/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.booom-featured-news .m-0 {
    margin: 0px
}
.booom-featured-news .mb-12 {
    margin-bottom: 3rem
}
.booom-featured-news .mb-6 {
    margin-bottom: 1.5rem
}
.booom-featured-news .flex {
    display: flex
}
.booom-featured-news .grid {
    display: grid
}
.booom-featured-news .w-fit {
    width: -moz-fit-content;
    width: fit-content
}
.booom-featured-news .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.booom-featured-news .flex-col {
    flex-direction: column
}
.booom-featured-news .gap-6 {
    gap: 1.5rem
}
.booom-featured-news .rounded-full {
    border-radius: 9999px
}
.booom-featured-news .bg-surface-section {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 247 / var(--tw-bg-opacity, 1))
}
.booom-featured-news .px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.booom-featured-news .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.booom-featured-news .text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.booom-featured-news .text-primary {
    --tw-text-opacity: 1;
    color: rgb(44 40 116 / var(--tw-text-opacity, 1))
}
.booom-featured-news .ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
.booom-featured-news .ring-primary\/50 {
    --tw-ring-color: rgb(44 40 116 / 0.5)
}
@media (min-width: 768px) {
    .booom-featured-news .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (min-width: 1024px) {
    .booom-featured-news .lg\:mb-10 {
        margin-bottom: 2.5rem
    }
    .booom-featured-news .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .booom-featured-news .lg\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem
    }
}

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