.elementor-1357 .elementor-element.elementor-element-8c7653d{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1357 .elementor-element.elementor-element-8c7653d:not(.elementor-motion-effects-element-type-background), .elementor-1357 .elementor-element.elementor-element-8c7653d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bm8official.com/wp-content/uploads/2026/02/Blog-1920-x-600.jpg");background-size:cover;}.elementor-1357 .elementor-element.elementor-element-42fa830{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:100px;--padding-right:100px;}.elementor-1357 .elementor-element.elementor-element-42fa830:not(.elementor-motion-effects-element-type-background), .elementor-1357 .elementor-element.elementor-element-42fa830 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-archive-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1357 .elementor-element.elementor-element-9c7df43{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1357 .elementor-element.elementor-element-9c7df43:after{content:"0.66";}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-post__thumbnail__link{width:100%;}.elementor-1357 .elementor-element.elementor-element-9c7df43.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1357 .elementor-element.elementor-element-9c7df43.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1357 .elementor-element.elementor-element-9c7df43.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-post__title, .elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-post__title a{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-post__excerpt p{color:#B37A7A;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-post__read-more{color:#FF3339;}.elementor-1357 .elementor-element.elementor-element-9c7df43 a.elementor-post__read-more{font-family:"Montserrat", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-1357 .elementor-element.elementor-element-8c7653d{--min-height:20vh;}.elementor-1357 .elementor-element.elementor-element-8c7653d:not(.elementor-motion-effects-element-type-background), .elementor-1357 .elementor-element.elementor-element-8c7653d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1357 .elementor-element.elementor-element-42fa830{--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1357 .elementor-element.elementor-element-9c7df43:after{content:"0.5";}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-post__thumbnail__link{width:100%;}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-post__title, .elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-post__title a{font-size:20px;}.elementor-1357 .elementor-element.elementor-element-9c7df43 .elementor-post__excerpt p{font-size:14px;}}/* Start custom CSS *//* ============================================
   BM8 BLOG ARCHIVE POSTS – EXACT DESIGN
   Match Screenshot 1:1
   ============================================ */

:root{
  --bm8-red:#ca1418;
  --bm8-dark:#07080C;
  --bm8-card:#0d0f14;
  --bm8-glow:rgba(202,20,24,.35);
  --bm8-border:rgba(202,20,24,.45);
  --bm8-text:#ffffff;
  --bm8-muted:rgba(255,255,255,.65);
}

/* ============================================
   GRID GAP (Elementor Archive Layout)
   ============================================ */

.elementor-posts-container{
  gap:22px !important;
}

/* ============================================
   CARD BASE
   ============================================ */

.elementor-post{
  border-radius:22px !important;
  overflow:hidden !important;

  background:linear-gradient(
    180deg,
    rgba(202,20,24,.10),
    rgba(0,0,0,.92)
  ) !important;

  border:1px solid var(--bm8-border) !important;

  box-shadow:
    0 0 0 1px rgba(202,20,24,.18),
    0 25px 80px rgba(0,0,0,.75) !important;

  transition:.28s ease !important;
}

/* Hover lift */
.elementor-post:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(202,20,24,.90) !important;

  box-shadow:
    0 0 25px var(--bm8-glow),
    0 40px 120px rgba(0,0,0,.85) !important;
}

/* ============================================
   THUMBNAIL IMAGE (NO TOP SPACE)
   ============================================ */

.elementor-post__thumbnail{
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
}

.elementor-post__thumbnail__link{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

/* Elementor thumbnail renders as background DIV */
.elementor-post__thumbnail__link div{
  height:210px !important;
  width:100% !important;

  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;

  border-radius:0 !important;
}

/* Red fade overlay like screenshot */
.elementor-post__thumbnail{
  position:relative !important;
}

.elementor-post__thumbnail:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:55%;

  background:linear-gradient(
    180deg,
    rgba(202,20,24,0),
    rgba(202,20,24,.78)
  );

  pointer-events:none;
}

/* ============================================
   CONTENT AREA
   ============================================ */

.elementor-post__text{
  padding:20px 22px 24px !important;
}

/* Title */
.elementor-post__title a{
  font-family:Montserrat, sans-serif !important;
  font-size:20px !important;
  font-weight:800 !important;
  color:var(--bm8-text) !important;

  text-decoration:none !important;
  display:block !important;
}

.elementor-post__title a:hover{
  color:#ff4444 !important;
}

/* Meta (date + comments) */
.elementor-post__meta-data{
  font-size:12px !important;
  font-weight:600 !important;
  color:rgba(255,255,255,.45) !important;
  margin-top:6px !important;
}

/* Excerpt */
.elementor-post__excerpt{
  margin-top:14px !important;

  font-size:14px !important;
  line-height:1.65 !important;
  font-weight:500 !important;

  color:rgba(255,255,255,.55) !important;
}

/* ============================================
   READ MORE BUTTON (BM8 RED PILL)
   ============================================ */

.elementor-post__read-more{
  display:inline-block !important;
  margin-top:18px !important;

  padding:10px 18px !important;
  border-radius:12px !important;

  background:linear-gradient(
    180deg,
    #ff2d39,
    var(--bm8-red)
  ) !important;

  font-size:13px !important;
  font-weight:800 !important;
  color:#fff !important;

  text-decoration:none !important;

  box-shadow:0 12px 28px rgba(202,20,24,.35) !important;

  transition:.25s ease !important;
}

/* Button Hover */
.elementor-post__read-more:hover{
  transform:scale(1.06) !important;

  box-shadow:
    0 0 25px rgba(202,20,24,.55),
    0 18px 50px rgba(0,0,0,.75) !important;

  color:#fff !important;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */

@media(max-width:768px){

  .elementor-post__thumbnail__link div{
    height:180px !important;
  }

  .elementor-post__title a{
    font-size:18px !important;
  }

  .elementor-post__text{
    padding:18px !important;
  }
}/* End custom CSS */