/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_custom_encircle/cartridge/client/default/scss/experience/blogPage.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.experience-encircle_layouts-encircleBlogLayout {
  margin: 1.875rem 0; }
  .experience-encircle_layouts-encircleBlogLayout:last-child {
    margin-top: 0; }

.blog-section {
  grid-gap: 1.875rem; }
  @media (min-width: 1024px) {
    .blog-section {
      grid-gap: 0; } }
  .blog-section .encircle-blog-page .blog-image {
    border-radius: 1.25rem;
    padding: 0 0.375rem;
    aspect-ratio: 3;
    height: 14.375rem;
    -o-object-fit: cover;
       object-fit: cover; }
  .blog-section .encircle-blog-page .blog-description {
    position: absolute;
    bottom: 1rem;
    padding-right: 0.625rem;
    margin-bottom: 0;
    color: #fff;
    font-family: "Noir", sans-serif;
    font-size: 1.25rem;
    left: 2rem; }